@keyframes dtb-spinner {
  100% {
    transform: rotate(360deg);
  }
}

@-o-keyframes dtb-spinner {
  100% {
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-ms-keyframes dtb-spinner {
  100% {
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-webkit-keyframes dtb-spinner {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-moz-keyframes dtb-spinner {
  100% {
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

div.dt-button-info {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 400px;
  margin-top: -100px;
  margin-left: -200px;
  background-color: white;
  border: 2px solid #111;
  box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.3);
  border-radius: 3px;
  text-align: center;
  z-index: 21;
}

div.dt-button-info h2 {
  padding: 0.5em;
  margin: 0;
  font-weight: normal;
  border-bottom: 1px solid #ddd;
  background-color: #f3f3f3;
}

div.dt-button-info>div {
  padding: 1em;
}

button.dt-button,
div.dt-button,
a.dt-button {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  margin-right: 0.333em;
  padding: 0.5em 1em;
  border: 1px solid #999;
  border-radius: 2px;
  cursor: pointer;
  font-size: 0.88em;
  color: black;
  white-space: nowrap;
  overflow: hidden;
  background-color: #e9e9e9;
  /* Fallback */
  background-image: -webkit-linear-gradient(top, white 0%, #e9e9e9 100%);
  /* Chrome 10+, Saf5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(top, white 0%, #e9e9e9 100%);
  /* FF3.6 */
  background-image: -ms-linear-gradient(top, white 0%, #e9e9e9 100%);
  /* IE10 */
  background-image: -o-linear-gradient(top, white 0%, #e9e9e9 100%);
  /* Opera 11.10+ */
  background-image: linear-gradient(to bottom, white 0%, #e9e9e9 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='white', EndColorStr='#e9e9e9');
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-decoration: none;
  outline: none;
}

button.dt-button.disabled,
div.dt-button.disabled,
a.dt-button.disabled {
  color: #999;
  border: 1px solid #d0d0d0;
  cursor: default;
  background-color: #f9f9f9;
  /* Fallback */
  background-image: -webkit-linear-gradient(top, white 0%, #f9f9f9 100%);
  /* Chrome 10+, Saf5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(top, white 0%, #f9f9f9 100%);
  /* FF3.6 */
  background-image: -ms-linear-gradient(top, white 0%, #f9f9f9 100%);
  /* IE10 */
  background-image: -o-linear-gradient(top, white 0%, #f9f9f9 100%);
  /* Opera 11.10+ */
  background-image: linear-gradient(to bottom, white 0%, #f9f9f9 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='white', EndColorStr='#f9f9f9');
}

button.dt-button:active:not(.disabled),
button.dt-button.active:not(.disabled),
div.dt-button:active:not(.disabled),
div.dt-button.active:not(.disabled),
a.dt-button:active:not(.disabled),
a.dt-button.active:not(.disabled) {
  background-color: #e2e2e2;
  /* Fallback */
  background-image: -webkit-linear-gradient(top, #f3f3f3 0%, #e2e2e2 100%);
  /* Chrome 10+, Saf5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(top, #f3f3f3 0%, #e2e2e2 100%);
  /* FF3.6 */
  background-image: -ms-linear-gradient(top, #f3f3f3 0%, #e2e2e2 100%);
  /* IE10 */
  background-image: -o-linear-gradient(top, #f3f3f3 0%, #e2e2e2 100%);
  /* Opera 11.10+ */
  background-image: linear-gradient(to bottom, #f3f3f3 0%, #e2e2e2 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='#f3f3f3', EndColorStr='#e2e2e2');
  box-shadow: inset 1px 1px 3px #999999;
}

button.dt-button:active:not(.disabled):hover:not(.disabled),
button.dt-button.active:not(.disabled):hover:not(.disabled),
div.dt-button:active:not(.disabled):hover:not(.disabled),
div.dt-button.active:not(.disabled):hover:not(.disabled),
a.dt-button:active:not(.disabled):hover:not(.disabled),
a.dt-button.active:not(.disabled):hover:not(.disabled) {
  box-shadow: inset 1px 1px 3px #999999;
  background-color: #cccccc;
  /* Fallback */
  background-image: -webkit-linear-gradient(top, #eaeaea 0%, #cccccc 100%);
  /* Chrome 10+, Saf5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(top, #eaeaea 0%, #cccccc 100%);
  /* FF3.6 */
  background-image: -ms-linear-gradient(top, #eaeaea 0%, #cccccc 100%);
  /* IE10 */
  background-image: -o-linear-gradient(top, #eaeaea 0%, #cccccc 100%);
  /* Opera 11.10+ */
  background-image: linear-gradient(to bottom, #eaeaea 0%, #cccccc 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='#eaeaea', EndColorStr='#cccccc');
}

button.dt-button:hover,
div.dt-button:hover,
a.dt-button:hover {
  text-decoration: none;
}

button.dt-button:hover:not(.disabled),
div.dt-button:hover:not(.disabled),
a.dt-button:hover:not(.disabled) {
  border: 1px solid #666;
  background-color: #e0e0e0;
  /* Fallback */
  background-image: -webkit-linear-gradient(top, #f9f9f9 0%, #e0e0e0 100%);
  /* Chrome 10+, Saf5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(top, #f9f9f9 0%, #e0e0e0 100%);
  /* FF3.6 */
  background-image: -ms-linear-gradient(top, #f9f9f9 0%, #e0e0e0 100%);
  /* IE10 */
  background-image: -o-linear-gradient(top, #f9f9f9 0%, #e0e0e0 100%);
  /* Opera 11.10+ */
  background-image: linear-gradient(to bottom, #f9f9f9 0%, #e0e0e0 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='#f9f9f9', EndColorStr='#e0e0e0');
}

button.dt-button:focus:not(.disabled),
div.dt-button:focus:not(.disabled),
a.dt-button:focus:not(.disabled) {
  border: 1px solid #426c9e;
  text-shadow: 0 1px 0 #c4def1;
  outline: none;
  background-color: #79ace9;
  /* Fallback */
  background-image: -webkit-linear-gradient(top, #bddef4 0%, #79ace9 100%);
  /* Chrome 10+, Saf5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(top, #bddef4 0%, #79ace9 100%);
  /* FF3.6 */
  background-image: -ms-linear-gradient(top, #bddef4 0%, #79ace9 100%);
  /* IE10 */
  background-image: -o-linear-gradient(top, #bddef4 0%, #79ace9 100%);
  /* Opera 11.10+ */
  background-image: linear-gradient(to bottom, #bddef4 0%, #79ace9 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='#bddef4', EndColorStr='#79ace9');
}

.dt-button embed {
  outline: none;
}

div.dt-buttons {
  position: relative;
  float: left;
}

div.dt-buttons.buttons-right {
  float: right;
}

div.dt-button-collection {
  position: absolute;
  top: 0;
  left: 0;
  width: 150px;
  margin-top: 3px;
  padding: 8px 8px 4px 8px;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.4);
  background-color: white;
  overflow: hidden;
  z-index: 2002;
  border-radius: 5px;
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
  z-index: 2002;
  -webkit-column-gap: 8px;
  -moz-column-gap: 8px;
  -ms-column-gap: 8px;
  -o-column-gap: 8px;
  column-gap: 8px;
}

div.dt-button-collection button.dt-button,
div.dt-button-collection div.dt-button,
div.dt-button-collection a.dt-button {
  position: relative;
  left: 0;
  right: 0;
  display: block;
  float: none;
  margin-bottom: 4px;
  margin-right: 0;
}

div.dt-button-collection button.dt-button:active:not(.disabled),
div.dt-button-collection button.dt-button.active:not(.disabled),
div.dt-button-collection div.dt-button:active:not(.disabled),
div.dt-button-collection div.dt-button.active:not(.disabled),
div.dt-button-collection a.dt-button:active:not(.disabled),
div.dt-button-collection a.dt-button.active:not(.disabled) {
  background-color: #dadada;
  /* Fallback */
  background-image: -webkit-linear-gradient(top, #f0f0f0 0%, #dadada 100%);
  /* Chrome 10+, Saf5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(top, #f0f0f0 0%, #dadada 100%);
  /* FF3.6 */
  background-image: -ms-linear-gradient(top, #f0f0f0 0%, #dadada 100%);
  /* IE10 */
  background-image: -o-linear-gradient(top, #f0f0f0 0%, #dadada 100%);
  /* Opera 11.10+ */
  background-image: linear-gradient(to bottom, #f0f0f0 0%, #dadada 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='#f0f0f0', EndColorStr='#dadada');
  box-shadow: inset 1px 1px 3px #666;
}

div.dt-button-collection.fixed {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-left: -75px;
  border-radius: 0;
}

div.dt-button-collection.fixed.two-column {
  margin-left: -150px;
}

div.dt-button-collection.fixed.three-column {
  margin-left: -225px;
}

div.dt-button-collection.fixed.four-column {
  margin-left: -300px;
}

div.dt-button-collection>* {
  -webkit-column-break-inside: avoid;
  break-inside: avoid;
}

div.dt-button-collection.two-column {
  width: 300px;
  padding-bottom: 1px;
  -webkit-column-count: 2;
  -moz-column-count: 2;
  -ms-column-count: 2;
  -o-column-count: 2;
  column-count: 2;
}

div.dt-button-collection.three-column {
  width: 450px;
  padding-bottom: 1px;
  -webkit-column-count: 3;
  -moz-column-count: 3;
  -ms-column-count: 3;
  -o-column-count: 3;
  column-count: 3;
}

div.dt-button-collection.four-column {
  width: 600px;
  padding-bottom: 1px;
  -webkit-column-count: 4;
  -moz-column-count: 4;
  -ms-column-count: 4;
  -o-column-count: 4;
  column-count: 4;
}

div.dt-button-background {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  /* Fallback */
  background: -ms-radial-gradient(center,
      ellipse farthest-corner,
      rgba(0, 0, 0, 0.3) 0%,
      rgba(0, 0, 0, 0.7) 100%);
  /* IE10 Consumer Preview */
  background: -moz-radial-gradient(center,
      ellipse farthest-corner,
      rgba(0, 0, 0, 0.3) 0%,
      rgba(0, 0, 0, 0.7) 100%);
  /* Firefox */
  background: -o-radial-gradient(center,
      ellipse farthest-corner,
      rgba(0, 0, 0, 0.3) 0%,
      rgba(0, 0, 0, 0.7) 100%);
  /* Opera */
  background: -webkit-gradient(radial,
      center center,
      0,
      center center,
      497,
      color-stop(0, rgba(0, 0, 0, 0.3)),
      color-stop(1, rgba(0, 0, 0, 0.7)));
  /* Webkit (Safari/Chrome 10) */
  background: -webkit-radial-gradient(center,
      ellipse farthest-corner,
      rgba(0, 0, 0, 0.3) 0%,
      rgba(0, 0, 0, 0.7) 100%);
  /* Webkit (Chrome 11+) */
  background: radial-gradient(ellipse farthest-corner at center,
      rgba(0, 0, 0, 0.3) 0%,
      rgba(0, 0, 0, 0.7) 100%);
  /* W3C Markup, IE10 Release Preview */
  z-index: 2001;
}

@media screen and (max-width: 640px) {
  div.dt-buttons {
    float: none !important;
    text-align: center;
  }
}

button.dt-button.processing,
div.dt-button.processing,
a.dt-button.processing {
  color: rgba(0, 0, 0, 0.2);
}

button.dt-button.processing:after,
div.dt-button.processing:after,
a.dt-button.processing:after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 16px;
  height: 16px;
  margin: -8px 0 0 -8px;
  box-sizing: border-box;
  display: block;
  content: ' ';
  border: 2px solid #282828;
  border-radius: 50%;
  border-left-color: transparent;
  border-right-color: transparent;
  animation: dtb-spinner 1500ms infinite linear;
  -o-animation: dtb-spinner 1500ms infinite linear;
  -ms-animation: dtb-spinner 1500ms infinite linear;
  -webkit-animation: dtb-spinner 1500ms infinite linear;
  -moz-animation: dtb-spinner 1500ms infinite linear;
}

div.DTS {
  display: block !important;
}

div.DTS tbody th,
div.DTS tbody td {
  white-space: nowrap;
}

div.DTS div.DTS_Loading {
  z-index: 1;
}

div.DTS div.dataTables_scrollBody {
  background: repeating-linear-gradient(45deg,
      #edeeff,
      #edeeff 10px,
      white 10px,
      white 20px);
}

div.DTS div.dataTables_scrollBody table {
  z-index: 2;
}

div.DTS div.dataTables_paginate,
div.DTS div.dataTables_length {
  display: none;
}

/*
 * Table styles
 */
table.dataTable {
  width: 100%;
  margin: 0 auto;
  clear: both;
  border-collapse: separate;
  border-spacing: 0;
  /*
   * Header and footer styles
   */
  /*
   * Body styles
   */
}

table.dataTable thead th,
table.dataTable tfoot th {
  font-weight: bold;
}

table.dataTable thead th,
table.dataTable thead td {
  padding: 10px 18px;
  border-bottom: 1px solid #111;
}

table.dataTable thead th:active,
table.dataTable thead td:active {
  outline: none;
}

table.dataTable tfoot th,
table.dataTable tfoot td {
  padding: 10px 18px 6px 18px;
  border-top: 1px solid #111;
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
  cursor: pointer;
  *cursor: hand;
  background-repeat: no-repeat;
  background-position: center right;
}

/*
table.dataTable thead .sorting {
  background-image: url('../images/sort_both.png');
}

table.dataTable thead .sorting_asc {
  background-image: url('../images/sort_asc.png');
}

table.dataTable thead .sorting_desc {
  background-image: url('../images/sort_desc.png');
}

table.dataTable thead .sorting_asc_disabled {
  background-image: url('../images/sort_asc_disabled.png');
}

table.dataTable thead .sorting_desc_disabled {
  background-image: url('../images/sort_desc_disabled.png');
} */

table.dataTable tbody tr {
  background-color: #ffffff;
}

table.dataTable tbody tr.selected {
  background-color: #b0bed9;
}

table.dataTable tbody th,
table.dataTable tbody td {
  padding: 8px 10px;
}

table.dataTable.row-border tbody th,
table.dataTable.row-border tbody td,
table.dataTable.display tbody th,
table.dataTable.display tbody td {
  border-top: 1px solid #ddd;
}

table.dataTable.row-border tbody tr:first-child th,
table.dataTable.row-border tbody tr:first-child td,
table.dataTable.display tbody tr:first-child th,
table.dataTable.display tbody tr:first-child td {
  border-top: none;
}

table.dataTable.cell-border tbody th,
table.dataTable.cell-border tbody td {
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd;
}

table.dataTable.cell-border tbody tr th:first-child,
table.dataTable.cell-border tbody tr td:first-child {
  border-left: 1px solid #ddd;
}

table.dataTable.cell-border tbody tr:first-child th,
table.dataTable.cell-border tbody tr:first-child td {
  border-top: none;
}

table.dataTable.stripe tbody tr.odd,
table.dataTable.display tbody tr.odd {
  background-color: #f9f9f9;
}

table.dataTable.stripe tbody tr.odd.selected,
table.dataTable.display tbody tr.odd.selected {
  background-color: #acbad4;
}

table.dataTable.hover tbody tr:hover,
table.dataTable.display tbody tr:hover {
  background-color: #f6f6f6;
}

table.dataTable.hover tbody tr:hover.selected,
table.dataTable.display tbody tr:hover.selected {
  background-color: #aab7d1;
}

table.dataTable.order-column tbody tr>.sorting_1,
table.dataTable.order-column tbody tr>.sorting_2,
table.dataTable.order-column tbody tr>.sorting_3,
table.dataTable.display tbody tr>.sorting_1,
table.dataTable.display tbody tr>.sorting_2,
table.dataTable.display tbody tr>.sorting_3 {
  background-color: #fafafa;
}

table.dataTable.order-column tbody tr.selected>.sorting_1,
table.dataTable.order-column tbody tr.selected>.sorting_2,
table.dataTable.order-column tbody tr.selected>.sorting_3,
table.dataTable.display tbody tr.selected>.sorting_1,
table.dataTable.display tbody tr.selected>.sorting_2,
table.dataTable.display tbody tr.selected>.sorting_3 {
  background-color: #acbad5;
}

table.dataTable.display tbody tr.odd>.sorting_1,
table.dataTable.order-column.stripe tbody tr.odd>.sorting_1 {
  background-color: #f1f1f1;
}

table.dataTable.display tbody tr.odd>.sorting_2,
table.dataTable.order-column.stripe tbody tr.odd>.sorting_2 {
  background-color: #f3f3f3;
}

table.dataTable.display tbody tr.odd>.sorting_3,
table.dataTable.order-column.stripe tbody tr.odd>.sorting_3 {
  background-color: whitesmoke;
}

table.dataTable.display tbody tr.odd.selected>.sorting_1,
table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_1 {
  background-color: #a6b4cd;
}

table.dataTable.display tbody tr.odd.selected>.sorting_2,
table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_2 {
  background-color: #a8b5cf;
}

table.dataTable.display tbody tr.odd.selected>.sorting_3,
table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_3 {
  background-color: #a9b7d1;
}

table.dataTable.display tbody tr.even>.sorting_1,
table.dataTable.order-column.stripe tbody tr.even>.sorting_1 {
  background-color: #fafafa;
}

table.dataTable.display tbody tr.even>.sorting_2,
table.dataTable.order-column.stripe tbody tr.even>.sorting_2 {
  background-color: #fcfcfc;
}

table.dataTable.display tbody tr.even>.sorting_3,
table.dataTable.order-column.stripe tbody tr.even>.sorting_3 {
  background-color: #fefefe;
}

table.dataTable.display tbody tr.even.selected>.sorting_1,
table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_1 {
  background-color: #acbad5;
}

table.dataTable.display tbody tr.even.selected>.sorting_2,
table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_2 {
  background-color: #aebcd6;
}

table.dataTable.display tbody tr.even.selected>.sorting_3,
table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_3 {
  background-color: #afbdd8;
}

table.dataTable.display tbody tr:hover>.sorting_1,
table.dataTable.order-column.hover tbody tr:hover>.sorting_1 {
  background-color: #eaeaea;
}

table.dataTable.display tbody tr:hover>.sorting_2,
table.dataTable.order-column.hover tbody tr:hover>.sorting_2 {
  background-color: #ececec;
}

table.dataTable.display tbody tr:hover>.sorting_3,
table.dataTable.order-column.hover tbody tr:hover>.sorting_3 {
  background-color: #efefef;
}

table.dataTable.display tbody tr:hover.selected>.sorting_1,
table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_1 {
  background-color: #a2aec7;
}

table.dataTable.display tbody tr:hover.selected>.sorting_2,
table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_2 {
  background-color: #a3b0c9;
}

table.dataTable.display tbody tr:hover.selected>.sorting_3,
table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_3 {
  background-color: #a5b2cb;
}

table.dataTable.no-footer {
  border-bottom: 1px solid #111;
}

table.dataTable.nowrap th,
table.dataTable.nowrap td {
  white-space: nowrap;
}

table.dataTable.compact thead th,
table.dataTable.compact thead td {
  padding: 4px 17px;
}

table.dataTable.compact tfoot th,
table.dataTable.compact tfoot td {
  padding: 4px;
}

table.dataTable.compact tbody th,
table.dataTable.compact tbody td {
  padding: 4px;
}

table.dataTable th.dt-left,
table.dataTable td.dt-left {
  text-align: left;
}

table.dataTable th.dt-center,
table.dataTable td.dt-center,
table.dataTable td.dataTables_empty {
  text-align: center;
}

table.dataTable th.dt-right,
table.dataTable td.dt-right {
  text-align: right;
}

table.dataTable th.dt-justify,
table.dataTable td.dt-justify {
  text-align: justify;
}

table.dataTable th.dt-nowrap,
table.dataTable td.dt-nowrap {
  white-space: nowrap;
}

table.dataTable thead th.dt-head-left,
table.dataTable thead td.dt-head-left,
table.dataTable tfoot th.dt-head-left,
table.dataTable tfoot td.dt-head-left {
  text-align: left;
}

table.dataTable thead th.dt-head-center,
table.dataTable thead td.dt-head-center,
table.dataTable tfoot th.dt-head-center,
table.dataTable tfoot td.dt-head-center {
  text-align: center;
}

table.dataTable thead th.dt-head-right,
table.dataTable thead td.dt-head-right,
table.dataTable tfoot th.dt-head-right,
table.dataTable tfoot td.dt-head-right {
  text-align: right;
}

table.dataTable thead th.dt-head-justify,
table.dataTable thead td.dt-head-justify,
table.dataTable tfoot th.dt-head-justify,
table.dataTable tfoot td.dt-head-justify {
  text-align: justify;
}

table.dataTable thead th.dt-head-nowrap,
table.dataTable thead td.dt-head-nowrap,
table.dataTable tfoot th.dt-head-nowrap,
table.dataTable tfoot td.dt-head-nowrap {
  white-space: nowrap;
}

table.dataTable tbody th.dt-body-left,
table.dataTable tbody td.dt-body-left {
  text-align: left;
}

table.dataTable tbody th.dt-body-center,
table.dataTable tbody td.dt-body-center {
  text-align: center;
}

table.dataTable tbody th.dt-body-right,
table.dataTable tbody td.dt-body-right {
  text-align: right;
}

table.dataTable tbody th.dt-body-justify,
table.dataTable tbody td.dt-body-justify {
  text-align: justify;
}

table.dataTable tbody th.dt-body-nowrap,
table.dataTable tbody td.dt-body-nowrap {
  white-space: nowrap;
}

table.dataTable,
table.dataTable th,
table.dataTable td {
  box-sizing: content-box;
}

/*
 * Control feature layout
 */
.dataTables_wrapper {
  position: relative;
  clear: both;
  *zoom: 1;
  zoom: 1;
}

.dataTables_wrapper .dataTables_length {
  float: left;
}

.dataTables_wrapper .dataTables_filter {
  float: right;
  text-align: right;
}

.dataTables_wrapper .dataTables_filter input {
  margin-left: 0.5em;
}

.dataTables_wrapper .dataTables_info {
  clear: both;
  float: left;
  padding-top: 0.755em;
}

.dataTables_wrapper .dataTables_paginate {
  float: right;
  text-align: right;
  padding-top: 0.25em;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
  box-sizing: border-box;
  display: inline-block;
  min-width: 1.5em;
  padding: 0.5em 1em;
  margin-left: 2px;
  text-align: center;
  text-decoration: none !important;
  cursor: pointer;
  *cursor: hand;
  color: #333 !important;
  border: 1px solid transparent;
  border-radius: 2px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  color: #333 !important;
  border: 1px solid #979797;
  background-color: white;
  background: -webkit-gradient(linear,
      left top,
      left bottom,
      color-stop(0%, white),
      color-stop(100%, #dcdcdc));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, white 0%, #dcdcdc 100%);
  /* Chrome10+,Safari5.1+ */
  background: -moz-linear-gradient(top, white 0%, #dcdcdc 100%);
  /* FF3.6+ */
  background: -ms-linear-gradient(top, white 0%, #dcdcdc 100%);
  /* IE10+ */
  background: -o-linear-gradient(top, white 0%, #dcdcdc 100%);
  /* Opera 11.10+ */
  background: linear-gradient(to bottom, white 0%, #dcdcdc 100%);
  /* W3C */
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
  cursor: default;
  color: #666 !important;
  border: 1px solid transparent;
  background: transparent;
  box-shadow: none;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  color: white !important;
  border: 1px solid #111;
  background-color: #585858;
  background: -webkit-gradient(linear,
      left top,
      left bottom,
      color-stop(0%, #585858),
      color-stop(100%, #111));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #585858 0%, #111 100%);
  /* Chrome10+,Safari5.1+ */
  background: -moz-linear-gradient(top, #585858 0%, #111 100%);
  /* FF3.6+ */
  background: -ms-linear-gradient(top, #585858 0%, #111 100%);
  /* IE10+ */
  background: -o-linear-gradient(top, #585858 0%, #111 100%);
  /* Opera 11.10+ */
  background: linear-gradient(to bottom, #585858 0%, #111 100%);
  /* W3C */
}

.dataTables_wrapper .dataTables_paginate .paginate_button:active {
  outline: none;
  background-color: #2b2b2b;
  background: -webkit-gradient(linear,
      left top,
      left bottom,
      color-stop(0%, #2b2b2b),
      color-stop(100%, #0c0c0c));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  /* Chrome10+,Safari5.1+ */
  background: -moz-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  /* FF3.6+ */
  background: -ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  /* IE10+ */
  background: -o-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  /* Opera 11.10+ */
  background: linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%);
  /* W3C */
  box-shadow: inset 0 0 3px #111;
}

.dataTables_wrapper .dataTables_paginate .ellipsis {
  padding: 0 1em;
}

.dataTables_wrapper .dataTables_processing {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 40px;
  margin-left: -50%;
  margin-top: -25px;
  padding-top: 20px;
  text-align: center;
  font-size: 1.2em;
  background-color: white;
  background: -webkit-gradient(linear,
      left top,
      right top,
      color-stop(0%, rgba(255, 255, 255, 0)),
      color-stop(25%, rgba(255, 255, 255, 0.9)),
      color-stop(75%, rgba(255, 255, 255, 0.9)),
      color-stop(100%, rgba(255, 255, 255, 0)));
  background: -webkit-linear-gradient(left,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 0.9) 25%,
      rgba(255, 255, 255, 0.9) 75%,
      rgba(255, 255, 255, 0) 100%);
  background: -moz-linear-gradient(left,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 0.9) 25%,
      rgba(255, 255, 255, 0.9) 75%,
      rgba(255, 255, 255, 0) 100%);
  background: -ms-linear-gradient(left,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 0.9) 25%,
      rgba(255, 255, 255, 0.9) 75%,
      rgba(255, 255, 255, 0) 100%);
  background: -o-linear-gradient(left,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 0.9) 25%,
      rgba(255, 255, 255, 0.9) 75%,
      rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to right,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 0.9) 25%,
      rgba(255, 255, 255, 0.9) 75%,
      rgba(255, 255, 255, 0) 100%);
}

.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_processing,
.dataTables_wrapper .dataTables_paginate {
  color: #333;
}

.dataTables_wrapper .dataTables_scroll {
  clear: both;
}

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
  *margin-top: -1px;
  -webkit-overflow-scrolling: touch;
}

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>th,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>td,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>th,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>td {
  vertical-align: middle;
}

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>th>div.dataTables_sizing,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>td>div.dataTables_sizing,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>th>div.dataTables_sizing,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>td>div.dataTables_sizing {
  height: 0;
  overflow: hidden;
  margin: 0 !important;
  padding: 0 !important;
}

.dataTables_wrapper.no-footer .dataTables_scrollBody {
  border-bottom: 1px solid #111;
}

.dataTables_wrapper.no-footer div.dataTables_scrollHead table.dataTable,
.dataTables_wrapper.no-footer div.dataTables_scrollBody>table {
  border-bottom: none;
}

.dataTables_wrapper:after {
  visibility: hidden;
  display: block;
  content: '';
  clear: both;
  height: 0;
}

@media screen and (max-width: 767px) {

  .dataTables_wrapper .dataTables_info,
  .dataTables_wrapper .dataTables_paginate {
    float: none;
    text-align: center;
  }

  .dataTables_wrapper .dataTables_paginate {
    margin-top: 0.5em;
  }
}

@media screen and (max-width: 640px) {

  .dataTables_wrapper .dataTables_length,
  .dataTables_wrapper .dataTables_filter {
    float: none;
    text-align: center;
  }

  .dataTables_wrapper .dataTables_filter {
    margin-top: 0.5em;
  }
}

@-webkit-keyframes passing-through {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
  }

  30%,
  70% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px);
  }
}

@-moz-keyframes passing-through {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
  }

  30%,
  70% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px);
  }
}

@keyframes passing-through {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
  }

  30%,
  70% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px);
  }
}

@-webkit-keyframes slide-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
  }

  30% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
}

@-moz-keyframes slide-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
  }

  30% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
}

@keyframes slide-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
  }

  30% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
}

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }

  10% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }

  20% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}

@-moz-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }

  10% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }

  20% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }

  10% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }

  20% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}

.dropzone,
.dropzone * {
  box-sizing: border-box;
}

.dropzone {
  min-height: 150px;
  border: 2px solid rgba(0, 0, 0, 0.3);
  background: white;
  padding: 20px 20px;
}

.dropzone.dz-clickable {
  cursor: pointer;
}

.dropzone.dz-clickable * {
  cursor: default;
}

.dropzone.dz-clickable .dz-message,
.dropzone.dz-clickable .dz-message * {
  cursor: pointer;
}

.dropzone.dz-started .dz-message {
  display: none;
}

.dropzone.dz-drag-hover {
  border-style: solid;
}

.dropzone.dz-drag-hover .dz-message {
  opacity: 0.5;
}

.dropzone .dz-message {
  text-align: center;
  margin: 2em 0;
}

.dropzone .dz-preview {
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin: 16px;
  min-height: 100px;
}

.dropzone .dz-preview:hover {
  z-index: 1000;
}

.dropzone .dz-preview:hover .dz-details {
  opacity: 1;
}

.dropzone .dz-preview.dz-file-preview .dz-image {
  border-radius: 20px;
  background: #999;
  background: linear-gradient(to bottom, #eee, #ddd);
}

.dropzone .dz-preview.dz-file-preview .dz-details {
  opacity: 1;
}

.dropzone .dz-preview.dz-image-preview {
  background: white;
}

.dropzone .dz-preview.dz-image-preview .dz-details {
  -webkit-transition: opacity 0.2s linear;
  -moz-transition: opacity 0.2s linear;
  -ms-transition: opacity 0.2s linear;
  -o-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}

.dropzone .dz-preview .dz-remove {
  font-size: 14px;
  text-align: center;
  display: block;
  cursor: pointer;
  border: none;
}

.dropzone .dz-preview .dz-remove:hover {
  text-decoration: underline;
}

.dropzone .dz-preview:hover .dz-details {
  opacity: 1;
}

.dropzone .dz-preview .dz-details {
  z-index: 20;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  font-size: 13px;
  min-width: 100%;
  max-width: 100%;
  padding: 2em 1em;
  text-align: center;
  color: rgba(0, 0, 0, 0.9);
  line-height: 150%;
}

.dropzone .dz-preview .dz-details .dz-size {
  margin-bottom: 1em;
  font-size: 16px;
}

.dropzone .dz-preview .dz-details .dz-filename {
  white-space: nowrap;
}

.dropzone .dz-preview .dz-details .dz-filename:hover span {
  border: 1px solid rgba(200, 200, 200, 0.8);
  background-color: rgba(255, 255, 255, 0.8);
}

.dropzone .dz-preview .dz-details .dz-filename:not(:hover) {
  overflow: hidden;
  text-overflow: ellipsis;
}

.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span {
  border: 1px solid transparent;
}

.dropzone .dz-preview .dz-details .dz-filename span,
.dropzone .dz-preview .dz-details .dz-size span {
  background-color: rgba(255, 255, 255, 0.4);
  padding: 0 0.4em;
  border-radius: 3px;
}

.dropzone .dz-preview:hover .dz-image img {
  -webkit-transform: scale(1.05, 1.05);
  -moz-transform: scale(1.05, 1.05);
  -ms-transform: scale(1.05, 1.05);
  -o-transform: scale(1.05, 1.05);
  transform: scale(1.05, 1.05);
  -webkit-filter: blur(8px);
  filter: blur(8px);
}

.dropzone .dz-preview .dz-image {
  border-radius: 20px;
  overflow: hidden;
  width: 120px;
  height: 120px;
  position: relative;
  display: block;
  z-index: 10;
}

.dropzone .dz-preview .dz-image img {
  display: block;
}

.dropzone .dz-preview.dz-success .dz-success-mark {
  -webkit-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
  -moz-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
  -ms-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
  -o-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
  animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
}

.dropzone .dz-preview.dz-error .dz-error-mark {
  opacity: 1;
  -webkit-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
  -moz-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
  -ms-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
  -o-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
  animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
}

.dropzone .dz-preview .dz-success-mark,
.dropzone .dz-preview .dz-error-mark {
  pointer-events: none;
  opacity: 0;
  z-index: 500;
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  margin-left: -27px;
  margin-top: -27px;
}

.dropzone .dz-preview .dz-success-mark svg,
.dropzone .dz-preview .dz-error-mark svg {
  display: block;
  width: 54px;
  height: 54px;
}

.dropzone .dz-preview.dz-processing .dz-progress {
  opacity: 1;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.dropzone .dz-preview.dz-complete .dz-progress {
  opacity: 0;
  -webkit-transition: opacity 0.4s ease-in;
  -moz-transition: opacity 0.4s ease-in;
  -ms-transition: opacity 0.4s ease-in;
  -o-transition: opacity 0.4s ease-in;
  transition: opacity 0.4s ease-in;
}

.dropzone .dz-preview:not(.dz-processing) .dz-progress {
  -webkit-animation: pulse 6s ease infinite;
  -moz-animation: pulse 6s ease infinite;
  -ms-animation: pulse 6s ease infinite;
  -o-animation: pulse 6s ease infinite;
  animation: pulse 6s ease infinite;
}

.dropzone .dz-preview .dz-progress {
  opacity: 1;
  z-index: 1000;
  pointer-events: none;
  position: absolute;
  height: 16px;
  left: 50%;
  top: 50%;
  margin-top: -8px;
  width: 80px;
  margin-left: -40px;
  background: rgba(255, 255, 255, 0.9);
  -webkit-transform: scale(1);
  border-radius: 8px;
  overflow: hidden;
}

.dropzone .dz-preview .dz-progress .dz-upload {
  background: #333;
  background: linear-gradient(to bottom, #666, #444);
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 0;
  -webkit-transition: width 300ms ease-in-out;
  -moz-transition: width 300ms ease-in-out;
  -ms-transition: width 300ms ease-in-out;
  -o-transition: width 300ms ease-in-out;
  transition: width 300ms ease-in-out;
}

.dropzone .dz-preview.dz-error .dz-error-message {
  display: block;
}

.dropzone .dz-preview.dz-error:hover .dz-error-message {
  opacity: 1;
  pointer-events: auto;
}

.dropzone .dz-preview .dz-error-message {
  pointer-events: none;
  z-index: 1000;
  position: absolute;
  display: block;
  display: none;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -ms-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  border-radius: 8px;
  font-size: 13px;
  top: 130px;
  left: -10px;
  width: 140px;
  background: #be2626;
  background: linear-gradient(to bottom, #be2626, #a92222);
  padding: 0.5em 1.2em;
  color: white;
}

.dropzone .dz-preview .dz-error-message:after {
  content: '';
  position: absolute;
  top: -6px;
  left: 64px;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #be2626;
}

/*!
 * FullCalendar v2.3.1 Stylesheet
 * Docs & License: http://fullcalendar.io/
 * (c) 2015 Adam Shaw
 */
.fc {
  direction: ltr;
  text-align: left;
}

.fc-rtl {
  text-align: right;
}

body .fc {
  /* extra precedence to overcome jqui */
  font-size: 1em;
}

/* Colors
--------------------------------------------------------------------------------------------------*/
.fc-unthemed th,
.fc-unthemed td,
.fc-unthemed thead,
.fc-unthemed tbody,
.fc-unthemed .fc-divider,
.fc-unthemed .fc-row,
.fc-unthemed .fc-popover {
  border-color: #ddd;
}

.fc-unthemed .fc-popover {
  background-color: #fff;
}

.fc-unthemed .fc-divider,
.fc-unthemed .fc-popover .fc-header {
  background: #eee;
}

.fc-unthemed .fc-popover .fc-header .fc-close {
  color: #666;
}

.fc-unthemed .fc-today {
  background: #fcf8e3;
}

.fc-highlight {
  /* when user is selecting cells */
  background: #bce8f1;
  opacity: 0.3;
  filter: alpha(opacity=30);
  /* for IE */
}

.fc-bgevent {
  /* default look for background events */
  background: #8fdf82;
  opacity: 0.3;
  filter: alpha(opacity=30);
  /* for IE */
}

.fc-nonbusiness {
  /* default look for non-business-hours areas */
  /* will inherit .fc-bgevent's styles */
  background: #d7d7d7;
}

/* Icons (inline elements with styled text that mock arrow icons)
--------------------------------------------------------------------------------------------------*/
.fc-icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1em;
  font-size: 1em;
  text-align: center;
  overflow: hidden;
  font-family: 'Courier New', Courier, monospace;
}

/*
Acceptable font-family overrides for individual icons:
	"Arial", sans-serif
	"Times New Roman", serif

NOTE: use percentage font sizes or else old IE chokes
*/
.fc-icon:after {
  position: relative;
  margin: 0 -1em;
  /* ensures character will be centered, regardless of width */
}

.fc-icon-left-single-arrow:after {
  content: '\02039';
  font-weight: bold;
  font-size: 200%;
  top: -7%;
  left: 3%;
}

.fc-icon-right-single-arrow:after {
  content: '\0203A';
  font-weight: bold;
  font-size: 200%;
  top: -7%;
  left: -3%;
}

.fc-icon-left-double-arrow:after {
  content: '\000AB';
  font-size: 160%;
  top: -7%;
}

.fc-icon-right-double-arrow:after {
  content: '\000BB';
  font-size: 160%;
  top: -7%;
}

.fc-icon-left-triangle:after {
  content: '\25C4';
  font-size: 125%;
  top: 3%;
  left: -2%;
}

.fc-icon-right-triangle:after {
  content: '\25BA';
  font-size: 125%;
  top: 3%;
  left: 2%;
}

.fc-icon-down-triangle:after {
  content: '\25BC';
  font-size: 125%;
  top: 2%;
}

.fc-icon-x:after {
  content: '\000D7';
  font-size: 200%;
  top: 6%;
}

/* Buttons (styled <button> tags, normalized to work cross-browser)
--------------------------------------------------------------------------------------------------*/
.fc button {
  /* force height to include the border and padding */
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* dimensions */
  margin: 0;
  height: 2.1em;
  padding: 0 0.6em;
  /* text & cursor */
  font-size: 1em;
  /* normalize */
  white-space: nowrap;
  cursor: pointer;
}

/* Firefox has an annoying inner border */
.fc button::-moz-focus-inner {
  margin: 0;
  padding: 0;
}

.fc-state-default {
  /* non-theme */
  border: 1px solid;
}

.fc-state-default.fc-corner-left {
  /* non-theme */
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.fc-state-default.fc-corner-right {
  /* non-theme */
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

/* icons in buttons */
.fc button .fc-icon {
  /* non-theme */
  position: relative;
  top: -0.05em;
  /* seems to be a good adjustment across browsers */
  margin: 0 0.2em;
  vertical-align: middle;
}

/*
  button states
  borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/)
*/
.fc-state-default {
  background-color: #f5f5f5;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear,
      0 0,
      0 100%,
      from(#ffffff),
      to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  color: #333;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2),
    0 1px 2px rgba(0, 0, 0, 0.05);
}

.fc-state-hover,
.fc-state-down,
.fc-state-active,
.fc-state-disabled {
  color: #333333;
  background-color: #e6e6e6;
}

.fc-state-hover {
  color: #333333;
  text-decoration: none;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
  -moz-transition: background-position 0.1s linear;
  -o-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
}

.fc-state-down,
.fc-state-active {
  background-color: #cccccc;
  background-image: none;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.fc-state-disabled {
  cursor: default;
  background-image: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  box-shadow: none;
}

/* Buttons Groups
--------------------------------------------------------------------------------------------------*/
.fc-button-group {
  display: inline-block;
}

/*
every button that is not first in a button group should scootch over one pixel and cover the
previous button's border...
*/
.fc .fc-button-group>* {
  /* extra precedence b/c buttons have margin set to zero */
  float: left;
  margin: 0 0 0 -1px;
}

.fc .fc-button-group> :first-child {
  /* same */
  margin-left: 0;
}

/* Popover
--------------------------------------------------------------------------------------------------*/
.fc-popover {
  position: absolute;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}

.fc-popover .fc-header {
  /* TODO: be more consistent with fc-head/fc-body */
  padding: 2px 4px;
}

.fc-popover .fc-header .fc-title {
  margin: 0 2px;
}

.fc-popover .fc-header .fc-close {
  cursor: pointer;
}

.fc-ltr .fc-popover .fc-header .fc-title,
.fc-rtl .fc-popover .fc-header .fc-close {
  float: left;
}

.fc-rtl .fc-popover .fc-header .fc-title,
.fc-ltr .fc-popover .fc-header .fc-close {
  float: right;
}

/* unthemed */
.fc-unthemed .fc-popover {
  border-width: 1px;
  border-style: solid;
}

.fc-unthemed .fc-popover .fc-header .fc-close {
  font-size: 0.9em;
  margin-top: 2px;
}

/* jqui themed */
.fc-popover>.ui-widget-header+.ui-widget-content {
  border-top: 0;
  /* where they meet, let the header have the border */
}

/* Misc Reusable Components
--------------------------------------------------------------------------------------------------*/
.fc-divider {
  border-style: solid;
  border-width: 1px;
}

hr.fc-divider {
  height: 0;
  margin: 0;
  padding: 0 0 2px;
  /* height is unreliable across browsers, so use padding */
  border-width: 1px 0;
}

.fc-clear {
  clear: both;
}

.fc-bg,
.fc-bgevent-skeleton,
.fc-highlight-skeleton,
.fc-helper-skeleton {
  /* these element should always cling to top-left/right corners */
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.fc-bg {
  bottom: 0;
  /* strech bg to bottom edge */
}

.fc-bg table {
  height: 100%;
  /* strech bg to bottom edge */
}

/* Tables
--------------------------------------------------------------------------------------------------*/
.fc table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 1em;
  /* normalize cross-browser */
}

.fc th {
  text-align: center;
}

.fc th,
.fc td {
  border-style: solid;
  border-width: 1px;
  padding: 0;
  vertical-align: top;
}

.fc td.fc-today {
  border-style: double;
  /* overcome neighboring borders */
}

/* Fake Table Rows
--------------------------------------------------------------------------------------------------*/
.fc .fc-row {
  /* extra precedence to overcome themes w/ .ui-widget-content forcing a 1px border */
  /* no visible border by default. but make available if need be (scrollbar width compensation) */
  border-style: solid;
  border-width: 0;
}

.fc-row table {
  /* don't put left/right border on anything within a fake row.
	   the outer tbody will worry about this */
  border-left: 0 hidden transparent;
  border-right: 0 hidden transparent;
  /* no bottom borders on rows */
  border-bottom: 0 hidden transparent;
}

.fc-row:first-child table {
  border-top: 0 hidden transparent;
  /* no top border on first row */
}

/* Day Row (used within the header and the DayGrid)
--------------------------------------------------------------------------------------------------*/
.fc-row {
  position: relative;
}

.fc-row .fc-bg {
  z-index: 1;
}

/* highlighting cells & background event skeleton */
.fc-row .fc-bgevent-skeleton,
.fc-row .fc-highlight-skeleton {
  bottom: 0;
  /* stretch skeleton to bottom of row */
}

.fc-row .fc-bgevent-skeleton table,
.fc-row .fc-highlight-skeleton table {
  height: 100%;
  /* stretch skeleton to bottom of row */
}

.fc-row .fc-highlight-skeleton td,
.fc-row .fc-bgevent-skeleton td {
  border-color: transparent;
}

.fc-row .fc-bgevent-skeleton {
  z-index: 2;
}

.fc-row .fc-highlight-skeleton {
  z-index: 3;
}

/*
row content (which contains day/week numbers and events) as well as "helper" (which contains
temporary rendered events).
*/
.fc-row .fc-content-skeleton {
  position: relative;
  z-index: 4;
  padding-bottom: 2px;
  /* matches the space above the events */
}

.fc-row .fc-helper-skeleton {
  z-index: 5;
}

.fc-row .fc-content-skeleton td,
.fc-row .fc-helper-skeleton td {
  /* see-through to the background below */
  background: none;
  /* in case <td>s are globally styled */
  border-color: transparent;
  /* don't put a border between events and/or the day number */
  border-bottom: 0;
}

.fc-row .fc-content-skeleton tbody td,
.fc-row .fc-helper-skeleton tbody td {
  /* don't put a border between event cells */
  border-top: 0;
}

/* Scrolling Container
--------------------------------------------------------------------------------------------------*/
.fc-scroller {
  /* this class goes on elements for guaranteed vertical scrollbars */
  overflow-y: scroll;
  overflow-x: hidden;
}

.fc-scroller>* {
  /* we expect an immediate inner element */
  position: relative;
  /* re-scope all positions */
  width: 100%;
  /* hack to force re-sizing this inner element when scrollbars appear/disappear */
  overflow: hidden;
  /* don't let negative margins or absolute positioning create further scroll */
}

/* Global Event Styles
--------------------------------------------------------------------------------------------------*/
.fc-event {
  position: relative;
  /* for resize handle and other inner positioning */
  display: block;
  /* make the <a> tag block */
  font-size: 0.85em;
  line-height: 1.3;
  border-radius: 3px;
  border: 1px solid #3a87ad;
  /* default BORDER color */
  background-color: #3a87ad;
  /* default BACKGROUND color */
  font-weight: normal;
  /* undo jqui's ui-widget-header bold */
}

/* overpower some of bootstrap's and jqui's styles on <a> tags */
.fc-event,
.fc-event:hover,
.ui-widget .fc-event {
  color: #fff;
  /* default TEXT color */
  text-decoration: none;
  /* if <a> has an href */
}

.fc-event[href],
.fc-event.fc-draggable {
  cursor: pointer;
  /* give events with links and draggable events a hand mouse pointer */
}

.fc-not-allowed,
.fc-not-allowed .fc-event {
  /* to override an event's custom cursor */
  cursor: not-allowed;
}

.fc-event .fc-bg {
  /* the generic .fc-bg already does position */
  z-index: 1;
  background: #fff;
  opacity: 0.25;
  filter: alpha(opacity=25);
  /* for IE */
}

.fc-event .fc-content {
  position: relative;
  z-index: 2;
}

.fc-event .fc-resizer {
  position: absolute;
  z-index: 3;
}

/* Horizontal Events
--------------------------------------------------------------------------------------------------*/
/* events that are continuing to/from another week. kill rounded corners and butt up against edge */
.fc-ltr .fc-h-event.fc-not-start,
.fc-rtl .fc-h-event.fc-not-end {
  margin-left: 0;
  border-left-width: 0;
  padding-left: 1px;
  /* replace the border with padding */
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.fc-ltr .fc-h-event.fc-not-end,
.fc-rtl .fc-h-event.fc-not-start {
  margin-right: 0;
  border-right-width: 0;
  padding-right: 1px;
  /* replace the border with padding */
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

/* resizer */
.fc-h-event .fc-resizer {
  /* positioned it to overcome the event's borders */
  top: -1px;
  bottom: -1px;
  left: -1px;
  right: -1px;
  width: 5px;
}

/* left resizer  */
.fc-ltr .fc-h-event .fc-start-resizer,
.fc-ltr .fc-h-event .fc-start-resizer:before,
.fc-ltr .fc-h-event .fc-start-resizer:after,
.fc-rtl .fc-h-event .fc-end-resizer,
.fc-rtl .fc-h-event .fc-end-resizer:before,
.fc-rtl .fc-h-event .fc-end-resizer:after {
  right: auto;
  /* ignore the right and only use the left */
  cursor: w-resize;
}

/* right resizer */
.fc-ltr .fc-h-event .fc-end-resizer,
.fc-ltr .fc-h-event .fc-end-resizer:before,
.fc-ltr .fc-h-event .fc-end-resizer:after,
.fc-rtl .fc-h-event .fc-start-resizer,
.fc-rtl .fc-h-event .fc-start-resizer:before,
.fc-rtl .fc-h-event .fc-start-resizer:after {
  left: auto;
  /* ignore the left and only use the right */
  cursor: e-resize;
}

/* DayGrid events
----------------------------------------------------------------------------------------------------
We use the full "fc-day-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/
.fc-day-grid-event {
  margin: 1px 2px 0;
  /* spacing between events and edges */
  padding: 0 1px;
}

.fc-day-grid-event .fc-content {
  /* force events to be one-line tall */
  white-space: nowrap;
  overflow: hidden;
}

.fc-day-grid-event .fc-time {
  font-weight: bold;
}

.fc-day-grid-event .fc-resizer {
  /* enlarge the default hit area */
  left: -3px;
  right: -3px;
  width: 7px;
}

/* Event Limiting
--------------------------------------------------------------------------------------------------*/
/* "more" link that represents hidden events */
a.fc-more {
  margin: 1px 3px;
  font-size: 0.85em;
  cursor: pointer;
  text-decoration: none;
}

a.fc-more:hover {
  text-decoration: underline;
}

.fc-limited {
  /* rows and cells that are hidden because of a "more" link */
  display: none;
}

/* popover that appears when "more" link is clicked */
.fc-day-grid .fc-row {
  z-index: 1;
  /* make the "more" popover one higher than this */
}

.fc-more-popover {
  z-index: 2;
  width: 220px;
}

.fc-more-popover .fc-event-container {
  padding: 10px;
}

/* Toolbar
--------------------------------------------------------------------------------------------------*/
.fc-toolbar {
  text-align: center;
  margin-bottom: 1em;
}

.fc-toolbar .fc-left {
  float: left;
}

.fc-toolbar .fc-right {
  float: right;
}

.fc-toolbar .fc-center {
  display: inline-block;
}

/* the things within each left/right/center section */
.fc .fc-toolbar>*>* {
  /* extra precedence to override button border margins */
  float: left;
  margin-left: 0.75em;
}

/* the first thing within each left/center/right section */
.fc .fc-toolbar>*> :first-child {
  /* extra precedence to override button border margins */
  margin-left: 0;
}

/* title text */
.fc-toolbar h2 {
  margin: 0;
}

/* button layering (for border precedence) */
.fc-toolbar button {
  position: relative;
}

.fc-toolbar .fc-state-hover,
.fc-toolbar .ui-state-hover {
  z-index: 2;
}

.fc-toolbar .fc-state-down {
  z-index: 3;
}

.fc-toolbar .fc-state-active,
.fc-toolbar .ui-state-active {
  z-index: 4;
}

.fc-toolbar button:focus {
  z-index: 5;
}

/* View Structure
--------------------------------------------------------------------------------------------------*/
/* undo twitter bootstrap's box-sizing rules. normalizes positioning techniques */
/* don't do this for the toolbar because we'll want bootstrap to style those buttons as some pt */
.fc-view-container *,
.fc-view-container *:before,
.fc-view-container *:after {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.fc-view,
.fc-view>table {
  /* so dragged elements can be above the view's main element */
  position: relative;
  z-index: 1;
}

/* BasicView
--------------------------------------------------------------------------------------------------*/
/* day row structure */
.fc-basicWeek-view .fc-content-skeleton,
.fc-basicDay-view .fc-content-skeleton {
  /* we are sure there are no day numbers in these views, so... */
  padding-top: 1px;
  /* add a pixel to make sure there are 2px padding above events */
  padding-bottom: 1em;
  /* ensure a space at bottom of cell for user selecting/clicking */
}

.fc-basic-view .fc-body .fc-row {
  min-height: 4em;
  /* ensure that all rows are at least this tall */
}

/* a "rigid" row will take up a constant amount of height because content-skeleton is absolute */
.fc-row.fc-rigid {
  overflow: hidden;
}

.fc-row.fc-rigid .fc-content-skeleton {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

/* week and day number styling */
.fc-basic-view .fc-week-number,
.fc-basic-view .fc-day-number {
  padding: 0 2px;
}

.fc-basic-view td.fc-week-number span,
.fc-basic-view td.fc-day-number {
  padding-top: 2px;
  padding-bottom: 2px;
}

.fc-basic-view .fc-week-number {
  text-align: center;
}

.fc-basic-view .fc-week-number span {
  /* work around the way we do column resizing and ensure a minimum width */
  display: inline-block;
  min-width: 1.25em;
}

.fc-ltr .fc-basic-view .fc-day-number {
  text-align: right;
}

.fc-rtl .fc-basic-view .fc-day-number {
  text-align: left;
}

.fc-day-number.fc-other-month {
  opacity: 0.3;
  filter: alpha(opacity=30);
  /* for IE */
  /* opacity with small font can sometimes look too faded
	   might want to set the 'color' property instead
	   making day-numbers bold also fixes the problem */
}

/* AgendaView all-day area
--------------------------------------------------------------------------------------------------*/
.fc-agenda-view .fc-day-grid {
  position: relative;
  z-index: 2;
  /* so the "more.." popover will be over the time grid */
}

.fc-agenda-view .fc-day-grid .fc-row {
  min-height: 3em;
  /* all-day section will never get shorter than this */
}

.fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton {
  padding-top: 1px;
  /* add a pixel to make sure there are 2px padding above events */
  padding-bottom: 1em;
  /* give space underneath events for clicking/selecting days */
}

/* TimeGrid axis running down the side (for both the all-day area and the slot area)
--------------------------------------------------------------------------------------------------*/
.fc .fc-axis {
  /* .fc to overcome default cell styles */
  vertical-align: middle;
  padding: 0 4px;
  white-space: nowrap;
}

.fc-ltr .fc-axis {
  text-align: right;
}

.fc-rtl .fc-axis {
  text-align: left;
}

.ui-widget td.fc-axis {
  font-weight: normal;
  /* overcome jqui theme making it bold */
}

/* TimeGrid Structure
--------------------------------------------------------------------------------------------------*/
.fc-time-grid-container,
.fc-time-grid {
  /* so slats/bg/content/etc positions get scoped within here */
  position: relative;
  z-index: 1;
}

.fc-time-grid {
  min-height: 100%;
  /* so if height setting is 'auto', .fc-bg stretches to fill height */
}

.fc-time-grid table {
  /* don't put outer borders on slats/bg/content/etc */
  border: 0 hidden transparent;
}

.fc-time-grid>.fc-bg {
  z-index: 1;
}

.fc-time-grid .fc-slats,
.fc-time-grid>hr {
  /* the <hr> AgendaView injects when grid is shorter than scroller */
  position: relative;
  z-index: 2;
}

.fc-time-grid .fc-bgevent-skeleton,
.fc-time-grid .fc-content-skeleton {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.fc-time-grid .fc-bgevent-skeleton {
  z-index: 3;
}

.fc-time-grid .fc-highlight-skeleton {
  z-index: 4;
}

.fc-time-grid .fc-content-skeleton {
  z-index: 5;
}

.fc-time-grid .fc-helper-skeleton {
  z-index: 6;
}

/* TimeGrid Slats (lines that run horizontally)
--------------------------------------------------------------------------------------------------*/
.fc-time-grid .fc-slats td {
  height: 1.5em;
  border-bottom: 0;
  /* each cell is responsible for its top border */
}

.fc-time-grid .fc-slats .fc-minor td {
  border-top-style: dotted;
}

.fc-time-grid .fc-slats .ui-widget-content {
  /* for jqui theme */
  background: none;
  /* see through to fc-bg */
}

/* TimeGrid Highlighting Slots
--------------------------------------------------------------------------------------------------*/
.fc-time-grid .fc-highlight-container {
  /* a div within a cell within the fc-highlight-skeleton */
  position: relative;
  /* scopes the left/right of the fc-highlight to be in the column */
}

.fc-time-grid .fc-highlight {
  position: absolute;
  left: 0;
  right: 0;
  /* top and bottom will be in by JS */
}

/* TimeGrid Event Containment
--------------------------------------------------------------------------------------------------*/
.fc-time-grid .fc-event-container,
.fc-time-grid .fc-bgevent-container {
  /* a div within a cell within the fc-bgevent-skeleton */
  position: relative;
}

.fc-ltr .fc-time-grid .fc-event-container {
  /* space on the sides of events for LTR (default) */
  margin: 0 2.5% 0 2px;
}

.fc-rtl .fc-time-grid .fc-event-container {
  /* space on the sides of events for RTL */
  margin: 0 2px 0 2.5%;
}

.fc-time-grid .fc-event,
.fc-time-grid .fc-bgevent {
  position: absolute;
  z-index: 1;
  /* scope inner z-index's */
}

.fc-time-grid .fc-bgevent {
  /* background events always span full width */
  left: 0;
  right: 0;
}

/* Generic Vertical Event
--------------------------------------------------------------------------------------------------*/
.fc-v-event.fc-not-start {
  /* events that are continuing from another day */
  /* replace space made by the top border with padding */
  border-top-width: 0;
  padding-top: 1px;
  /* remove top rounded corners */
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.fc-v-event.fc-not-end {
  /* replace space made by the top border with padding */
  border-bottom-width: 0;
  padding-bottom: 1px;
  /* remove bottom rounded corners */
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

/* TimeGrid Event Styling
----------------------------------------------------------------------------------------------------
We use the full "fc-time-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/
.fc-time-grid-event {
  overflow: hidden;
  /* don't let the bg flow over rounded corners */
}

.fc-time-grid-event .fc-time,
.fc-time-grid-event .fc-title {
  padding: 0 1px;
}

.fc-time-grid-event .fc-time {
  font-size: 0.85em;
  white-space: nowrap;
}

/* short mode, where time and title are on the same line */
.fc-time-grid-event.fc-short .fc-content {
  /* don't wrap to second line (now that contents will be inline) */
  white-space: nowrap;
}

.fc-time-grid-event.fc-short .fc-time,
.fc-time-grid-event.fc-short .fc-title {
  /* put the time and title on the same line */
  display: inline-block;
  vertical-align: top;
}

.fc-time-grid-event.fc-short .fc-time span {
  display: none;
  /* don't display the full time text... */
}

.fc-time-grid-event.fc-short .fc-time:before {
  content: attr(data-start);
  /* ...instead, display only the start time */
}

.fc-time-grid-event.fc-short .fc-time:after {
  content: '\000A0-\000A0';
  /* seperate with a dash, wrapped in nbsp's */
}

.fc-time-grid-event.fc-short .fc-title {
  font-size: 0.85em;
  /* make the title text the same size as the time */
  padding: 0;
  /* undo padding from above */
}

/* resizer */
.fc-time-grid-event .fc-resizer {
  left: 0;
  right: 0;
  bottom: 0;
  height: 8px;
  overflow: hidden;
  line-height: 8px;
  font-size: 11px;
  font-family: monospace;
  text-align: center;
  cursor: s-resize;
}

.fc-time-grid-event .fc-resizer:after {
  content: '=';
}

/* required styles */
.leaflet-map-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-pane,
.leaflet-tile-container,
.leaflet-overlay-pane,
.leaflet-shadow-pane,
.leaflet-marker-pane,
.leaflet-popup-pane,
.leaflet-overlay-pane svg,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
  position: absolute;
  left: 0;
  top: 0;
}

.leaflet-container {
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none;
}

.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
}

.leaflet-marker-icon,
.leaflet-marker-shadow {
  display: block;
}

/* map is broken in FF if you have max-width: 100% on tiles */
.leaflet-container img {
  max-width: none !important;
}

/* stupid Android 2 doesn't understand "max-width: none" properly */
.leaflet-container img.leaflet-image-layer {
  max-width: 15000px !important;
}

.leaflet-tile {
  filter: inherit;
  visibility: hidden;
}

.leaflet-tile-loaded {
  visibility: inherit;
}

.leaflet-zoom-box {
  width: 0;
  height: 0;
}

/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
.leaflet-overlay-pane svg {
  -moz-user-select: none;
}

.leaflet-tile-pane {
  z-index: 2;
}

.leaflet-objects-pane {
  z-index: 3;
}

.leaflet-overlay-pane {
  z-index: 4;
}

.leaflet-shadow-pane {
  z-index: 5;
}

.leaflet-marker-pane {
  z-index: 6;
}

.leaflet-popup-pane {
  z-index: 7;
}

.leaflet-vml-shape {
  width: 1px;
  height: 1px;
}

.lvml {
  behavior: url(#default#VML);
  display: inline-block;
  position: absolute;
}

/* control positioning */
.leaflet-control {
  position: relative;
  z-index: 7;
  pointer-events: auto;
}

.leaflet-top,
.leaflet-bottom {
  position: absolute;
  z-index: 1000;
  pointer-events: none;
}

.leaflet-top {
  top: 0;
}

.leaflet-right {
  right: 0;
}

.leaflet-bottom {
  bottom: 0;
}

.leaflet-left {
  left: 0;
}

.leaflet-control {
  float: left;
  clear: both;
}

.leaflet-right .leaflet-control {
  float: right;
}

.leaflet-top .leaflet-control {
  margin-top: 10px;
}

.leaflet-bottom .leaflet-control {
  margin-bottom: 10px;
}

.leaflet-left .leaflet-control {
  margin-left: 10px;
}

.leaflet-right .leaflet-control {
  margin-right: 10px;
}

/* zoom and fade animations */
.leaflet-fade-anim .leaflet-tile,
.leaflet-fade-anim .leaflet-popup {
  opacity: 0;
  -webkit-transition: opacity 0.2s linear;
  -moz-transition: opacity 0.2s linear;
  -o-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}

.leaflet-fade-anim .leaflet-tile-loaded,
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
  opacity: 1;
}

.leaflet-zoom-anim .leaflet-zoom-animated {
  -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
  -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
  -o-transition: -o-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
  transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1);
}

.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile,
.leaflet-touching .leaflet-zoom-animated {
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}

.leaflet-zoom-anim .leaflet-zoom-hide {
  visibility: hidden;
}

/* cursors */
.leaflet-clickable {
  cursor: pointer;
}

.leaflet-container {
  cursor: -webkit-grab;
  cursor: -moz-grab;
}

.leaflet-popup-pane,
.leaflet-control {
  cursor: auto;
}

.leaflet-dragging .leaflet-container,
.leaflet-dragging .leaflet-clickable {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
}

/* visual tweaks */
.leaflet-container {
  background: #ddd;
  outline: 0;
}

.leaflet-container a {
  color: #0078a8;
}

.leaflet-container a.leaflet-active {
  outline: 2px solid orange;
}

.leaflet-zoom-box {
  border: 2px dotted #38f;
  background: rgba(255, 255, 255, 0.5);
}

/* general typography */
.leaflet-container {
  font: 12px/1.5 'Helvetica Neue', Arial, Helvetica, sans-serif;
}

/* general toolbar styles */
.leaflet-bar {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65);
  border-radius: 4px;
}

.leaflet-bar a,
.leaflet-bar a:hover {
  background-color: #fff;
  border-bottom: 1px solid #ccc;
  width: 26px;
  height: 26px;
  line-height: 26px;
  display: block;
  text-align: center;
  text-decoration: none;
  color: black;
}

.leaflet-bar a,
.leaflet-control-layers-toggle {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  display: block;
}

.leaflet-bar a:hover {
  background-color: #f4f4f4;
}

.leaflet-bar a:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.leaflet-bar a:last-child {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom: none;
}

.leaflet-bar a.leaflet-disabled {
  cursor: default;
  background-color: #f4f4f4;
  color: #bbb;
}

.leaflet-touch .leaflet-bar a {
  width: 30px;
  height: 30px;
  line-height: 30px;
}

/* zoom control */
.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
  font: bold 18px 'Lucida Console', Monaco, monospace;
  text-indent: 1px;
}

.leaflet-control-zoom-out {
  font-size: 20px;
}

.leaflet-touch .leaflet-control-zoom-in {
  font-size: 22px;
}

.leaflet-touch .leaflet-control-zoom-out {
  font-size: 24px;
}

/* layers control */
.leaflet-control-layers {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
  background: #fff;
  border-radius: 5px;
}

/* .leaflet-control-layers-toggle {
  background-image: url(images/layers.png);
  width: 36px;
  height: 36px;
}

.leaflet-retina .leaflet-control-layers-toggle {
  background-image: url(images/layers-2x.png);
  background-size: 26px 26px;
} */

.leaflet-touch .leaflet-control-layers-toggle {
  width: 44px;
  height: 44px;
}

.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
  display: none;
}

.leaflet-control-layers-expanded .leaflet-control-layers-list {
  display: block;
  position: relative;
}

.leaflet-control-layers-expanded {
  padding: 6px 10px 6px 6px;
  color: #333;
  background: #fff;
}

.leaflet-control-layers-selector {
  margin-top: 2px;
  position: relative;
  top: 1px;
}

.leaflet-control-layers label {
  display: block;
}

.leaflet-control-layers-separator {
  height: 0;
  border-top: 1px solid #ddd;
  margin: 5px -10px 5px -6px;
}

/* attribution and scale controls */
.leaflet-container .leaflet-control-attribution {
  background: #fff;
  background: rgba(255, 255, 255, 0.7);
  margin: 0;
}

.leaflet-control-attribution,
.leaflet-control-scale-line {
  padding: 0 5px;
  color: #333;
}

.leaflet-control-attribution a {
  text-decoration: none;
}

.leaflet-control-attribution a:hover {
  text-decoration: underline;
}

.leaflet-container .leaflet-control-attribution,
.leaflet-container .leaflet-control-scale {
  font-size: 11px;
}

.leaflet-left .leaflet-control-scale {
  margin-left: 5px;
}

.leaflet-bottom .leaflet-control-scale {
  margin-bottom: 5px;
}

.leaflet-control-scale-line {
  border: 2px solid #777;
  border-top: none;
  line-height: 1.1;
  padding: 2px 5px 1px;
  font-size: 11px;
  white-space: nowrap;
  overflow: hidden;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  background: #fff;
  background: rgba(255, 255, 255, 0.5);
}

.leaflet-control-scale-line:not(:first-child) {
  border-top: 2px solid #777;
  border-bottom: none;
  margin-top: -2px;
}

.leaflet-control-scale-line:not(:first-child):not(:last-child) {
  border-bottom: 2px solid #777;
}

.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
  box-shadow: none;
}

.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
  border: 2px solid rgba(0, 0, 0, 0.2);
  background-clip: padding-box;
}

/* popup */
.leaflet-popup {
  position: absolute;
  text-align: center;
}

.leaflet-popup-content-wrapper {
  padding: 1px;
  text-align: left;
  border-radius: 12px;
}

.leaflet-popup-content {
  margin: 13px 19px;
  line-height: 1.4;
}

.leaflet-popup-content p {
  margin: 18px 0;
}

.leaflet-popup-tip-container {
  margin: 0 auto;
  width: 40px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.leaflet-popup-tip {
  width: 17px;
  height: 17px;
  padding: 1px;
  margin: -10px auto 0;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
  background: white;
  box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4);
}

.leaflet-container a.leaflet-popup-close-button {
  position: absolute;
  top: 0;
  right: 0;
  padding: 4px 4px 0 0;
  text-align: center;
  width: 18px;
  height: 14px;
  font: 16px/14px Tahoma, Verdana, sans-serif;
  color: #c3c3c3;
  text-decoration: none;
  font-weight: bold;
  background: transparent;
}

.leaflet-container a.leaflet-popup-close-button:hover {
  color: #999;
}

.leaflet-popup-scrolled {
  overflow: auto;
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
}

.leaflet-oldie .leaflet-popup-content-wrapper {
  zoom: 1;
}

.leaflet-oldie .leaflet-popup-tip {
  width: 24px;
  margin: 0 auto;
  -ms-filter: 'progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)';
  filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
}

.leaflet-oldie .leaflet-popup-tip-container {
  margin-top: -1px;
}

.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
  border: 1px solid #999;
}

/* div icon */
.leaflet-div-icon {
  background: #fff;
  border: 1px solid #666;
}

.color-red-50 {
  color: #ffebee;
}

.bg-red-50 {
  background-color: #ffebee;
}

.border-red-50 {
  border-color: #ffebee;
}

.fill-red-50 {
  fill: #ffebee;
}

.stroke-red-50 {
  stroke: #ffebee;
}

.color-red-100 {
  color: #ffcdd2;
}

.bg-red-100 {
  background-color: #ffcdd2;
}

.border-red-100 {
  border-color: #ffcdd2;
}

.fill-red-100 {
  fill: #ffcdd2;
}

.stroke-red-100 {
  stroke: #ffcdd2;
}

.color-red-200 {
  color: #ef9a9a;
}

.bg-red-200 {
  background-color: #ef9a9a;
}

.border-red-200 {
  border-color: #ef9a9a;
}

.fill-red-200 {
  fill: #ef9a9a;
}

.stroke-red-200 {
  stroke: #ef9a9a;
}

.color-red-300 {
  color: #e57373;
}

.bg-red-300 {
  background-color: #e57373;
}

.border-red-300 {
  border-color: #e57373;
}

.fill-red-300 {
  fill: #e57373;
}

.stroke-red-300 {
  stroke: #e57373;
}

.color-red-400 {
  color: #ef5350;
}

.bg-red-400 {
  background-color: #ef5350;
}

.border-red-400 {
  border-color: #ef5350;
}

.fill-red-400 {
  fill: #ef5350;
}

.stroke-red-400 {
  stroke: #ef5350;
}

.color-red-500 {
  color: #f44336;
}

.bg-red-500 {
  background-color: #f44336;
}

.border-red-500 {
  border-color: #f44336;
}

.fill-red-500 {
  fill: #f44336;
}

.stroke-red-500 {
  stroke: #f44336;
}

.color-red-600 {
  color: #e53935;
}

.bg-red-600 {
  background-color: #e53935;
}

.border-red-600 {
  border-color: #e53935;
}

.fill-red-600 {
  fill: #e53935;
}

.stroke-red-600 {
  stroke: #e53935;
}

.color-red-700 {
  color: #d32f2f;
}

.bg-red-700 {
  background-color: #d32f2f;
}

.border-red-700 {
  border-color: #d32f2f;
}

.fill-red-700 {
  fill: #d32f2f;
}

.stroke-red-700 {
  stroke: #d32f2f;
}

.color-red-800 {
  color: #c62828;
}

.bg-red-800 {
  background-color: #c62828;
}

.border-red-800 {
  border-color: #c62828;
}

.fill-red-800 {
  fill: #c62828;
}

.stroke-red-800 {
  stroke: #c62828;
}

.color-red-900 {
  color: #b71c1c;
}

.bg-red-900 {
  background-color: #b71c1c;
}

.border-red-900 {
  border-color: #b71c1c;
}

.fill-red-900 {
  fill: #b71c1c;
}

.stroke-red-900 {
  stroke: #b71c1c;
}

.color-red-a100 {
  color: #ff8a80;
}

.bg-red-a100 {
  background-color: #ff8a80;
}

.border-red-a100 {
  border-color: #ff8a80;
}

.fill-red-a100 {
  fill: #ff8a80;
}

.stroke-red-a100 {
  stroke: #ff8a80;
}

.color-red-a200 {
  color: #ff5252;
}

.bg-red-a200 {
  background-color: #ff5252;
}

.border-red-a200 {
  border-color: #ff5252;
}

.fill-red-a200 {
  fill: #ff5252;
}

.stroke-red-a200 {
  stroke: #ff5252;
}

.color-red-a400 {
  color: #ff1744;
}

.bg-red-a400 {
  background-color: #ff1744;
}

.border-red-a400 {
  border-color: #ff1744;
}

.fill-red-a400 {
  fill: #ff1744;
}

.stroke-red-a400 {
  stroke: #ff1744;
}

.color-red-a700 {
  color: #d50000;
}

.bg-red-a700 {
  background-color: #d50000;
}

.border-red-a700 {
  border-color: #d50000;
}

.fill-red-a700 {
  fill: #d50000;
}

.stroke-red-a700 {
  stroke: #d50000;
}

.color-pink-50 {
  color: #fce4ec;
}

.bg-pink-50 {
  background-color: #fce4ec;
}

.border-pink-50 {
  border-color: #fce4ec;
}

.fill-pink-50 {
  fill: #fce4ec;
}

.stroke-pink-50 {
  stroke: #fce4ec;
}

.color-pink-100 {
  color: #f8bbd0;
}

.bg-pink-100 {
  background-color: #f8bbd0;
}

.border-pink-100 {
  border-color: #f8bbd0;
}

.fill-pink-100 {
  fill: #f8bbd0;
}

.stroke-pink-100 {
  stroke: #f8bbd0;
}

.color-pink-200 {
  color: #f48fb1;
}

.bg-pink-200 {
  background-color: #f48fb1;
}

.border-pink-200 {
  border-color: #f48fb1;
}

.fill-pink-200 {
  fill: #f48fb1;
}

.stroke-pink-200 {
  stroke: #f48fb1;
}

.color-pink-300 {
  color: #f06292;
}

.bg-pink-300 {
  background-color: #f06292;
}

.border-pink-300 {
  border-color: #f06292;
}

.fill-pink-300 {
  fill: #f06292;
}

.stroke-pink-300 {
  stroke: #f06292;
}

.color-pink-400 {
  color: #ec407a;
}

.bg-pink-400 {
  background-color: #ec407a;
}

.border-pink-400 {
  border-color: #ec407a;
}

.fill-pink-400 {
  fill: #ec407a;
}

.stroke-pink-400 {
  stroke: #ec407a;
}

.color-pink-500 {
  color: #e91e63;
}

.bg-pink-500 {
  background-color: #e91e63;
}

.border-pink-500 {
  border-color: #e91e63;
}

.fill-pink-500 {
  fill: #e91e63;
}

.stroke-pink-500 {
  stroke: #e91e63;
}

.color-pink-600 {
  color: #d81b60;
}

.bg-pink-600 {
  background-color: #d81b60;
}

.border-pink-600 {
  border-color: #d81b60;
}

.fill-pink-600 {
  fill: #d81b60;
}

.stroke-pink-600 {
  stroke: #d81b60;
}

.color-pink-700 {
  color: #c2185b;
}

.bg-pink-700 {
  background-color: #c2185b;
}

.border-pink-700 {
  border-color: #c2185b;
}

.fill-pink-700 {
  fill: #c2185b;
}

.stroke-pink-700 {
  stroke: #c2185b;
}

.color-pink-800 {
  color: #ad1457;
}

.bg-pink-800 {
  background-color: #ad1457;
}

.border-pink-800 {
  border-color: #ad1457;
}

.fill-pink-800 {
  fill: #ad1457;
}

.stroke-pink-800 {
  stroke: #ad1457;
}

.color-pink-900 {
  color: #880e4f;
}

.bg-pink-900 {
  background-color: #880e4f;
}

.border-pink-900 {
  border-color: #880e4f;
}

.fill-pink-900 {
  fill: #880e4f;
}

.stroke-pink-900 {
  stroke: #880e4f;
}

.color-pink-a100 {
  color: #ff80ab;
}

.bg-pink-a100 {
  background-color: #ff80ab;
}

.border-pink-a100 {
  border-color: #ff80ab;
}

.fill-pink-a100 {
  fill: #ff80ab;
}

.stroke-pink-a100 {
  stroke: #ff80ab;
}

.color-pink-a200 {
  color: #ff4081;
}

.bg-pink-a200 {
  background-color: #ff4081;
}

.border-pink-a200 {
  border-color: #ff4081;
}

.fill-pink-a200 {
  fill: #ff4081;
}

.stroke-pink-a200 {
  stroke: #ff4081;
}

.color-pink-a400 {
  color: #f50057;
}

.bg-pink-a400 {
  background-color: #f50057;
}

.border-pink-a400 {
  border-color: #f50057;
}

.fill-pink-a400 {
  fill: #f50057;
}

.stroke-pink-a400 {
  stroke: #f50057;
}

.color-pink-a700 {
  color: #c51162;
}

.bg-pink-a700 {
  background-color: #c51162;
}

.border-pink-a700 {
  border-color: #c51162;
}

.fill-pink-a700 {
  fill: #c51162;
}

.stroke-pink-a700 {
  stroke: #c51162;
}

.color-purple-50 {
  color: #f3e5f5;
}

.bg-purple-50 {
  background-color: #f3e5f5;
}

.border-purple-50 {
  border-color: #f3e5f5;
}

.fill-purple-50 {
  fill: #f3e5f5;
}

.stroke-purple-50 {
  stroke: #f3e5f5;
}

.color-purple-100 {
  color: #e1bee7;
}

.bg-purple-100 {
  background-color: #e1bee7;
}

.border-purple-100 {
  border-color: #e1bee7;
}

.fill-purple-100 {
  fill: #e1bee7;
}

.stroke-purple-100 {
  stroke: #e1bee7;
}

.color-purple-200 {
  color: #ce93d8;
}

.bg-purple-200 {
  background-color: #ce93d8;
}

.border-purple-200 {
  border-color: #ce93d8;
}

.fill-purple-200 {
  fill: #ce93d8;
}

.stroke-purple-200 {
  stroke: #ce93d8;
}

.color-purple-300 {
  color: #ba68c8;
}

.bg-purple-300 {
  background-color: #ba68c8;
}

.border-purple-300 {
  border-color: #ba68c8;
}

.fill-purple-300 {
  fill: #ba68c8;
}

.stroke-purple-300 {
  stroke: #ba68c8;
}

.color-purple-400 {
  color: #ab47bc;
}

.bg-purple-400 {
  background-color: #ab47bc;
}

.border-purple-400 {
  border-color: #ab47bc;
}

.fill-purple-400 {
  fill: #ab47bc;
}

.stroke-purple-400 {
  stroke: #ab47bc;
}

.color-purple-500 {
  color: #9c27b0;
}

.bg-purple-500 {
  background-color: #9c27b0;
}

.border-purple-500 {
  border-color: #9c27b0;
}

.fill-purple-500 {
  fill: #9c27b0;
}

.stroke-purple-500 {
  stroke: #9c27b0;
}

.color-purple-600 {
  color: #8e24aa;
}

.bg-purple-600 {
  background-color: #8e24aa;
}

.border-purple-600 {
  border-color: #8e24aa;
}

.fill-purple-600 {
  fill: #8e24aa;
}

.stroke-purple-600 {
  stroke: #8e24aa;
}

.color-purple-700 {
  color: #7b1fa2;
}

.bg-purple-700 {
  background-color: #7b1fa2;
}

.border-purple-700 {
  border-color: #7b1fa2;
}

.fill-purple-700 {
  fill: #7b1fa2;
}

.stroke-purple-700 {
  stroke: #7b1fa2;
}

.color-purple-800 {
  color: #6a1b9a;
}

.bg-purple-800 {
  background-color: #6a1b9a;
}

.border-purple-800 {
  border-color: #6a1b9a;
}

.fill-purple-800 {
  fill: #6a1b9a;
}

.stroke-purple-800 {
  stroke: #6a1b9a;
}

.color-purple-900 {
  color: #4a148c;
}

.bg-purple-900 {
  background-color: #4a148c;
}

.border-purple-900 {
  border-color: #4a148c;
}

.fill-purple-900 {
  fill: #4a148c;
}

.stroke-purple-900 {
  stroke: #4a148c;
}

.color-purple-a100 {
  color: #ea80fc;
}

.bg-purple-a100 {
  background-color: #ea80fc;
}

.border-purple-a100 {
  border-color: #ea80fc;
}

.fill-purple-a100 {
  fill: #ea80fc;
}

.stroke-purple-a100 {
  stroke: #ea80fc;
}

.color-purple-a200 {
  color: #e040fb;
}

.bg-purple-a200 {
  background-color: #e040fb;
}

.border-purple-a200 {
  border-color: #e040fb;
}

.fill-purple-a200 {
  fill: #e040fb;
}

.stroke-purple-a200 {
  stroke: #e040fb;
}

.color-purple-a400 {
  color: #d500f9;
}

.bg-purple-a400 {
  background-color: #d500f9;
}

.border-purple-a400 {
  border-color: #d500f9;
}

.fill-purple-a400 {
  fill: #d500f9;
}

.stroke-purple-a400 {
  stroke: #d500f9;
}

.color-purple-a700 {
  color: #aa00ff;
}

.bg-purple-a700 {
  background-color: #aa00ff;
}

.border-purple-a700 {
  border-color: #aa00ff;
}

.fill-purple-a700 {
  fill: #aa00ff;
}

.stroke-purple-a700 {
  stroke: #aa00ff;
}

.color-deep-purple-50 {
  color: #ede7f6;
}

.bg-deep-purple-50 {
  background-color: #ede7f6;
}

.border-deep-purple-50 {
  border-color: #ede7f6;
}

.fill-deep-purple-50 {
  fill: #ede7f6;
}

.stroke-deep-purple-50 {
  stroke: #ede7f6;
}

.color-deep-purple-100 {
  color: #d1c4e9;
}

.bg-deep-purple-100 {
  background-color: #d1c4e9;
}

.border-deep-purple-100 {
  border-color: #d1c4e9;
}

.fill-deep-purple-100 {
  fill: #d1c4e9;
}

.stroke-deep-purple-100 {
  stroke: #d1c4e9;
}

.color-deep-purple-200 {
  color: #b39ddb;
}

.bg-deep-purple-200 {
  background-color: #b39ddb;
}

.border-deep-purple-200 {
  border-color: #b39ddb;
}

.fill-deep-purple-200 {
  fill: #b39ddb;
}

.stroke-deep-purple-200 {
  stroke: #b39ddb;
}

.color-deep-purple-300 {
  color: #9575cd;
}

.bg-deep-purple-300 {
  background-color: #9575cd;
}

.border-deep-purple-300 {
  border-color: #9575cd;
}

.fill-deep-purple-300 {
  fill: #9575cd;
}

.stroke-deep-purple-300 {
  stroke: #9575cd;
}

.color-deep-purple-400 {
  color: #7e57c2;
}

.bg-deep-purple-400 {
  background-color: #7e57c2;
}

.border-deep-purple-400 {
  border-color: #7e57c2;
}

.fill-deep-purple-400 {
  fill: #7e57c2;
}

.stroke-deep-purple-400 {
  stroke: #7e57c2;
}

.color-deep-purple-500 {
  color: #673ab7;
}

.bg-deep-purple-500 {
  background-color: #673ab7;
}

.border-deep-purple-500 {
  border-color: #673ab7;
}

.fill-deep-purple-500 {
  fill: #673ab7;
}

.stroke-deep-purple-500 {
  stroke: #673ab7;
}

.color-deep-purple-600 {
  color: #5e35b1;
}

.bg-deep-purple-600 {
  background-color: #5e35b1;
}

.border-deep-purple-600 {
  border-color: #5e35b1;
}

.fill-deep-purple-600 {
  fill: #5e35b1;
}

.stroke-deep-purple-600 {
  stroke: #5e35b1;
}

.color-deep-purple-700 {
  color: #512da8;
}

.bg-deep-purple-700 {
  background-color: #512da8;
}

.border-deep-purple-700 {
  border-color: #512da8;
}

.fill-deep-purple-700 {
  fill: #512da8;
}

.stroke-deep-purple-700 {
  stroke: #512da8;
}

.color-deep-purple-800 {
  color: #4527a0;
}

.bg-deep-purple-800 {
  background-color: #4527a0;
}

.border-deep-purple-800 {
  border-color: #4527a0;
}

.fill-deep-purple-800 {
  fill: #4527a0;
}

.stroke-deep-purple-800 {
  stroke: #4527a0;
}

.color-deep-purple-900 {
  color: #311b92;
}

.bg-deep-purple-900 {
  background-color: #311b92;
}

.border-deep-purple-900 {
  border-color: #311b92;
}

.fill-deep-purple-900 {
  fill: #311b92;
}

.stroke-deep-purple-900 {
  stroke: #311b92;
}

.color-deep-purple-a100 {
  color: #b388ff;
}

.bg-deep-purple-a100 {
  background-color: #b388ff;
}

.border-deep-purple-a100 {
  border-color: #b388ff;
}

.fill-deep-purple-a100 {
  fill: #b388ff;
}

.stroke-deep-purple-a100 {
  stroke: #b388ff;
}

.color-deep-purple-a200 {
  color: #7c4dff;
}

.bg-deep-purple-a200 {
  background-color: #7c4dff;
}

.border-deep-purple-a200 {
  border-color: #7c4dff;
}

.fill-deep-purple-a200 {
  fill: #7c4dff;
}

.stroke-deep-purple-a200 {
  stroke: #7c4dff;
}

.color-deep-purple-a400 {
  color: #651fff;
}

.bg-deep-purple-a400 {
  background-color: #651fff;
}

.border-deep-purple-a400 {
  border-color: #651fff;
}

.fill-deep-purple-a400 {
  fill: #651fff;
}

.stroke-deep-purple-a400 {
  stroke: #651fff;
}

.color-deep-purple-a700 {
  color: #6200ea;
}

.bg-deep-purple-a700 {
  background-color: #6200ea;
}

.border-deep-purple-a700 {
  border-color: #6200ea;
}

.fill-deep-purple-a700 {
  fill: #6200ea;
}

.stroke-deep-purple-a700 {
  stroke: #6200ea;
}

.color-indigo-50 {
  color: #e8eaf6;
}

.bg-indigo-50 {
  background-color: #e8eaf6;
}

.border-indigo-50 {
  border-color: #e8eaf6;
}

.fill-indigo-50 {
  fill: #e8eaf6;
}

.stroke-indigo-50 {
  stroke: #e8eaf6;
}

.color-indigo-100 {
  color: #c5cae9;
}

.bg-indigo-100 {
  background-color: #c5cae9;
}

.border-indigo-100 {
  border-color: #c5cae9;
}

.fill-indigo-100 {
  fill: #c5cae9;
}

.stroke-indigo-100 {
  stroke: #c5cae9;
}

.color-indigo-200 {
  color: #9fa8da;
}

.bg-indigo-200 {
  background-color: #9fa8da;
}

.border-indigo-200 {
  border-color: #9fa8da;
}

.fill-indigo-200 {
  fill: #9fa8da;
}

.stroke-indigo-200 {
  stroke: #9fa8da;
}

.color-indigo-300 {
  color: #7986cb;
}

.bg-indigo-300 {
  background-color: #7986cb;
}

.border-indigo-300 {
  border-color: #7986cb;
}

.fill-indigo-300 {
  fill: #7986cb;
}

.stroke-indigo-300 {
  stroke: #7986cb;
}

.color-indigo-400 {
  color: #5c6bc0;
}

.bg-indigo-400 {
  background-color: #5c6bc0;
}

.border-indigo-400 {
  border-color: #5c6bc0;
}

.fill-indigo-400 {
  fill: #5c6bc0;
}

.stroke-indigo-400 {
  stroke: #5c6bc0;
}

.color-indigo-500 {
  color: #3f51b5;
}

.bg-indigo-500 {
  background-color: #3f51b5;
}

.border-indigo-500 {
  border-color: #3f51b5;
}

.fill-indigo-500 {
  fill: #3f51b5;
}

.stroke-indigo-500 {
  stroke: #3f51b5;
}

.color-indigo-600 {
  color: #3949ab;
}

.bg-indigo-600 {
  background-color: #3949ab;
}

.border-indigo-600 {
  border-color: #3949ab;
}

.fill-indigo-600 {
  fill: #3949ab;
}

.stroke-indigo-600 {
  stroke: #3949ab;
}

.color-indigo-700 {
  color: #303f9f;
}

.bg-indigo-700 {
  background-color: #303f9f;
}

.border-indigo-700 {
  border-color: #303f9f;
}

.fill-indigo-700 {
  fill: #303f9f;
}

.stroke-indigo-700 {
  stroke: #303f9f;
}

.color-indigo-800 {
  color: #283593;
}

.bg-indigo-800 {
  background-color: #283593;
}

.border-indigo-800 {
  border-color: #283593;
}

.fill-indigo-800 {
  fill: #283593;
}

.stroke-indigo-800 {
  stroke: #283593;
}

.color-indigo-900 {
  color: #1a237e;
}

.bg-indigo-900 {
  background-color: #1a237e;
}

.border-indigo-900 {
  border-color: #1a237e;
}

.fill-indigo-900 {
  fill: #1a237e;
}

.stroke-indigo-900 {
  stroke: #1a237e;
}

.color-indigo-a100 {
  color: #8c9eff;
}

.bg-indigo-a100 {
  background-color: #8c9eff;
}

.border-indigo-a100 {
  border-color: #8c9eff;
}

.fill-indigo-a100 {
  fill: #8c9eff;
}

.stroke-indigo-a100 {
  stroke: #8c9eff;
}

.color-indigo-a200 {
  color: #536dfe;
}

.bg-indigo-a200 {
  background-color: #536dfe;
}

.border-indigo-a200 {
  border-color: #536dfe;
}

.fill-indigo-a200 {
  fill: #536dfe;
}

.stroke-indigo-a200 {
  stroke: #536dfe;
}

.color-indigo-a400 {
  color: #3d5afe;
}

.bg-indigo-a400 {
  background-color: #3d5afe;
}

.border-indigo-a400 {
  border-color: #3d5afe;
}

.fill-indigo-a400 {
  fill: #3d5afe;
}

.stroke-indigo-a400 {
  stroke: #3d5afe;
}

.color-indigo-a700 {
  color: #304ffe;
}

.bg-indigo-a700 {
  background-color: #304ffe;
}

.border-indigo-a700 {
  border-color: #304ffe;
}

.fill-indigo-a700 {
  fill: #304ffe;
}

.stroke-indigo-a700 {
  stroke: #304ffe;
}

.color-blue-50 {
  color: #e3f2fd;
}

.bg-blue-50 {
  background-color: #e3f2fd;
}

.border-blue-50 {
  border-color: #e3f2fd;
}

.fill-blue-50 {
  fill: #e3f2fd;
}

.stroke-blue-50 {
  stroke: #e3f2fd;
}

.color-blue-100 {
  color: #bbdefb;
}

.bg-blue-100 {
  background-color: #bbdefb;
}

.border-blue-100 {
  border-color: #bbdefb;
}

.fill-blue-100 {
  fill: #bbdefb;
}

.stroke-blue-100 {
  stroke: #bbdefb;
}

.color-blue-200 {
  color: #90caf9;
}

.bg-blue-200 {
  background-color: #90caf9;
}

.border-blue-200 {
  border-color: #90caf9;
}

.fill-blue-200 {
  fill: #90caf9;
}

.stroke-blue-200 {
  stroke: #90caf9;
}

.color-blue-300 {
  color: #64b5f6;
}

.bg-blue-300 {
  background-color: #64b5f6;
}

.border-blue-300 {
  border-color: #64b5f6;
}

.fill-blue-300 {
  fill: #64b5f6;
}

.stroke-blue-300 {
  stroke: #64b5f6;
}

.color-blue-400 {
  color: #42a5f5;
}

.bg-blue-400 {
  background-color: #42a5f5;
}

.border-blue-400 {
  border-color: #42a5f5;
}

.fill-blue-400 {
  fill: #42a5f5;
}

.stroke-blue-400 {
  stroke: #42a5f5;
}

.color-blue-500 {
  color: #2196f3;
}

.bg-blue-500 {
  background-color: #2196f3;
}

.border-blue-500 {
  border-color: #2196f3;
}

.fill-blue-500 {
  fill: #2196f3;
}

.stroke-blue-500 {
  stroke: #2196f3;
}

.color-blue-600 {
  color: #1e88e5;
}

.bg-blue-600 {
  background-color: #1e88e5;
}

.border-blue-600 {
  border-color: #1e88e5;
}

.fill-blue-600 {
  fill: #1e88e5;
}

.stroke-blue-600 {
  stroke: #1e88e5;
}

.color-blue-700 {
  color: #1976d2;
}

.bg-blue-700 {
  background-color: #1976d2;
}

.border-blue-700 {
  border-color: #1976d2;
}

.fill-blue-700 {
  fill: #1976d2;
}

.stroke-blue-700 {
  stroke: #1976d2;
}

.color-blue-800 {
  color: #1565c0;
}

.bg-blue-800 {
  background-color: #1565c0;
}

.border-blue-800 {
  border-color: #1565c0;
}

.fill-blue-800 {
  fill: #1565c0;
}

.stroke-blue-800 {
  stroke: #1565c0;
}

.color-blue-900 {
  color: #0d47a1;
}

.bg-blue-900 {
  background-color: #0d47a1;
}

.border-blue-900 {
  border-color: #0d47a1;
}

.fill-blue-900 {
  fill: #0d47a1;
}

.stroke-blue-900 {
  stroke: #0d47a1;
}

.color-blue-a100 {
  color: #82b1ff;
}

.bg-blue-a100 {
  background-color: #82b1ff;
}

.border-blue-a100 {
  border-color: #82b1ff;
}

.fill-blue-a100 {
  fill: #82b1ff;
}

.stroke-blue-a100 {
  stroke: #82b1ff;
}

.color-blue-a200 {
  color: #448aff;
}

.bg-blue-a200 {
  background-color: #448aff;
}

.border-blue-a200 {
  border-color: #448aff;
}

.fill-blue-a200 {
  fill: #448aff;
}

.stroke-blue-a200 {
  stroke: #448aff;
}

.color-blue-a400 {
  color: #2979ff;
}

.bg-blue-a400 {
  background-color: #2979ff;
}

.border-blue-a400 {
  border-color: #2979ff;
}

.fill-blue-a400 {
  fill: #2979ff;
}

.stroke-blue-a400 {
  stroke: #2979ff;
}

.color-blue-a700 {
  color: #2962ff;
}

.bg-blue-a700 {
  background-color: #2962ff;
}

.border-blue-a700 {
  border-color: #2962ff;
}

.fill-blue-a700 {
  fill: #2962ff;
}

.stroke-blue-a700 {
  stroke: #2962ff;
}

.color-light-blue-50 {
  color: #e1f5fe;
}

.bg-light-blue-50 {
  background-color: #e1f5fe;
}

.border-light-blue-50 {
  border-color: #e1f5fe;
}

.fill-light-blue-50 {
  fill: #e1f5fe;
}

.stroke-light-blue-50 {
  stroke: #e1f5fe;
}

.color-light-blue-100 {
  color: #b3e5fc;
}

.bg-light-blue-100 {
  background-color: #b3e5fc;
}

.border-light-blue-100 {
  border-color: #b3e5fc;
}

.fill-light-blue-100 {
  fill: #b3e5fc;
}

.stroke-light-blue-100 {
  stroke: #b3e5fc;
}

.color-light-blue-200 {
  color: #81d4fa;
}

.bg-light-blue-200 {
  background-color: #81d4fa;
}

.border-light-blue-200 {
  border-color: #81d4fa;
}

.fill-light-blue-200 {
  fill: #81d4fa;
}

.stroke-light-blue-200 {
  stroke: #81d4fa;
}

.color-light-blue-300 {
  color: #4fc3f7;
}

.bg-light-blue-300 {
  background-color: #4fc3f7;
}

.border-light-blue-300 {
  border-color: #4fc3f7;
}

.fill-light-blue-300 {
  fill: #4fc3f7;
}

.stroke-light-blue-300 {
  stroke: #4fc3f7;
}

.color-light-blue-400 {
  color: #29b6f6;
}

.bg-light-blue-400 {
  background-color: #29b6f6;
}

.border-light-blue-400 {
  border-color: #29b6f6;
}

.fill-light-blue-400 {
  fill: #29b6f6;
}

.stroke-light-blue-400 {
  stroke: #29b6f6;
}

.color-light-blue-500 {
  color: #03a9f4;
}

.bg-light-blue-500 {
  background-color: #03a9f4;
}

.border-light-blue-500 {
  border-color: #03a9f4;
}

.fill-light-blue-500 {
  fill: #03a9f4;
}

.stroke-light-blue-500 {
  stroke: #03a9f4;
}

.color-light-blue-600 {
  color: #039be5;
}

.bg-light-blue-600 {
  background-color: #039be5;
}

.border-light-blue-600 {
  border-color: #039be5;
}

.fill-light-blue-600 {
  fill: #039be5;
}

.stroke-light-blue-600 {
  stroke: #039be5;
}

.color-light-blue-700 {
  color: #0288d1;
}

.bg-light-blue-700 {
  background-color: #0288d1;
}

.border-light-blue-700 {
  border-color: #0288d1;
}

.fill-light-blue-700 {
  fill: #0288d1;
}

.stroke-light-blue-700 {
  stroke: #0288d1;
}

.color-light-blue-800 {
  color: #0277bd;
}

.bg-light-blue-800 {
  background-color: #0277bd;
}

.border-light-blue-800 {
  border-color: #0277bd;
}

.fill-light-blue-800 {
  fill: #0277bd;
}

.stroke-light-blue-800 {
  stroke: #0277bd;
}

.color-light-blue-900 {
  color: #01579b;
}

.bg-light-blue-900 {
  background-color: #01579b;
}

.border-light-blue-900 {
  border-color: #01579b;
}

.fill-light-blue-900 {
  fill: #01579b;
}

.stroke-light-blue-900 {
  stroke: #01579b;
}

.color-light-blue-a100 {
  color: #80d8ff;
}

.bg-light-blue-a100 {
  background-color: #80d8ff;
}

.border-light-blue-a100 {
  border-color: #80d8ff;
}

.fill-light-blue-a100 {
  fill: #80d8ff;
}

.stroke-light-blue-a100 {
  stroke: #80d8ff;
}

.color-light-blue-a200 {
  color: #40c4ff;
}

.bg-light-blue-a200 {
  background-color: #40c4ff;
}

.border-light-blue-a200 {
  border-color: #40c4ff;
}

.fill-light-blue-a200 {
  fill: #40c4ff;
}

.stroke-light-blue-a200 {
  stroke: #40c4ff;
}

.color-light-blue-a400 {
  color: #00b0ff;
}

.bg-light-blue-a400 {
  background-color: #00b0ff;
}

.border-light-blue-a400 {
  border-color: #00b0ff;
}

.fill-light-blue-a400 {
  fill: #00b0ff;
}

.stroke-light-blue-a400 {
  stroke: #00b0ff;
}

.color-light-blue-a700 {
  color: #0091ea;
}

.bg-light-blue-a700 {
  background-color: #0091ea;
}

.border-light-blue-a700 {
  border-color: #0091ea;
}

.fill-light-blue-a700 {
  fill: #0091ea;
}

.stroke-light-blue-a700 {
  stroke: #0091ea;
}

.color-cyan-50 {
  color: #e0f7fa;
}

.bg-cyan-50 {
  background-color: #e0f7fa;
}

.border-cyan-50 {
  border-color: #e0f7fa;
}

.fill-cyan-50 {
  fill: #e0f7fa;
}

.stroke-cyan-50 {
  stroke: #e0f7fa;
}

.color-cyan-100 {
  color: #b2ebf2;
}

.bg-cyan-100 {
  background-color: #b2ebf2;
}

.border-cyan-100 {
  border-color: #b2ebf2;
}

.fill-cyan-100 {
  fill: #b2ebf2;
}

.stroke-cyan-100 {
  stroke: #b2ebf2;
}

.color-cyan-200 {
  color: #80deea;
}

.bg-cyan-200 {
  background-color: #80deea;
}

.border-cyan-200 {
  border-color: #80deea;
}

.fill-cyan-200 {
  fill: #80deea;
}

.stroke-cyan-200 {
  stroke: #80deea;
}

.color-cyan-300 {
  color: #4dd0e1;
}

.bg-cyan-300 {
  background-color: #4dd0e1;
}

.border-cyan-300 {
  border-color: #4dd0e1;
}

.fill-cyan-300 {
  fill: #4dd0e1;
}

.stroke-cyan-300 {
  stroke: #4dd0e1;
}

.color-cyan-400 {
  color: #26c6da;
}

.bg-cyan-400 {
  background-color: #26c6da;
}

.border-cyan-400 {
  border-color: #26c6da;
}

.fill-cyan-400 {
  fill: #26c6da;
}

.stroke-cyan-400 {
  stroke: #26c6da;
}

.color-cyan-500 {
  color: #00bcd4;
}

.bg-cyan-500 {
  background-color: #00bcd4;
}

.border-cyan-500 {
  border-color: #00bcd4;
}

.fill-cyan-500 {
  fill: #00bcd4;
}

.stroke-cyan-500 {
  stroke: #00bcd4;
}

.color-cyan-600 {
  color: #00acc1;
}

.bg-cyan-600 {
  background-color: #00acc1;
}

.border-cyan-600 {
  border-color: #00acc1;
}

.fill-cyan-600 {
  fill: #00acc1;
}

.stroke-cyan-600 {
  stroke: #00acc1;
}

.color-cyan-700 {
  color: #0097a7;
}

.bg-cyan-700 {
  background-color: #0097a7;
}

.border-cyan-700 {
  border-color: #0097a7;
}

.fill-cyan-700 {
  fill: #0097a7;
}

.stroke-cyan-700 {
  stroke: #0097a7;
}

.color-cyan-800 {
  color: #00838f;
}

.bg-cyan-800 {
  background-color: #00838f;
}

.border-cyan-800 {
  border-color: #00838f;
}

.fill-cyan-800 {
  fill: #00838f;
}

.stroke-cyan-800 {
  stroke: #00838f;
}

.color-cyan-900 {
  color: #006064;
}

.bg-cyan-900 {
  background-color: #006064;
}

.border-cyan-900 {
  border-color: #006064;
}

.fill-cyan-900 {
  fill: #006064;
}

.stroke-cyan-900 {
  stroke: #006064;
}

.color-cyan-a100 {
  color: #84ffff;
}

.bg-cyan-a100 {
  background-color: #84ffff;
}

.border-cyan-a100 {
  border-color: #84ffff;
}

.fill-cyan-a100 {
  fill: #84ffff;
}

.stroke-cyan-a100 {
  stroke: #84ffff;
}

.color-cyan-a200 {
  color: #18ffff;
}

.bg-cyan-a200 {
  background-color: #18ffff;
}

.border-cyan-a200 {
  border-color: #18ffff;
}

.fill-cyan-a200 {
  fill: #18ffff;
}

.stroke-cyan-a200 {
  stroke: #18ffff;
}

.color-cyan-a400 {
  color: #00e5ff;
}

.bg-cyan-a400 {
  background-color: #00e5ff;
}

.border-cyan-a400 {
  border-color: #00e5ff;
}

.fill-cyan-a400 {
  fill: #00e5ff;
}

.stroke-cyan-a400 {
  stroke: #00e5ff;
}

.color-cyan-a700 {
  color: #00b8d4;
}

.bg-cyan-a700 {
  background-color: #00b8d4;
}

.border-cyan-a700 {
  border-color: #00b8d4;
}

.fill-cyan-a700 {
  fill: #00b8d4;
}

.stroke-cyan-a700 {
  stroke: #00b8d4;
}

.color-teal-50 {
  color: #e0f2f1;
}

.bg-teal-50 {
  background-color: #e0f2f1;
}

.border-teal-50 {
  border-color: #e0f2f1;
}

.fill-teal-50 {
  fill: #e0f2f1;
}

.stroke-teal-50 {
  stroke: #e0f2f1;
}

.color-teal-100 {
  color: #b2dfdb;
}

.bg-teal-100 {
  background-color: #b2dfdb;
}

.border-teal-100 {
  border-color: #b2dfdb;
}

.fill-teal-100 {
  fill: #b2dfdb;
}

.stroke-teal-100 {
  stroke: #b2dfdb;
}

.color-teal-200 {
  color: #80cbc4;
}

.bg-teal-200 {
  background-color: #80cbc4;
}

.border-teal-200 {
  border-color: #80cbc4;
}

.fill-teal-200 {
  fill: #80cbc4;
}

.stroke-teal-200 {
  stroke: #80cbc4;
}

.color-teal-300 {
  color: #4db6ac;
}

.bg-teal-300 {
  background-color: #4db6ac;
}

.border-teal-300 {
  border-color: #4db6ac;
}

.fill-teal-300 {
  fill: #4db6ac;
}

.stroke-teal-300 {
  stroke: #4db6ac;
}

.color-teal-400 {
  color: #26a69a;
}

.bg-teal-400 {
  background-color: #26a69a;
}

.border-teal-400 {
  border-color: #26a69a;
}

.fill-teal-400 {
  fill: #26a69a;
}

.stroke-teal-400 {
  stroke: #26a69a;
}

.color-teal-500 {
  color: #009688;
}

.bg-teal-500 {
  background-color: #009688;
}

.border-teal-500 {
  border-color: #009688;
}

.fill-teal-500 {
  fill: #009688;
}

.stroke-teal-500 {
  stroke: #009688;
}

.color-teal-600 {
  color: #00897b;
}

.bg-teal-600 {
  background-color: #00897b;
}

.border-teal-600 {
  border-color: #00897b;
}

.fill-teal-600 {
  fill: #00897b;
}

.stroke-teal-600 {
  stroke: #00897b;
}

.color-teal-700 {
  color: #00796b;
}

.bg-teal-700 {
  background-color: #00796b;
}

.border-teal-700 {
  border-color: #00796b;
}

.fill-teal-700 {
  fill: #00796b;
}

.stroke-teal-700 {
  stroke: #00796b;
}

.color-teal-800 {
  color: #00695c;
}

.bg-teal-800 {
  background-color: #00695c;
}

.border-teal-800 {
  border-color: #00695c;
}

.fill-teal-800 {
  fill: #00695c;
}

.stroke-teal-800 {
  stroke: #00695c;
}

.color-teal-900 {
  color: #004d40;
}

.bg-teal-900 {
  background-color: #004d40;
}

.border-teal-900 {
  border-color: #004d40;
}

.fill-teal-900 {
  fill: #004d40;
}

.stroke-teal-900 {
  stroke: #004d40;
}

.color-teal-a100 {
  color: #a7ffeb;
}

.bg-teal-a100 {
  background-color: #a7ffeb;
}

.border-teal-a100 {
  border-color: #a7ffeb;
}

.fill-teal-a100 {
  fill: #a7ffeb;
}

.stroke-teal-a100 {
  stroke: #a7ffeb;
}

.color-teal-a200 {
  color: #64ffda;
}

.bg-teal-a200 {
  background-color: #64ffda;
}

.border-teal-a200 {
  border-color: #64ffda;
}

.fill-teal-a200 {
  fill: #64ffda;
}

.stroke-teal-a200 {
  stroke: #64ffda;
}

.color-teal-a400 {
  color: #1de9b6;
}

.bg-teal-a400 {
  background-color: #1de9b6;
}

.border-teal-a400 {
  border-color: #1de9b6;
}

.fill-teal-a400 {
  fill: #1de9b6;
}

.stroke-teal-a400 {
  stroke: #1de9b6;
}

.color-teal-a700 {
  color: #00bfa5;
}

.bg-teal-a700 {
  background-color: #00bfa5;
}

.border-teal-a700 {
  border-color: #00bfa5;
}

.fill-teal-a700 {
  fill: #00bfa5;
}

.stroke-teal-a700 {
  stroke: #00bfa5;
}

.color-green-50 {
  color: #e8f5e9;
}

.bg-green-50 {
  background-color: #e8f5e9;
}

.border-green-50 {
  border-color: #e8f5e9;
}

.fill-green-50 {
  fill: #e8f5e9;
}

.stroke-green-50 {
  stroke: #e8f5e9;
}

.color-green-100 {
  color: #c8e6c9;
}

.bg-green-100 {
  background-color: #c8e6c9;
}

.border-green-100 {
  border-color: #c8e6c9;
}

.fill-green-100 {
  fill: #c8e6c9;
}

.stroke-green-100 {
  stroke: #c8e6c9;
}

.color-green-200 {
  color: #a5d6a7;
}

.bg-green-200 {
  background-color: #a5d6a7;
}

.border-green-200 {
  border-color: #a5d6a7;
}

.fill-green-200 {
  fill: #a5d6a7;
}

.stroke-green-200 {
  stroke: #a5d6a7;
}

.color-green-300 {
  color: #81c784;
}

.bg-green-300 {
  background-color: #81c784;
}

.border-green-300 {
  border-color: #81c784;
}

.fill-green-300 {
  fill: #81c784;
}

.stroke-green-300 {
  stroke: #81c784;
}

.color-green-400 {
  color: #66bb6a;
}

.bg-green-400 {
  background-color: #66bb6a;
}

.border-green-400 {
  border-color: #66bb6a;
}

.fill-green-400 {
  fill: #66bb6a;
}

.stroke-green-400 {
  stroke: #66bb6a;
}

.color-green-500 {
  color: #4caf50;
}

.bg-green-500 {
  background-color: #4caf50;
}

.border-green-500 {
  border-color: #4caf50;
}

.fill-green-500 {
  fill: #4caf50;
}

.stroke-green-500 {
  stroke: #4caf50;
}

.color-green-600 {
  color: #43a047;
}

.bg-green-600 {
  background-color: #43a047;
}

.border-green-600 {
  border-color: #43a047;
}

.fill-green-600 {
  fill: #43a047;
}

.stroke-green-600 {
  stroke: #43a047;
}

.color-green-700 {
  color: #388e3c;
}

.bg-green-700 {
  background-color: #388e3c;
}

.border-green-700 {
  border-color: #388e3c;
}

.fill-green-700 {
  fill: #388e3c;
}

.stroke-green-700 {
  stroke: #388e3c;
}

.color-green-800 {
  color: #2e7d32;
}

.bg-green-800 {
  background-color: #2e7d32;
}

.border-green-800 {
  border-color: #2e7d32;
}

.fill-green-800 {
  fill: #2e7d32;
}

.stroke-green-800 {
  stroke: #2e7d32;
}

.color-green-900 {
  color: #1b5e20;
}

.bg-green-900 {
  background-color: #1b5e20;
}

.border-green-900 {
  border-color: #1b5e20;
}

.fill-green-900 {
  fill: #1b5e20;
}

.stroke-green-900 {
  stroke: #1b5e20;
}

.color-green-a100 {
  color: #b9f6ca;
}

.bg-green-a100 {
  background-color: #b9f6ca;
}

.border-green-a100 {
  border-color: #b9f6ca;
}

.fill-green-a100 {
  fill: #b9f6ca;
}

.stroke-green-a100 {
  stroke: #b9f6ca;
}

.color-green-a200 {
  color: #69f0ae;
}

.bg-green-a200 {
  background-color: #69f0ae;
}

.border-green-a200 {
  border-color: #69f0ae;
}

.fill-green-a200 {
  fill: #69f0ae;
}

.stroke-green-a200 {
  stroke: #69f0ae;
}

.color-green-a400 {
  color: #00e676;
}

.bg-green-a400 {
  background-color: #00e676;
}

.border-green-a400 {
  border-color: #00e676;
}

.fill-green-a400 {
  fill: #00e676;
}

.stroke-green-a400 {
  stroke: #00e676;
}

.color-green-a700 {
  color: #00c853;
}

.bg-green-a700 {
  background-color: #00c853;
}

.border-green-a700 {
  border-color: #00c853;
}

.fill-green-a700 {
  fill: #00c853;
}

.stroke-green-a700 {
  stroke: #00c853;
}

.color-light-green-50 {
  color: #f1f8e9;
}

.bg-light-green-50 {
  background-color: #f1f8e9;
}

.border-light-green-50 {
  border-color: #f1f8e9;
}

.fill-light-green-50 {
  fill: #f1f8e9;
}

.stroke-light-green-50 {
  stroke: #f1f8e9;
}

.color-light-green-100 {
  color: #dcedc8;
}

.bg-light-green-100 {
  background-color: #dcedc8;
}

.border-light-green-100 {
  border-color: #dcedc8;
}

.fill-light-green-100 {
  fill: #dcedc8;
}

.stroke-light-green-100 {
  stroke: #dcedc8;
}

.color-light-green-200 {
  color: #c5e1a5;
}

.bg-light-green-200 {
  background-color: #c5e1a5;
}

.border-light-green-200 {
  border-color: #c5e1a5;
}

.fill-light-green-200 {
  fill: #c5e1a5;
}

.stroke-light-green-200 {
  stroke: #c5e1a5;
}

.color-light-green-300 {
  color: #aed581;
}

.bg-light-green-300 {
  background-color: #aed581;
}

.border-light-green-300 {
  border-color: #aed581;
}

.fill-light-green-300 {
  fill: #aed581;
}

.stroke-light-green-300 {
  stroke: #aed581;
}

.color-light-green-400 {
  color: #9ccc65;
}

.bg-light-green-400 {
  background-color: #9ccc65;
}

.border-light-green-400 {
  border-color: #9ccc65;
}

.fill-light-green-400 {
  fill: #9ccc65;
}

.stroke-light-green-400 {
  stroke: #9ccc65;
}

.color-light-green-500 {
  color: #8bc34a;
}

.bg-light-green-500 {
  background-color: #8bc34a;
}

.border-light-green-500 {
  border-color: #8bc34a;
}

.fill-light-green-500 {
  fill: #8bc34a;
}

.stroke-light-green-500 {
  stroke: #8bc34a;
}

.color-light-green-600 {
  color: #7cb342;
}

.bg-light-green-600 {
  background-color: #7cb342;
}

.border-light-green-600 {
  border-color: #7cb342;
}

.fill-light-green-600 {
  fill: #7cb342;
}

.stroke-light-green-600 {
  stroke: #7cb342;
}

.color-light-green-700 {
  color: #689f38;
}

.bg-light-green-700 {
  background-color: #689f38;
}

.border-light-green-700 {
  border-color: #689f38;
}

.fill-light-green-700 {
  fill: #689f38;
}

.stroke-light-green-700 {
  stroke: #689f38;
}

.color-light-green-800 {
  color: #558b2f;
}

.bg-light-green-800 {
  background-color: #558b2f;
}

.border-light-green-800 {
  border-color: #558b2f;
}

.fill-light-green-800 {
  fill: #558b2f;
}

.stroke-light-green-800 {
  stroke: #558b2f;
}

.color-light-green-900 {
  color: #33691e;
}

.bg-light-green-900 {
  background-color: #33691e;
}

.border-light-green-900 {
  border-color: #33691e;
}

.fill-light-green-900 {
  fill: #33691e;
}

.stroke-light-green-900 {
  stroke: #33691e;
}

.color-light-green-a100 {
  color: #ccff90;
}

.bg-light-green-a100 {
  background-color: #ccff90;
}

.border-light-green-a100 {
  border-color: #ccff90;
}

.fill-light-green-a100 {
  fill: #ccff90;
}

.stroke-light-green-a100 {
  stroke: #ccff90;
}

.color-light-green-a200 {
  color: #b2ff59;
}

.bg-light-green-a200 {
  background-color: #b2ff59;
}

.border-light-green-a200 {
  border-color: #b2ff59;
}

.fill-light-green-a200 {
  fill: #b2ff59;
}

.stroke-light-green-a200 {
  stroke: #b2ff59;
}

.color-light-green-a400 {
  color: #76ff03;
}

.bg-light-green-a400 {
  background-color: #76ff03;
}

.border-light-green-a400 {
  border-color: #76ff03;
}

.fill-light-green-a400 {
  fill: #76ff03;
}

.stroke-light-green-a400 {
  stroke: #76ff03;
}

.color-light-green-a700 {
  color: #64dd17;
}

.bg-light-green-a700 {
  background-color: #64dd17;
}

.border-light-green-a700 {
  border-color: #64dd17;
}

.fill-light-green-a700 {
  fill: #64dd17;
}

.stroke-light-green-a700 {
  stroke: #64dd17;
}

.color-lime-50 {
  color: #f9fbe7;
}

.bg-lime-50 {
  background-color: #f9fbe7;
}

.border-lime-50 {
  border-color: #f9fbe7;
}

.fill-lime-50 {
  fill: #f9fbe7;
}

.stroke-lime-50 {
  stroke: #f9fbe7;
}

.color-lime-100 {
  color: #f0f4c3;
}

.bg-lime-100 {
  background-color: #f0f4c3;
}

.border-lime-100 {
  border-color: #f0f4c3;
}

.fill-lime-100 {
  fill: #f0f4c3;
}

.stroke-lime-100 {
  stroke: #f0f4c3;
}

.color-lime-200 {
  color: #e6ee9c;
}

.bg-lime-200 {
  background-color: #e6ee9c;
}

.border-lime-200 {
  border-color: #e6ee9c;
}

.fill-lime-200 {
  fill: #e6ee9c;
}

.stroke-lime-200 {
  stroke: #e6ee9c;
}

.color-lime-300 {
  color: #dce775;
}

.bg-lime-300 {
  background-color: #dce775;
}

.border-lime-300 {
  border-color: #dce775;
}

.fill-lime-300 {
  fill: #dce775;
}

.stroke-lime-300 {
  stroke: #dce775;
}

.color-lime-400 {
  color: #d4e157;
}

.bg-lime-400 {
  background-color: #d4e157;
}

.border-lime-400 {
  border-color: #d4e157;
}

.fill-lime-400 {
  fill: #d4e157;
}

.stroke-lime-400 {
  stroke: #d4e157;
}

.color-lime-500 {
  color: #cddc39;
}

.bg-lime-500 {
  background-color: #cddc39;
}

.border-lime-500 {
  border-color: #cddc39;
}

.fill-lime-500 {
  fill: #cddc39;
}

.stroke-lime-500 {
  stroke: #cddc39;
}

.color-lime-600 {
  color: #c0ca33;
}

.bg-lime-600 {
  background-color: #c0ca33;
}

.border-lime-600 {
  border-color: #c0ca33;
}

.fill-lime-600 {
  fill: #c0ca33;
}

.stroke-lime-600 {
  stroke: #c0ca33;
}

.color-lime-700 {
  color: #afb42b;
}

.bg-lime-700 {
  background-color: #afb42b;
}

.border-lime-700 {
  border-color: #afb42b;
}

.fill-lime-700 {
  fill: #afb42b;
}

.stroke-lime-700 {
  stroke: #afb42b;
}

.color-lime-800 {
  color: #9e9d24;
}

.bg-lime-800 {
  background-color: #9e9d24;
}

.border-lime-800 {
  border-color: #9e9d24;
}

.fill-lime-800 {
  fill: #9e9d24;
}

.stroke-lime-800 {
  stroke: #9e9d24;
}

.color-lime-900 {
  color: #827717;
}

.bg-lime-900 {
  background-color: #827717;
}

.border-lime-900 {
  border-color: #827717;
}

.fill-lime-900 {
  fill: #827717;
}

.stroke-lime-900 {
  stroke: #827717;
}

.color-lime-a100 {
  color: #f4ff81;
}

.bg-lime-a100 {
  background-color: #f4ff81;
}

.border-lime-a100 {
  border-color: #f4ff81;
}

.fill-lime-a100 {
  fill: #f4ff81;
}

.stroke-lime-a100 {
  stroke: #f4ff81;
}

.color-lime-a200 {
  color: #eeff41;
}

.bg-lime-a200 {
  background-color: #eeff41;
}

.border-lime-a200 {
  border-color: #eeff41;
}

.fill-lime-a200 {
  fill: #eeff41;
}

.stroke-lime-a200 {
  stroke: #eeff41;
}

.color-lime-a400 {
  color: #c6ff00;
}

.bg-lime-a400 {
  background-color: #c6ff00;
}

.border-lime-a400 {
  border-color: #c6ff00;
}

.fill-lime-a400 {
  fill: #c6ff00;
}

.stroke-lime-a400 {
  stroke: #c6ff00;
}

.color-lime-a700 {
  color: #aeea00;
}

.bg-lime-a700 {
  background-color: #aeea00;
}

.border-lime-a700 {
  border-color: #aeea00;
}

.fill-lime-a700 {
  fill: #aeea00;
}

.stroke-lime-a700 {
  stroke: #aeea00;
}

.color-yellow-50 {
  color: #fffde7;
}

.bg-yellow-50 {
  background-color: #fffde7;
}

.border-yellow-50 {
  border-color: #fffde7;
}

.fill-yellow-50 {
  fill: #fffde7;
}

.stroke-yellow-50 {
  stroke: #fffde7;
}

.color-yellow-100 {
  color: #fff9c4;
}

.bg-yellow-100 {
  background-color: #fff9c4;
}

.border-yellow-100 {
  border-color: #fff9c4;
}

.fill-yellow-100 {
  fill: #fff9c4;
}

.stroke-yellow-100 {
  stroke: #fff9c4;
}

.color-yellow-200 {
  color: #fff59d;
}

.bg-yellow-200 {
  background-color: #fff59d;
}

.border-yellow-200 {
  border-color: #fff59d;
}

.fill-yellow-200 {
  fill: #fff59d;
}

.stroke-yellow-200 {
  stroke: #fff59d;
}

.color-yellow-300 {
  color: #fff176;
}

.bg-yellow-300 {
  background-color: #fff176;
}

.border-yellow-300 {
  border-color: #fff176;
}

.fill-yellow-300 {
  fill: #fff176;
}

.stroke-yellow-300 {
  stroke: #fff176;
}

.color-yellow-400 {
  color: #ffee58;
}

.bg-yellow-400 {
  background-color: #ffee58;
}

.border-yellow-400 {
  border-color: #ffee58;
}

.fill-yellow-400 {
  fill: #ffee58;
}

.stroke-yellow-400 {
  stroke: #ffee58;
}

.color-yellow-500 {
  color: #ffeb3b;
}

.bg-yellow-500 {
  background-color: #ffeb3b;
}

.border-yellow-500 {
  border-color: #ffeb3b;
}

.fill-yellow-500 {
  fill: #ffeb3b;
}

.stroke-yellow-500 {
  stroke: #ffeb3b;
}

.color-yellow-600 {
  color: #fdd835;
}

.bg-yellow-600 {
  background-color: #fdd835;
}

.border-yellow-600 {
  border-color: #fdd835;
}

.fill-yellow-600 {
  fill: #fdd835;
}

.stroke-yellow-600 {
  stroke: #fdd835;
}

.color-yellow-700 {
  color: #fbc02d;
}

.bg-yellow-700 {
  background-color: #fbc02d;
}

.border-yellow-700 {
  border-color: #fbc02d;
}

.fill-yellow-700 {
  fill: #fbc02d;
}

.stroke-yellow-700 {
  stroke: #fbc02d;
}

.color-yellow-800 {
  color: #f9a825;
}

.bg-yellow-800 {
  background-color: #f9a825;
}

.border-yellow-800 {
  border-color: #f9a825;
}

.fill-yellow-800 {
  fill: #f9a825;
}

.stroke-yellow-800 {
  stroke: #f9a825;
}

.color-yellow-900 {
  color: #f57f17;
}

.bg-yellow-900 {
  background-color: #f57f17;
}

.border-yellow-900 {
  border-color: #f57f17;
}

.fill-yellow-900 {
  fill: #f57f17;
}

.stroke-yellow-900 {
  stroke: #f57f17;
}

.color-yellow-a100 {
  color: #ffff8d;
}

.bg-yellow-a100 {
  background-color: #ffff8d;
}

.border-yellow-a100 {
  border-color: #ffff8d;
}

.fill-yellow-a100 {
  fill: #ffff8d;
}

.stroke-yellow-a100 {
  stroke: #ffff8d;
}

.color-yellow-a200 {
  color: #ffff00;
}

.bg-yellow-a200 {
  background-color: #ffff00;
}

.border-yellow-a200 {
  border-color: #ffff00;
}

.fill-yellow-a200 {
  fill: #ffff00;
}

.stroke-yellow-a200 {
  stroke: #ffff00;
}

.color-yellow-a400 {
  color: #ffea00;
}

.bg-yellow-a400 {
  background-color: #ffea00;
}

.border-yellow-a400 {
  border-color: #ffea00;
}

.fill-yellow-a400 {
  fill: #ffea00;
}

.stroke-yellow-a400 {
  stroke: #ffea00;
}

.color-yellow-a700 {
  color: #ffd600;
}

.bg-yellow-a700 {
  background-color: #ffd600;
}

.border-yellow-a700 {
  border-color: #ffd600;
}

.fill-yellow-a700 {
  fill: #ffd600;
}

.stroke-yellow-a700 {
  stroke: #ffd600;
}

.color-amber-50 {
  color: #fff8e1;
}

.bg-amber-50 {
  background-color: #fff8e1;
}

.border-amber-50 {
  border-color: #fff8e1;
}

.fill-amber-50 {
  fill: #fff8e1;
}

.stroke-amber-50 {
  stroke: #fff8e1;
}

.color-amber-100 {
  color: #ffecb3;
}

.bg-amber-100 {
  background-color: #ffecb3;
}

.border-amber-100 {
  border-color: #ffecb3;
}

.fill-amber-100 {
  fill: #ffecb3;
}

.stroke-amber-100 {
  stroke: #ffecb3;
}

.color-amber-200 {
  color: #ffe082;
}

.bg-amber-200 {
  background-color: #ffe082;
}

.border-amber-200 {
  border-color: #ffe082;
}

.fill-amber-200 {
  fill: #ffe082;
}

.stroke-amber-200 {
  stroke: #ffe082;
}

.color-amber-300 {
  color: #ffd54f;
}

.bg-amber-300 {
  background-color: #ffd54f;
}

.border-amber-300 {
  border-color: #ffd54f;
}

.fill-amber-300 {
  fill: #ffd54f;
}

.stroke-amber-300 {
  stroke: #ffd54f;
}

.color-amber-400 {
  color: #ffca28;
}

.bg-amber-400 {
  background-color: #ffca28;
}

.border-amber-400 {
  border-color: #ffca28;
}

.fill-amber-400 {
  fill: #ffca28;
}

.stroke-amber-400 {
  stroke: #ffca28;
}

.color-amber-500 {
  color: #ffc107;
}

.bg-amber-500 {
  background-color: #ffc107;
}

.border-amber-500 {
  border-color: #ffc107;
}

.fill-amber-500 {
  fill: #ffc107;
}

.stroke-amber-500 {
  stroke: #ffc107;
}

.color-amber-600 {
  color: #ffb300;
}

.bg-amber-600 {
  background-color: #ffb300;
}

.border-amber-600 {
  border-color: #ffb300;
}

.fill-amber-600 {
  fill: #ffb300;
}

.stroke-amber-600 {
  stroke: #ffb300;
}

.color-amber-700 {
  color: #ffa000;
}

.bg-amber-700 {
  background-color: #ffa000;
}

.border-amber-700 {
  border-color: #ffa000;
}

.fill-amber-700 {
  fill: #ffa000;
}

.stroke-amber-700 {
  stroke: #ffa000;
}

.color-amber-800 {
  color: #ff8f00;
}

.bg-amber-800 {
  background-color: #ff8f00;
}

.border-amber-800 {
  border-color: #ff8f00;
}

.fill-amber-800 {
  fill: #ff8f00;
}

.stroke-amber-800 {
  stroke: #ff8f00;
}

.color-amber-900 {
  color: #ff6f00;
}

.bg-amber-900 {
  background-color: #ff6f00;
}

.border-amber-900 {
  border-color: #ff6f00;
}

.fill-amber-900 {
  fill: #ff6f00;
}

.stroke-amber-900 {
  stroke: #ff6f00;
}

.color-amber-a100 {
  color: #ffe57f;
}

.bg-amber-a100 {
  background-color: #ffe57f;
}

.border-amber-a100 {
  border-color: #ffe57f;
}

.fill-amber-a100 {
  fill: #ffe57f;
}

.stroke-amber-a100 {
  stroke: #ffe57f;
}

.color-amber-a200 {
  color: #ffd740;
}

.bg-amber-a200 {
  background-color: #ffd740;
}

.border-amber-a200 {
  border-color: #ffd740;
}

.fill-amber-a200 {
  fill: #ffd740;
}

.stroke-amber-a200 {
  stroke: #ffd740;
}

.color-amber-a400 {
  color: #ffc400;
}

.bg-amber-a400 {
  background-color: #ffc400;
}

.border-amber-a400 {
  border-color: #ffc400;
}

.fill-amber-a400 {
  fill: #ffc400;
}

.stroke-amber-a400 {
  stroke: #ffc400;
}

.color-amber-a700 {
  color: #ffab00;
}

.bg-amber-a700 {
  background-color: #ffab00;
}

.border-amber-a700 {
  border-color: #ffab00;
}

.fill-amber-a700 {
  fill: #ffab00;
}

.stroke-amber-a700 {
  stroke: #ffab00;
}

.color-orange-50 {
  color: #fff3e0;
}

.bg-orange-50 {
  background-color: #fff3e0;
}

.border-orange-50 {
  border-color: #fff3e0;
}

.fill-orange-50 {
  fill: #fff3e0;
}

.stroke-orange-50 {
  stroke: #fff3e0;
}

.color-orange-100 {
  color: #ffe0b2;
}

.bg-orange-100 {
  background-color: #ffe0b2;
}

.border-orange-100 {
  border-color: #ffe0b2;
}

.fill-orange-100 {
  fill: #ffe0b2;
}

.stroke-orange-100 {
  stroke: #ffe0b2;
}

.color-orange-200 {
  color: #ffcc80;
}

.bg-orange-200 {
  background-color: #ffcc80;
}

.border-orange-200 {
  border-color: #ffcc80;
}

.fill-orange-200 {
  fill: #ffcc80;
}

.stroke-orange-200 {
  stroke: #ffcc80;
}

.color-orange-300 {
  color: #ffb74d;
}

.bg-orange-300 {
  background-color: #ffb74d;
}

.border-orange-300 {
  border-color: #ffb74d;
}

.fill-orange-300 {
  fill: #ffb74d;
}

.stroke-orange-300 {
  stroke: #ffb74d;
}

.color-orange-400 {
  color: #ffa726;
}

.bg-orange-400 {
  background-color: #ffa726;
}

.border-orange-400 {
  border-color: #ffa726;
}

.fill-orange-400 {
  fill: #ffa726;
}

.stroke-orange-400 {
  stroke: #ffa726;
}

.color-orange-500 {
  color: #ff9800;
}

.bg-orange-500 {
  background-color: #ff9800;
}

.border-orange-500 {
  border-color: #ff9800;
}

.fill-orange-500 {
  fill: #ff9800;
}

.stroke-orange-500 {
  stroke: #ff9800;
}

.color-orange-600 {
  color: #fb8c00;
}

.bg-orange-600 {
  background-color: #fb8c00;
}

.border-orange-600 {
  border-color: #fb8c00;
}

.fill-orange-600 {
  fill: #fb8c00;
}

.stroke-orange-600 {
  stroke: #fb8c00;
}

.color-orange-700 {
  color: #f57c00;
}

.bg-orange-700 {
  background-color: #f57c00;
}

.border-orange-700 {
  border-color: #f57c00;
}

.fill-orange-700 {
  fill: #f57c00;
}

.stroke-orange-700 {
  stroke: #f57c00;
}

.color-orange-800 {
  color: #ef6c00;
}

.bg-orange-800 {
  background-color: #ef6c00;
}

.border-orange-800 {
  border-color: #ef6c00;
}

.fill-orange-800 {
  fill: #ef6c00;
}

.stroke-orange-800 {
  stroke: #ef6c00;
}

.color-orange-900 {
  color: #e65100;
}

.bg-orange-900 {
  background-color: #e65100;
}

.border-orange-900 {
  border-color: #e65100;
}

.fill-orange-900 {
  fill: #e65100;
}

.stroke-orange-900 {
  stroke: #e65100;
}

.color-orange-a100 {
  color: #ffd180;
}

.bg-orange-a100 {
  background-color: #ffd180;
}

.border-orange-a100 {
  border-color: #ffd180;
}

.fill-orange-a100 {
  fill: #ffd180;
}

.stroke-orange-a100 {
  stroke: #ffd180;
}

.color-orange-a200 {
  color: #ffab40;
}

.bg-orange-a200 {
  background-color: #ffab40;
}

.border-orange-a200 {
  border-color: #ffab40;
}

.fill-orange-a200 {
  fill: #ffab40;
}

.stroke-orange-a200 {
  stroke: #ffab40;
}

.color-orange-a400 {
  color: #ff9100;
}

.bg-orange-a400 {
  background-color: #ff9100;
}

.border-orange-a400 {
  border-color: #ff9100;
}

.fill-orange-a400 {
  fill: #ff9100;
}

.stroke-orange-a400 {
  stroke: #ff9100;
}

.color-orange-a700 {
  color: #ff6d00;
}

.bg-orange-a700 {
  background-color: #ff6d00;
}

.border-orange-a700 {
  border-color: #ff6d00;
}

.fill-orange-a700 {
  fill: #ff6d00;
}

.stroke-orange-a700 {
  stroke: #ff6d00;
}

.color-deep-orange-50 {
  color: #fbe9e7;
}

.bg-deep-orange-50 {
  background-color: #fbe9e7;
}

.border-deep-orange-50 {
  border-color: #fbe9e7;
}

.fill-deep-orange-50 {
  fill: #fbe9e7;
}

.stroke-deep-orange-50 {
  stroke: #fbe9e7;
}

.color-deep-orange-100 {
  color: #ffccbc;
}

.bg-deep-orange-100 {
  background-color: #ffccbc;
}

.border-deep-orange-100 {
  border-color: #ffccbc;
}

.fill-deep-orange-100 {
  fill: #ffccbc;
}

.stroke-deep-orange-100 {
  stroke: #ffccbc;
}

.color-deep-orange-200 {
  color: #ffab91;
}

.bg-deep-orange-200 {
  background-color: #ffab91;
}

.border-deep-orange-200 {
  border-color: #ffab91;
}

.fill-deep-orange-200 {
  fill: #ffab91;
}

.stroke-deep-orange-200 {
  stroke: #ffab91;
}

.color-deep-orange-300 {
  color: #ff8a65;
}

.bg-deep-orange-300 {
  background-color: #ff8a65;
}

.border-deep-orange-300 {
  border-color: #ff8a65;
}

.fill-deep-orange-300 {
  fill: #ff8a65;
}

.stroke-deep-orange-300 {
  stroke: #ff8a65;
}

.color-deep-orange-400 {
  color: #ff7043;
}

.bg-deep-orange-400 {
  background-color: #ff7043;
}

.border-deep-orange-400 {
  border-color: #ff7043;
}

.fill-deep-orange-400 {
  fill: #ff7043;
}

.stroke-deep-orange-400 {
  stroke: #ff7043;
}

.color-deep-orange-500 {
  color: #ff5722;
}

.bg-deep-orange-500 {
  background-color: #ff5722;
}

.border-deep-orange-500 {
  border-color: #ff5722;
}

.fill-deep-orange-500 {
  fill: #ff5722;
}

.stroke-deep-orange-500 {
  stroke: #ff5722;
}

.color-deep-orange-600 {
  color: #f4511e;
}

.bg-deep-orange-600 {
  background-color: #f4511e;
}

.border-deep-orange-600 {
  border-color: #f4511e;
}

.fill-deep-orange-600 {
  fill: #f4511e;
}

.stroke-deep-orange-600 {
  stroke: #f4511e;
}

.color-deep-orange-700 {
  color: #e64a19;
}

.bg-deep-orange-700 {
  background-color: #e64a19;
}

.border-deep-orange-700 {
  border-color: #e64a19;
}

.fill-deep-orange-700 {
  fill: #e64a19;
}

.stroke-deep-orange-700 {
  stroke: #e64a19;
}

.color-deep-orange-800 {
  color: #d84315;
}

.bg-deep-orange-800 {
  background-color: #d84315;
}

.border-deep-orange-800 {
  border-color: #d84315;
}

.fill-deep-orange-800 {
  fill: #d84315;
}

.stroke-deep-orange-800 {
  stroke: #d84315;
}

.color-deep-orange-900 {
  color: #bf360c;
}

.bg-deep-orange-900 {
  background-color: #bf360c;
}

.border-deep-orange-900 {
  border-color: #bf360c;
}

.fill-deep-orange-900 {
  fill: #bf360c;
}

.stroke-deep-orange-900 {
  stroke: #bf360c;
}

.color-deep-orange-a100 {
  color: #ff9e80;
}

.bg-deep-orange-a100 {
  background-color: #ff9e80;
}

.border-deep-orange-a100 {
  border-color: #ff9e80;
}

.fill-deep-orange-a100 {
  fill: #ff9e80;
}

.stroke-deep-orange-a100 {
  stroke: #ff9e80;
}

.color-deep-orange-a200 {
  color: #ff6e40;
}

.bg-deep-orange-a200 {
  background-color: #ff6e40;
}

.border-deep-orange-a200 {
  border-color: #ff6e40;
}

.fill-deep-orange-a200 {
  fill: #ff6e40;
}

.stroke-deep-orange-a200 {
  stroke: #ff6e40;
}

.color-deep-orange-a400 {
  color: #ff3d00;
}

.bg-deep-orange-a400 {
  background-color: #ff3d00;
}

.border-deep-orange-a400 {
  border-color: #ff3d00;
}

.fill-deep-orange-a400 {
  fill: #ff3d00;
}

.stroke-deep-orange-a400 {
  stroke: #ff3d00;
}

.color-deep-orange-a700 {
  color: #dd2c00;
}

.bg-deep-orange-a700 {
  background-color: #dd2c00;
}

.border-deep-orange-a700 {
  border-color: #dd2c00;
}

.fill-deep-orange-a700 {
  fill: #dd2c00;
}

.stroke-deep-orange-a700 {
  stroke: #dd2c00;
}

.color-brown-50 {
  color: #efebe9;
}

.bg-brown-50 {
  background-color: #efebe9;
}

.border-brown-50 {
  border-color: #efebe9;
}

.fill-brown-50 {
  fill: #efebe9;
}

.stroke-brown-50 {
  stroke: #efebe9;
}

.color-brown-100 {
  color: #d7ccc8;
}

.bg-brown-100 {
  background-color: #d7ccc8;
}

.border-brown-100 {
  border-color: #d7ccc8;
}

.fill-brown-100 {
  fill: #d7ccc8;
}

.stroke-brown-100 {
  stroke: #d7ccc8;
}

.color-brown-200 {
  color: #bcaaa4;
}

.bg-brown-200 {
  background-color: #bcaaa4;
}

.border-brown-200 {
  border-color: #bcaaa4;
}

.fill-brown-200 {
  fill: #bcaaa4;
}

.stroke-brown-200 {
  stroke: #bcaaa4;
}

.color-brown-300 {
  color: #a1887f;
}

.bg-brown-300 {
  background-color: #a1887f;
}

.border-brown-300 {
  border-color: #a1887f;
}

.fill-brown-300 {
  fill: #a1887f;
}

.stroke-brown-300 {
  stroke: #a1887f;
}

.color-brown-400 {
  color: #8d6e63;
}

.bg-brown-400 {
  background-color: #8d6e63;
}

.border-brown-400 {
  border-color: #8d6e63;
}

.fill-brown-400 {
  fill: #8d6e63;
}

.stroke-brown-400 {
  stroke: #8d6e63;
}

.color-brown-500 {
  color: #795548;
}

.bg-brown-500 {
  background-color: #795548;
}

.border-brown-500 {
  border-color: #795548;
}

.fill-brown-500 {
  fill: #795548;
}

.stroke-brown-500 {
  stroke: #795548;
}

.color-brown-600 {
  color: #6d4c41;
}

.bg-brown-600 {
  background-color: #6d4c41;
}

.border-brown-600 {
  border-color: #6d4c41;
}

.fill-brown-600 {
  fill: #6d4c41;
}

.stroke-brown-600 {
  stroke: #6d4c41;
}

.color-brown-700 {
  color: #5d4037;
}

.bg-brown-700 {
  background-color: #5d4037;
}

.border-brown-700 {
  border-color: #5d4037;
}

.fill-brown-700 {
  fill: #5d4037;
}

.stroke-brown-700 {
  stroke: #5d4037;
}

.color-brown-800 {
  color: #4e342e;
}

.bg-brown-800 {
  background-color: #4e342e;
}

.border-brown-800 {
  border-color: #4e342e;
}

.fill-brown-800 {
  fill: #4e342e;
}

.stroke-brown-800 {
  stroke: #4e342e;
}

.color-brown-900 {
  color: #3e2723;
}

.bg-brown-900 {
  background-color: #3e2723;
}

.border-brown-900 {
  border-color: #3e2723;
}

.fill-brown-900 {
  fill: #3e2723;
}

.stroke-brown-900 {
  stroke: #3e2723;
}

.color-grey-50 {
  color: #fafafa;
}

.bg-grey-50 {
  background-color: #fafafa;
}

.border-grey-50 {
  border-color: #fafafa;
}

.fill-grey-50 {
  fill: #fafafa;
}

.stroke-grey-50 {
  stroke: #fafafa;
}

.color-grey-100 {
  color: #f5f5f5;
}

.bg-grey-100 {
  background-color: #f5f5f5;
}

.border-grey-100 {
  border-color: #f5f5f5;
}

.fill-grey-100 {
  fill: #f5f5f5;
}

.stroke-grey-100 {
  stroke: #f5f5f5;
}

.color-grey-200 {
  color: #eeeeee;
}

.bg-grey-200 {
  background-color: #eeeeee;
}

.border-grey-200 {
  border-color: #eeeeee;
}

.fill-grey-200 {
  fill: #eeeeee;
}

.stroke-grey-200 {
  stroke: #eeeeee;
}

.color-grey-300 {
  color: #e0e0e0;
}

.bg-grey-300 {
  background-color: #e0e0e0;
}

.border-grey-300 {
  border-color: #e0e0e0;
}

.fill-grey-300 {
  fill: #e0e0e0;
}

.stroke-grey-300 {
  stroke: #e0e0e0;
}

.color-grey-400 {
  color: #bdbdbd;
}

.bg-grey-400 {
  background-color: #bdbdbd;
}

.border-grey-400 {
  border-color: #bdbdbd;
}

.fill-grey-400 {
  fill: #bdbdbd;
}

.stroke-grey-400 {
  stroke: #bdbdbd;
}

.color-grey-500 {
  color: #9e9e9e;
}

.bg-grey-500 {
  background-color: #9e9e9e;
}

.border-grey-500 {
  border-color: #9e9e9e;
}

.fill-grey-500 {
  fill: #9e9e9e;
}

.stroke-grey-500 {
  stroke: #9e9e9e;
}

.color-grey-600 {
  color: #757575;
}

.bg-grey-600 {
  background-color: #757575;
}

.border-grey-600 {
  border-color: #757575;
}

.fill-grey-600 {
  fill: #757575;
}

.stroke-grey-600 {
  stroke: #757575;
}

.color-grey-700 {
  color: #616161;
}

.bg-grey-700 {
  background-color: #616161;
}

.border-grey-700 {
  border-color: #616161;
}

.fill-grey-700 {
  fill: #616161;
}

.stroke-grey-700 {
  stroke: #616161;
}

.color-grey-800 {
  color: #424242;
}

.bg-grey-800 {
  background-color: #424242;
}

.border-grey-800 {
  border-color: #424242;
}

.fill-grey-800 {
  fill: #424242;
}

.stroke-grey-800 {
  stroke: #424242;
}

.color-grey-900 {
  color: #212121;
}

.bg-grey-900 {
  background-color: #212121;
}

.border-grey-900 {
  border-color: #212121;
}

.fill-grey-900 {
  fill: #212121;
}

.stroke-grey-900 {
  stroke: #212121;
}

.color-blue-grey-50 {
  color: #eceff1;
}

.bg-blue-grey-50 {
  background-color: #eceff1;
}

.border-blue-grey-50 {
  border-color: #eceff1;
}

.fill-blue-grey-50 {
  fill: #eceff1;
}

.stroke-blue-grey-50 {
  stroke: #eceff1;
}

.color-blue-grey-100 {
  color: #cfd8dc;
}

.bg-blue-grey-100 {
  background-color: #cfd8dc;
}

.border-blue-grey-100 {
  border-color: #cfd8dc;
}

.fill-blue-grey-100 {
  fill: #cfd8dc;
}

.stroke-blue-grey-100 {
  stroke: #cfd8dc;
}

.color-blue-grey-200 {
  color: #b0bec5;
}

.bg-blue-grey-200 {
  background-color: #b0bec5;
}

.border-blue-grey-200 {
  border-color: #b0bec5;
}

.fill-blue-grey-200 {
  fill: #b0bec5;
}

.stroke-blue-grey-200 {
  stroke: #b0bec5;
}

.color-blue-grey-300 {
  color: #90a4ae;
}

.bg-blue-grey-300 {
  background-color: #90a4ae;
}

.border-blue-grey-300 {
  border-color: #90a4ae;
}

.fill-blue-grey-300 {
  fill: #90a4ae;
}

.stroke-blue-grey-300 {
  stroke: #90a4ae;
}

.color-blue-grey-400 {
  color: #78909c;
}

.bg-blue-grey-400 {
  background-color: #78909c;
}

.border-blue-grey-400 {
  border-color: #78909c;
}

.fill-blue-grey-400 {
  fill: #78909c;
}

.stroke-blue-grey-400 {
  stroke: #78909c;
}

.color-blue-grey-500 {
  color: #607d8b;
}

.bg-blue-grey-500 {
  background-color: #607d8b;
}

.border-blue-grey-500 {
  border-color: #607d8b;
}

.fill-blue-grey-500 {
  fill: #607d8b;
}

.stroke-blue-grey-500 {
  stroke: #607d8b;
}

.color-blue-grey-600 {
  color: #546e7a;
}

.bg-blue-grey-600 {
  background-color: #546e7a;
}

.border-blue-grey-600 {
  border-color: #546e7a;
}

.fill-blue-grey-600 {
  fill: #546e7a;
}

.stroke-blue-grey-600 {
  stroke: #546e7a;
}

.color-blue-grey-700 {
  color: #455a64;
}

.bg-blue-grey-700 {
  background-color: #455a64;
}

.border-blue-grey-700 {
  border-color: #455a64;
}

.fill-blue-grey-700 {
  fill: #455a64;
}

.stroke-blue-grey-700 {
  stroke: #455a64;
}

.color-blue-grey-800 {
  color: #37474f;
}

.bg-blue-grey-800 {
  background-color: #37474f;
}

.border-blue-grey-800 {
  border-color: #37474f;
}

.fill-blue-grey-800 {
  fill: #37474f;
}

.stroke-blue-grey-800 {
  stroke: #37474f;
}

.color-blue-grey-900 {
  color: #263238;
}

.bg-blue-grey-900 {
  background-color: #263238;
}

.border-blue-grey-900 {
  border-color: #263238;
}

.fill-blue-grey-900 {
  fill: #263238;
}

.stroke-blue-grey-900 {
  stroke: #263238;
}

.color-dark-text-primary {
  color: rgba(0, 0, 0, 0.87);
}

.bg-dark-text-primary {
  background-color: rgba(0, 0, 0, 0.87);
}

.border-dark-text-primary {
  border-color: rgba(0, 0, 0, 0.87);
}

.fill-dark-text-primary {
  fill: rgba(0, 0, 0, 0.87);
}

.stroke-dark-text-primary {
  stroke: rgba(0, 0, 0, 0.87);
}

.color-dark-text-secondary {
  color: rgba(0, 0, 0, 0.54);
}

.bg-dark-text-secondary {
  background-color: rgba(0, 0, 0, 0.54);
}

.border-dark-text-secondary {
  border-color: rgba(0, 0, 0, 0.54);
}

.fill-dark-text-secondary {
  fill: rgba(0, 0, 0, 0.54);
}

.stroke-dark-text-secondary {
  stroke: rgba(0, 0, 0, 0.54);
}

.color-dark-text-disabled {
  color: rgba(0, 0, 0, 0.38);
}

.bg-dark-text-disabled {
  background-color: rgba(0, 0, 0, 0.38);
}

.border-dark-text-disabled {
  border-color: rgba(0, 0, 0, 0.38);
}

.fill-dark-text-disabled {
  fill: rgba(0, 0, 0, 0.38);
}

.stroke-dark-text-disabled {
  stroke: rgba(0, 0, 0, 0.38);
}

.color-dark-text-dividers {
  color: rgba(0, 0, 0, 0.12);
}

.bg-dark-text-dividers {
  background-color: rgba(0, 0, 0, 0.12);
}

.border-dark-text-dividers {
  border-color: rgba(0, 0, 0, 0.12);
}

.fill-dark-text-dividers {
  fill: rgba(0, 0, 0, 0.12);
}

.stroke-dark-text-dividers {
  stroke: rgba(0, 0, 0, 0.12);
}

.color-light-text-primary {
  color: white;
}

.bg-light-text-primary {
  background-color: white;
}

.border-light-text-primary {
  border-color: white;
}

.fill-light-text-primary {
  fill: white;
}

.stroke-light-text-primary {
  stroke: white;
}

.color-light-text-secondary {
  color: rgba(255, 255, 255, 0.7);
}

.bg-light-text-secondary {
  background-color: rgba(255, 255, 255, 0.7);
}

.border-light-text-secondary {
  border-color: rgba(255, 255, 255, 0.7);
}

.fill-light-text-secondary {
  fill: rgba(255, 255, 255, 0.7);
}

.stroke-light-text-secondary {
  stroke: rgba(255, 255, 255, 0.7);
}

.color-light-text-disabled {
  color: rgba(255, 255, 255, 0.5);
}

.bg-light-text-disabled {
  background-color: rgba(255, 255, 255, 0.5);
}

.border-light-text-disabled {
  border-color: rgba(255, 255, 255, 0.5);
}

.fill-light-text-disabled {
  fill: rgba(255, 255, 255, 0.5);
}

.stroke-light-text-disabled {
  stroke: rgba(255, 255, 255, 0.5);
}

.color-light-text-dividers {
  color: rgba(255, 255, 255, 0.12);
}

.bg-light-text-dividers {
  background-color: rgba(255, 255, 255, 0.12);
}

.border-light-text-dividers {
  border-color: rgba(255, 255, 255, 0.12);
}

.fill-light-text-dividers {
  fill: rgba(255, 255, 255, 0.12);
}

.stroke-light-text-dividers {
  stroke: rgba(255, 255, 255, 0.12);
}

.color-dark-icons-active {
  color: rgba(0, 0, 0, 0.54);
}

.bg-dark-icons-active {
  background-color: rgba(0, 0, 0, 0.54);
}

.border-dark-icons-active {
  border-color: rgba(0, 0, 0, 0.54);
}

.fill-dark-icons-active {
  fill: rgba(0, 0, 0, 0.54);
}

.stroke-dark-icons-active {
  stroke: rgba(0, 0, 0, 0.54);
}

.color-dark-icons-inactive {
  color: rgba(0, 0, 0, 0.38);
}

.bg-dark-icons-inactive {
  background-color: rgba(0, 0, 0, 0.38);
}

.border-dark-icons-inactive {
  border-color: rgba(0, 0, 0, 0.38);
}

.fill-dark-icons-inactive {
  fill: rgba(0, 0, 0, 0.38);
}

.stroke-dark-icons-inactive {
  stroke: rgba(0, 0, 0, 0.38);
}

.color-light-icons-active {
  color: white;
}

.bg-light-icons-active {
  background-color: white;
}

.border-light-icons-active {
  border-color: white;
}

.fill-light-icons-active {
  fill: white;
}

.stroke-light-icons-active {
  stroke: white;
}

.color-light-icons-inactive {
  color: rgba(255, 255, 255, 0.5);
}

.bg-light-icons-inactive {
  background-color: rgba(255, 255, 255, 0.5);
}

.border-light-icons-inactive {
  border-color: rgba(255, 255, 255, 0.5);
}

.fill-light-icons-inactive {
  fill: rgba(255, 255, 255, 0.5);
}

.stroke-light-icons-inactive {
  stroke: rgba(255, 255, 255, 0.5);
}

.color-white {
  color: #ffffff;
}

.bg-white {
  background-color: #ffffff;
}

.border-white {
  border-color: #ffffff;
}

.fill-white {
  fill: #ffffff;
}

.stroke-white {
  stroke: #ffffff;
}

.color-black {
  color: #000000;
}

.bg-black {
  background-color: #000000;
}

.border-black {
  border-color: #000000;
}

.fill-black {
  fill: #000000;
}

.stroke-black {
  stroke: #000000;
}

/*! Angular Moment Picker - v0.9.4 - http://indrimuska.github.io/angular-moment-picker - (c) 2015 Indri Muska - MIT */
.moment-picker {
  position: relative;
  display: block;
}

.moment-picker .moment-picker-input {
  cursor: pointer;
}

.moment-picker .moment-picker-container {
  color: #404040;
  min-width: 15em;
  background: #fff;
  padding: 4px;
  border: 1px solid #f0f3f4;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  position: absolute;
  top: 100%;
  margin-top: 4px;
  margin-left: -0.5em;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.075);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.075);
  z-index: 5;
}

.moment-picker .moment-picker-container:after,
.moment-picker .moment-picker-container:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border: 8px solid transparent;
  border-top: none;
  position: absolute;
  top: -9px;
  left: 15px;
}

.moment-picker .moment-picker-container:before {
  border-bottom-color: #f0f3f4;
  border-width: 9px;
}

.moment-picker .moment-picker-container:after {
  border-bottom-color: #fff;
  margin-top: 1px;
  margin-left: 1px;
}

.moment-picker.top .moment-picker-container {
  top: auto;
  bottom: 100%;
  margin-top: auto;
  margin-bottom: 4px;
}

.moment-picker.top .moment-picker-container:after,
.moment-picker.top .moment-picker-container:before {
  border: 8px solid transparent;
  border-bottom: none;
  top: auto;
  bottom: -9px;
}

.moment-picker.top .moment-picker-container:before {
  border-top-color: #f0f3f4;
  border-width: 9px;
}

.moment-picker.top .moment-picker-container:after {
  border-top-color: #fff;
  margin-top: auto;
  margin-bottom: 1px;
}

.moment-picker.left .moment-picker-container {
  right: 0;
  margin-left: auto;
  margin-right: -0.5em;
}

.moment-picker.left .moment-picker-container:after,
.moment-picker.left .moment-picker-container:before {
  left: auto;
  right: 15px;
}

.moment-picker.left .moment-picker-container:after {
  margin-left: auto;
  margin-right: 1px;
}

.moment-picker table {
  border-collapse: collapse;
  border-spacing: 0;
  min-width: 100%;
  table-layout: fixed;
}

.moment-picker th {
  font-weight: 700;
}

.moment-picker th:first-child,
.moment-picker th:last-child {
  width: 2em;
}

.moment-picker td,
.moment-picker th {
  padding: 0;
  text-align: center;
  min-width: 2em;
  height: 2em;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.9);
  cursor: pointer;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.moment-picker td:hover,
.moment-picker th:hover {
  background-color: #fafbfb;
  background-image: -webkit-gradient(linear,
      left top,
      left bottom,
      from(#f0f3f4),
      to(#fafbfb));
  background-image: -webkit-linear-gradient(#f0f3f4, #fafbfb);
  background-image: -moz-linear-gradient(#f0f3f4, #fafbfb);
  background-image: -o-linear-gradient(#f0f3f4, #fafbfb);
  background-image: linear-gradient(#f0f3f4, #fafbfb);
}

.moment-picker td.disabled,
.moment-picker td.disabled:hover,
.moment-picker th.disabled,
.moment-picker th.disabled:hover {
  color: #abbbc7;
  background: none;
  cursor: default;
}

.moment-picker td.today {
  background: #e4eef5;
  color: #404040;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.9);
}

.moment-picker td.selected {
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
  border-color: #3ca0dd;
  background-color: #45b1e8;
  background-image: -webkit-gradient(linear,
      left top,
      left bottom,
      from(#45b1e8),
      to(#3097de));
  background-image: -webkit-linear-gradient(#45b1e8, #3097de);
  background-image: -moz-linear-gradient(#45b1e8, #3097de);
  background-image: -o-linear-gradient(#45b1e8, #3097de);
  background-image: linear-gradient(#45b1e8, #3097de);
}

.moment-picker td.highlighted {
  background-image: -webkit-radial-gradient(transparent, rgba(0, 0, 0, 0.15));
  background-image: -moz-radial-gradient(transparent, rgba(0, 0, 0, 0.15));
  background-image: -o-radial-gradient(transparent, rgba(0, 0, 0, 0.15));
  background-image: radial-gradient(transparent, rgba(0, 0, 0, 0.15));
}

.moment-picker .decade-view td,
.moment-picker .year-view td {
  height: 3.4em;
}

.moment-picker .month-view .moment-picker-specific-views th {
  background: none;
  cursor: default;
}

.moment-picker .month-view td {
  width: 1.42857143em;
}

.moment-picker .day-view td,
.moment-picker .hour-view td {
  height: 2.33333333em;
}

.moment-picker .minute-view td {
  height: 1.8em;
}

md-dialog.dtp {
  font-size: 14px;
  line-height: 1.42857143;
  color: #333;
  background-color: #fff;
  max-height: none;
  min-width: 300px;
  width: 300px;
}

.noselect {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.dtp *:focus {
  outline: none !important;
}

.dtp table {
  border-spacing: 0;
  border-collapse: collapse;
  width: 100%;
}

.dtp .table>tbody>tr>td,
.dtp .table>tbody>tr>th,
.dtp .table>tfoot>tr>td,
.dtp .table>tfoot>tr>th,
.dtp .table>thead>tr>td,
.dtp .table>thead>tr>th {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #ddd;
}

.dtp,
.dtp * {
  box-sizing: border-box !important;
}

.dtp>.dtp-content {
  max-width: 300px;
  max-height: 500px;
}

.dtp>.dtp-content>.dtp-date-view>header.dtp-header {
  background: #689f38;
  color: #fff;
  text-align: center;
}

.dtp div.dtp-date,
.dtp div.dtp-time {
  background: #8bc34a;
  text-align: center;
  color: #fff;
  padding: 10px;
}

.dtp div.dtp-date>div {
  padding: 0;
  margin: 0;
}

.dtp div.dtp-actual-month {
  font-size: 1.5em;
  cursor: pointer;
}

.dtp div.dtp-actual-num {
  font-size: 2em;
  line-height: 0.9;
}

.dtp div.dtp-actual-maxtime {
  font-size: 2em;
  line-height: 0.9;
  color: #dcedc8;
}

.dtp div.dtp-actual-maxtime span.selected {
  color: #fff;
}

.dtp div.dtp-actual-year {
  font-size: 1.6em;
  color: #dcedc8;
  cursor: pointer;
}

.dtp div.dtp-month-btn {
  font-size: 1.4em;
  line-height: 30px;
  cursor: pointer;
}

.dtp div.dtp-month-btn-prev {
  text-align: right;
}

.dtp div.dtp-month-btn-next {
  text-align: left;
}

.dtp div.dtp-year-btn {
  font-size: 1.4em;
  line-height: 30px;
  cursor: pointer;
  color: #dcedc8;
}

.dtp div.dtp-year-btn-prev {
  text-align: right;
}

.dtp div.dtp-year-btn-next {
  text-align: left;
}

.dtp div.dtp-picker {
  padding: 10px 10px 0 10px;
  text-align: center;
  /* Prevent dialog resizing when switcing between date/time */
  overflow: hidden;
}

.dtp div.dtp-picker-month,
.dtp div.dtp-actual-time {
  font-size: 1.2em;
  font-weight: 500;
  text-align: center;
}

.dtp div.dtp-actual-time.p60 span.selected {
  color: #689f38;
}

.dtp .dtp-close {
  position: absolute;
  top: 0;
  right: 5px;
  font-size: 16px;
}

.dtp .dtp-close>a {
  color: #fff;
  text-decoration: none;
}

.dtp .dtp-close>a>i {
  font-size: 1em;
}

.dtp table.dtp-picker-days {
  margin: 0;
  min-height: 220px;
}

.dtp md-virtual-repeat-container.months {
  height: 260px;
}

.dtp table.dtp-picker-days,
.dtp table.dtp-picker-days tr,
.dtp table.dtp-picker-days tr>td {
  border: none;
}

.dtp table.dtp-picker-days tr>td {
  font-size: 11px;
  text-align: center;
  padding: 0;
}

.dtp table.dtp-picker-days tr>td>span.dtp-select-day {
  color: #bdbdbd !important;
}

.dtp table.dtp-picker-days tr>td,
.dtp table.dtp-picker-days tr>td>.dtp-select-day {
  width: 36px;
  height: 36px;
}

.dtp table.dtp-picker-days tr>td>.dtp-select-day {
  display: inline-block;
}

.dtp table.dtp-picker-days tr>td>.dtp-select-day,
.dtp .dtp-picker-time>a {
  color: #212121;
  text-decoration: none;
  padding: 10px;
  border-radius: 50% !important;
}

.dtp table.dtp-picker-days tr>td>a.selected {
  background: #8bc34a;
  color: #fff;
}

.dtp table.dtp-picker-days tr>td>a.selected.hilite {
  padding: 6px;
  font-size: 16px;
  font-weight: 500;
  background: #8bc34a;
  color: #fff;
}

.dtp table.dtp-picker-days tr>td>a.hilite:not(.selected) {
  padding: 6px;
  font-size: 16px;
  font-weight: 500;
  color: #8bc34a;
}

.dtp table.dtp-picker-days tr>td>a:hover:not(.selected) {
  background: #dddddd;
}

.dtp table.dtp-picker-days tr>th {
  color: #757575;
  text-align: center;
  font-weight: 700;
  padding: 4px 3px;
  width: 38px;
  height: 28px;
}

.dtp .p10>a {
  color: #689f38;
  text-decoration: none;
}

.dtp .p10 {
  width: 10%;
  display: inline-block;
}

.dtp .p20 {
  width: 20%;
  display: inline-block;
}

.dtp .p60 {
  width: 60%;
  display: inline-block;
}

.dtp .p80 {
  width: 80%;
  display: inline-block;
}

.dtp div.dtp-picker-datetime {
  padding-bottom: 25px;
}

.dtp span.dtp-actual-meridien {
  font-size: 0.6em;
}

.dtp div.dtp-actual-meridien {
  height: 20px;
}

.dtp a.dtp-meridien-am,
.dtp a.dtp-meridien-pm {
  position: relative;
  color: #212121;
  font-weight: 500;
  padding: 7px 5px;
  border-radius: 50% !important;
  text-decoration: none;
  background: #eee;
  font-size: 10px;
}

.dtp .dtp-actual-meridien a.selected {
  background: #689f38;
  color: #fff;
}

.dtp .dtp-picker-time>a {
  display: block;
  line-height: 23px;
  padding: 3px 3px 3px 3px;
}

.dtp .dtp-picker-time {
  position: absolute;
  width: 30px;
  height: 30px;
  font-size: 1.1em;
  border-radius: 50%;
  cursor: pointer;
  text-align: center !important;
}

.dtp .dtp-picker-time>a.dtp-select-hour.selected {
  background: #689f38;
  color: #fff;
}

.dtp .dtp-picker-time>a.dtp-select-hour.disabled,
.dtp .dtp-picker-time>a.dtp-select-minute.disabled {
  color: #757575;
}

.dtp .dtp-picker-time>a.dtp-select-minute.selected {
  background: #8bc34a;
  color: #fff;
}

.dtp div.dtp-picker-clock {
  margin: 10px 20px 0 20px;
  padding: 10px;
  border-radius: 50% !important;
  background: #eee;
  direction: ltr;
  cursor: default;
}

.dtp-clock-center {
  width: 15px;
  height: 15px;
  background: #757575;
  border-radius: 50%;
  position: absolute;
  z-index: 50;
}

.dtp .dtp-hand,
.dtp .dtp-hour-hand {
  position: absolute;
  width: 4px;
  margin-left: -2px;
  background: #bdbdbd;
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -moz-transform-origin: bottom;
  -ms-transform-origin: bottom;
  -webkit-transform-origin: bottom;
  transform-origin: bottom;
  z-index: 1;
}

.dtp .dtp-minute-hand {
  width: 2px;
  margin-left: -1px;
}

.dtp .dtp-second-hand {
  width: 1px;
  margin-left: -1px;
}

.dtp .dtp-hand.on {
  background: #8bc34a;
}

.dtp .dtp-buttons {
  padding-bottom: 10px;
  text-align: right;
}

.dtp.hidden,
.dtp .hidden {
  display: none;
}

.dtp .invisible {
  visibility: hidden;
}

.dtp .left {
  float: left;
}

.dtp .right {
  float: right;
}

.dtp .clearfix {
  clear: both;
}

.dtp .center {
  text-align: center;
}

[dir='rtl'] .dtp div.dtp-year-btn-next,
[dir='rtl'] .dtp div.dtp-month-btn-next,
[dir='rtl'] .dtp div.dtp-year-btn-prev,
[dir='rtl'] .dtp div.dtp-month-btn-prev {
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.dtp-btn-today,
.dtp-btn-ok,
.dtp-btn-cancel {
  min-width: 70px;
}

.dtp-clear {
  position: absolute;
  top: 0;
  right: -10px;
}

/* Remove IE clear button */
.dtp-no-msclear::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}

.dtp-btn-calendar {
  position: absolute;
  top: -3px;
  left: -10px;
}

.dtp-input {
  margin-left: 30px;
  max-width: calc(100% - 30px);
}

.ng-table th {
  text-align: center;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.ng-table th.sortable {
  cursor: pointer;
}

.ng-table th.sortable .sort-indicator {
  padding-right: 18px;
  position: relative;
}

.ng-table th.sortable .sort-indicator:after,
.ng-table th.sortable .sort-indicator:before {
  content: '';
  border-width: 0 4px 4px;
  border-style: solid;
  border-color: #000 transparent;
  visibility: visible;
  right: 5px;
  top: 50%;
  position: absolute;
  opacity: 0.3;
  margin-top: -4px;
}

.ng-table th.sortable .sort-indicator:before {
  margin-top: 2px;
  border-bottom: none;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #000;
}

.ng-table th.sortable .sort-indicator:hover:after,
.ng-table th.sortable .sort-indicator:hover:before {
  opacity: 1;
  visibility: visible;
}

.ng-table th.sortable.sort-desc,
.ng-table th.sortable.sort-asc {
  background-color: rgba(141, 192, 219, 0.25);
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
}

.ng-table th.sortable.sort-desc .sort-indicator:after,
.ng-table th.sortable.sort-asc .sort-indicator:after {
  margin-top: -2px;
}

.ng-table th.sortable.sort-desc .sort-indicator:before,
.ng-table th.sortable.sort-asc .sort-indicator:before {
  visibility: hidden;
}

.ng-table th.sortable.sort-asc .sort-indicator:after,
.ng-table th.sortable.sort-asc .sort-indicator:hover:after {
  visibility: visible;
  filter: alpha(opacity=60);
  -khtml-opacity: 0.6;
  -moz-opacity: 0.6;
  opacity: 0.6;
}

.ng-table th.sortable.sort-desc .sort-indicator:after {
  border-bottom: none;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #000;
  visibility: visible;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  filter: alpha(opacity=60);
  -khtml-opacity: 0.6;
  -moz-opacity: 0.6;
  opacity: 0.6;
}

.ng-table th.filter .input-filter {
  margin: 0;
  display: block;
  width: 100%;
  min-height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.ng-table .ng-table-group-header th {
  text-align: left;
}

.ng-table .ng-table-group-selector {
  display: block;
}

.ng-table .ng-table-group-close,
.ng-table .ng-table-group-toggle {
  float: right;
}

.ng-table .ng-table-group-toggle {
  margin-right: 5px;
}

@media only screen and (max-width: 800px) {
  .ng-table-responsive {
    border-bottom: 1px solid #999;
  }

  .ng-table-responsive tr {
    border-top: 1px solid #999;
    border-left: 1px solid #999;
    border-right: 1px solid #999;
  }

  .ng-table-responsive td:before {
    position: absolute;
    padding: 8px;
    left: 0;
    top: 0;
    width: 50%;
    white-space: nowrap;
    text-align: left;
    font-weight: bold;
  }

  .ng-table-responsive thead tr th {
    text-align: left;
  }

  .ng-table-responsive thead tr.ng-table-filters th {
    padding: 0;
  }

  .ng-table-responsive thead tr.ng-table-filters th form>div {
    padding: 8px;
  }

  .ng-table-responsive td {
    border: none;
    border-bottom: 1px solid #eee;
    position: relative;
    padding-left: 50%;
    white-space: normal;
    text-align: left;
  }

  .ng-table-responsive td:before {
    content: attr(data-title-text);
  }

  .ng-table-responsive,
  .ng-table-responsive thead,
  .ng-table-responsive tbody,
  .ng-table-responsive th,
  .ng-table-responsive td,
  .ng-table-responsive tr {
    display: block;
  }
}

.ng-table-pagination {
  margin-top: 0;
}

.ng-table-group-selector:before,
.ng-table-group-selector:after,
.filter:before,
.filter:after {
  display: table;
  content: ' ';
}

.ng-table-group-selector:after,
.filter:after {
  clear: both;
}

.filter>.filter-cell {
  float: left;
  box-sizing: border-box;
}

.filter-horizontal>.filter-cell {
  padding: 0 2px;
}

.filter-horizontal>.filter-cell:first-child {
  padding-left: 0;
}

.filter-horizontal>.filter-cell:last-child,
.filter-horizontal>.filter-cell.last {
  padding-right: 0;
}

.s12 {
  width: 100%;
}

.s11 {
  width: 91.66666666666666%;
}

.s10 {
  width: 83.33333333333334%;
}

.s9 {
  width: 75%;
}

.s8 {
  width: 66.66666666666666%;
}

.s7 {
  width: 58.333333333333336%;
}

.s6 {
  width: 50%;
}

.s5 {
  width: 41.66666666666667%;
}

.s4 {
  width: 33.33333333333333%;
}

.s3 {
  width: 25%;
}

.s2 {
  width: 16.666666666666664%;
}

.s1 {
  width: 8.333333333333332%;
}

@media all and (max-width: 468px) {

  .s12,
  .s11,
  .s10,
  .s9,
  .s8,
  .s7,
  .s6,
  .s5,
  .s4,
  .s3,
  .s2,
  .s1 {
    width: 100%;
  }

  .filter>.filter-cell {
    padding: 0px;
  }
}

.nz-toggle-wrap {
  display: inline-block;
  padding: 3px;
  margin: 3px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  position: relative;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  max-width: 100%;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}

.nz-toggle {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  cursor: pointer;
}

.nz-toggle-wrap[disabled] .nz-toggle {
  cursor: default;
  opacity: 0.5;
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)';
  filter: alpha(opacity=50);
}

/* Handle */
.nz-toggle-handle {
  -webkit-border-radius: 20px;
  border-radius: 20px;
  background-color: #fff;
  position: absolute;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.25);
}

.nz-toggle-tooltip {
  display: block;
  position: absolute;
  background: rgba(0, 0, 0, 0.8);
  color: rgba(255, 255, 255, 0.6);
  font-size: 80%;
  padding: 5px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  opacity: 0;
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
  filter: alpha(opacity=0);
  pointer-events: none;
  white-space: nowrap;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.nz-toggle-tooltip:before {
  position: absolute;
  content: '';
  width: 0;
  height: 0;
  pointer-events: none;
}

.nz-toggle-tooltip span {
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.nz-toggle-tooltip span.active {
  color: #fff;
}

.nz-toggle-wrap.horizontal .nz-toggle-handle {
  height: 100%;
  width: 50%;
  top: 0;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  /* States */
}

.nz-toggle-wrap.horizontal.false .nz-toggle-handle {
  left: 0;
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
}

.nz-toggle-wrap.horizontal.null .nz-toggle-handle {
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.nz-toggle-wrap.horizontal.true .nz-toggle-handle {
  left: 100%;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}

.nz-toggle-wrap.horizontal .nz-toggle-tooltip {
  bottom: 100%;
  left: 50%;
  -webkit-transform: translate(-50%, 0) scale(0.85);
  transform: translate(-50%, 0) scale(0.85);
}

.nz-toggle-wrap.horizontal .nz-toggle-tooltip:before {
  left: 50%;
  top: 100%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-top: 5px solid rgba(0, 0, 0, 0.8);
}

.nz-toggle-wrap.vertical .nz-toggle-handle {
  width: 100%;
  height: 50%;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.nz-toggle-wrap.vertical.false .nz-toggle-handle {
  top: 100%;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}

.nz-toggle-wrap.vertical.null .nz-toggle-handle {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.nz-toggle-wrap.vertical.true .nz-toggle-handle {
  top: 0%;
  -webkit-transform: translateY(0%);
  transform: translateY(0%);
}

.nz-toggle-wrap.vertical .nz-toggle-tooltip {
  left: 100%;
  top: 50%;
  -webkit-transform: translate(0, -50%) scale(0.85);
  transform: translate(0, -50%) scale(0.85);
  text-align: right;
}

.nz-toggle-wrap.vertical .nz-toggle-tooltip:before {
  top: 50%;
  right: 100%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 5px solid rgba(0, 0, 0, 0.8);
  border-left: 5px solid transparent;
}

.nz-toggle-wrap.tip-bottom .nz-toggle-tooltip {
  top: 100%;
  right: initial;
  bottom: initial;
  left: 50%;
  -webkit-transform: translate(-50%, 0) scale(0.85);
  transform: translate(-50%, 0) scale(0.85);
}

.nz-toggle-wrap.tip-bottom .nz-toggle-tooltip:before {
  top: initial;
  left: 50%;
  bottom: 100%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid rgba(0, 0, 0, 0.8);
  border-top: 5px solid transparent;
}

.nz-toggle-wrap.tip-top .nz-toggle-tooltip {
  top: initial;
  right: initial;
  bottom: 100%;
  left: 50%;
  -webkit-transform: translate(-50%, 0) scale(0.85);
  transform: translate(-50%, 0) scale(0.85);
}

.nz-toggle-wrap.tip-top .nz-toggle-tooltip:before {
  top: initial;
  left: 50%;
  top: 100%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-top: 5px solid rgba(0, 0, 0, 0.8);
}

.nz-toggle-wrap.tip-left .nz-toggle-tooltip {
  top: 50%;
  right: 100%;
  bottom: initial;
  left: initial;
  text-align: right;
  -webkit-transform: translate(0, -50%) scale(0.85);
  transform: translate(0, -50%) scale(0.85);
}

.nz-toggle-wrap.tip-left .nz-toggle-tooltip:before {
  right: initial;
  top: 50%;
  left: 100%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid rgba(0, 0, 0, 0.8);
  border-right: 5px solid transparent;
}

.nz-toggle-wrap.tip-right .nz-toggle-tooltip {
  top: 50%;
  right: initial;
  bottom: initial;
  left: 100%;
  text-align: right;
  -webkit-transform: translate(0, -50%) scale(0.85);
  transform: translate(0, -50%) scale(0.85);
}

.nz-toggle-wrap.tip-right .nz-toggle-tooltip:before {
  left: initial;
  top: 50%;
  right: 100%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid transparent;
  border-right: 5px solid rgba(0, 0, 0, 0.8);
}

.nz-toggle-wrap.square {
  -webkit-border-radius: 2px;
  border-radius: 2px;
}

.nz-toggle-wrap.square .nz-toggle-handle {
  -webkit-border-radius: 2px;
  border-radius: 2px;
}

.nz-toggle-wrap:hover .nz-toggle-tooltip {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}

.nz-toggle-wrap:hover.horizontal .nz-toggle-tooltip {
  -webkit-transform: translate(-50%, -7px) scale(1);
  transform: translate(-50%, -7px) scale(1);
}

.nz-toggle-wrap:hover.vertical .nz-toggle-tooltip {
  -webkit-transform: translate(7px, -50%) scale(1);
  transform: translate(7px, -50%) scale(1);
}

.nz-toggle-wrap:hover.tip-bottom .nz-toggle-tooltip {
  -webkit-transform: translate(-50%, 7px) scale(1);
  transform: translate(-50%, 7px) scale(1);
}

.nz-toggle-wrap:hover.tip-top .nz-toggle-tooltip {
  -webkit-transform: translate(-50%, -7px) scale(1);
  transform: translate(-50%, -7px) scale(1);
}

.nz-toggle-wrap:hover.tip-left .nz-toggle-tooltip {
  -webkit-transform: translate(-7px, -50%) scale(1);
  transform: translate(-7px, -50%) scale(1);
}

.nz-toggle-wrap:hover.tip-right .nz-toggle-tooltip {
  -webkit-transform: translate(7px, -50%) scale(1);
  transform: translate(7px, -50%) scale(1);
}

/* perfect-scrollbar v0.6.14 */
.ps-container {
  -ms-touch-action: auto;
  touch-action: auto;
  overflow: hidden !important;
  -ms-overflow-style: none;
}

@supports (-ms-overflow-style: none) {
  .ps-container {
    overflow: auto !important;
  }
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
  .ps-container {
    overflow: auto !important;
  }
}

.ps-container.ps-active-x>.ps-scrollbar-x-rail,
.ps-container.ps-active-y>.ps-scrollbar-y-rail {
  display: block;
  background-color: transparent;
}

.ps-container.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail {
  background-color: #eee;
  opacity: 0.9;
}

.ps-container.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail>.ps-scrollbar-x {
  background-color: #999;
  height: 11px;
}

.ps-container.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail {
  background-color: #eee;
  opacity: 0.9;
}

.ps-container.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail>.ps-scrollbar-y {
  background-color: #999;
  width: 11px;
}

.ps-container>.ps-scrollbar-x-rail {
  display: none;
  position: absolute;
  /* please don't change 'position' */
  opacity: 0;
  -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
  -o-transition: background-color 0.2s linear, opacity 0.2s linear;
  -moz-transition: background-color 0.2s linear, opacity 0.2s linear;
  transition: background-color 0.2s linear, opacity 0.2s linear;
  bottom: 0px;
  /* there must be 'bottom' for ps-scrollbar-x-rail */
  height: 15px;
}

.ps-container>.ps-scrollbar-x-rail>.ps-scrollbar-x {
  position: absolute;
  /* please don't change 'position' */
  background-color: #aaa;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-transition: background-color 0.2s linear, height 0.2s linear,
    width 0.2s ease-in-out, -webkit-border-radius 0.2s ease-in-out;
  transition: background-color 0.2s linear, height 0.2s linear,
    width 0.2s ease-in-out, -webkit-border-radius 0.2s ease-in-out;
  -o-transition: background-color 0.2s linear, height 0.2s linear,
    width 0.2s ease-in-out, border-radius 0.2s ease-in-out;
  -moz-transition: background-color 0.2s linear, height 0.2s linear,
    width 0.2s ease-in-out, border-radius 0.2s ease-in-out,
    -moz-border-radius 0.2s ease-in-out;
  transition: background-color 0.2s linear, height 0.2s linear,
    width 0.2s ease-in-out, border-radius 0.2s ease-in-out;
  transition: background-color 0.2s linear, height 0.2s linear,
    width 0.2s ease-in-out, border-radius 0.2s ease-in-out,
    -webkit-border-radius 0.2s ease-in-out, -moz-border-radius 0.2s ease-in-out;
  bottom: 2px;
  /* there must be 'bottom' for ps-scrollbar-x */
  height: 6px;
}

.ps-container>.ps-scrollbar-x-rail:hover>.ps-scrollbar-x,
.ps-container>.ps-scrollbar-x-rail:active>.ps-scrollbar-x {
  height: 11px;
}

.ps-container>.ps-scrollbar-y-rail {
  display: none;
  position: absolute;
  /* please don't change 'position' */
  opacity: 0;
  -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
  -o-transition: background-color 0.2s linear, opacity 0.2s linear;
  -moz-transition: background-color 0.2s linear, opacity 0.2s linear;
  transition: background-color 0.2s linear, opacity 0.2s linear;
  right: 0;
  /* there must be 'right' for ps-scrollbar-y-rail */
  width: 15px;
}

.ps-container>.ps-scrollbar-y-rail>.ps-scrollbar-y {
  position: absolute;
  /* please don't change 'position' */
  background-color: #aaa;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-transition: background-color 0.2s linear, height 0.2s linear,
    width 0.2s ease-in-out, -webkit-border-radius 0.2s ease-in-out;
  transition: background-color 0.2s linear, height 0.2s linear,
    width 0.2s ease-in-out, -webkit-border-radius 0.2s ease-in-out;
  -o-transition: background-color 0.2s linear, height 0.2s linear,
    width 0.2s ease-in-out, border-radius 0.2s ease-in-out;
  -moz-transition: background-color 0.2s linear, height 0.2s linear,
    width 0.2s ease-in-out, border-radius 0.2s ease-in-out,
    -moz-border-radius 0.2s ease-in-out;
  transition: background-color 0.2s linear, height 0.2s linear,
    width 0.2s ease-in-out, border-radius 0.2s ease-in-out;
  transition: background-color 0.2s linear, height 0.2s linear,
    width 0.2s ease-in-out, border-radius 0.2s ease-in-out,
    -webkit-border-radius 0.2s ease-in-out, -moz-border-radius 0.2s ease-in-out;
  right: 2px;
  /* there must be 'right' for ps-scrollbar-y */
  width: 6px;
}

.ps-container>.ps-scrollbar-y-rail:hover>.ps-scrollbar-y,
.ps-container>.ps-scrollbar-y-rail:active>.ps-scrollbar-y {
  width: 11px;
}

.ps-container:hover.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail {
  background-color: #eee;
  opacity: 0.9;
}

.ps-container:hover.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail>.ps-scrollbar-x {
  background-color: #999;
  height: 11px;
}

.ps-container:hover.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail {
  background-color: #eee;
  opacity: 0.9;
}

.ps-container:hover.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail>.ps-scrollbar-y {
  background-color: #999;
  width: 11px;
}

.ps-container:hover>.ps-scrollbar-x-rail,
.ps-container:hover>.ps-scrollbar-y-rail {
  opacity: 0.6;
}

.ps-container:hover>.ps-scrollbar-x-rail:hover {
  background-color: #eee;
  opacity: 0.9;
}

.ps-container:hover>.ps-scrollbar-x-rail:hover>.ps-scrollbar-x {
  background-color: #999;
}

.ps-container:hover>.ps-scrollbar-y-rail:hover {
  background-color: #eee;
  opacity: 0.9;
}

.ps-container:hover>.ps-scrollbar-y-rail:hover>.ps-scrollbar-y {
  background-color: #999;
}

.pvtUi {
  color: #333;
}

table.pvtTable {
  font-size: 8pt;
  text-align: left;
  border-collapse: collapse;
}

table.pvtTable thead tr th,
table.pvtTable tbody tr th {
  background-color: #e6eeee;
  border: 1px solid #cdcdcd;
  font-size: 8pt;
  padding: 5px;
}

table.pvtTable .pvtColLabel {
  text-align: center;
}

table.pvtTable .pvtTotalLabel {
  text-align: right;
}

table.pvtTable tbody tr td {
  color: #3d3d3d;
  padding: 5px;
  background-color: #fff;
  border: 1px solid #cdcdcd;
  vertical-align: top;
  text-align: right;
}

.pvtTotal,
.pvtGrandTotal {
  font-weight: bold;
}

.pvtVals {
  text-align: center;
  white-space: nowrap;
}

.pvtRowOrder,
.pvtColOrder {
  cursor: pointer;
  width: 15px;
  margin-left: 5px;
  display: inline-block;
}

.pvtAggregator {
  margin-bottom: 5px;
}

.pvtAxisContainer,
.pvtVals {
  border: 1px solid gray;
  background: #eee;
  padding: 5px;
  min-width: 20px;
  min-height: 20px;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -ms-user-select: none;
}

.pvtAxisContainer li {
  padding: 8px 6px;
  list-style-type: none;
  cursor: move;
}

.pvtAxisContainer li.pvtPlaceholder {
  -webkit-border-radius: 5px;
  padding: 3px 15px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 1px dashed #aaa;
}

.pvtAxisContainer li span.pvtAttr {
  -webkit-text-size-adjust: 100%;
  background: #f3f3f3;
  border: 1px solid #dedede;
  padding: 2px 5px;
  white-space: nowrap;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.pvtTriangle {
  cursor: pointer;
  color: grey;
}

.pvtHorizList li {
  display: inline;
}

.pvtVertList {
  vertical-align: top;
}

.pvtFilteredAttribute {
  font-style: italic;
}

.pvtFilterBox {
  z-index: 100;
  width: 300px;
  border: 1px solid gray;
  background-color: #fff;
  position: absolute;
  text-align: center;
}

.pvtFilterBox h4 {
  margin: 15px;
}

.pvtFilterBox p {
  margin: 10px auto;
}

.pvtFilterBox label {
  font-weight: normal;
}

.pvtFilterBox input[type='checkbox'] {
  margin-right: 10px;
  margin-left: 10px;
}

.pvtFilterBox input[type='text'] {
  width: 230px;
}

.pvtFilterBox .count {
  color: gray;
  font-weight: normal;
  margin-left: 3px;
}

.pvtCheckContainer {
  text-align: left;
  font-size: 14px;
  white-space: nowrap;
  overflow-y: scroll;
  width: 100%;
  max-height: 250px;
  border-top: 1px solid lightgrey;
  border-bottom: 1px solid lightgrey;
}

.pvtCheckContainer p {
  margin: 5px;
}

.pvtRendererArea {
  padding: 5px;
}

.ta-hidden-input {
  width: 1px;
  height: 1px;
  border: none;
  margin: 0;
  padding: 0;
  position: absolute;
  top: -10000px;
  left: -10000px;
  opacity: 0;
  overflow: hidden;
}

/* add generic styling for the editor */
.ta-root.focussed>.ta-scroll-window.form-control {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
    0 0 8px rgba(102, 175, 233, 0.6);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
    0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
    0 0 8px rgba(102, 175, 233, 0.6);
}

.ta-editor.ta-html,
.ta-scroll-window.form-control {
  min-height: 300px;
  height: auto;
  overflow: auto;
  font-family: inherit;
  font-size: 100%;
}

.ta-scroll-window.form-control {
  position: relative;
  padding: 0;
}

.ta-scroll-window>.ta-bind {
  height: auto;
  min-height: 300px;
  padding: 6px 12px;
}

.ta-editor:focus {
  user-select: text;
}

/* add the styling for the awesomness of the resizer */
.ta-resizer-handle-overlay {
  z-index: 100;
  position: absolute;
  display: none;
}

.ta-resizer-handle-overlay>.ta-resizer-handle-info {
  position: absolute;
  bottom: 16px;
  right: 16px;
  border: 1px solid black;
  background-color: #fff;
  padding: 0 4px;
  opacity: 0.7;
}

.ta-resizer-handle-overlay>.ta-resizer-handle-background {
  position: absolute;
  bottom: 5px;
  right: 5px;
  left: 5px;
  top: 5px;
  border: 1px solid black;
  background-color: rgba(0, 0, 0, 0.2);
}

.ta-resizer-handle-overlay>.ta-resizer-handle-corner {
  width: 10px;
  height: 10px;
  position: absolute;
}

.ta-resizer-handle-overlay>.ta-resizer-handle-corner-tl {
  top: 0;
  left: 0;
  border-left: 1px solid black;
  border-top: 1px solid black;
}

.ta-resizer-handle-overlay>.ta-resizer-handle-corner-tr {
  top: 0;
  right: 0;
  border-right: 1px solid black;
  border-top: 1px solid black;
}

.ta-resizer-handle-overlay>.ta-resizer-handle-corner-bl {
  bottom: 0;
  left: 0;
  border-left: 1px solid black;
  border-bottom: 1px solid black;
}

.ta-resizer-handle-overlay>.ta-resizer-handle-corner-br {
  bottom: 0;
  right: 0;
  border: 1px solid black;
  cursor: se-resize;
  background-color: white;
}

/* copy the popover code from bootstrap so this will work even without it */
.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  max-width: 276px;
  padding: 1px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: left;
  white-space: normal;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

.popover.top {
  margin-top: -10px;
}

.popover.bottom {
  margin-top: 10px;
}

.popover-title {
  padding: 8px 14px;
  margin: 0;
  font-size: 14px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0;
}

.popover-content {
  padding: 9px 14px;
}

.popover>.arrow,
.popover>.arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.popover>.arrow {
  border-width: 11px;
}

.popover>.arrow:after {
  content: '';
  border-width: 10px;
}

.popover.top>.arrow {
  bottom: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-color: #999;
  border-top-color: rgba(0, 0, 0, 0.25);
  border-bottom-width: 0;
}

.popover.top>.arrow:after {
  bottom: 1px;
  margin-left: -10px;
  content: ' ';
  border-top-color: #fff;
  border-bottom-width: 0;
}

.popover.bottom>.arrow {
  top: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
}

.popover.bottom>.arrow:after {
  top: 1px;
  margin-left: -10px;
  content: ' ';
  border-top-width: 0;
  border-bottom-color: #fff;
}

/*!
 * ui-select
 * http://github.com/angular-ui/ui-select
 * Version: 0.19.7 - 2017-04-15T14:28:36.790Z
 * License: MIT
 */
/* Style when highlighting a search. */
.ui-select-highlight {
  font-weight: bold;
}

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

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

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

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

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

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

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

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

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

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

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

.ui-select-container[theme='select2'] .ui-select-dropdown .ui-select-search-hidden,
.ui-select-container[theme='select2'] .ui-select-dropdown .ui-select-search-hidden input {
  opacity: 0;
  height: 0;
  min-height: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

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

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

/* Fix line break when there's at least one item selected with the Selectize theme */
.selectize-control.multi>.selectize-input>input {
  margin: 0 !important;
}

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

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

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

.ui-select-container[theme='selectize'] input.ui-select-search-hidden {
  opacity: 0;
  height: 0;
  min-height: 0;
  padding: 0;
  margin: 0;
  border: 0;
  width: 0;
}

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

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

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

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

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

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

.ui-select-bootstrap .ui-select-search-hidden {
  opacity: 0;
  height: 0;
  min-height: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

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

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

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

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

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

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

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

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

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

.ui-select-multiple .ui-select-match-item.dropping .ui-select-match-close {
  pointer-events: none;
}

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

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

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

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

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

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

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

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

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

.ui-select-bootstrap .ui-select-match-text {
  width: 100%;
  padding-right: 1em;
}

.ui-select-bootstrap .ui-select-match-text span {
  display: inline-block;
  width: 100%;
  overflow: hidden;
}

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

/* Spinner */
.ui-select-refreshing.glyphicon {
  position: absolute;
  right: 0;
  padding: 8px 27px;
}

@-webkit-keyframes ui-select-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

@keyframes ui-select-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

.ui-select-spin {
  -webkit-animation: ui-select-spin 2s infinite linear;
  animation: ui-select-spin 2s infinite linear;
}

.ui-select-refreshing.ng-animate {
  -webkit-animation: none 0s;
}

#wrap {
  width: 384px;
  max-width: 384px;
  padding: 32px;
  background: #ffffff;
  text-align: center;
}

#wrap .logo {
  width: 300px;
  margin: 10px auto;
  border-radius: 2px;
}

/*----------------------------------------------------------------*/
/*  Variables
/*----------------------------------------------------------------*/
.ms-form-wizard {
  background: #ffffff;
  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);
}

.ms-form-wizard md-tabs md-tabs-wrapper {
  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);
}

.ms-form-wizard md-tabs md-tabs-wrapper md-tabs-canvas {
  height: 72px;
}

.ms-form-wizard md-tabs md-tabs-wrapper md-tabs-canvas md-pagination-wrapper {
  height: 72px;
}

.ms-form-wizard md-tabs md-tabs-wrapper md-tabs-canvas md-pagination-wrapper md-tab-item {
  opacity: 1 !important;
  padding: 24px;
}

.ms-form-wizard md-tabs md-tabs-wrapper md-tabs-canvas md-pagination-wrapper md-tab-item:before {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  right: 50%;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  z-index: 8;
}

.ms-form-wizard md-tabs md-tabs-wrapper md-tabs-canvas md-pagination-wrapper md-tab-item:after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  right: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  z-index: 8;
}

.ms-form-wizard md-tabs md-tabs-wrapper md-tabs-canvas md-pagination-wrapper md-tab-item:first-of-type:before {
  display: none;
}

.ms-form-wizard md-tabs md-tabs-wrapper md-tabs-canvas md-pagination-wrapper md-tab-item:last-of-type:after {
  display: none;
}

.ms-form-wizard md-tabs md-tabs-wrapper md-tabs-canvas md-pagination-wrapper md-tab-item.md-disabled .ms-form-wizard-step-label .ms-form-wizard-step-number {
  background: rgba(0, 0, 0, 0.12) !important;
}

.ms-form-wizard md-tabs md-tabs-wrapper md-tabs-canvas md-pagination-wrapper md-tab-item .md-ripple-container {
  z-index: 11;
}

.ms-form-wizard md-tabs md-tabs-wrapper md-tabs-canvas md-ink-bar {
  display: none !important;
}

.ms-form-wizard .ms-form-wizard-step-label {
  display: inline-block;
  position: relative;
  background: #ffffff;
  z-index: 10;
  padding: 0 16px;
  line-height: 24px;
}

.ms-form-wizard .ms-form-wizard-step-label .ms-form-wizard-step-number {
  display: inline-block;
  vertical-align: middle;
  width: 24px;
  height: 24px;
  line-height: 24px;
  font-size: 14px;
  margin-right: 12px;
  border-radius: 50%;
  color: #ffffff !important;
}

.ms-form-wizard .ms-form-wizard-step-label .ms-form-wizard-step-number i {
  line-height: 24px !important;
}

.ms-form-wizard .ms-form-wizard-step-label .ms-form-wizard-step-text {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  line-height: 24px;
}

.ms-form-wizard .ms-form-wizard-form {
  padding: 24px 16px;
}

.ms-form-wizard .navigation {
  padding: 16px;
}

.ms-form-wizard .navigation .steps {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 16px;
}

.ms-form-wizard .navigation .steps span {
  width: 5px;
  height: 5px;
  margin: 0 4px;
  border-radius: 50%;
}

.ms-form-wizard .navigation .steps span:not(.md-accent-bg) {
  background: rgba(0, 0, 0, 0.12);
}

.ms-form-wizard .navigation .steps span.selected {
  width: 8px;
  height: 8px;
}

/*----------------------------------------------------------------*/
/*  Variables
/*----------------------------------------------------------------*/
body.ms-info-bar-active #main {
  top: 64px;
}

ms-info-bar {
  display: block;
  position: relative;
  width: 100%;
  height: 64px;
  background-color: material-color('pink');
  z-index: 99998;
  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);
}

ms-info-bar #ms-info-bar-message {
  padding: 8px 16px;
  line-height: 48px;
  font-size: 16px;
}

ms-info-bar #ms-info-bar-message a {
  overflow: hidden;
  height: 48px;
  color: #ffffff;
}

ms-masonry {
  width: 100%;
  display: block;
}

ms-masonry ms-masonry-item,
ms-masonry [ms-masonry-item] {
  transition: transform 300ms ease;
  position: absolute;
  transform: translate3d(50vw, 100vh, 0);
}

/*----------------------------------------------------------------*/
/*  ms-material-color-picker
/*----------------------------------------------------------------*/
ms-material-color-picker md-menu .md-button {
  font-size: 12px;
}

md-menu-content.ms-material-color-picker-menu-content {
  width: 208px;
  max-width: 208px;
  min-width: 208px;
  padding: 0;
  overflow: hidden;
}

md-menu-content.ms-material-color-picker-menu-content header {
  height: 48px;
  text-transform: uppercase;
}

md-menu-content.ms-material-color-picker-menu-content header .md-button {
  display: flex;
  margin: 0;
}

md-menu-content.ms-material-color-picker-menu-content header>span {
  line-height: 13px;
}

md-menu-content.ms-material-color-picker-menu-content .colors {
  position: relative;
  width: 208px;
  min-height: 258px;
  height: 258px;
  padding: 4px;
}

md-menu-content.ms-material-color-picker-menu-content .colors .color {
  position: relative;
  width: 46px;
  height: 46px;
  margin: 2px;
  border-radius: 0;
  cursor: pointer;
}

md-menu-content.ms-material-color-picker-menu-content .colors .color .label {
  padding: 2px;
  font-size: 10px;
}

md-menu-content.ms-material-color-picker-menu-content .colors .color .icon-check {
  position: absolute;
  top: 2px;
  right: 2px;
  font-size: 16px;
  opacity: 0.7;
}

/*----------------------------------------------------------------*/
/*  Variables
/*----------------------------------------------------------------*/
ms-nav {
  display: block;
  position: relative;
  color: rgba(255, 255, 255, 0.7);
  user-select: none;
  z-index: 70;
}

ms-nav ms-nav-item {
  display: block;
  position: relative;
  line-height: 48px;
}

ms-nav ms-nav-item.ms-nav-title {
  line-height: 32px;
  font-size: 12px;
  font-weight: 500;
  margin-top: 8px;
  padding: 0 24px;
  width: 100%;
  color: rgba(255, 255, 255, 0.3);
  text-transform: uppercase;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

ms-nav ms-nav-item .ms-nav-button {
  display: flex;
  align-self: flex-start;
  align-items: center;
  position: relative;
  cursor: pointer;
  padding: 0 48px 0 24px;
  color: rgba(255, 255, 255, 0.7);
  text-decoration: none;
}

ms-nav ms-nav-item .ms-nav-button:not(.active):hover {
  background: rgba(0, 0, 0, 0.1);
  text-decoration: none;
}

ms-nav ms-nav-item .ms-nav-button .ms-nav-label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: opacity 0.2s ease-in-out 0.1s;
}

ms-nav ms-nav-item .ms-nav-button .arrow {
  position: absolute;
  top: 16px;
  right: 24px;
  margin: 0;
  transition: transform 0.3s ease-in-out, opacity 0.2s ease-in-out 0.1s;
}

ms-nav ms-nav-item .ms-nav-button .ms-nav-badge {
  position: absolute;
  top: 50%;
  right: 24px;
  min-width: 20px;
  height: 20px;
  line-height: 20px;
  padding: 0 7px;
  font-size: 11px;
  font-weight: bold;
  border-radius: 20px;
  transform: translateY(-50%);
  transition: opacity 0.2s ease-in-out 0.1s;
}

ms-nav ms-nav-item .ms-nav-button.active {
  color: #ffffff !important;
}

ms-nav ms-nav-item .ms-nav-button.active .ms-nav-badge {
  background: #ffffff !important;
  color: rgba(0, 0, 0, 0.87) !important;
}

ms-nav ms-nav-item .ms-nav-button.active i {
  color: #ffffff;
}

ms-nav ms-nav-item i {
  color: rgba(255, 255, 255, 0.7);
  margin: 0 16px 0 0;
}

ms-nav .ms-nav-toggle ms-nav-toggle-items {
  display: none;
  overflow: hidden;
}

ms-nav .ms-nav-toggle ms-nav-toggle-items.expand-animation {
  transition: height 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

ms-nav .ms-nav-toggle ms-nav-toggle-items.collapse-animation {
  transition: height 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

ms-nav .ms-nav-toggle ms-nav-toggle-items ms-nav-item {
  /* Level 1 */
  /* Level 2 */
}

ms-nav .ms-nav-toggle ms-nav-toggle-items ms-nav-item .ms-nav-button {
  padding-left: 58px;
}

ms-nav .ms-nav-toggle ms-nav-toggle-items ms-nav-item ms-nav-toggle-items ms-nav-item {
  /* Level 3 */
}

ms-nav .ms-nav-toggle ms-nav-toggle-items ms-nav-item ms-nav-toggle-items ms-nav-item .ms-nav-button {
  padding-left: 68px;
}

ms-nav .ms-nav-toggle ms-nav-toggle-items ms-nav-item ms-nav-toggle-items ms-nav-item ms-nav-toggle-items ms-nav-item {
  /* Level 4 */
}

ms-nav .ms-nav-toggle ms-nav-toggle-items ms-nav-item ms-nav-toggle-items ms-nav-item ms-nav-toggle-items ms-nav-item .ms-nav-button {
  padding-left: 78px;
}

ms-nav .ms-nav-toggle ms-nav-toggle-items ms-nav-item ms-nav-toggle-items ms-nav-item ms-nav-toggle-items ms-nav-item ms-nav-toggle-items ms-nav-item {
  /* Level 5 */
}

ms-nav .ms-nav-toggle ms-nav-toggle-items ms-nav-item ms-nav-toggle-items ms-nav-item ms-nav-toggle-items ms-nav-item ms-nav-toggle-items ms-nav-item .ms-nav-button {
  padding-left: 88px;
}

ms-nav .ms-nav-toggle ms-nav-toggle-items ms-nav-item ms-nav-toggle-items ms-nav-item ms-nav-toggle-items ms-nav-item ms-nav-toggle-items ms-nav-item ms-nav-toggle-items ms-nav-item .ms-nav-button {
  padding-left: 98px;
}

ms-nav .ms-nav-toggle.active>.ms-nav-button {
  color: white;
}

ms-nav .ms-nav-toggle.active>.ms-nav-button a,
ms-nav .ms-nav-toggle.active>.ms-nav-button md-icon {
  color: white;
}

ms-nav .ms-nav-toggle[collapsed='false']>.ms-nav-button>.arrow {
  transform: rotate(90deg);
}

ms-nav>.ms-nav-toggle[collapsed='false'] {
  background-color: rgba(0, 0, 0, 0.12);
}

@media only screen and (min-width: 1280px) {
  .ms-nav-folded #ms-nav-fold-close-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    z-index: 998;
  }

  .ms-nav-folded #ms-nav-fold-open-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999;
  }

  .ms-nav-folded:not(.ms-nav-folded-open) ms-nav ms-nav-item.ms-nav-title {
    height: 32px;
  }

  .ms-nav-folded:not(.ms-nav-folded-open) ms-nav ms-nav-item.ms-nav-title:before {
    content: '';
    display: block;
    position: relative;
    top: 12px;
    width: 16px;
    border-top: 1px solid rgba(255, 255, 255, 0.12);
  }

  .ms-nav-folded:not(.ms-nav-folded-open) ms-nav ms-nav-item.ms-nav-title span {
    display: none;
  }

  .ms-nav-folded:not(.ms-nav-folded-open) ms-nav ms-nav-item .ms-nav-button {
    height: 48px;
  }

  .ms-nav-folded:not(.ms-nav-folded-open) ms-nav ms-nav-item .ms-nav-button>.ms-nav-label,
  .ms-nav-folded:not(.ms-nav-folded-open) ms-nav ms-nav-item .ms-nav-button>.ms-nav-badge,
  .ms-nav-folded:not(.ms-nav-folded-open) ms-nav ms-nav-item .ms-nav-button>.arrow {
    opacity: 0;
    visibility: hidden;
  }
}

/*----------------------------------------------------------------*/
/*  Variables
/*----------------------------------------------------------------*/
/*----------------------------------------------------------------*/
/*  ms-navigation
/*----------------------------------------------------------------*/
.ms-navigation {
  display: block;
  position: relative;
  color: rgba(255, 255, 255, 0.7);
  user-select: none;
}

.ms-navigation ul,
.ms-navigation li {
  padding: 0;
  margin: 0;
}

.ms-navigation ul {
  display: block;
  overflow: hidden;
}

.ms-navigation ul li {
  position: relative;
}

.ms-navigation ul li.collapsed ul {
  display: none;
}

.ms-navigation .animate-height {
  transition: height 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.ms-navigation .ms-navigation-node .ms-navigation-item {
  display: block;
  position: relative;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.7);
}

.ms-navigation .ms-navigation-node .ms-navigation-item:hover {
  background: rgba(0, 0, 0, 0.1);
}

.ms-navigation .ms-navigation-node .ms-navigation-item>.ms-navigation-button {
  display: flex;
  position: relative;
  width: 100%;
  height: 48px;
  line-height: 48px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding-right: 16px;
  color: rgba(0, 0, 0, 0.7);
  text-decoration: none;
  white-space: nowrap;
  overflow: hidden;
}

.ms-navigation .ms-navigation-node .ms-navigation-item>.ms-navigation-button .icon {
  color: rgba(0, 0, 0, 0.7);
  margin: 0 16px 0 0;
}

.ms-navigation .ms-navigation-node .ms-navigation-item>.ms-navigation-button span {
  white-space: nowrap;
  overflow: hidden;
  opacity: 1;
  transition: opacity 0.25s ease-in-out 0.1s;
}

.ms-navigation .ms-navigation-node .ms-navigation-item>.ms-navigation-button a {
  white-space: nowrap;
  overflow: hidden;
  opacity: 1;
  transition: opacity 0.25s ease-in-out 0.1s;
}

.ms-navigation .ms-navigation-node .ms-navigation-item>.ms-navigation-button .arrow {
  margin: 0;
  opacity: 1;
  transition: transform 0.3s ease-in-out, opacity 0.25s ease-in-out 0.1s;
}

.ms-navigation .ms-navigation-node .ms-navigation-item>.ms-navigation-button .badge {
  position: absolute;
  top: 50%;
  right: 16px;
  min-width: 20px;
  height: 20px;
  line-height: 20px;
  padding: 0 7px;
  font-size: 11px;
  font-weight: bold;
  border-radius: 20px;
  transform: translateY(-50%);
  transition: opacity 0.2s ease-in-out 0.1s;
}

.ms-navigation .ms-navigation-node .ms-navigation-item>.ms-navigation-button.active {
  color: #000000;
}

.ms-navigation .ms-navigation-node .ms-navigation-item>.ms-navigation-button.active .icon {
  color: #000000;
}

.ms-navigation .ms-navigation-node .ms-navigation-item>.ms-navigation-button.active .badge {
  background: #000000 !important;
  color: rgba(0, 0, 0, 0.87) !important;
}

.ms-navigation .ms-navigation-node:not(.collapsed)>.ms-navigation-item>.ms-navigation-button .arrow {
  transform: rotate(90deg);
}

.ms-navigation .ms-navigation-node.group>.ms-navigation-item {
  font-size: 12px;
  font-weight: 500;
  margin-top: 8px;
  cursor: auto;
  background: none !important;
  text-transform: uppercase;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ms-navigation .ms-navigation-node.group>.ms-navigation-item>.ms-navigation-button {
  height: 32px;
  line-height: 32px;
  color: rgba(0, 0, 0, 0.5);
}

.ms-navigation .ms-navigation-node:not(.group).has-children:not(.collapsed) {
  background-color: rgba(0, 0, 0, 0.12);
}

.ms-navigation .ms-navigation-node:not(.group).has-children.collapsing {
  background-color: rgba(0, 0, 0, 0.12);
}

.ms-navigation .ms-navigation-node:not(.group).has-children .has-children:not(.collapsed) {
  background: none;
}

.ms-navigation li .ms-navigation-button {
  padding-left: 24px;
}

.ms-navigation li li .ms-navigation-button {
  padding-left: 56px;
}

.ms-navigation li li li .ms-navigation-button {
  padding-left: 72px;
}

.ms-navigation li li li li .ms-navigation-button {
  padding-left: 88px;
}

.ms-navigation li li li li li .ms-navigation-button {
  padding-left: 104px;
}

.ms-navigation li.group .ms-navigation-button {
  padding-left: 24px;
}

.ms-navigation li.group li .ms-navigation-button {
  padding-left: 24px;
}

.ms-navigation li.group li li .ms-navigation-button {
  padding-left: 56px;
}

.ms-navigation li.group li li li .ms-navigation-button {
  padding-left: 72px;
}

.ms-navigation li.group li li li li .ms-navigation-button {
  padding-left: 88px;
}

#horizontal-navigation {
  height: 64px;
  min-height: 64px;
  max-height: 64px;
  background: #ffffff;
  z-index: 54;
}

#horizontal-navigation .ms-navigation-horizontal {
  display: flex;
  position: relative;
  user-select: none;
}

#horizontal-navigation .ms-navigation-horizontal ul,
#horizontal-navigation .ms-navigation-horizontal li {
  padding: 0;
  margin: 0;
  list-style: none;
}

#horizontal-navigation .ms-navigation-horizontal .horizontal {
  display: flex;
  flex: 1;
}

#horizontal-navigation .ms-navigation-horizontal .horizontal li {
  position: relative;
  cursor: pointer;
}

#horizontal-navigation .ms-navigation-horizontal .horizontal li:not(.active):hover {
  background: rgba(0, 0, 0, 0.12);
}

#horizontal-navigation .ms-navigation-horizontal .horizontal>li>.ms-navigation-horizontal-item>.ms-navigation-horizontal-button {
  display: block;
  float: left;
  padding: 12px 14px;
}

#horizontal-navigation .ms-navigation-horizontal .horizontal>li>.ms-navigation-horizontal-item>.ms-navigation-horizontal-button .arrow {
  display: none;
}

#horizontal-navigation .ms-navigation-horizontal .horizontal>li>.ms-navigation-horizontal-item>.ms-navigation-horizontal-button.active {
  background: none;
  border-bottom: 2px solid;
}

#horizontal-navigation .ms-navigation-horizontal .horizontal>li:last-child {
  margin-right: 0;
}

#horizontal-navigation .ms-navigation-horizontal .horizontal>li li .ms-navigation-horizontal-item .ms-navigation-horizontal-button.active {
  color: #ffffff !important;
}

#horizontal-navigation .ms-navigation-horizontal .horizontal .has-children ul {
  display: none;
  position: absolute;
  background: #ffffff;
  z-index: 999;
  min-width: 200px;
  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);
  top: 0;
  left: 100%;
}

#horizontal-navigation .ms-navigation-horizontal .horizontal .has-children:hover>ul {
  display: block;
}

#horizontal-navigation .ms-navigation-horizontal .horizontal>.has-children>ul {
  top: 100%;
  left: 0;
}

#horizontal-navigation .ms-navigation-horizontal .horizontal .ms-navigation-horizontal-item .ms-navigation-horizontal-button {
  display: flex;
  align-items: center;
  width: 100%;
  color: rgba(0, 0, 0, 0.87);
  white-space: nowrap;
  padding: 14px 16px;
  text-decoration: none;
}

#horizontal-navigation .ms-navigation-horizontal .horizontal .ms-navigation-horizontal-item .ms-navigation-horizontal-button .icon {
  color: rgba(0, 0, 0, 0.54);
  margin-right: 8px;
}

#horizontal-navigation .ms-navigation-horizontal .horizontal .ms-navigation-horizontal-item .ms-navigation-horizontal-button .badge {
  min-width: 20px;
  height: 20px;
  line-height: 20px;
  padding: 0 7px;
  font-size: 11px;
  font-weight: bold;
  border-radius: 20px;
  transition: opacity 0.2s ease-in-out 0.1s;
}

#horizontal-navigation .ms-navigation-horizontal .horizontal .ms-navigation-horizontal-item .ms-navigation-horizontal-button .arrow {
  margin-left: 8px;
}

#horizontal-navigation .ms-navigation-horizontal .horizontal .ms-navigation-horizontal-item .ms-navigation-horizontal-button.active .badge {
  background: #ffffff !important;
  color: rgba(0, 0, 0, 0.87) !important;
}

#horizontal-navigation .ms-navigation-horizontal .horizontal .ms-navigation-horizontal-item .ms-navigation-horizontal-button.active .icon {
  color: #ffffff;
}

@media only screen and (min-width: 960px) {
  body.ms-navigation-folded:not(.ms-navigation-folded-open) .ms-navigation .animate-height {
    transition: none;
  }

  body.ms-navigation-folded:not(.ms-navigation-folded-open) .ms-navigation .ms-navigation-node .ms-navigation-item .ms-navigation-button .icon {
    margin: 0;
  }

  body.ms-navigation-folded:not(.ms-navigation-folded-open) .ms-navigation .ms-navigation-node .ms-navigation-item .ms-navigation-button .title,
  body.ms-navigation-folded:not(.ms-navigation-folded-open) .ms-navigation .ms-navigation-node .ms-navigation-item .ms-navigation-button .arrow,
  body.ms-navigation-folded:not(.ms-navigation-folded-open) .ms-navigation .ms-navigation-node .ms-navigation-item .ms-navigation-button .badge {
    opacity: 0;
    visibility: hidden;
  }

  body.ms-navigation-folded:not(.ms-navigation-folded-open) .ms-navigation .ms-navigation-node.group>.ms-navigation-item .ms-navigation-button:before {
    content: '';
    display: block;
    position: relative;
    width: 16px;
    border-top: 1px solid rgba(0, 0, 0, 0.12);
  }

  body.ms-navigation-folded:not(.ms-navigation-folded-open) #ms-navigation-fold-expander {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999;
  }

  body.ms-navigation-folded #ms-navigation-fold-collapser {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 59;
  }
}

@media only screen and (max-width: 960px) {
  body.ms-navigation-horizontal-mobile-menu-active #horizontal-navigation .navigation-toggle {
    height: 64px;
    margin-right: 16px;
  }

  body.ms-navigation-horizontal-mobile-menu-active #horizontal-navigation .navigation-toggle .md-button {
    margin: 0;
    width: 64px;
    height: 64px;
  }

  body.ms-navigation-horizontal-mobile-menu-active #horizontal-navigation .ms-navigation-horizontal {
    display: block !important;
    background: #ffffff;
  }

  #horizontal-navigation {
    z-index: 60;
  }

  #horizontal-navigation .ms-navigation-horizontal {
    position: absolute;
    display: none;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 0 0 16px 0;
    z-index: 9998;
    overflow-x: hidden;
    overflow-y: scroll;
  }

  #horizontal-navigation .ms-navigation-horizontal .horizontal {
    flex-direction: column;
    min-height: 100%;
    width: 100%;
  }

  #horizontal-navigation .ms-navigation-horizontal .horizontal li:not(.active):hover {
    background: none;
  }

  #horizontal-navigation .ms-navigation-horizontal .horizontal li:not(.active) .ms-navigation-horizontal-item {
    margin: 4px;
  }

  #horizontal-navigation .ms-navigation-horizontal .horizontal li:not(.active) .ms-navigation-horizontal-item:hover {
    background: rgba(0, 0, 0, 0.12);
  }

  #horizontal-navigation .ms-navigation-horizontal .horizontal>li {
    padding: 0 12px;
  }

  #horizontal-navigation .ms-navigation-horizontal .horizontal>li>.ms-navigation-horizontal-item>.ms-navigation-horizontal-button {
    display: flex;
    float: none;
  }

  #horizontal-navigation .ms-navigation-horizontal .horizontal>li>.ms-navigation-horizontal-item>.ms-navigation-horizontal-button .arrow {
    display: block;
  }

  #horizontal-navigation .ms-navigation-horizontal .horizontal .has-children ul {
    position: relative;
    top: 0;
    left: 0;
    box-shadow: none;
  }

  #horizontal-navigation .ms-navigation-horizontal .horizontal .has-children:hover>ul {
    display: none;
  }

  #horizontal-navigation .ms-navigation-horizontal .horizontal .has-children .expanded>.ms-navigation-horizontal-button .arrow {
    transform: rotate(90deg);
  }

  #horizontal-navigation .ms-navigation-horizontal .horizontal .has-children .expanded+ul {
    display: block;
    margin-left: 16px;
  }

  #horizontal-navigation .ms-navigation-horizontal .horizontal .ms-navigation-horizontal-item {
    min-height: 48px;
    height: 48px;
  }
}

/*----------------------------------------------------------------*/
/*  ms-responsive-table
/*----------------------------------------------------------------*/
.ms-responsive-table-wrapper {
  overflow-x: auto;
  overflow-y: hidden;
}

/*----------------------------------------------------------------*/
/*  ms-scroll
/*----------------------------------------------------------------*/
.ms-scroll {
  overflow: hidden !important;
}

/*----------------------------------------------------------------*/
/*  Variables
/*----------------------------------------------------------------*/
/*----------------------------------------------------------------*/
/*  ms-search-bar
/*----------------------------------------------------------------*/
.ms-search-bar {
  height: 64px;
  font-size: 13px;
}

.ms-search-bar .ms-search-bar-expander,
.ms-search-bar .ms-search-bar-collapser {
  cursor: pointer;
  padding: 0 20px;
  margin: 0;
  width: 64px !important;
  height: 64px !important;
  line-height: 64px !important;
}

.ms-search-bar .ms-search-bar-loader {
  width: 64px !important;
  height: 64px !important;
  line-height: 64px !important;
}

.ms-search-bar .ms-search-bar-collapser {
  display: none;
}

.ms-search-bar #ms-search-bar-input {
  display: none;
  min-height: 64px;
  background-color: transparent;
  font-size: 16px;
}

.ms-search-bar .ms-search-bar-results {
  position: absolute;
  top: 64px;
  left: 0;
  right: 0;
  overflow-x: hidden;
  overflow-y: scroll;
  background: #ffffff;
  max-height: 300px;
  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);
}

.ms-search-bar .ms-search-bar-results .no-results {
  font-size: 18px;
  padding: 16px;
  color: rgba(0, 0, 0, 0.54);
}

.ms-search-bar .ms-search-bar-results .result {
  position: relative;
  height: 56px;
  min-height: 56px;
  max-height: 56px;
  padding: 16px;
  cursor: pointer;
}

.ms-search-bar .ms-search-bar-results .result.selected {
  background: rgba(0, 0, 0, 0.07);
}

.ms-search-bar .ms-search-bar-results .result .icon-container {
  min-width: 32px;
  margin-right: 8px;
}

.ms-search-bar .ms-search-bar-results .result .icon-container .square {
  width: 6px;
  height: 6px;
}

.ms-search-bar .ms-search-bar-results .result .title {
  font-size: 16px;
}

.ms-search-bar .ms-search-bar-results .result .description {
  padding-top: 6px;
  font-size: 14px;
}

.ms-search-bar.expanded {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #ffffff;
  z-index: 10;
}

.ms-search-bar.expanded #ms-search-bar-input {
  display: block;
}

.ms-search-bar.expanded .ms-search-bar-collapser {
  display: block;
}

body.ms-search-bar-expanded #toolbar {
  z-index: 999 !important;
}

@media screen and (max-width: 960px) {
  .ms-search-bar-label {
    padding: 0 8px 0 12px;
  }
}

/*----------------------------------------------------------------*/
/*  Variables
/*----------------------------------------------------------------*/
/*----------------------------------------------------------------*/
/*  ms-shortcuts
/*----------------------------------------------------------------*/
.ms-shortcuts {
  height: 64px;
  font-size: 13px;
}

.ms-shortcuts .shortcuts-container {
  height: 64px;
  padding: 0 8px;
  max-width: 400px;
}

.ms-shortcuts .shortcuts-container .shortcuts {
  position: relative;
  overflow-x: scroll;
}

.ms-shortcuts .shortcuts-container .shortcuts>div {
  height: 64px;
  min-width: 44px;
}

.ms-shortcuts .shortcuts-container .shortcuts>div.dragging {
  cursor: grabbing;
}

.ms-shortcuts .shortcuts-container .shortcuts>div.dragging .md-ripple-container {
  display: none;
}

.ms-shortcuts .shortcuts-container .shortcuts>div.ghost .shortcut {
  opacity: 0.27;
}

.ms-shortcuts .shortcuts-container .shortcuts>div .shortcut {
  margin: 2px;
}

.ms-shortcuts .shortcuts-container .shortcuts>div .shortcut .first-letter {
  display: inline-block;
  vertical-align: middle;
  font-size: 20px;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.54);
}

.ms-shortcuts .shortcuts-container .shortcut-menu {
  margin: 0;
}

.ms-shortcuts .shortcuts-container.mobile-bar-active {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #ffffff;
  z-index: 99;
  max-width: none !important;
}

.ms-shortcuts .shortcuts-container.mobile-bar-active .shortcuts,
.ms-shortcuts .shortcuts-container.mobile-bar-active .shortcut-menu,
.ms-shortcuts .shortcuts-container.mobile-bar-active .toggle-mobile-menu {
  display: flex !important;
}

.ms-shortcuts .shortcuts-container.mobile-bar-active .toggle-mobile-menu {
  margin-left: 14px;
}

.ms-shortcuts .shortcuts-container.mobile-bar-active>div {
  border-right: 1px solid rgba(0, 0, 0, 0.12);
}

#ms-shortcut-add-menu {
  position: relative;
  width: 240px;
  min-width: 240px;
  max-width: 240px;
}

#ms-shortcut-add-menu .add-shortcut-button {
  width: 48px;
  height: 48px;
  padding: 0 12px;
  margin: 0;
}

#ms-shortcut-add-menu .shortcut-search {
  height: 45px;
  padding: 0 8px;
}

#ms-shortcut-add-menu .shortcut-search .search-icon {
  width: 40px;
  height: 40px;
  line-height: 48px;
}

#ms-shortcut-add-menu .shortcut-search .shortcut-loader {
  padding: 10px;
}

#ms-shortcut-add-menu .shortcut-search input {
  padding: 8px;
}

#ms-shortcut-add-menu .results {
  position: relative;
  overflow-y: scroll;
  max-height: 233px;
  margin-top: 8px;
  padding-top: 8px;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
}

#ms-shortcut-add-menu .results .no-results {
  font-size: 18px;
  padding: 16px;
  color: rgba(0, 0, 0, 0.54);
}

#ms-shortcut-add-menu .results .result {
  position: relative;
  min-height: 56px;
  padding: 16px;
  cursor: pointer;
}

#ms-shortcut-add-menu .results .result.selected {
  background: rgba(0, 0, 0, 0.07);
}

#ms-shortcut-add-menu .results .result .icon-container {
  min-width: 32px;
  margin-right: 8px;
}

#ms-shortcut-add-menu .results .result .icon-container .square {
  width: 6px;
  height: 6px;
}

#ms-shortcut-add-menu .results .result .title {
  font-size: 16px;
}

#ms-shortcut-add-menu .results .result .description {
  padding-top: 6px;
  font-size: 14px;
}

#splash-screen {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ffffff;
  z-index: 99999;
}

#splash-screen.ng-leave {
  opacity: 1;
  transition: all linear 200ms;
}

#splash-screen.ng-leave-active {
  opacity: 0;
}

#splash-screen .center {
  display: block;
  width: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

#splash-screen .logo {
  width: 120px;
  height: 120px;
  line-height: 96px;
  margin: 0 auto;
  padding: 10px;
  text-align: center;
  border-radius: 2px;
}

#splash-screen .spinner-wrapper {
  display: block;
  position: relative;
  width: 100%;
  min-height: 100px;
  height: 100px;
}

#splash-screen .spinner-wrapper .spinner {
  position: absolute;
  overflow: hidden;
  left: 50%;
  margin-left: -50px;
  animation: outer-rotate 2.91667s linear infinite;
}

#splash-screen .spinner-wrapper .spinner .inner {
  width: 100px;
  height: 100px;
  position: relative;
  animation: sporadic-rotate 5.25s cubic-bezier(0.35, 0, 0.25, 1) infinite;
}

#splash-screen .spinner-wrapper .spinner .inner .gap {
  position: absolute;
  left: 49px;
  right: 49px;
  top: 0;
  bottom: 0;
  border-top: 10px solid;
  box-sizing: border-box;
}

#splash-screen .spinner-wrapper .spinner .inner .left,
#splash-screen .spinner-wrapper .spinner .inner .right {
  position: absolute;
  top: 0;
  height: 100px;
  width: 50px;
  overflow: hidden;
}

#splash-screen .spinner-wrapper .spinner .inner .left .half-circle,
#splash-screen .spinner-wrapper .spinner .inner .right .half-circle {
  position: absolute;
  top: 0;
  width: 100px;
  height: 100px;
  box-sizing: border-box;
  border: 10px solid #62a868;
  border-bottom-color: transparent;
  border-radius: 50%;
}

#splash-screen .spinner-wrapper .spinner .inner .left {
  left: 0;
}

#splash-screen .spinner-wrapper .spinner .inner .left .half-circle {
  left: 0;
  border-right-color: transparent;
  animation: left-wobble 1.3125s cubic-bezier(0.35, 0, 0.25, 1) infinite;
  -webkit-animation: left-wobble 1.3125s cubic-bezier(0.35, 0, 0.25, 1) infinite;
}

#splash-screen .spinner-wrapper .spinner .inner .right {
  right: 0;
}

#splash-screen .spinner-wrapper .spinner .inner .right .half-circle {
  right: 0;
  border-left-color: transparent;
  animation: right-wobble 1.3125s cubic-bezier(0.35, 0, 0.25, 1) infinite;
  -webkit-animation: right-wobble 1.3125s cubic-bezier(0.35, 0, 0.25, 1) infinite;
}

@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);
  }
}

/*----------------------------------------------------------------*/
/*  Variables
/*----------------------------------------------------------------*/
.ms-stepper .ms-stepper-horizontal {
  background: #ffffff;
  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);
}

.ms-stepper .ms-stepper-horizontal .ms-stepper-navigation-wrapper .ms-stepper-navigation {
  height: 72px;
  min-height: 72px;
  max-height: 72px;
  background: #ffffff;
  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);
}

.ms-stepper .ms-stepper-horizontal .ms-stepper-navigation-wrapper .ms-stepper-navigation .ms-stepper-navigation-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
  height: 72px;
  min-height: 72px;
  max-height: 72px;
  line-height: 24px;
  margin: 0;
  padding: 24px;
  border-radius: 0;
  cursor: pointer;
  font-size: 14px;
  text-transform: none;
}

.ms-stepper .ms-stepper-horizontal .ms-stepper-navigation-wrapper .ms-stepper-navigation .ms-stepper-navigation-item:before,
.ms-stepper .ms-stepper-horizontal .ms-stepper-navigation-wrapper .ms-stepper-navigation .ms-stepper-navigation-item:after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  width: 24px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

.ms-stepper .ms-stepper-horizontal .ms-stepper-navigation-wrapper .ms-stepper-navigation .ms-stepper-navigation-item:before {
  left: 0;
}

.ms-stepper .ms-stepper-horizontal .ms-stepper-navigation-wrapper .ms-stepper-navigation .ms-stepper-navigation-item:after {
  right: 0;
}

.ms-stepper .ms-stepper-horizontal .ms-stepper-navigation-wrapper .ms-stepper-navigation .ms-stepper-navigation-item:first-child:before {
  display: none;
}

.ms-stepper .ms-stepper-horizontal .ms-stepper-navigation-wrapper .ms-stepper-navigation .ms-stepper-navigation-item:last-child:after {
  display: none;
}

.ms-stepper .ms-stepper-horizontal .ms-stepper-navigation-wrapper .ms-stepper-navigation .ms-stepper-navigation-item.current .title {
  font-weight: 600;
  color: rgba(0, 0, 0, 0.87);
}

.ms-stepper .ms-stepper-horizontal .ms-stepper-navigation-wrapper .ms-stepper-navigation .ms-stepper-navigation-item.disabled {
  cursor: default;
}

.ms-stepper .ms-stepper-horizontal .ms-stepper-navigation-wrapper .ms-stepper-navigation .ms-stepper-navigation-item.disabled .step {
  background: rgba(0, 0, 0, 0.12);
}

.ms-stepper .ms-stepper-horizontal .ms-stepper-navigation-wrapper .ms-stepper-navigation .ms-stepper-navigation-item.disabled .title {
  color: rgba(0, 0, 0, 0.27);
}

.ms-stepper .ms-stepper-horizontal .ms-stepper-navigation-wrapper .ms-stepper-navigation .ms-stepper-navigation-item.disabled .subtitle {
  color: rgba(0, 0, 0, 0.27);
}

.ms-stepper .ms-stepper-horizontal .ms-stepper-navigation-wrapper .ms-stepper-navigation .ms-stepper-navigation-item.optional {
  padding: 16px 24px;
}

.ms-stepper .ms-stepper-horizontal .ms-stepper-navigation-wrapper .ms-stepper-navigation .ms-stepper-navigation-item .step {
  width: 24px;
  min-width: 24px;
  height: 24px;
  border-radius: 50%;
  margin: 0 8px 0 16px;
  color: #ffffff;
}

.ms-stepper .ms-stepper-horizontal .ms-stepper-navigation-wrapper .ms-stepper-navigation .ms-stepper-navigation-item .step .icon {
  color: #ffffff;
  font-weight: bold;
  line-height: 24px !important;
}

.ms-stepper .ms-stepper-horizontal .ms-stepper-navigation-wrapper .ms-stepper-navigation .ms-stepper-navigation-item .title {
  padding-right: 16px;
  color: rgba(0, 0, 0, 0.54);
}

.ms-stepper .ms-stepper-horizontal .ms-stepper-navigation-wrapper .ms-stepper-navigation .ms-stepper-navigation-item .subtitle {
  font-size: 12px;
  padding-right: 16px;
  color: rgba(0, 0, 0, 0.54);
  line-height: 1;
}

.ms-stepper .ms-stepper-horizontal .ms-stepper-steps {
  padding: 24px 16px;
}

.ms-stepper .ms-stepper-horizontal .ms-stepper-controls {
  padding: 0 16px 16px 16px;
}

.ms-stepper .ms-stepper-horizontal .ms-stepper-controls .ms-stepper-dots {
  display: none;
  align-items: center;
  justify-content: center;
  padding: 0 16px;
}

.ms-stepper .ms-stepper-horizontal .ms-stepper-controls .ms-stepper-dots span {
  width: 5px;
  height: 5px;
  margin: 0 4px;
  border-radius: 50%;
}

.ms-stepper .ms-stepper-horizontal .ms-stepper-controls .ms-stepper-dots span:not(.md-accent-bg) {
  background: rgba(0, 0, 0, 0.12);
}

.ms-stepper .ms-stepper-horizontal .ms-stepper-controls .ms-stepper-dots span.selected {
  width: 8px;
  height: 8px;
}

@media screen and (max-width: 600px) {
  .ms-stepper .ms-stepper-horizontal .ms-stepper-navigation-wrapper .ms-stepper-navigation {
    display: none;
  }

  .ms-stepper .ms-stepper-horizontal .ms-stepper-controls .ms-stepper-dots {
    display: flex;
  }
}

/*----------------------------------------------------------------*/
/*  Variables
/*----------------------------------------------------------------*/
.ms-stepper .ms-stepper-vertical {
  position: relative;
  background: #ffffff;
  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);
}

.ms-stepper .ms-stepper-vertical .ms-stepper-vertical-line {
  display: block;
  position: absolute;
  width: 1px;
  top: 32px;
  bottom: 32px;
  left: 43px;
  border-left: 1px solid rgba(0, 0, 0, 0.12);
}

.ms-stepper .ms-stepper-vertical .ms-stepper-steps {
  padding: 8px 0;
}

.ms-stepper .ms-stepper-vertical .ms-stepper-steps .ms-stepper-step {
  display: block;
}

.ms-stepper .ms-stepper-vertical .ms-stepper-steps .ms-stepper-step .ms-stepper-navigation-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
  width: 100%;
  height: 72px;
  min-height: 72px;
  max-height: 72px;
  line-height: 24px;
  margin: 0;
  padding: 0 24px;
  border-radius: 0;
  cursor: pointer;
  font-size: 14px;
  text-transform: none;
}

.ms-stepper .ms-stepper-vertical .ms-stepper-steps .ms-stepper-step .ms-stepper-navigation-item:first-child:before {
  display: none;
}

.ms-stepper .ms-stepper-vertical .ms-stepper-steps .ms-stepper-step .ms-stepper-navigation-item:last-child:after {
  display: none;
}

.ms-stepper .ms-stepper-vertical .ms-stepper-steps .ms-stepper-step .ms-stepper-navigation-item:hover:not(.disabled) .step {
  background-color: #ececec;
  border-color: #ececec;
}

.ms-stepper .ms-stepper-vertical .ms-stepper-steps .ms-stepper-step .ms-stepper-navigation-item.current .title {
  font-weight: 600;
  color: rgba(0, 0, 0, 0.87);
}

.ms-stepper .ms-stepper-vertical .ms-stepper-steps .ms-stepper-step .ms-stepper-navigation-item.disabled {
  cursor: default;
}

.ms-stepper .ms-stepper-vertical .ms-stepper-steps .ms-stepper-step .ms-stepper-navigation-item.disabled .title {
  color: rgba(0, 0, 0, 0.27);
}

.ms-stepper .ms-stepper-vertical .ms-stepper-steps .ms-stepper-step .ms-stepper-navigation-item.disabled .subtitle {
  color: rgba(0, 0, 0, 0.27);
}

.ms-stepper .ms-stepper-vertical .ms-stepper-steps .ms-stepper-step .ms-stepper-navigation-item.optional {
  padding: 16px 24px;
}

.ms-stepper .ms-stepper-vertical .ms-stepper-steps .ms-stepper-step .ms-stepper-navigation-item .step {
  width: 40px;
  min-width: 40px;
  height: 40px;
  margin: 0 16px 0 0;
  border-radius: 50%;
  background: #ffffff;
  border: 8px solid #ffffff;
  color: #ffffff;
  transition: border-color 0.4s cubic-bezier(0.25, 0.8, 0.25, 1),
    background-color 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.ms-stepper .ms-stepper-vertical .ms-stepper-steps .ms-stepper-step .ms-stepper-navigation-item .step .icon {
  font-weight: bold;
  line-height: 28px !important;
}

.ms-stepper .ms-stepper-vertical .ms-stepper-steps .ms-stepper-step .ms-stepper-navigation-item .title {
  padding-right: 16px;
  color: rgba(0, 0, 0, 0.54);
}

.ms-stepper .ms-stepper-vertical .ms-stepper-steps .ms-stepper-step .ms-stepper-navigation-item .subtitle {
  font-size: 12px;
  padding-right: 16px;
  color: rgba(0, 0, 0, 0.54);
  line-height: 1;
}

.ms-stepper .ms-stepper-vertical .ms-stepper-steps .ms-stepper-step .ms-stepper-step-content {
  padding: 0 24px 16px 64px;
}

.ms-stepper .ms-stepper-vertical .ms-stepper-steps .ms-stepper-step .ms-stepper-controls {
  padding: 0 16px 16px 56px;
}

.ms-timeline .ms-timeline-loader {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  margin: 0 auto;
  background: #ffffff;
  font-weight: 500;
  opacity: 0;
  z-index: 11;
  border-radius: 50%;
}

.ms-timeline .ms-timeline-loader.show {
  opacity: 1;
}

.ms-timeline .ms-timeline-loader .spinner {
  width: 24px;
  height: 24px;
  border: 3px solid rgba(255, 255, 255, 0.35);
  border-top-color: #ffffff;
  border-radius: 50%;
}

/*----------------------------------------------------------------*/
/*  Variables
/*----------------------------------------------------------------*/
/*----------------------------------------------------------------*/
/*  Mixins
/*----------------------------------------------------------------*/
/*----------------------------------------------------------------*/
/*  ms-widget
/*----------------------------------------------------------------*/
.ms-widget .ms-widget-front {
  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);
}

.ms-widget .ms-widget-back {
  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);
}

.ms-widget.sidenav-widget .ms-widget-front,
.ms-widget.sidenav-widget .ms-widget-back {
  box-shadow: none;
}

.ms-widget .flip-to-front {
  position: absolute;
  top: 0;
  right: 0;
}

.ms-widget .c3 {
  height: 100%;
}

.ms-widget .chart-fill-8 {
  margin: 0 -8px -8px -8px;
}

.ms-widget .chart-fill-16 {
  margin: 0 -16px -16px -16px;
}

.ms-widget .chart-fill-24 {
  margin: 0 -24px -24px -24px;
}

.ms-widget .chart-fill-32 {
  margin: 0 -32px -32px -32px;
}

.ms-widget .chart-fill-40 {
  margin: 0 -40px -40px -40px;
}

.ms-widget .chart-fill-48 {
  margin: 0 -48px -48px -48px;
}

.ms-widget .chart-fill-56 {
  margin: 0 -56px -56px -56px;
}

.ms-widget .chart-fill-64 {
  margin: 0 -64px -64px -64px;
}

.ms-widget .chart-fill-72 {
  margin: 0 -72px -72px -72px;
}

.ms-widget .chart-fill-80 {
  margin: 0 -80px -80px -80px;
}

.ms-widget {
  position: relative;
  font-size: 1.3rem;
  perspective: 3000px;
  padding: 12px;
}

.ms-widget .ms-widget-front {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  position: relative;
  overflow: hidden;
  visibility: visible;
  width: 100%;
  opacity: 1;
  z-index: 10;
  border-radius: 2px;
  transition: transform 0.5s ease-out 0s, visibility 0s ease-in 0.2s,
    opacity 0s ease-in 0.2s;
  transform: rotateY(0deg);
  backface-visibility: hidden;
}

.ms-widget .ms-widget-back {
  display: block;
  position: absolute;
  overflow: hidden;
  visibility: hidden;
  opacity: 0;
  z-index: 10;
  top: 12px;
  right: 12px;
  bottom: 12px;
  left: 12px;
  border-radius: 2px;
  transition: transform 0.5s ease-out 0s, visibility 0s ease-in 0.2s,
    opacity 0s ease-in 0.2s;
  transform: rotateY(180deg);
  backface-visibility: hidden;
}

.ms-widget .md-button {
  margin: 0;
}

.ms-widget .md-button.md-icon-button {
  margin: 0;
}

.ms-widget.flipped .ms-widget-front {
  visibility: hidden;
  opacity: 0;
  transform: rotateY(180deg);
}

.ms-widget.flipped .ms-widget-back {
  display: block;
  visibility: visible;
  opacity: 1;
  transform: rotateY(360deg);
}

.ms-widget.sidenav-widget {
  padding: 0;
}

.ms-widget.ar-2-1 .widget {
  padding: 0;
  position: relative;
}

.ms-widget.ar-2-1 .widget:before {
  display: block;
  content: '';
  width: 100%;
  padding-top: 50%;
}

.ms-widget.ar-2-1 .widget>.widget {
  position: absolute;
  top: 8px;
  left: 8px;
  right: 8px;
  bottom: 8px;
}

.ms-widget.ar-1-1 .widget {
  padding: 0;
  position: relative;
}

.ms-widget.ar-1-1 .widget:before {
  display: block;
  content: '';
  width: 100%;
  padding-top: 100%;
}

.ms-widget.ar-1-1 .widget>.widget {
  position: absolute;
  top: 8px;
  left: 8px;
  right: 8px;
  bottom: 8px;
}

/*----------------------------------------------------------------*/
/*  Reset
/*----------------------------------------------------------------*/
* {
  text-rendering: optimizeLegibility;
  -o-text-rendering: optimizeLegibility;
  -ms-text-rendering: optimizeLegibility;
  -moz-text-rendering: optimizeLegibility;
  -webkit-text-rendering: optimizeLegibility;
  -webkit-tap-highlight-color: transparent;
  box-sizing: border-box;
}

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

*:focus {
  outline: none;
}

*:not(md-input-container)>input[type='tel'],
*:not(md-input-container)>input[type='email'],
*:not(md-input-container)>input[type='search'],
*:not(md-input-container)>input[type='password'],
*:not(md-input-container)>input[type='button'],
*:not(md-input-container)>button,
*:not(md-input-container)>input[type='submit'],
*:not(md-input-container)>input[type='image'],
*:not(md-input-container)>textarea {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  border: none;
  padding: 0;
  margin: 0;
}

*:not(md-input-container)>input[type='button'],
*:not(md-input-container)>button,
*:not(md-input-container)>input[type='submit'] {
  background: none;
}

button {
  border-radius: 0;
  font-family: inherit;
  font-size: inherit;
  padding: 0;
  margin: 0;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}

/*----------------------------------------------------------------*/
/*  Variables
/*----------------------------------------------------------------*/
/*----------------------------------------------------------------*/
/*  Mixins
/*----------------------------------------------------------------*/
/*----------------------------------------------------------------*/
/*  Angular Material Extend
/*  Adds and/or modifies Angular Material styles
/*----------------------------------------------------------------*/
/* --- FIXES --- */
[layout]>* {
  min-height: auto;
  min-height: initial;
}

md-card>img,
md-card> :not(md-card-content) img {
  height: inherit;
  height: initial;
}

.md-datepicker-calendar-pane * {
  box-sizing: initial;
}

/* --- MODIFICATIONS --- */
md-autocomplete-wrap>input[type='search'] {
  background: #ffffff;
  padding: 0 15px !important;
}

md-backdrop.md-opaque {
  background-color: rgba(33, 33, 33, 0.48) !important;
}

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

md-checkbox.no-label {
  margin: 0;
}

md-chip .md-chip-remove md-icon {
  margin-left: 2px;
}

md-chip .md-chip-remove md-icon svg {
  width: 18px;
  height: 18px;
  max-width: 18px;
  max-height: 18px;
  margin: 4px;
}

md-datepicker .md-datepicker-button {
  padding: 0 !important;
  margin: 0 !important;
  vertical-align: middle;
}

md-datepicker .md-datepicker-input-container {
  margin-left: 0;
}

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

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

md-dialog md-dialog-actions {
  min-height: 64px;
  padding-top: 8px;
  padding-bottom: 8px;
}

md-dialog md-dialog-actions .md-button {
  margin: 0 8px;
}

md-input-container.no-errors-spacer .md-errors-spacer {
  display: none;
}

md-input-container .input-hint {
  position: absolute;
  right: auto;
  bottom: 7px;
  left: 2px;
  font-size: 12px;
  line-height: 14px;
  transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
  color: rgba(0, 0, 0, 0.54);
}

md-input-container.md-icon-left .input-hint {
  left: 38px;
}

md-list-item .md-list-item-text p {
  font-size: 13px !important;
}

md-menu,
.md-menu {
  padding: 0;
}

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

md-menu-content.md-menu-bar-menu.md-dense .md-button,
md-menu-content.md-menu-bar-menu.md-dense md-menu-item {
  height: 40px;
  line-height: 40px;
}

md-menu-content.md-menu-bar-menu.md-dense .md-button.md-indent>md-icon,
md-menu-content.md-menu-bar-menu.md-dense md-menu-item.md-indent>md-icon {
  top: 8px;
}

.md-open-menu-container md-menu-content md-menu-item.selected {
  opacity: 0.4;
}

md-menu-content md-menu-item .md-button {
  text-align: left;
}

md-select.simplified {
  margin: 0 8px;
}

md-select.simplified .md-select-value {
  border: none !important;
  box-sizing: border-box;
  padding: 0;
}

md-select.simplified .md-select-value *:first-child {
  transform: none;
  height: auto;
}

md-select.simplified .md-select-value .md-select-icon {
  transform: none;
  font-size: 16px;
}

md-select.simplified .md-select-value .md-select-icon:after {
  top: 1px;
}

md-select[multiple] md-select-value>*:first-child {
  display: flex;
}

md-select[multiple] md-select-value>*:first-child>*:first-child {
  flex: 0;
}

md-select[multiple] md-select-value>*:first-child .md-container {
  padding-right: 6px;
}

md-select[multiple] md-select-value>*:first-child .md-container:first-of-type {
  padding-right: 0;
}

md-select-menu md-select-header {
  position: relative;
  display: flex;
  align-items: center;
  width: auto;
  height: 48px;
  padding-left: 10.667px;
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1), 0 0 0 0 rgba(0, 0, 0, 0.14),
    0 0 0 0 rgba(0, 0, 0, 0.12);
  cursor: pointer;
}

md-select-menu md-select-header input[type='search'] {
  border: none;
  outline: none;
  height: 100%;
  width: 100%;
  padding: 0;
}

md-sidenav {
  -webkit-overflow-scrolling: touch;
}

md-tab-content {
  touch-action: initial !important;
}

md-toolbar.colored-toolbar {
  color: rgba(255, 255, 255, 0.87);
}

md-toolbar.colored-toolbar md-menu-bar md-menu._md-open>button {
  background: rgba(0, 0, 0, 0.12);
}

md-toolbar.colored-toolbar md-menu._md-open>button {
  background: rgba(0, 0, 0, 0.12);
}

md-toolbar.colored-toolbar input {
  color: rgba(255, 255, 255, 0.87) !important;
}

md-progress-circular[disabled] {
  visibility: hidden;
}

/*----------------------------------------------------------------*/
/*  Variables
/*----------------------------------------------------------------*/
/*----------------------------------------------------------------*/
/*  Template Layouts
/*----------------------------------------------------------------*/
#main {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

body.boxed {
  background: #3f4450;
}

body.boxed #main {
  overflow: hidden !important;
  width: 100% !important;
  max-width: 1280px;
  margin: 0 auto;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.45);
}

#layout-content-only {
  position: relative;
  height: 100%;
  max-height: 100%;
}

#layout-content-only #content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

#layout-content-with-toolbar {
  position: relative;
  height: 100%;
  max-height: 100%;
}

#layout-content-with-toolbar #content {
  position: absolute;
  top: 64px;
  right: 0;
  bottom: 0;
  left: 0;
}

#layout-vertical-navigation {
  height: 100%;
  max-height: 100%;
}

#layout-vertical-navigation #content-container {
  position: relative;
  overflow: hidden;
}

#layout-vertical-navigation #content-container #content {
  position: absolute;
  top: 64px;
  right: 0;
  bottom: 0;
  left: 0;
}

#layout-vertical-navigation-fullwidth-toolbar {
  height: 100%;
  max-height: 100%;
}

#layout-vertical-navigation-fullwidth-toolbar #main-container {
  position: relative;
}

#layout-vertical-navigation-fullwidth-toolbar #main-container #content-container {
  position: relative;
  overflow: hidden;
}

#layout-vertical-navigation-fullwidth-toolbar #main-container #content-container #content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

#layout-vertical-navigation-fullwidth-toolbar-2 {
  height: 100%;
  max-height: 100%;
}

#layout-vertical-navigation-fullwidth-toolbar-2 #main-container {
  position: relative;
}

#layout-vertical-navigation-fullwidth-toolbar-2 #main-container #content-container {
  position: relative;
  overflow: hidden;
}

#layout-vertical-navigation-fullwidth-toolbar-2 #main-container #content-container #content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

#layout-horizontal-navigation {
  height: 100%;
  max-height: 100%;
}

#layout-horizontal-navigation #content-container {
  position: relative;
  overflow: hidden;
}

#layout-horizontal-navigation #content-container #content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

/*----------------------------------------------------------------*/
/*  Variables
/*----------------------------------------------------------------*/
/*----------------------------------------------------------------*/
/*  Page Layouts
/*----------------------------------------------------------------*/
.page-layout {
  position: relative;
  overflow: hidden;
}

.page-layout .top-bg {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  left: 0;
  height: 200px;
  background-image: url('/assets/images/backgrounds/header-bg.png');
  background-size: cover;
}

.page-layout md-backdrop {
  z-index: 50;
}

.page-layout>.header .breadcrumb {
  margin-bottom: 16px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.54);
}

.page-layout>.header .breadcrumb md-icon {
  margin: 0;
}

.page-layout>.header .breadcrumb .separator {
  margin: 0 8px;
}

.page-layout>.header .title {
  font-size: 34px;
}

.page-layout.carded {
  min-height: 100%;
  height: 100%;
}

.page-layout.carded.fullwidth.single-scroll {
  height: auto;
}

.page-layout.carded.fullwidth.single-scroll>.center .content-card .content {
  overflow: hidden;
}

.page-layout.carded.fullwidth>.center {
  position: relative;
  z-index: 2;
  margin-left: 32px;
  margin-right: 32px;
}

.page-layout.carded.fullwidth>.center .header {
  max-height: 136px;
  padding: 24px;
}

.page-layout.carded.fullwidth>.center .content-card {
  background: #ffffff;
  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);
  overflow: hidden;
}

.page-layout.carded.fullwidth>.center .content-card .toolbar {
  padding: 8px 24px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

.page-layout.carded.fullwidth>.center .content-card .content {
  padding: 24px;
  background: #ffffff;
}

.page-layout.carded.left-sidenav.single-scroll {
  height: auto;
}

.page-layout.carded.left-sidenav.single-scroll>.center .content-card .content {
  overflow: hidden;
}

.page-layout.carded.left-sidenav>.sidenav {
  width: 240px;
  min-width: 240px;
  max-width: 240px;
  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);
  z-index: 51;
}

.page-layout.carded.left-sidenav>.sidenav .header {
  height: 200px;
  min-height: 200px;
  max-height: 200px;
  padding: 24px;
}

.page-layout.carded.left-sidenav>.sidenav .content {
  background: transparent;
  padding: 24px;
}

.page-layout.carded.left-sidenav>.sidenav.md-locked-open {
  width: 220px;
  min-width: 220px;
  max-width: 220px;
  z-index: 2;
  background: transparent;
  box-shadow: none;
}

.page-layout.carded.left-sidenav>.sidenav.md-locked-open+.center {
  margin-left: 0;
}

.page-layout.carded.left-sidenav>.sidenav:not(.md-locked-open) .header {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

.page-layout.carded.left-sidenav>.sidenav:not(.md-locked-open) .content {
  overflow: hidden;
}

.page-layout.carded.left-sidenav>.center {
  position: relative;
  z-index: 2;
  margin-left: 32px;
  margin-right: 32px;
}

.page-layout.carded.left-sidenav>.center .header {
  height: 136px;
  min-height: 136px;
  max-height: 136px;
  padding: 24px;
}

.page-layout.carded.left-sidenav>.center .content-card {
  background: #ffffff;
  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);
  overflow: hidden;
}

.page-layout.carded.left-sidenav>.center .content-card .toolbar {
  padding: 8px 24px;
  height: 64px;
  min-height: 64px;
  max-height: 64px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

.page-layout.carded.left-sidenav>.center .content-card .toolbar .sidenav-toggle {
  margin: 0 8px 0 0 !important;
  padding: 0 !important;
  border-radius: 0;
}

.page-layout.carded.left-sidenav>.center .content-card .content {
  padding: 24px;
  background: #ffffff;
}

.page-layout.carded.right-sidenav.single-scroll {
  height: auto;
}

.page-layout.carded.right-sidenav.single-scroll>.center .content-card .content {
  overflow: hidden;
}

.page-layout.carded.right-sidenav>.sidenav {
  width: 240px;
  min-width: 240px;
  max-width: 240px;
  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);
  z-index: 51;
}

.page-layout.carded.right-sidenav>.sidenav .header {
  height: 200px;
  min-height: 200px;
  max-height: 200px;
  padding: 24px 24px 24px 0;
}

.page-layout.carded.right-sidenav>.sidenav .content {
  background: transparent;
  padding: 24px 24px 24px 0;
}

.page-layout.carded.right-sidenav>.sidenav.md-locked-open {
  width: 196px;
  min-width: 196px;
  max-width: 196px;
  z-index: 2;
  background: transparent;
  box-shadow: none;
}

.page-layout.carded.right-sidenav>.sidenav:not(.md-locked-open) .header {
  padding: 24px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

.page-layout.carded.right-sidenav>.sidenav:not(.md-locked-open) .content {
  overflow: hidden;
  padding: 24px;
}

.page-layout.carded.right-sidenav>.center {
  position: relative;
  z-index: 2;
  margin-left: 32px;
  margin-right: 32px;
}

.page-layout.carded.right-sidenav>.center .header {
  height: 136px;
  min-height: 136px;
  max-height: 136px;
  padding: 24px;
}

.page-layout.carded.right-sidenav>.center .content-card {
  background: #ffffff;
  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);
  overflow: hidden;
}

.page-layout.carded.right-sidenav>.center .content-card .toolbar {
  padding: 8px 24px;
  height: 64px;
  min-height: 64px;
  max-height: 64px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

.page-layout.carded.right-sidenav>.center .content-card .toolbar .sidenav-toggle {
  margin: 0 0 0 8px !important;
  padding: 0 !important;
  border-radius: 0;
}

.page-layout.carded.right-sidenav>.center .content-card .content {
  padding: 24px;
  background: #ffffff;
}

.page-layout.simple.fullwidth,
.page-layout.simple.inner-sidenav {
  min-height: 100%;
}

.page-layout.simple.fullwidth>.header,
.page-layout.simple.inner-sidenav>.header {
  height: 200px;
  min-height: 200px;
  max-height: 200px;
  padding: 24px;
  background-image: url('/assets/images/backgrounds/header-bg.png');
  background-size: cover;
}

.page-layout.simple.fullwidth>.content,
.page-layout.simple.inner-sidenav>.content {
  padding: 24px;
}

.page-layout.simple.left-sidenav {
  min-height: 100%;
  height: 100%;
}

.page-layout.simple.left-sidenav.single-scroll {
  height: auto;
}

.page-layout.simple.left-sidenav.single-scroll>.center {
  overflow: hidden;
}

.page-layout.simple.left-sidenav.inner-sidenav>.content>md-sidenav {
  margin-right: 24px;
}

.page-layout.simple.left-sidenav .sidenav {
  width: 240px;
  min-width: 240px;
  max-width: 240px;
  padding: 24px;
  z-index: 51;
  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);
}

.page-layout.simple.left-sidenav .sidenav.md-locked-open {
  width: 220px;
  min-width: 220px;
  max-width: 220px;
  z-index: 2;
  box-shadow: none;
  background: transparent;
}

.page-layout.simple.left-sidenav>.center {
  position: relative;
  overflow: auto;
  z-index: 3;
  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);
}

.page-layout.simple.left-sidenav>.center .header {
  height: 200px;
  min-height: 200px;
  max-height: 200px;
  padding: 24px;
  background-image: url('/assets/images/backgrounds/header-bg.png');
  background-size: cover;
}

.page-layout.simple.left-sidenav>.center .content {
  padding: 24px;
  background: #ffffff;
}

.page-layout.simple.right-sidenav {
  min-height: 100%;
  height: 100%;
}

.page-layout.simple.right-sidenav.single-scroll {
  height: auto;
}

.page-layout.simple.right-sidenav.single-scroll>.center {
  overflow: hidden;
}

.page-layout.simple.right-sidenav.inner-sidenav>.content>md-sidenav {
  margin-left: 24px;
}

.page-layout.simple.right-sidenav .sidenav {
  width: 240px;
  min-width: 240px;
  max-width: 240px;
  padding: 24px;
  z-index: 51;
  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);
}

.page-layout.simple.right-sidenav .sidenav.md-locked-open {
  width: 220px;
  min-width: 220px;
  max-width: 220px;
  z-index: 2;
  box-shadow: none;
  background: transparent;
}

.page-layout.simple.right-sidenav>.center {
  position: relative;
  overflow: auto;
  z-index: 3;
  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);
}

.page-layout.simple.right-sidenav>.center .header {
  height: 200px;
  min-height: 200px;
  max-height: 200px;
  padding: 24px;
  background-image: url('/assets/images/backgrounds/header-bg.png');
  background-size: cover;
}

.page-layout.simple.right-sidenav>.center .content {
  padding: 24px;
  background: #ffffff;
}

.page-layout.simple.inner-sidenav {
  height: auto;
}

.page-layout.simple.inner-sidenav>.content>md-sidenav.md-locked-open {
  padding: 0;
}

.page-layout.simple.tabbed {
  min-height: 100%;
}

.page-layout.simple.tabbed>.header {
  height: 200px;
  min-height: 200px;
  max-height: 200px;
  padding: 24px;
  background-image: url('/assets/images/backgrounds/header-bg.png');
  background-size: cover;
}

.page-layout.simple.tabbed>.content>md-tabs>md-tabs-wrapper {
  background: #ffffff;
  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);
  padding: 0 24px;
}

.page-layout.simple.tabbed>.content>md-tabs>md-tabs-wrapper md-tabs-canvas {
  height: 56px;
}

.page-layout.simple.tabbed>.content>md-tabs>md-tabs-wrapper md-tabs-canvas md-pagination-wrapper {
  height: 56px;
}

.page-layout.simple.tabbed>.content>md-tabs>md-tabs-wrapper md-tabs-canvas .md-tab {
  padding: 16px 24px;
  text-transform: none;
}

.page-layout.simple.tabbed>.content>md-tabs:not(.md-dynamic-height) md-tabs-content-wrapper {
  top: 56px;
}

.page-layout.simple.tabbed>.content>md-tabs>md-tabs-content-wrapper>md-tab-content {
  padding: 24px;
}

.page-layout.simple.tabbed>.content>md-nav-bar .md-nav-bar {
  background: #ffffff;
  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);
  border: none;
  height: 56px;
}

.page-layout.simple.tabbed>.content>md-nav-bar .md-nav-bar nav {
  margin: 0 12px;
}

.page-layout.simple.tabbed>.content>md-nav-bar .md-nav-bar nav .md-nav-item {
  height: 56px;
}

.page-layout.simple.tabbed>.content>md-nav-bar .md-nav-bar nav .md-nav-item ._md-nav-button {
  height: 56px;
  line-height: 32px;
}

.page-layout.simple.tabbed>.content>md-nav-bar .md-nav-bar nav .md-nav-item ._md-nav-button-text {
  text-transform: none;
}

.page-layout.blank {
  min-height: 100%;
  padding: 24px;
}

.single-scroll .carded.fullwidth {
  height: auto;
}

.single-scroll .carded.fullwidth>.center .content-card .content {
  overflow: hidden;
}

.single-scroll .carded.left-sidenav {
  height: auto;
}

.single-scroll .carded.left-sidenav>.center .content-card .content {
  overflow: hidden;
}

.single-scroll .carded.right-sidenav {
  height: auto;
}

.single-scroll .carded.right-sidenav>.center .content-card .content {
  overflow: hidden;
}

.single-scroll .simple.left-sidenav {
  height: auto;
}

.single-scroll .simple.left-sidenav>.center {
  overflow: hidden;
}

.single-scroll .simple.right-sidenav {
  height: auto;
}

.single-scroll .simple.right-sidenav>.center {
  overflow: hidden;
}

@media screen and (max-width: 1280px) {

  .page-layout.simple.inner-sidenav.right-sidenav>.content,
  .page-layout.simple.inner-sidenav.left-sidenav>.content {
    height: auto !important;
  }

  .page-layout.simple.inner-sidenav.right-sidenav>.content>md-sidenav,
  .page-layout.simple.inner-sidenav.left-sidenav>.content>md-sidenav {
    margin-left: 0;
    margin-right: 0;
  }

  .sidenav-open .page-layout.simple.inner-sidenav {
    height: 100%;
  }
}

@media screen and (max-width: 600px) {
  .page-layout .top-bg {
    height: 160px;
  }

  .page-layout.carded.right-sidenav>.center,
  .page-layout.carded.left-sidenav>.center,
  .page-layout.carded.fullwidth>.center {
    margin-left: 16px;
    margin-right: 16px;
  }

  .page-layout.carded.right-sidenav>.center .header,
  .page-layout.carded.left-sidenav>.center .header,
  .page-layout.carded.fullwidth>.center .header {
    height: 96px;
    min-height: 96px;
    max-height: 96px;
    padding: 16px;
  }

  .page-layout.carded.fullwidth {
    height: auto;
  }

  .page-layout.carded.fullwidth>.center .content-card .content {
    overflow: hidden;
  }

  .page-layout.carded.right-sidenav,
  .page-layout.carded.left-sidenav {
    height: auto;
  }

  .page-layout.carded.right-sidenav>.center .content-card .content,
  .page-layout.carded.left-sidenav>.center .content-card .content {
    overflow: hidden;
  }

  .page-layout.simple.fullwidth>.header,
  .page-layout.simple.inner-sidenav>.header {
    height: 160px;
    min-height: 160px;
    max-height: 160px;
    padding: 16px;
  }

  .page-layout.simple.right-sidenav>.center .header,
  .page-layout.simple.left-sidenav>.center .header {
    height: 160px;
    min-height: 160px;
    max-height: 160px;
    padding: 16px;
  }

  .page-layout.simple.left-sidenav,
  .page-layout.simple.right-sidenav {
    height: auto;
  }

  .page-layout.simple.left-sidenav>.center,
  .page-layout.simple.right-sidenav>.center {
    overflow: hidden;
  }
}

/*----------------------------------------------------------------*/
/*  Animations
/*----------------------------------------------------------------*/
.animate-slide-up {
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000px;
  transition-property: none;
  transition-duration: 400ms;
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  opacity: 1;
}

.animate-slide-up.ng-enter {
  transform: translateY(100%);
  opacity: 0;
}

.animate-slide-up.ng-enter.ng-enter-active {
  transition-property: all;
  transform: translateY(0);
  opacity: 1;
}

.animate-slide-up.ng-leave {
  transform: translateY(0);
  opacity: 1;
}

.animate-slide-up.ng-leave.ng-leave-active {
  transition-property: all;
  transform: translateY(-100%);
  opacity: 0;
}

.animate-slide-up.ng-hide {
  transform: translateY(-100%);
  opacity: 0;
}

.animate-slide-up.ng-hide-add-active,
.animate-slide-up.ng-hide-remove-active {
  transition-property: all;
}

.animate-slide-down {
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000px;
  transition-property: none;
  transition-duration: 400ms;
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  opacity: 1;
}

.animate-slide-down.ng-enter {
  transform: translateY(-100%);
  opacity: 0;
}

.animate-slide-down.ng-enter.ng-enter-active {
  transition-property: all;
  transform: translateY(0);
  opacity: 1;
}

.animate-slide-down.ng-leave {
  transform: translateY(0);
  opacity: 1;
}

.animate-slide-down.ng-leave.ng-leave-active {
  transition-property: all;
  transform: translateY(100%);
  opacity: 0;
}

.animate-slide-down.ng-hide {
  transform: translateY(-100%);
  opacity: 0;
}

.animate-slide-down.ng-hide-add-active,
.animate-slide-down.ng-hide-remove-active {
  transition-property: all;
}

.animate-slide-left {
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000px;
  transition-property: none;
  transition-duration: 400ms;
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  opacity: 1;
}

.animate-slide-left.ng-enter {
  transform: translateX(100%);
  opacity: 0;
}

.animate-slide-left.ng-enter.ng-enter-active {
  transition-property: all;
  transform: translateX(0);
  opacity: 1;
}

.animate-slide-left.ng-leave {
  transform: translateX(0);
  opacity: 1;
}

.animate-slide-left.ng-leave.ng-leave-active {
  transition-property: all;
  transform: translateX(-100%);
  opacity: 0;
}

.animate-slide-left.ng-hide {
  transform: translateX(-100%);
  opacity: 0;
}

.animate-slide-left.ng-hide-add-active,
.animate-slide-left.ng-hide-remove-active {
  transition-property: all;
}

.animate-slide-right {
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000px;
  transition-property: none;
  transition-duration: 400ms;
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  opacity: 1;
}

.animate-slide-right.ng-enter {
  transform: translateX(-100%);
  opacity: 0;
}

.animate-slide-right.ng-enter.ng-enter-active {
  transition-property: all;
  transform: translateX(0);
  opacity: 1;
}

.animate-slide-right.ng-leave {
  transform: translateX(0);
  opacity: 1;
}

.animate-slide-right.ng-leave.ng-leave-active {
  transition-property: all;
  transform: translateX(100%);
  opacity: 0;
}

.animate-slide-right.ng-hide {
  transform: translateX(100%);
  opacity: 0;
}

.animate-slide-right.ng-hide-add-active,
.animate-slide-right.ng-hide-remove-active {
  transition-property: all;
}

.animate-fade-in-out {
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000px;
  transition-property: none;
  transition-duration: 400ms;
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  opacity: 1;
}

.animate-fade-in-out.ng-enter {
  opacity: 0;
}

.animate-fade-in-out.ng-enter.ng-enter-active {
  transition-property: all;
  opacity: 1;
}

.animate-fade-in-out.ng-leave {
  opacity: 1;
}

.animate-fade-in-out.ng-leave.ng-leave-active {
  transition-property: all;
  opacity: 0;
}

.animate-fade-in-out.ng-hide {
  opacity: 0;
}

.animate-fade-in-out.ng-hide-add-active,
.animate-fade-in-out.ng-hide-remove-active {
  transition-property: all;
}

/*----------------------------------------------------------------*/
/*  @ Custom Animation Keyframes
/*----------------------------------------------------------------*/
@keyframes slide-in-left {
  0% {
    opacity: 0;
    transform: translateX(-500px);
  }

  65% {
    opacity: 1;
    transform: translateX(0);
  }

  100% {
    transform: translateX(0);
  }
}

@keyframes slide-in-right {
  0% {
    opacity: 0;
    transform: translateX(500px);
  }

  65% {
    opacity: 1;
    transform: translateX(0);
  }

  100% {
    transform: translateX(0);
  }
}

@keyframes slide-in-bottom {
  0% {
    opacity: 0;
    transform: translateY(200px);
  }

  65% {
    opacity: 1;
    transform: translateY(0);
  }

  100% {
    transform: translateY(0);
  }
}

.animate-rotate {
  animation: rotate 1.75s linear infinite;
}

@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

/*----------------------------------------------------------------*/
/*  Variables
/*----------------------------------------------------------------*/
/*----------------------------------------------------------------*/
/*  Colors
/*----------------------------------------------------------------*/
.black-fg,
.black-text {
  color: rgba(0, 0, 0, 0.87) !important;
}

.black-fg.secondary-text,
.black-fg .secondary-text,
.black-fg.icon,
.black-fg .icon,
.black-text.secondary-text,
.black-text .secondary-text,
.black-text.icon,
.black-text .icon {
  color: rgba(0, 0, 0, 0.54) !important;
}

.black-fg.hint-text,
.black-fg .hint-text,
.black-fg.disabled-text,
.black-fg .disabled-text,
.black-text.hint-text,
.black-text .hint-text,
.black-text.disabled-text,
.black-text .disabled-text {
  color: rgba(0, 0, 0, 0.26) !important;
}

.black-fg.divider,
.black-fg .divider,
.black-fg.faint-text,
.black-fg .faint-text,
.black-text.divider,
.black-text .divider,
.black-text.faint-text,
.black-text .faint-text {
  color: rgba(0, 0, 0, 0.12) !important;
}

.white-fg,
.white-text {
  color: white !important;
}

.white-fg.secondary-text,
.white-fg .secondary-text,
.white-fg.icon,
.white-fg .icon,
.white-text.secondary-text,
.white-text .secondary-text,
.white-text.icon,
.white-text .icon {
  color: rgba(255, 255, 255, 0.7) !important;
}

.white-fg.hint-text,
.white-fg .hint-text,
.white-fg.disabled-text,
.white-fg .disabled-text,
.white-text.hint-text,
.white-text .hint-text,
.white-text.disabled-text,
.white-text .disabled-text {
  color: rgba(255, 255, 255, 0.3) !important;
}

.white-fg.divider,
.white-fg .divider,
.white-fg.faint-text,
.white-fg .faint-text,
.white-text.divider,
.white-text .divider,
.white-text.faint-text,
.white-text .faint-text {
  color: rgba(255, 255, 255, 0.12) !important;
}

.white-fg md-icon,
.white-text md-icon {
  color: #ffffff;
}

.white-fg md-progress-linear .md-container,
.white-text md-progress-linear .md-container {
  background: rgba(255, 255, 255, 0.3);
}

.white-fg md-progress-linear .md-bar,
.white-text md-progress-linear .md-bar {
  background: rgba(255, 255, 255, 0.7);
}

.red-50-bg {
  background-color: #ffebee !important;
}

.md-red-50-bg {
  background-color: #ffebee !important;
  color: rgba(0, 0, 0, 0.87);
}

.red-50-fg {
  color: #ffebee !important;
}

.red-50-border {
  border-color: #ffebee !important;
}

.red-50-border-top {
  border-top-color: #ffebee !important;
}

.red-50-border-right {
  border-right-color: #ffebee !important;
}

.red-50-border-bottom {
  border-bottom-color: #ffebee !important;
}

.red-50-border-left {
  border-left-color: #ffebee !important;
}

.red-100-bg {
  background-color: #ffcdd2 !important;
}

.md-red-100-bg {
  background-color: #ffcdd2 !important;
  color: rgba(0, 0, 0, 0.87);
}

.red-100-fg {
  color: #ffcdd2 !important;
}

.red-100-border {
  border-color: #ffcdd2 !important;
}

.red-100-border-top {
  border-top-color: #ffcdd2 !important;
}

.red-100-border-right {
  border-right-color: #ffcdd2 !important;
}

.red-100-border-bottom {
  border-bottom-color: #ffcdd2 !important;
}

.red-100-border-left {
  border-left-color: #ffcdd2 !important;
}

.red-200-bg {
  background-color: #ef9a9a !important;
}

.md-red-200-bg {
  background-color: #ef9a9a !important;
  color: rgba(0, 0, 0, 0.87);
}

.red-200-fg {
  color: #ef9a9a !important;
}

.red-200-border {
  border-color: #ef9a9a !important;
}

.red-200-border-top {
  border-top-color: #ef9a9a !important;
}

.red-200-border-right {
  border-right-color: #ef9a9a !important;
}

.red-200-border-bottom {
  border-bottom-color: #ef9a9a !important;
}

.red-200-border-left {
  border-left-color: #ef9a9a !important;
}

.red-300-bg {
  background-color: #e57373 !important;
}

.md-red-300-bg {
  background-color: #e57373 !important;
  color: rgba(0, 0, 0, 0.87);
}

.red-300-fg {
  color: #e57373 !important;
}

.red-300-border {
  border-color: #e57373 !important;
}

.red-300-border-top {
  border-top-color: #e57373 !important;
}

.red-300-border-right {
  border-right-color: #e57373 !important;
}

.red-300-border-bottom {
  border-bottom-color: #e57373 !important;
}

.red-300-border-left {
  border-left-color: #e57373 !important;
}

.red-400-bg {
  background-color: #ef5350 !important;
}

.md-red-400-bg {
  background-color: #ef5350 !important;
  color: white;
}

.red-400-fg {
  color: #ef5350 !important;
}

.red-400-border {
  border-color: #ef5350 !important;
}

.red-400-border-top {
  border-top-color: #ef5350 !important;
}

.red-400-border-right {
  border-right-color: #ef5350 !important;
}

.red-400-border-bottom {
  border-bottom-color: #ef5350 !important;
}

.red-400-border-left {
  border-left-color: #ef5350 !important;
}

.red-500-bg {
  background-color: #f44336 !important;
}

.md-red-500-bg {
  background-color: #f44336 !important;
  color: white;
}

.red-500-fg {
  color: #f44336 !important;
}

.red-500-border {
  border-color: #f44336 !important;
}

.red-500-border-top {
  border-top-color: #f44336 !important;
}

.red-500-border-right {
  border-right-color: #f44336 !important;
}

.red-500-border-bottom {
  border-bottom-color: #f44336 !important;
}

.red-500-border-left {
  border-left-color: #f44336 !important;
}

.md-red-bg {
  background-color: #f44336 !important;
  color: white;
}

.red-bg {
  background-color: #f44336 !important;
}

.red-fg {
  color: #f44336 !important;
}

.red-border {
  border-color: #f44336 !important;
}

.red-border-top {
  border-top-color: #f44336 !important;
}

.red-border-right {
  border-right-color: #f44336 !important;
}

.red-border-bottom {
  border-bottom-color: #f44336 !important;
}

.red-border-left {
  border-left-color: #f44336 !important;
}

.red-600-bg {
  background-color: #e53935 !important;
}

.md-red-600-bg {
  background-color: #e53935 !important;
  color: white;
}

.red-600-fg {
  color: #e53935 !important;
}

.red-600-border {
  border-color: #e53935 !important;
}

.red-600-border-top {
  border-top-color: #e53935 !important;
}

.red-600-border-right {
  border-right-color: #e53935 !important;
}

.red-600-border-bottom {
  border-bottom-color: #e53935 !important;
}

.red-600-border-left {
  border-left-color: #e53935 !important;
}

.red-700-bg {
  background-color: #d32f2f !important;
}

.md-red-700-bg {
  background-color: #d32f2f !important;
  color: white;
}

.red-700-fg {
  color: #d32f2f !important;
}

.red-700-border {
  border-color: #d32f2f !important;
}

.red-700-border-top {
  border-top-color: #d32f2f !important;
}

.red-700-border-right {
  border-right-color: #d32f2f !important;
}

.red-700-border-bottom {
  border-bottom-color: #d32f2f !important;
}

.red-700-border-left {
  border-left-color: #d32f2f !important;
}

.red-800-bg {
  background-color: #c62828 !important;
}

.md-red-800-bg {
  background-color: #c62828 !important;
  color: rgba(255, 255, 255, 0.87);
}

.red-800-fg {
  color: #c62828 !important;
}

.red-800-border {
  border-color: #c62828 !important;
}

.red-800-border-top {
  border-top-color: #c62828 !important;
}

.red-800-border-right {
  border-right-color: #c62828 !important;
}

.red-800-border-bottom {
  border-bottom-color: #c62828 !important;
}

.red-800-border-left {
  border-left-color: #c62828 !important;
}

.red-900-bg {
  background-color: #b71c1c !important;
}

.md-red-900-bg {
  background-color: #b71c1c !important;
  color: rgba(255, 255, 255, 0.87);
}

.red-900-fg {
  color: #b71c1c !important;
}

.red-900-border {
  border-color: #b71c1c !important;
}

.red-900-border-top {
  border-top-color: #b71c1c !important;
}

.red-900-border-right {
  border-right-color: #b71c1c !important;
}

.red-900-border-bottom {
  border-bottom-color: #b71c1c !important;
}

.red-900-border-left {
  border-left-color: #b71c1c !important;
}

.red-A100-bg {
  background-color: #ff8a80 !important;
}

.md-red-A100-bg {
  background-color: #ff8a80 !important;
  color: rgba(0, 0, 0, 0.87);
}

.red-A100-fg {
  color: #ff8a80 !important;
}

.red-A100-border {
  border-color: #ff8a80 !important;
}

.red-A100-border-top {
  border-top-color: #ff8a80 !important;
}

.red-A100-border-right {
  border-right-color: #ff8a80 !important;
}

.red-A100-border-bottom {
  border-bottom-color: #ff8a80 !important;
}

.red-A100-border-left {
  border-left-color: #ff8a80 !important;
}

.red-A200-bg {
  background-color: #ff5252 !important;
}

.md-red-A200-bg {
  background-color: #ff5252 !important;
  color: white;
}

.red-A200-fg {
  color: #ff5252 !important;
}

.red-A200-border {
  border-color: #ff5252 !important;
}

.red-A200-border-top {
  border-top-color: #ff5252 !important;
}

.red-A200-border-right {
  border-right-color: #ff5252 !important;
}

.red-A200-border-bottom {
  border-bottom-color: #ff5252 !important;
}

.red-A200-border-left {
  border-left-color: #ff5252 !important;
}

.red-A400-bg {
  background-color: #ff1744 !important;
}

.md-red-A400-bg {
  background-color: #ff1744 !important;
  color: white;
}

.red-A400-fg {
  color: #ff1744 !important;
}

.red-A400-border {
  border-color: #ff1744 !important;
}

.red-A400-border-top {
  border-top-color: #ff1744 !important;
}

.red-A400-border-right {
  border-right-color: #ff1744 !important;
}

.red-A400-border-bottom {
  border-bottom-color: #ff1744 !important;
}

.red-A400-border-left {
  border-left-color: #ff1744 !important;
}

.red-A700-bg {
  background-color: #d50000 !important;
}

.md-red-A700-bg {
  background-color: #d50000 !important;
  color: white;
}

.red-A700-fg {
  color: #d50000 !important;
}

.red-A700-border {
  border-color: #d50000 !important;
}

.red-A700-border-top {
  border-top-color: #d50000 !important;
}

.red-A700-border-right {
  border-right-color: #d50000 !important;
}

.red-A700-border-bottom {
  border-bottom-color: #d50000 !important;
}

.red-A700-border-left {
  border-left-color: #d50000 !important;
}

.pink-50-bg {
  background-color: #fce4ec !important;
}

.md-pink-50-bg {
  background-color: #fce4ec !important;
  color: rgba(0, 0, 0, 0.87);
}

.pink-50-fg {
  color: #fce4ec !important;
}

.pink-50-border {
  border-color: #fce4ec !important;
}

.pink-50-border-top {
  border-top-color: #fce4ec !important;
}

.pink-50-border-right {
  border-right-color: #fce4ec !important;
}

.pink-50-border-bottom {
  border-bottom-color: #fce4ec !important;
}

.pink-50-border-left {
  border-left-color: #fce4ec !important;
}

.pink-100-bg {
  background-color: #f8bbd0 !important;
}

.md-pink-100-bg {
  background-color: #f8bbd0 !important;
  color: rgba(0, 0, 0, 0.87);
}

.pink-100-fg {
  color: #f8bbd0 !important;
}

.pink-100-border {
  border-color: #f8bbd0 !important;
}

.pink-100-border-top {
  border-top-color: #f8bbd0 !important;
}

.pink-100-border-right {
  border-right-color: #f8bbd0 !important;
}

.pink-100-border-bottom {
  border-bottom-color: #f8bbd0 !important;
}

.pink-100-border-left {
  border-left-color: #f8bbd0 !important;
}

.pink-200-bg {
  background-color: #f48fb1 !important;
}

.md-pink-200-bg {
  background-color: #f48fb1 !important;
  color: rgba(0, 0, 0, 0.87);
}

.pink-200-fg {
  color: #f48fb1 !important;
}

.pink-200-border {
  border-color: #f48fb1 !important;
}

.pink-200-border-top {
  border-top-color: #f48fb1 !important;
}

.pink-200-border-right {
  border-right-color: #f48fb1 !important;
}

.pink-200-border-bottom {
  border-bottom-color: #f48fb1 !important;
}

.pink-200-border-left {
  border-left-color: #f48fb1 !important;
}

.pink-300-bg {
  background-color: #f06292 !important;
}

.md-pink-300-bg {
  background-color: #f06292 !important;
  color: rgba(255, 255, 255, 0.87);
}

.pink-300-fg {
  color: #f06292 !important;
}

.pink-300-border {
  border-color: #f06292 !important;
}

.pink-300-border-top {
  border-top-color: #f06292 !important;
}

.pink-300-border-right {
  border-right-color: #f06292 !important;
}

.pink-300-border-bottom {
  border-bottom-color: #f06292 !important;
}

.pink-300-border-left {
  border-left-color: #f06292 !important;
}

.pink-400-bg {
  background-color: #ec407a !important;
}

.md-pink-400-bg {
  background-color: #ec407a !important;
  color: rgba(255, 255, 255, 0.87);
}

.pink-400-fg {
  color: #ec407a !important;
}

.pink-400-border {
  border-color: #ec407a !important;
}

.pink-400-border-top {
  border-top-color: #ec407a !important;
}

.pink-400-border-right {
  border-right-color: #ec407a !important;
}

.pink-400-border-bottom {
  border-bottom-color: #ec407a !important;
}

.pink-400-border-left {
  border-left-color: #ec407a !important;
}

.pink-500-bg {
  background-color: #e91e63 !important;
}

.md-pink-500-bg {
  background-color: #e91e63 !important;
  color: white;
}

.pink-500-fg {
  color: #e91e63 !important;
}

.pink-500-border {
  border-color: #e91e63 !important;
}

.pink-500-border-top {
  border-top-color: #e91e63 !important;
}

.pink-500-border-right {
  border-right-color: #e91e63 !important;
}

.pink-500-border-bottom {
  border-bottom-color: #e91e63 !important;
}

.pink-500-border-left {
  border-left-color: #e91e63 !important;
}

.md-pink-bg {
  background-color: #e91e63 !important;
  color: white;
}

.pink-bg {
  background-color: #e91e63 !important;
}

.pink-fg {
  color: #e91e63 !important;
}

.pink-border {
  border-color: #e91e63 !important;
}

.pink-border-top {
  border-top-color: #e91e63 !important;
}

.pink-border-right {
  border-right-color: #e91e63 !important;
}

.pink-border-bottom {
  border-bottom-color: #e91e63 !important;
}

.pink-border-left {
  border-left-color: #e91e63 !important;
}

.pink-600-bg {
  background-color: #d81b60 !important;
}

.md-pink-600-bg {
  background-color: #d81b60 !important;
  color: white;
}

.pink-600-fg {
  color: #d81b60 !important;
}

.pink-600-border {
  border-color: #d81b60 !important;
}

.pink-600-border-top {
  border-top-color: #d81b60 !important;
}

.pink-600-border-right {
  border-right-color: #d81b60 !important;
}

.pink-600-border-bottom {
  border-bottom-color: #d81b60 !important;
}

.pink-600-border-left {
  border-left-color: #d81b60 !important;
}

.pink-700-bg {
  background-color: #c2185b !important;
}

.md-pink-700-bg {
  background-color: #c2185b !important;
  color: rgba(255, 255, 255, 0.87);
}

.pink-700-fg {
  color: #c2185b !important;
}

.pink-700-border {
  border-color: #c2185b !important;
}

.pink-700-border-top {
  border-top-color: #c2185b !important;
}

.pink-700-border-right {
  border-right-color: #c2185b !important;
}

.pink-700-border-bottom {
  border-bottom-color: #c2185b !important;
}

.pink-700-border-left {
  border-left-color: #c2185b !important;
}

.pink-800-bg {
  background-color: #ad1457 !important;
}

.md-pink-800-bg {
  background-color: #ad1457 !important;
  color: rgba(255, 255, 255, 0.87);
}

.pink-800-fg {
  color: #ad1457 !important;
}

.pink-800-border {
  border-color: #ad1457 !important;
}

.pink-800-border-top {
  border-top-color: #ad1457 !important;
}

.pink-800-border-right {
  border-right-color: #ad1457 !important;
}

.pink-800-border-bottom {
  border-bottom-color: #ad1457 !important;
}

.pink-800-border-left {
  border-left-color: #ad1457 !important;
}

.pink-900-bg {
  background-color: #880e4f !important;
}

.md-pink-900-bg {
  background-color: #880e4f !important;
  color: rgba(255, 255, 255, 0.87);
}

.pink-900-fg {
  color: #880e4f !important;
}

.pink-900-border {
  border-color: #880e4f !important;
}

.pink-900-border-top {
  border-top-color: #880e4f !important;
}

.pink-900-border-right {
  border-right-color: #880e4f !important;
}

.pink-900-border-bottom {
  border-bottom-color: #880e4f !important;
}

.pink-900-border-left {
  border-left-color: #880e4f !important;
}

.pink-A100-bg {
  background-color: #ff80ab !important;
}

.md-pink-A100-bg {
  background-color: #ff80ab !important;
  color: rgba(0, 0, 0, 0.87);
}

.pink-A100-fg {
  color: #ff80ab !important;
}

.pink-A100-border {
  border-color: #ff80ab !important;
}

.pink-A100-border-top {
  border-top-color: #ff80ab !important;
}

.pink-A100-border-right {
  border-right-color: #ff80ab !important;
}

.pink-A100-border-bottom {
  border-bottom-color: #ff80ab !important;
}

.pink-A100-border-left {
  border-left-color: #ff80ab !important;
}

.pink-A200-bg {
  background-color: #ff4081 !important;
}

.md-pink-A200-bg {
  background-color: #ff4081 !important;
  color: white;
}

.pink-A200-fg {
  color: #ff4081 !important;
}

.pink-A200-border {
  border-color: #ff4081 !important;
}

.pink-A200-border-top {
  border-top-color: #ff4081 !important;
}

.pink-A200-border-right {
  border-right-color: #ff4081 !important;
}

.pink-A200-border-bottom {
  border-bottom-color: #ff4081 !important;
}

.pink-A200-border-left {
  border-left-color: #ff4081 !important;
}

.pink-A400-bg {
  background-color: #f50057 !important;
}

.md-pink-A400-bg {
  background-color: #f50057 !important;
  color: white;
}

.pink-A400-fg {
  color: #f50057 !important;
}

.pink-A400-border {
  border-color: #f50057 !important;
}

.pink-A400-border-top {
  border-top-color: #f50057 !important;
}

.pink-A400-border-right {
  border-right-color: #f50057 !important;
}

.pink-A400-border-bottom {
  border-bottom-color: #f50057 !important;
}

.pink-A400-border-left {
  border-left-color: #f50057 !important;
}

.pink-A700-bg {
  background-color: #c51162 !important;
}

.md-pink-A700-bg {
  background-color: #c51162 !important;
  color: white;
}

.pink-A700-fg {
  color: #c51162 !important;
}

.pink-A700-border {
  border-color: #c51162 !important;
}

.pink-A700-border-top {
  border-top-color: #c51162 !important;
}

.pink-A700-border-right {
  border-right-color: #c51162 !important;
}

.pink-A700-border-bottom {
  border-bottom-color: #c51162 !important;
}

.pink-A700-border-left {
  border-left-color: #c51162 !important;
}

.purple-50-bg {
  background-color: #f3e5f5 !important;
}

.md-purple-50-bg {
  background-color: #f3e5f5 !important;
  color: rgba(0, 0, 0, 0.87);
}

.purple-50-fg {
  color: #f3e5f5 !important;
}

.purple-50-border {
  border-color: #f3e5f5 !important;
}

.purple-50-border-top {
  border-top-color: #f3e5f5 !important;
}

.purple-50-border-right {
  border-right-color: #f3e5f5 !important;
}

.purple-50-border-bottom {
  border-bottom-color: #f3e5f5 !important;
}

.purple-50-border-left {
  border-left-color: #f3e5f5 !important;
}

.purple-100-bg {
  background-color: #e1bee7 !important;
}

.md-purple-100-bg {
  background-color: #e1bee7 !important;
  color: rgba(0, 0, 0, 0.87);
}

.purple-100-fg {
  color: #e1bee7 !important;
}

.purple-100-border {
  border-color: #e1bee7 !important;
}

.purple-100-border-top {
  border-top-color: #e1bee7 !important;
}

.purple-100-border-right {
  border-right-color: #e1bee7 !important;
}

.purple-100-border-bottom {
  border-bottom-color: #e1bee7 !important;
}

.purple-100-border-left {
  border-left-color: #e1bee7 !important;
}

.purple-200-bg {
  background-color: #ce93d8 !important;
}

.md-purple-200-bg {
  background-color: #ce93d8 !important;
  color: rgba(0, 0, 0, 0.87);
}

.purple-200-fg {
  color: #ce93d8 !important;
}

.purple-200-border {
  border-color: #ce93d8 !important;
}

.purple-200-border-top {
  border-top-color: #ce93d8 !important;
}

.purple-200-border-right {
  border-right-color: #ce93d8 !important;
}

.purple-200-border-bottom {
  border-bottom-color: #ce93d8 !important;
}

.purple-200-border-left {
  border-left-color: #ce93d8 !important;
}

.purple-300-bg {
  background-color: #ba68c8 !important;
}

.md-purple-300-bg {
  background-color: #ba68c8 !important;
  color: white;
}

.purple-300-fg {
  color: #ba68c8 !important;
}

.purple-300-border {
  border-color: #ba68c8 !important;
}

.purple-300-border-top {
  border-top-color: #ba68c8 !important;
}

.purple-300-border-right {
  border-right-color: #ba68c8 !important;
}

.purple-300-border-bottom {
  border-bottom-color: #ba68c8 !important;
}

.purple-300-border-left {
  border-left-color: #ba68c8 !important;
}

.purple-400-bg {
  background-color: #ab47bc !important;
}

.md-purple-400-bg {
  background-color: #ab47bc !important;
  color: white;
}

.purple-400-fg {
  color: #ab47bc !important;
}

.purple-400-border {
  border-color: #ab47bc !important;
}

.purple-400-border-top {
  border-top-color: #ab47bc !important;
}

.purple-400-border-right {
  border-right-color: #ab47bc !important;
}

.purple-400-border-bottom {
  border-bottom-color: #ab47bc !important;
}

.purple-400-border-left {
  border-left-color: #ab47bc !important;
}

.purple-500-bg {
  background-color: #9c27b0 !important;
}

.md-purple-500-bg {
  background-color: #9c27b0 !important;
  color: rgba(255, 255, 255, 0.87);
}

.purple-500-fg {
  color: #9c27b0 !important;
}

.purple-500-border {
  border-color: #9c27b0 !important;
}

.purple-500-border-top {
  border-top-color: #9c27b0 !important;
}

.purple-500-border-right {
  border-right-color: #9c27b0 !important;
}

.purple-500-border-bottom {
  border-bottom-color: #9c27b0 !important;
}

.purple-500-border-left {
  border-left-color: #9c27b0 !important;
}

.md-purple-bg {
  background-color: #9c27b0 !important;
  color: rgba(255, 255, 255, 0.87);
}

.purple-bg {
  background-color: #9c27b0 !important;
}

.purple-fg {
  color: #9c27b0 !important;
}

.purple-border {
  border-color: #9c27b0 !important;
}

.purple-border-top {
  border-top-color: #9c27b0 !important;
}

.purple-border-right {
  border-right-color: #9c27b0 !important;
}

.purple-border-bottom {
  border-bottom-color: #9c27b0 !important;
}

.purple-border-left {
  border-left-color: #9c27b0 !important;
}

.purple-600-bg {
  background-color: #8e24aa !important;
}

.md-purple-600-bg {
  background-color: #8e24aa !important;
  color: rgba(255, 255, 255, 0.87);
}

.purple-600-fg {
  color: #8e24aa !important;
}

.purple-600-border {
  border-color: #8e24aa !important;
}

.purple-600-border-top {
  border-top-color: #8e24aa !important;
}

.purple-600-border-right {
  border-right-color: #8e24aa !important;
}

.purple-600-border-bottom {
  border-bottom-color: #8e24aa !important;
}

.purple-600-border-left {
  border-left-color: #8e24aa !important;
}

.purple-700-bg {
  background-color: #7b1fa2 !important;
}

.md-purple-700-bg {
  background-color: #7b1fa2 !important;
  color: rgba(255, 255, 255, 0.87);
}

.purple-700-fg {
  color: #7b1fa2 !important;
}

.purple-700-border {
  border-color: #7b1fa2 !important;
}

.purple-700-border-top {
  border-top-color: #7b1fa2 !important;
}

.purple-700-border-right {
  border-right-color: #7b1fa2 !important;
}

.purple-700-border-bottom {
  border-bottom-color: #7b1fa2 !important;
}

.purple-700-border-left {
  border-left-color: #7b1fa2 !important;
}

.purple-800-bg {
  background-color: #6a1b9a !important;
}

.md-purple-800-bg {
  background-color: #6a1b9a !important;
  color: rgba(255, 255, 255, 0.87);
}

.purple-800-fg {
  color: #6a1b9a !important;
}

.purple-800-border {
  border-color: #6a1b9a !important;
}

.purple-800-border-top {
  border-top-color: #6a1b9a !important;
}

.purple-800-border-right {
  border-right-color: #6a1b9a !important;
}

.purple-800-border-bottom {
  border-bottom-color: #6a1b9a !important;
}

.purple-800-border-left {
  border-left-color: #6a1b9a !important;
}

.purple-900-bg {
  background-color: #4a148c !important;
}

.md-purple-900-bg {
  background-color: #4a148c !important;
  color: rgba(255, 255, 255, 0.87);
}

.purple-900-fg {
  color: #4a148c !important;
}

.purple-900-border {
  border-color: #4a148c !important;
}

.purple-900-border-top {
  border-top-color: #4a148c !important;
}

.purple-900-border-right {
  border-right-color: #4a148c !important;
}

.purple-900-border-bottom {
  border-bottom-color: #4a148c !important;
}

.purple-900-border-left {
  border-left-color: #4a148c !important;
}

.purple-A100-bg {
  background-color: #ea80fc !important;
}

.md-purple-A100-bg {
  background-color: #ea80fc !important;
  color: rgba(0, 0, 0, 0.87);
}

.purple-A100-fg {
  color: #ea80fc !important;
}

.purple-A100-border {
  border-color: #ea80fc !important;
}

.purple-A100-border-top {
  border-top-color: #ea80fc !important;
}

.purple-A100-border-right {
  border-right-color: #ea80fc !important;
}

.purple-A100-border-bottom {
  border-bottom-color: #ea80fc !important;
}

.purple-A100-border-left {
  border-left-color: #ea80fc !important;
}

.purple-A200-bg {
  background-color: #e040fb !important;
}

.md-purple-A200-bg {
  background-color: #e040fb !important;
  color: white;
}

.purple-A200-fg {
  color: #e040fb !important;
}

.purple-A200-border {
  border-color: #e040fb !important;
}

.purple-A200-border-top {
  border-top-color: #e040fb !important;
}

.purple-A200-border-right {
  border-right-color: #e040fb !important;
}

.purple-A200-border-bottom {
  border-bottom-color: #e040fb !important;
}

.purple-A200-border-left {
  border-left-color: #e040fb !important;
}

.purple-A400-bg {
  background-color: #d500f9 !important;
}

.md-purple-A400-bg {
  background-color: #d500f9 !important;
  color: white;
}

.purple-A400-fg {
  color: #d500f9 !important;
}

.purple-A400-border {
  border-color: #d500f9 !important;
}

.purple-A400-border-top {
  border-top-color: #d500f9 !important;
}

.purple-A400-border-right {
  border-right-color: #d500f9 !important;
}

.purple-A400-border-bottom {
  border-bottom-color: #d500f9 !important;
}

.purple-A400-border-left {
  border-left-color: #d500f9 !important;
}

.purple-A700-bg {
  background-color: #aa00ff !important;
}

.md-purple-A700-bg {
  background-color: #aa00ff !important;
  color: white;
}

.purple-A700-fg {
  color: #aa00ff !important;
}

.purple-A700-border {
  border-color: #aa00ff !important;
}

.purple-A700-border-top {
  border-top-color: #aa00ff !important;
}

.purple-A700-border-right {
  border-right-color: #aa00ff !important;
}

.purple-A700-border-bottom {
  border-bottom-color: #aa00ff !important;
}

.purple-A700-border-left {
  border-left-color: #aa00ff !important;
}

.deep-purple-50-bg {
  background-color: #ede7f6 !important;
}

.md-deep-purple-50-bg {
  background-color: #ede7f6 !important;
  color: rgba(0, 0, 0, 0.87);
}

.deep-purple-50-fg {
  color: #ede7f6 !important;
}

.deep-purple-50-border {
  border-color: #ede7f6 !important;
}

.deep-purple-50-border-top {
  border-top-color: #ede7f6 !important;
}

.deep-purple-50-border-right {
  border-right-color: #ede7f6 !important;
}

.deep-purple-50-border-bottom {
  border-bottom-color: #ede7f6 !important;
}

.deep-purple-50-border-left {
  border-left-color: #ede7f6 !important;
}

.deep-purple-100-bg {
  background-color: #d1c4e9 !important;
}

.md-deep-purple-100-bg {
  background-color: #d1c4e9 !important;
  color: rgba(0, 0, 0, 0.87);
}

.deep-purple-100-fg {
  color: #d1c4e9 !important;
}

.deep-purple-100-border {
  border-color: #d1c4e9 !important;
}

.deep-purple-100-border-top {
  border-top-color: #d1c4e9 !important;
}

.deep-purple-100-border-right {
  border-right-color: #d1c4e9 !important;
}

.deep-purple-100-border-bottom {
  border-bottom-color: #d1c4e9 !important;
}

.deep-purple-100-border-left {
  border-left-color: #d1c4e9 !important;
}

.deep-purple-200-bg {
  background-color: #b39ddb !important;
}

.md-deep-purple-200-bg {
  background-color: #b39ddb !important;
  color: rgba(0, 0, 0, 0.87);
}

.deep-purple-200-fg {
  color: #b39ddb !important;
}

.deep-purple-200-border {
  border-color: #b39ddb !important;
}

.deep-purple-200-border-top {
  border-top-color: #b39ddb !important;
}

.deep-purple-200-border-right {
  border-right-color: #b39ddb !important;
}

.deep-purple-200-border-bottom {
  border-bottom-color: #b39ddb !important;
}

.deep-purple-200-border-left {
  border-left-color: #b39ddb !important;
}

.deep-purple-300-bg {
  background-color: #9575cd !important;
}

.md-deep-purple-300-bg {
  background-color: #9575cd !important;
  color: white;
}

.deep-purple-300-fg {
  color: #9575cd !important;
}

.deep-purple-300-border {
  border-color: #9575cd !important;
}

.deep-purple-300-border-top {
  border-top-color: #9575cd !important;
}

.deep-purple-300-border-right {
  border-right-color: #9575cd !important;
}

.deep-purple-300-border-bottom {
  border-bottom-color: #9575cd !important;
}

.deep-purple-300-border-left {
  border-left-color: #9575cd !important;
}

.deep-purple-400-bg {
  background-color: #7e57c2 !important;
}

.md-deep-purple-400-bg {
  background-color: #7e57c2 !important;
  color: white;
}

.deep-purple-400-fg {
  color: #7e57c2 !important;
}

.deep-purple-400-border {
  border-color: #7e57c2 !important;
}

.deep-purple-400-border-top {
  border-top-color: #7e57c2 !important;
}

.deep-purple-400-border-right {
  border-right-color: #7e57c2 !important;
}

.deep-purple-400-border-bottom {
  border-bottom-color: #7e57c2 !important;
}

.deep-purple-400-border-left {
  border-left-color: #7e57c2 !important;
}

.deep-purple-500-bg {
  background-color: #673ab7 !important;
}

.md-deep-purple-500-bg {
  background-color: #673ab7 !important;
  color: rgba(255, 255, 255, 0.87);
}

.deep-purple-500-fg {
  color: #673ab7 !important;
}

.deep-purple-500-border {
  border-color: #673ab7 !important;
}

.deep-purple-500-border-top {
  border-top-color: #673ab7 !important;
}

.deep-purple-500-border-right {
  border-right-color: #673ab7 !important;
}

.deep-purple-500-border-bottom {
  border-bottom-color: #673ab7 !important;
}

.deep-purple-500-border-left {
  border-left-color: #673ab7 !important;
}

.md-deep-purple-bg {
  background-color: #673ab7 !important;
  color: rgba(255, 255, 255, 0.87);
}

.deep-purple-bg {
  background-color: #673ab7 !important;
}

.deep-purple-fg {
  color: #673ab7 !important;
}

.deep-purple-border {
  border-color: #673ab7 !important;
}

.deep-purple-border-top {
  border-top-color: #673ab7 !important;
}

.deep-purple-border-right {
  border-right-color: #673ab7 !important;
}

.deep-purple-border-bottom {
  border-bottom-color: #673ab7 !important;
}

.deep-purple-border-left {
  border-left-color: #673ab7 !important;
}

.deep-purple-600-bg {
  background-color: #5e35b1 !important;
}

.md-deep-purple-600-bg {
  background-color: #5e35b1 !important;
  color: rgba(255, 255, 255, 0.87);
}

.deep-purple-600-fg {
  color: #5e35b1 !important;
}

.deep-purple-600-border {
  border-color: #5e35b1 !important;
}

.deep-purple-600-border-top {
  border-top-color: #5e35b1 !important;
}

.deep-purple-600-border-right {
  border-right-color: #5e35b1 !important;
}

.deep-purple-600-border-bottom {
  border-bottom-color: #5e35b1 !important;
}

.deep-purple-600-border-left {
  border-left-color: #5e35b1 !important;
}

.deep-purple-700-bg {
  background-color: #512da8 !important;
}

.md-deep-purple-700-bg {
  background-color: #512da8 !important;
  color: rgba(255, 255, 255, 0.87);
}

.deep-purple-700-fg {
  color: #512da8 !important;
}

.deep-purple-700-border {
  border-color: #512da8 !important;
}

.deep-purple-700-border-top {
  border-top-color: #512da8 !important;
}

.deep-purple-700-border-right {
  border-right-color: #512da8 !important;
}

.deep-purple-700-border-bottom {
  border-bottom-color: #512da8 !important;
}

.deep-purple-700-border-left {
  border-left-color: #512da8 !important;
}

.deep-purple-800-bg {
  background-color: #4527a0 !important;
}

.md-deep-purple-800-bg {
  background-color: #4527a0 !important;
  color: rgba(255, 255, 255, 0.87);
}

.deep-purple-800-fg {
  color: #4527a0 !important;
}

.deep-purple-800-border {
  border-color: #4527a0 !important;
}

.deep-purple-800-border-top {
  border-top-color: #4527a0 !important;
}

.deep-purple-800-border-right {
  border-right-color: #4527a0 !important;
}

.deep-purple-800-border-bottom {
  border-bottom-color: #4527a0 !important;
}

.deep-purple-800-border-left {
  border-left-color: #4527a0 !important;
}

.deep-purple-900-bg {
  background-color: #311b92 !important;
}

.md-deep-purple-900-bg {
  background-color: #311b92 !important;
  color: rgba(255, 255, 255, 0.87);
}

.deep-purple-900-fg {
  color: #311b92 !important;
}

.deep-purple-900-border {
  border-color: #311b92 !important;
}

.deep-purple-900-border-top {
  border-top-color: #311b92 !important;
}

.deep-purple-900-border-right {
  border-right-color: #311b92 !important;
}

.deep-purple-900-border-bottom {
  border-bottom-color: #311b92 !important;
}

.deep-purple-900-border-left {
  border-left-color: #311b92 !important;
}

.deep-purple-A100-bg {
  background-color: #b388ff !important;
}

.md-deep-purple-A100-bg {
  background-color: #b388ff !important;
  color: rgba(0, 0, 0, 0.87);
}

.deep-purple-A100-fg {
  color: #b388ff !important;
}

.deep-purple-A100-border {
  border-color: #b388ff !important;
}

.deep-purple-A100-border-top {
  border-top-color: #b388ff !important;
}

.deep-purple-A100-border-right {
  border-right-color: #b388ff !important;
}

.deep-purple-A100-border-bottom {
  border-bottom-color: #b388ff !important;
}

.deep-purple-A100-border-left {
  border-left-color: #b388ff !important;
}

.deep-purple-A200-bg {
  background-color: #7c4dff !important;
}

.md-deep-purple-A200-bg {
  background-color: #7c4dff !important;
  color: white;
}

.deep-purple-A200-fg {
  color: #7c4dff !important;
}

.deep-purple-A200-border {
  border-color: #7c4dff !important;
}

.deep-purple-A200-border-top {
  border-top-color: #7c4dff !important;
}

.deep-purple-A200-border-right {
  border-right-color: #7c4dff !important;
}

.deep-purple-A200-border-bottom {
  border-bottom-color: #7c4dff !important;
}

.deep-purple-A200-border-left {
  border-left-color: #7c4dff !important;
}

.deep-purple-A400-bg {
  background-color: #651fff !important;
}

.md-deep-purple-A400-bg {
  background-color: #651fff !important;
  color: rgba(255, 255, 255, 0.87);
}

.deep-purple-A400-fg {
  color: #651fff !important;
}

.deep-purple-A400-border {
  border-color: #651fff !important;
}

.deep-purple-A400-border-top {
  border-top-color: #651fff !important;
}

.deep-purple-A400-border-right {
  border-right-color: #651fff !important;
}

.deep-purple-A400-border-bottom {
  border-bottom-color: #651fff !important;
}

.deep-purple-A400-border-left {
  border-left-color: #651fff !important;
}

.deep-purple-A700-bg {
  background-color: #6200ea !important;
}

.md-deep-purple-A700-bg {
  background-color: #6200ea !important;
  color: rgba(255, 255, 255, 0.87);
}

.deep-purple-A700-fg {
  color: #6200ea !important;
}

.deep-purple-A700-border {
  border-color: #6200ea !important;
}

.deep-purple-A700-border-top {
  border-top-color: #6200ea !important;
}

.deep-purple-A700-border-right {
  border-right-color: #6200ea !important;
}

.deep-purple-A700-border-bottom {
  border-bottom-color: #6200ea !important;
}

.deep-purple-A700-border-left {
  border-left-color: #6200ea !important;
}

.indigo-50-bg {
  background-color: #e8eaf6 !important;
}

.md-indigo-50-bg {
  background-color: #e8eaf6 !important;
  color: rgba(0, 0, 0, 0.87);
}

.indigo-50-fg {
  color: #e8eaf6 !important;
}

.indigo-50-border {
  border-color: #e8eaf6 !important;
}

.indigo-50-border-top {
  border-top-color: #e8eaf6 !important;
}

.indigo-50-border-right {
  border-right-color: #e8eaf6 !important;
}

.indigo-50-border-bottom {
  border-bottom-color: #e8eaf6 !important;
}

.indigo-50-border-left {
  border-left-color: #e8eaf6 !important;
}

.indigo-100-bg {
  background-color: #c5cae9 !important;
}

.md-indigo-100-bg {
  background-color: #c5cae9 !important;
  color: rgba(0, 0, 0, 0.87);
}

.indigo-100-fg {
  color: #c5cae9 !important;
}

.indigo-100-border {
  border-color: #c5cae9 !important;
}

.indigo-100-border-top {
  border-top-color: #c5cae9 !important;
}

.indigo-100-border-right {
  border-right-color: #c5cae9 !important;
}

.indigo-100-border-bottom {
  border-bottom-color: #c5cae9 !important;
}

.indigo-100-border-left {
  border-left-color: #c5cae9 !important;
}

.indigo-200-bg {
  background-color: #9fa8da !important;
}

.md-indigo-200-bg {
  background-color: #9fa8da !important;
  color: rgba(0, 0, 0, 0.87);
}

.indigo-200-fg {
  color: #9fa8da !important;
}

.indigo-200-border {
  border-color: #9fa8da !important;
}

.indigo-200-border-top {
  border-top-color: #9fa8da !important;
}

.indigo-200-border-right {
  border-right-color: #9fa8da !important;
}

.indigo-200-border-bottom {
  border-bottom-color: #9fa8da !important;
}

.indigo-200-border-left {
  border-left-color: #9fa8da !important;
}

.indigo-300-bg {
  background-color: #7986cb !important;
}

.md-indigo-300-bg {
  background-color: #7986cb !important;
  color: white;
}

.indigo-300-fg {
  color: #7986cb !important;
}

.indigo-300-border {
  border-color: #7986cb !important;
}

.indigo-300-border-top {
  border-top-color: #7986cb !important;
}

.indigo-300-border-right {
  border-right-color: #7986cb !important;
}

.indigo-300-border-bottom {
  border-bottom-color: #7986cb !important;
}

.indigo-300-border-left {
  border-left-color: #7986cb !important;
}

.indigo-400-bg {
  background-color: #5c6bc0 !important;
}

.md-indigo-400-bg {
  background-color: #5c6bc0 !important;
  color: white;
}

.indigo-400-fg {
  color: #5c6bc0 !important;
}

.indigo-400-border {
  border-color: #5c6bc0 !important;
}

.indigo-400-border-top {
  border-top-color: #5c6bc0 !important;
}

.indigo-400-border-right {
  border-right-color: #5c6bc0 !important;
}

.indigo-400-border-bottom {
  border-bottom-color: #5c6bc0 !important;
}

.indigo-400-border-left {
  border-left-color: #5c6bc0 !important;
}

.indigo-500-bg {
  background-color: #3f51b5 !important;
}

.md-indigo-500-bg {
  background-color: #3f51b5 !important;
  color: rgba(255, 255, 255, 0.87);
}

.indigo-500-fg {
  color: #3f51b5 !important;
}

.indigo-500-border {
  border-color: #3f51b5 !important;
}

.indigo-500-border-top {
  border-top-color: #3f51b5 !important;
}

.indigo-500-border-right {
  border-right-color: #3f51b5 !important;
}

.indigo-500-border-bottom {
  border-bottom-color: #3f51b5 !important;
}

.indigo-500-border-left {
  border-left-color: #3f51b5 !important;
}

.md-indigo-bg {
  background-color: #3f51b5 !important;
  color: rgba(255, 255, 255, 0.87);
}

.indigo-bg {
  background-color: #3f51b5 !important;
}

.indigo-fg {
  color: #3f51b5 !important;
}

.indigo-border {
  border-color: #3f51b5 !important;
}

.indigo-border-top {
  border-top-color: #3f51b5 !important;
}

.indigo-border-right {
  border-right-color: #3f51b5 !important;
}

.indigo-border-bottom {
  border-bottom-color: #3f51b5 !important;
}

.indigo-border-left {
  border-left-color: #3f51b5 !important;
}

.indigo-600-bg {
  background-color: #3949ab !important;
}

.md-indigo-600-bg {
  background-color: #3949ab !important;
  color: rgba(255, 255, 255, 0.87);
}

.indigo-600-fg {
  color: #3949ab !important;
}

.indigo-600-border {
  border-color: #3949ab !important;
}

.indigo-600-border-top {
  border-top-color: #3949ab !important;
}

.indigo-600-border-right {
  border-right-color: #3949ab !important;
}

.indigo-600-border-bottom {
  border-bottom-color: #3949ab !important;
}

.indigo-600-border-left {
  border-left-color: #3949ab !important;
}

.indigo-700-bg {
  background-color: #303f9f !important;
}

.md-indigo-700-bg {
  background-color: #303f9f !important;
  color: rgba(255, 255, 255, 0.87);
}

.indigo-700-fg {
  color: #303f9f !important;
}

.indigo-700-border {
  border-color: #303f9f !important;
}

.indigo-700-border-top {
  border-top-color: #303f9f !important;
}

.indigo-700-border-right {
  border-right-color: #303f9f !important;
}

.indigo-700-border-bottom {
  border-bottom-color: #303f9f !important;
}

.indigo-700-border-left {
  border-left-color: #303f9f !important;
}

.indigo-800-bg {
  background-color: #283593 !important;
}

.md-indigo-800-bg {
  background-color: #283593 !important;
  color: rgba(255, 255, 255, 0.87);
}

.indigo-800-fg {
  color: #283593 !important;
}

.indigo-800-border {
  border-color: #283593 !important;
}

.indigo-800-border-top {
  border-top-color: #283593 !important;
}

.indigo-800-border-right {
  border-right-color: #283593 !important;
}

.indigo-800-border-bottom {
  border-bottom-color: #283593 !important;
}

.indigo-800-border-left {
  border-left-color: #283593 !important;
}

.indigo-900-bg {
  background-color: #1a237e !important;
}

.md-indigo-900-bg {
  background-color: #1a237e !important;
  color: rgba(255, 255, 255, 0.87);
}

.indigo-900-fg {
  color: #1a237e !important;
}

.indigo-900-border {
  border-color: #1a237e !important;
}

.indigo-900-border-top {
  border-top-color: #1a237e !important;
}

.indigo-900-border-right {
  border-right-color: #1a237e !important;
}

.indigo-900-border-bottom {
  border-bottom-color: #1a237e !important;
}

.indigo-900-border-left {
  border-left-color: #1a237e !important;
}

.indigo-A100-bg {
  background-color: #8c9eff !important;
}

.md-indigo-A100-bg {
  background-color: #8c9eff !important;
  color: rgba(0, 0, 0, 0.87);
}

.indigo-A100-fg {
  color: #8c9eff !important;
}

.indigo-A100-border {
  border-color: #8c9eff !important;
}

.indigo-A100-border-top {
  border-top-color: #8c9eff !important;
}

.indigo-A100-border-right {
  border-right-color: #8c9eff !important;
}

.indigo-A100-border-bottom {
  border-bottom-color: #8c9eff !important;
}

.indigo-A100-border-left {
  border-left-color: #8c9eff !important;
}

.indigo-A200-bg {
  background-color: #536dfe !important;
}

.md-indigo-A200-bg {
  background-color: #536dfe !important;
  color: white;
}

.indigo-A200-fg {
  color: #536dfe !important;
}

.indigo-A200-border {
  border-color: #536dfe !important;
}

.indigo-A200-border-top {
  border-top-color: #536dfe !important;
}

.indigo-A200-border-right {
  border-right-color: #536dfe !important;
}

.indigo-A200-border-bottom {
  border-bottom-color: #536dfe !important;
}

.indigo-A200-border-left {
  border-left-color: #536dfe !important;
}

.indigo-A400-bg {
  background-color: #3d5afe !important;
}

.md-indigo-A400-bg {
  background-color: #3d5afe !important;
  color: white;
}

.indigo-A400-fg {
  color: #3d5afe !important;
}

.indigo-A400-border {
  border-color: #3d5afe !important;
}

.indigo-A400-border-top {
  border-top-color: #3d5afe !important;
}

.indigo-A400-border-right {
  border-right-color: #3d5afe !important;
}

.indigo-A400-border-bottom {
  border-bottom-color: #3d5afe !important;
}

.indigo-A400-border-left {
  border-left-color: #3d5afe !important;
}

.indigo-A700-bg {
  background-color: #304ffe !important;
}

.md-indigo-A700-bg {
  background-color: #304ffe !important;
  color: rgba(255, 255, 255, 0.87);
}

.indigo-A700-fg {
  color: #304ffe !important;
}

.indigo-A700-border {
  border-color: #304ffe !important;
}

.indigo-A700-border-top {
  border-top-color: #304ffe !important;
}

.indigo-A700-border-right {
  border-right-color: #304ffe !important;
}

.indigo-A700-border-bottom {
  border-bottom-color: #304ffe !important;
}

.indigo-A700-border-left {
  border-left-color: #304ffe !important;
}

.blue-50-bg {
  background-color: #e3f2fd !important;
}

.md-blue-50-bg {
  background-color: #e3f2fd !important;
  color: rgba(0, 0, 0, 0.87);
}

.blue-50-fg {
  color: #e3f2fd !important;
}

.blue-50-border {
  border-color: #e3f2fd !important;
}

.blue-50-border-top {
  border-top-color: #e3f2fd !important;
}

.blue-50-border-right {
  border-right-color: #e3f2fd !important;
}

.blue-50-border-bottom {
  border-bottom-color: #e3f2fd !important;
}

.blue-50-border-left {
  border-left-color: #e3f2fd !important;
}

.blue-100-bg {
  background-color: #bbdefb !important;
}

.md-blue-100-bg {
  background-color: #bbdefb !important;
  color: rgba(0, 0, 0, 0.87);
}

.blue-100-fg {
  color: #bbdefb !important;
}

.blue-100-border {
  border-color: #bbdefb !important;
}

.blue-100-border-top {
  border-top-color: #bbdefb !important;
}

.blue-100-border-right {
  border-right-color: #bbdefb !important;
}

.blue-100-border-bottom {
  border-bottom-color: #bbdefb !important;
}

.blue-100-border-left {
  border-left-color: #bbdefb !important;
}

.blue-200-bg {
  background-color: #90caf9 !important;
}

.md-blue-200-bg {
  background-color: #90caf9 !important;
  color: rgba(0, 0, 0, 0.87);
}

.blue-200-fg {
  color: #90caf9 !important;
}

.blue-200-border {
  border-color: #90caf9 !important;
}

.blue-200-border-top {
  border-top-color: #90caf9 !important;
}

.blue-200-border-right {
  border-right-color: #90caf9 !important;
}

.blue-200-border-bottom {
  border-bottom-color: #90caf9 !important;
}

.blue-200-border-left {
  border-left-color: #90caf9 !important;
}

.blue-300-bg {
  background-color: #64b5f6 !important;
}

.md-blue-300-bg {
  background-color: #64b5f6 !important;
  color: rgba(0, 0, 0, 0.87);
}

.blue-300-fg {
  color: #64b5f6 !important;
}

.blue-300-border {
  border-color: #64b5f6 !important;
}

.blue-300-border-top {
  border-top-color: #64b5f6 !important;
}

.blue-300-border-right {
  border-right-color: #64b5f6 !important;
}

.blue-300-border-bottom {
  border-bottom-color: #64b5f6 !important;
}

.blue-300-border-left {
  border-left-color: #64b5f6 !important;
}

.blue-400-bg {
  background-color: #42a5f5 !important;
}

.md-blue-400-bg {
  background-color: #42a5f5 !important;
  color: rgba(0, 0, 0, 0.87);
}

.blue-400-fg {
  color: #42a5f5 !important;
}

.blue-400-border {
  border-color: #42a5f5 !important;
}

.blue-400-border-top {
  border-top-color: #42a5f5 !important;
}

.blue-400-border-right {
  border-right-color: #42a5f5 !important;
}

.blue-400-border-bottom {
  border-bottom-color: #42a5f5 !important;
}

.blue-400-border-left {
  border-left-color: #42a5f5 !important;
}

.blue-500-bg {
  background-color: #2196f3 !important;
}

.md-blue-500-bg {
  background-color: #2196f3 !important;
  color: white;
}

.blue-500-fg {
  color: #2196f3 !important;
}

.blue-500-border {
  border-color: #2196f3 !important;
}

.blue-500-border-top {
  border-top-color: #2196f3 !important;
}

.blue-500-border-right {
  border-right-color: #2196f3 !important;
}

.blue-500-border-bottom {
  border-bottom-color: #2196f3 !important;
}

.blue-500-border-left {
  border-left-color: #2196f3 !important;
}

.md-blue-bg {
  background-color: #2196f3 !important;
  color: white;
}

.blue-bg {
  background-color: #2196f3 !important;
}

.blue-fg {
  color: #2196f3 !important;
}

.blue-border {
  border-color: #2196f3 !important;
}

.blue-border-top {
  border-top-color: #2196f3 !important;
}

.blue-border-right {
  border-right-color: #2196f3 !important;
}

.blue-border-bottom {
  border-bottom-color: #2196f3 !important;
}

.blue-border-left {
  border-left-color: #2196f3 !important;
}

.blue-600-bg {
  background-color: #1e88e5 !important;
}

.md-blue-600-bg {
  background-color: #1e88e5 !important;
  color: white;
}

.blue-600-fg {
  color: #1e88e5 !important;
}

.blue-600-border {
  border-color: #1e88e5 !important;
}

.blue-600-border-top {
  border-top-color: #1e88e5 !important;
}

.blue-600-border-right {
  border-right-color: #1e88e5 !important;
}

.blue-600-border-bottom {
  border-bottom-color: #1e88e5 !important;
}

.blue-600-border-left {
  border-left-color: #1e88e5 !important;
}

.blue-700-bg {
  background-color: #1976d2 !important;
}

.md-blue-700-bg {
  background-color: #1976d2 !important;
  color: white;
}

.blue-700-fg {
  color: #1976d2 !important;
}

.blue-700-border {
  border-color: #1976d2 !important;
}

.blue-700-border-top {
  border-top-color: #1976d2 !important;
}

.blue-700-border-right {
  border-right-color: #1976d2 !important;
}

.blue-700-border-bottom {
  border-bottom-color: #1976d2 !important;
}

.blue-700-border-left {
  border-left-color: #1976d2 !important;
}

.blue-800-bg {
  background-color: #1565c0 !important;
}

.md-blue-800-bg {
  background-color: #1565c0 !important;
  color: rgba(255, 255, 255, 0.87);
}

.blue-800-fg {
  color: #1565c0 !important;
}

.blue-800-border {
  border-color: #1565c0 !important;
}

.blue-800-border-top {
  border-top-color: #1565c0 !important;
}

.blue-800-border-right {
  border-right-color: #1565c0 !important;
}

.blue-800-border-bottom {
  border-bottom-color: #1565c0 !important;
}

.blue-800-border-left {
  border-left-color: #1565c0 !important;
}

.blue-900-bg {
  background-color: #0d47a1 !important;
}

.md-blue-900-bg {
  background-color: #0d47a1 !important;
  color: rgba(255, 255, 255, 0.87);
}

.blue-900-fg {
  color: #0d47a1 !important;
}

.blue-900-border {
  border-color: #0d47a1 !important;
}

.blue-900-border-top {
  border-top-color: #0d47a1 !important;
}

.blue-900-border-right {
  border-right-color: #0d47a1 !important;
}

.blue-900-border-bottom {
  border-bottom-color: #0d47a1 !important;
}

.blue-900-border-left {
  border-left-color: #0d47a1 !important;
}

.blue-A100-bg {
  background-color: #82b1ff !important;
}

.md-blue-A100-bg {
  background-color: #82b1ff !important;
  color: rgba(0, 0, 0, 0.87);
}

.blue-A100-fg {
  color: #82b1ff !important;
}

.blue-A100-border {
  border-color: #82b1ff !important;
}

.blue-A100-border-top {
  border-top-color: #82b1ff !important;
}

.blue-A100-border-right {
  border-right-color: #82b1ff !important;
}

.blue-A100-border-bottom {
  border-bottom-color: #82b1ff !important;
}

.blue-A100-border-left {
  border-left-color: #82b1ff !important;
}

.blue-A200-bg {
  background-color: #448aff !important;
}

.md-blue-A200-bg {
  background-color: #448aff !important;
  color: white;
}

.blue-A200-fg {
  color: #448aff !important;
}

.blue-A200-border {
  border-color: #448aff !important;
}

.blue-A200-border-top {
  border-top-color: #448aff !important;
}

.blue-A200-border-right {
  border-right-color: #448aff !important;
}

.blue-A200-border-bottom {
  border-bottom-color: #448aff !important;
}

.blue-A200-border-left {
  border-left-color: #448aff !important;
}

.blue-A400-bg {
  background-color: #2979ff !important;
}

.md-blue-A400-bg {
  background-color: #2979ff !important;
  color: white;
}

.blue-A400-fg {
  color: #2979ff !important;
}

.blue-A400-border {
  border-color: #2979ff !important;
}

.blue-A400-border-top {
  border-top-color: #2979ff !important;
}

.blue-A400-border-right {
  border-right-color: #2979ff !important;
}

.blue-A400-border-bottom {
  border-bottom-color: #2979ff !important;
}

.blue-A400-border-left {
  border-left-color: #2979ff !important;
}

.blue-A700-bg {
  background-color: #2962ff !important;
}

.md-blue-A700-bg {
  background-color: #2962ff !important;
  color: white;
}

.blue-A700-fg {
  color: #2962ff !important;
}

.blue-A700-border {
  border-color: #2962ff !important;
}

.blue-A700-border-top {
  border-top-color: #2962ff !important;
}

.blue-A700-border-right {
  border-right-color: #2962ff !important;
}

.blue-A700-border-bottom {
  border-bottom-color: #2962ff !important;
}

.blue-A700-border-left {
  border-left-color: #2962ff !important;
}

.light-blue-50-bg {
  background-color: #e1f5fe !important;
}

.md-light-blue-50-bg {
  background-color: #e1f5fe !important;
  color: rgba(0, 0, 0, 0.87);
}

.light-blue-50-fg {
  color: #e1f5fe !important;
}

.light-blue-50-border {
  border-color: #e1f5fe !important;
}

.light-blue-50-border-top {
  border-top-color: #e1f5fe !important;
}

.light-blue-50-border-right {
  border-right-color: #e1f5fe !important;
}

.light-blue-50-border-bottom {
  border-bottom-color: #e1f5fe !important;
}

.light-blue-50-border-left {
  border-left-color: #e1f5fe !important;
}

.light-blue-100-bg {
  background-color: #b3e5fc !important;
}

.md-light-blue-100-bg {
  background-color: #b3e5fc !important;
  color: rgba(0, 0, 0, 0.87);
}

.light-blue-100-fg {
  color: #b3e5fc !important;
}

.light-blue-100-border {
  border-color: #b3e5fc !important;
}

.light-blue-100-border-top {
  border-top-color: #b3e5fc !important;
}

.light-blue-100-border-right {
  border-right-color: #b3e5fc !important;
}

.light-blue-100-border-bottom {
  border-bottom-color: #b3e5fc !important;
}

.light-blue-100-border-left {
  border-left-color: #b3e5fc !important;
}

.light-blue-200-bg {
  background-color: #81d4fa !important;
}

.md-light-blue-200-bg {
  background-color: #81d4fa !important;
  color: rgba(0, 0, 0, 0.87);
}

.light-blue-200-fg {
  color: #81d4fa !important;
}

.light-blue-200-border {
  border-color: #81d4fa !important;
}

.light-blue-200-border-top {
  border-top-color: #81d4fa !important;
}

.light-blue-200-border-right {
  border-right-color: #81d4fa !important;
}

.light-blue-200-border-bottom {
  border-bottom-color: #81d4fa !important;
}

.light-blue-200-border-left {
  border-left-color: #81d4fa !important;
}

.light-blue-300-bg {
  background-color: #4fc3f7 !important;
}

.md-light-blue-300-bg {
  background-color: #4fc3f7 !important;
  color: rgba(0, 0, 0, 0.87);
}

.light-blue-300-fg {
  color: #4fc3f7 !important;
}

.light-blue-300-border {
  border-color: #4fc3f7 !important;
}

.light-blue-300-border-top {
  border-top-color: #4fc3f7 !important;
}

.light-blue-300-border-right {
  border-right-color: #4fc3f7 !important;
}

.light-blue-300-border-bottom {
  border-bottom-color: #4fc3f7 !important;
}

.light-blue-300-border-left {
  border-left-color: #4fc3f7 !important;
}

.light-blue-400-bg {
  background-color: #29b6f6 !important;
}

.md-light-blue-400-bg {
  background-color: #29b6f6 !important;
  color: rgba(0, 0, 0, 0.87);
}

.light-blue-400-fg {
  color: #29b6f6 !important;
}

.light-blue-400-border {
  border-color: #29b6f6 !important;
}

.light-blue-400-border-top {
  border-top-color: #29b6f6 !important;
}

.light-blue-400-border-right {
  border-right-color: #29b6f6 !important;
}

.light-blue-400-border-bottom {
  border-bottom-color: #29b6f6 !important;
}

.light-blue-400-border-left {
  border-left-color: #29b6f6 !important;
}

.light-blue-500-bg {
  background-color: #03a9f4 !important;
}

.md-light-blue-500-bg {
  background-color: #03a9f4 !important;
  color: rgba(0, 0, 0, 0.87);
}

.light-blue-500-fg {
  color: #03a9f4 !important;
}

.light-blue-500-border {
  border-color: #03a9f4 !important;
}

.light-blue-500-border-top {
  border-top-color: #03a9f4 !important;
}

.light-blue-500-border-right {
  border-right-color: #03a9f4 !important;
}

.light-blue-500-border-bottom {
  border-bottom-color: #03a9f4 !important;
}

.light-blue-500-border-left {
  border-left-color: #03a9f4 !important;
}

.md-light-blue-bg {
  background-color: #03a9f4 !important;
  color: rgba(0, 0, 0, 0.87);
}

.light-blue-bg {
  background-color: #03a9f4 !important;
}

.light-blue-fg {
  color: #03a9f4 !important;
}

.light-blue-border {
  border-color: #03a9f4 !important;
}

.light-blue-border-top {
  border-top-color: #03a9f4 !important;
}

.light-blue-border-right {
  border-right-color: #03a9f4 !important;
}

.light-blue-border-bottom {
  border-bottom-color: #03a9f4 !important;
}

.light-blue-border-left {
  border-left-color: #03a9f4 !important;
}

.light-blue-600-bg {
  background-color: #039be5 !important;
}

.md-light-blue-600-bg {
  background-color: #039be5 !important;
  color: white;
}

.light-blue-600-fg {
  color: #039be5 !important;
}

.light-blue-600-border {
  border-color: #039be5 !important;
}

.light-blue-600-border-top {
  border-top-color: #039be5 !important;
}

.light-blue-600-border-right {
  border-right-color: #039be5 !important;
}

.light-blue-600-border-bottom {
  border-bottom-color: #039be5 !important;
}

.light-blue-600-border-left {
  border-left-color: #039be5 !important;
}

.light-blue-700-bg {
  background-color: #0288d1 !important;
}

.md-light-blue-700-bg {
  background-color: #0288d1 !important;
  color: white;
}

.light-blue-700-fg {
  color: #0288d1 !important;
}

.light-blue-700-border {
  border-color: #0288d1 !important;
}

.light-blue-700-border-top {
  border-top-color: #0288d1 !important;
}

.light-blue-700-border-right {
  border-right-color: #0288d1 !important;
}

.light-blue-700-border-bottom {
  border-bottom-color: #0288d1 !important;
}

.light-blue-700-border-left {
  border-left-color: #0288d1 !important;
}

.light-blue-800-bg {
  background-color: #0277bd !important;
}

.md-light-blue-800-bg {
  background-color: #0277bd !important;
  color: white;
}

.light-blue-800-fg {
  color: #0277bd !important;
}

.light-blue-800-border {
  border-color: #0277bd !important;
}

.light-blue-800-border-top {
  border-top-color: #0277bd !important;
}

.light-blue-800-border-right {
  border-right-color: #0277bd !important;
}

.light-blue-800-border-bottom {
  border-bottom-color: #0277bd !important;
}

.light-blue-800-border-left {
  border-left-color: #0277bd !important;
}

.light-blue-900-bg {
  background-color: #01579b !important;
}

.md-light-blue-900-bg {
  background-color: #01579b !important;
  color: white;
}

.light-blue-900-fg {
  color: #01579b !important;
}

.light-blue-900-border {
  border-color: #01579b !important;
}

.light-blue-900-border-top {
  border-top-color: #01579b !important;
}

.light-blue-900-border-right {
  border-right-color: #01579b !important;
}

.light-blue-900-border-bottom {
  border-bottom-color: #01579b !important;
}

.light-blue-900-border-left {
  border-left-color: #01579b !important;
}

.light-blue-A100-bg {
  background-color: #80d8ff !important;
}

.md-light-blue-A100-bg {
  background-color: #80d8ff !important;
  color: rgba(0, 0, 0, 0.87);
}

.light-blue-A100-fg {
  color: #80d8ff !important;
}

.light-blue-A100-border {
  border-color: #80d8ff !important;
}

.light-blue-A100-border-top {
  border-top-color: #80d8ff !important;
}

.light-blue-A100-border-right {
  border-right-color: #80d8ff !important;
}

.light-blue-A100-border-bottom {
  border-bottom-color: #80d8ff !important;
}

.light-blue-A100-border-left {
  border-left-color: #80d8ff !important;
}

.light-blue-A200-bg {
  background-color: #40c4ff !important;
}

.md-light-blue-A200-bg {
  background-color: #40c4ff !important;
  color: rgba(0, 0, 0, 0.87);
}

.light-blue-A200-fg {
  color: #40c4ff !important;
}

.light-blue-A200-border {
  border-color: #40c4ff !important;
}

.light-blue-A200-border-top {
  border-top-color: #40c4ff !important;
}

.light-blue-A200-border-right {
  border-right-color: #40c4ff !important;
}

.light-blue-A200-border-bottom {
  border-bottom-color: #40c4ff !important;
}

.light-blue-A200-border-left {
  border-left-color: #40c4ff !important;
}

.light-blue-A400-bg {
  background-color: #00b0ff !important;
}

.md-light-blue-A400-bg {
  background-color: #00b0ff !important;
  color: rgba(0, 0, 0, 0.87);
}

.light-blue-A400-fg {
  color: #00b0ff !important;
}

.light-blue-A400-border {
  border-color: #00b0ff !important;
}

.light-blue-A400-border-top {
  border-top-color: #00b0ff !important;
}

.light-blue-A400-border-right {
  border-right-color: #00b0ff !important;
}

.light-blue-A400-border-bottom {
  border-bottom-color: #00b0ff !important;
}

.light-blue-A400-border-left {
  border-left-color: #00b0ff !important;
}

.light-blue-A700-bg {
  background-color: #0091ea !important;
}

.md-light-blue-A700-bg {
  background-color: #0091ea !important;
  color: white;
}

.light-blue-A700-fg {
  color: #0091ea !important;
}

.light-blue-A700-border {
  border-color: #0091ea !important;
}

.light-blue-A700-border-top {
  border-top-color: #0091ea !important;
}

.light-blue-A700-border-right {
  border-right-color: #0091ea !important;
}

.light-blue-A700-border-bottom {
  border-bottom-color: #0091ea !important;
}

.light-blue-A700-border-left {
  border-left-color: #0091ea !important;
}

.cyan-50-bg {
  background-color: #e0f7fa !important;
}

.md-cyan-50-bg {
  background-color: #e0f7fa !important;
  color: rgba(0, 0, 0, 0.87);
}

.cyan-50-fg {
  color: #e0f7fa !important;
}

.cyan-50-border {
  border-color: #e0f7fa !important;
}

.cyan-50-border-top {
  border-top-color: #e0f7fa !important;
}

.cyan-50-border-right {
  border-right-color: #e0f7fa !important;
}

.cyan-50-border-bottom {
  border-bottom-color: #e0f7fa !important;
}

.cyan-50-border-left {
  border-left-color: #e0f7fa !important;
}

.cyan-100-bg {
  background-color: #b2ebf2 !important;
}

.md-cyan-100-bg {
  background-color: #b2ebf2 !important;
  color: rgba(0, 0, 0, 0.87);
}

.cyan-100-fg {
  color: #b2ebf2 !important;
}

.cyan-100-border {
  border-color: #b2ebf2 !important;
}

.cyan-100-border-top {
  border-top-color: #b2ebf2 !important;
}

.cyan-100-border-right {
  border-right-color: #b2ebf2 !important;
}

.cyan-100-border-bottom {
  border-bottom-color: #b2ebf2 !important;
}

.cyan-100-border-left {
  border-left-color: #b2ebf2 !important;
}

.cyan-200-bg {
  background-color: #80deea !important;
}

.md-cyan-200-bg {
  background-color: #80deea !important;
  color: rgba(0, 0, 0, 0.87);
}

.cyan-200-fg {
  color: #80deea !important;
}

.cyan-200-border {
  border-color: #80deea !important;
}

.cyan-200-border-top {
  border-top-color: #80deea !important;
}

.cyan-200-border-right {
  border-right-color: #80deea !important;
}

.cyan-200-border-bottom {
  border-bottom-color: #80deea !important;
}

.cyan-200-border-left {
  border-left-color: #80deea !important;
}

.cyan-300-bg {
  background-color: #4dd0e1 !important;
}

.md-cyan-300-bg {
  background-color: #4dd0e1 !important;
  color: rgba(0, 0, 0, 0.87);
}

.cyan-300-fg {
  color: #4dd0e1 !important;
}

.cyan-300-border {
  border-color: #4dd0e1 !important;
}

.cyan-300-border-top {
  border-top-color: #4dd0e1 !important;
}

.cyan-300-border-right {
  border-right-color: #4dd0e1 !important;
}

.cyan-300-border-bottom {
  border-bottom-color: #4dd0e1 !important;
}

.cyan-300-border-left {
  border-left-color: #4dd0e1 !important;
}

.cyan-400-bg {
  background-color: #26c6da !important;
}

.md-cyan-400-bg {
  background-color: #26c6da !important;
  color: rgba(0, 0, 0, 0.87);
}

.cyan-400-fg {
  color: #26c6da !important;
}

.cyan-400-border {
  border-color: #26c6da !important;
}

.cyan-400-border-top {
  border-top-color: #26c6da !important;
}

.cyan-400-border-right {
  border-right-color: #26c6da !important;
}

.cyan-400-border-bottom {
  border-bottom-color: #26c6da !important;
}

.cyan-400-border-left {
  border-left-color: #26c6da !important;
}

.cyan-500-bg {
  background-color: #00bcd4 !important;
}

.md-cyan-500-bg {
  background-color: #00bcd4 !important;
  color: rgba(0, 0, 0, 0.87);
}

.cyan-500-fg {
  color: #00bcd4 !important;
}

.cyan-500-border {
  border-color: #00bcd4 !important;
}

.cyan-500-border-top {
  border-top-color: #00bcd4 !important;
}

.cyan-500-border-right {
  border-right-color: #00bcd4 !important;
}

.cyan-500-border-bottom {
  border-bottom-color: #00bcd4 !important;
}

.cyan-500-border-left {
  border-left-color: #00bcd4 !important;
}

.md-cyan-bg {
  background-color: #00bcd4 !important;
  color: rgba(0, 0, 0, 0.87);
}

.cyan-bg {
  background-color: #00bcd4 !important;
}

.cyan-fg {
  color: #00bcd4 !important;
}

.cyan-border {
  border-color: #00bcd4 !important;
}

.cyan-border-top {
  border-top-color: #00bcd4 !important;
}

.cyan-border-right {
  border-right-color: #00bcd4 !important;
}

.cyan-border-bottom {
  border-bottom-color: #00bcd4 !important;
}

.cyan-border-left {
  border-left-color: #00bcd4 !important;
}

.cyan-600-bg {
  background-color: #00acc1 !important;
}

.md-cyan-600-bg {
  background-color: #00acc1 !important;
  color: rgba(0, 0, 0, 0.87);
}

.cyan-600-fg {
  color: #00acc1 !important;
}

.cyan-600-border {
  border-color: #00acc1 !important;
}

.cyan-600-border-top {
  border-top-color: #00acc1 !important;
}

.cyan-600-border-right {
  border-right-color: #00acc1 !important;
}

.cyan-600-border-bottom {
  border-bottom-color: #00acc1 !important;
}

.cyan-600-border-left {
  border-left-color: #00acc1 !important;
}

.cyan-700-bg {
  background-color: #0097a7 !important;
}

.md-cyan-700-bg {
  background-color: #0097a7 !important;
  color: white;
}

.cyan-700-fg {
  color: #0097a7 !important;
}

.cyan-700-border {
  border-color: #0097a7 !important;
}

.cyan-700-border-top {
  border-top-color: #0097a7 !important;
}

.cyan-700-border-right {
  border-right-color: #0097a7 !important;
}

.cyan-700-border-bottom {
  border-bottom-color: #0097a7 !important;
}

.cyan-700-border-left {
  border-left-color: #0097a7 !important;
}

.cyan-800-bg {
  background-color: #00838f !important;
}

.md-cyan-800-bg {
  background-color: #00838f !important;
  color: white;
}

.cyan-800-fg {
  color: #00838f !important;
}

.cyan-800-border {
  border-color: #00838f !important;
}

.cyan-800-border-top {
  border-top-color: #00838f !important;
}

.cyan-800-border-right {
  border-right-color: #00838f !important;
}

.cyan-800-border-bottom {
  border-bottom-color: #00838f !important;
}

.cyan-800-border-left {
  border-left-color: #00838f !important;
}

.cyan-900-bg {
  background-color: #006064 !important;
}

.md-cyan-900-bg {
  background-color: #006064 !important;
  color: white;
}

.cyan-900-fg {
  color: #006064 !important;
}

.cyan-900-border {
  border-color: #006064 !important;
}

.cyan-900-border-top {
  border-top-color: #006064 !important;
}

.cyan-900-border-right {
  border-right-color: #006064 !important;
}

.cyan-900-border-bottom {
  border-bottom-color: #006064 !important;
}

.cyan-900-border-left {
  border-left-color: #006064 !important;
}

.cyan-A100-bg {
  background-color: #84ffff !important;
}

.md-cyan-A100-bg {
  background-color: #84ffff !important;
  color: rgba(0, 0, 0, 0.87);
}

.cyan-A100-fg {
  color: #84ffff !important;
}

.cyan-A100-border {
  border-color: #84ffff !important;
}

.cyan-A100-border-top {
  border-top-color: #84ffff !important;
}

.cyan-A100-border-right {
  border-right-color: #84ffff !important;
}

.cyan-A100-border-bottom {
  border-bottom-color: #84ffff !important;
}

.cyan-A100-border-left {
  border-left-color: #84ffff !important;
}

.cyan-A200-bg {
  background-color: #18ffff !important;
}

.md-cyan-A200-bg {
  background-color: #18ffff !important;
  color: rgba(0, 0, 0, 0.87);
}

.cyan-A200-fg {
  color: #18ffff !important;
}

.cyan-A200-border {
  border-color: #18ffff !important;
}

.cyan-A200-border-top {
  border-top-color: #18ffff !important;
}

.cyan-A200-border-right {
  border-right-color: #18ffff !important;
}

.cyan-A200-border-bottom {
  border-bottom-color: #18ffff !important;
}

.cyan-A200-border-left {
  border-left-color: #18ffff !important;
}

.cyan-A400-bg {
  background-color: #00e5ff !important;
}

.md-cyan-A400-bg {
  background-color: #00e5ff !important;
  color: rgba(0, 0, 0, 0.87);
}

.cyan-A400-fg {
  color: #00e5ff !important;
}

.cyan-A400-border {
  border-color: #00e5ff !important;
}

.cyan-A400-border-top {
  border-top-color: #00e5ff !important;
}

.cyan-A400-border-right {
  border-right-color: #00e5ff !important;
}

.cyan-A400-border-bottom {
  border-bottom-color: #00e5ff !important;
}

.cyan-A400-border-left {
  border-left-color: #00e5ff !important;
}

.cyan-A700-bg {
  background-color: #00b8d4 !important;
}

.md-cyan-A700-bg {
  background-color: #00b8d4 !important;
  color: rgba(0, 0, 0, 0.87);
}

.cyan-A700-fg {
  color: #00b8d4 !important;
}

.cyan-A700-border {
  border-color: #00b8d4 !important;
}

.cyan-A700-border-top {
  border-top-color: #00b8d4 !important;
}

.cyan-A700-border-right {
  border-right-color: #00b8d4 !important;
}

.cyan-A700-border-bottom {
  border-bottom-color: #00b8d4 !important;
}

.cyan-A700-border-left {
  border-left-color: #00b8d4 !important;
}

.teal-50-bg {
  background-color: #e0f2f1 !important;
}

.md-teal-50-bg {
  background-color: #e0f2f1 !important;
  color: rgba(0, 0, 0, 0.87);
}

.teal-50-fg {
  color: #e0f2f1 !important;
}

.teal-50-border {
  border-color: #e0f2f1 !important;
}

.teal-50-border-top {
  border-top-color: #e0f2f1 !important;
}

.teal-50-border-right {
  border-right-color: #e0f2f1 !important;
}

.teal-50-border-bottom {
  border-bottom-color: #e0f2f1 !important;
}

.teal-50-border-left {
  border-left-color: #e0f2f1 !important;
}

.teal-100-bg {
  background-color: #b2dfdb !important;
}

.md-teal-100-bg {
  background-color: #b2dfdb !important;
  color: rgba(0, 0, 0, 0.87);
}

.teal-100-fg {
  color: #b2dfdb !important;
}

.teal-100-border {
  border-color: #b2dfdb !important;
}

.teal-100-border-top {
  border-top-color: #b2dfdb !important;
}

.teal-100-border-right {
  border-right-color: #b2dfdb !important;
}

.teal-100-border-bottom {
  border-bottom-color: #b2dfdb !important;
}

.teal-100-border-left {
  border-left-color: #b2dfdb !important;
}

.teal-200-bg {
  background-color: #80cbc4 !important;
}

.md-teal-200-bg {
  background-color: #80cbc4 !important;
  color: rgba(0, 0, 0, 0.87);
}

.teal-200-fg {
  color: #80cbc4 !important;
}

.teal-200-border {
  border-color: #80cbc4 !important;
}

.teal-200-border-top {
  border-top-color: #80cbc4 !important;
}

.teal-200-border-right {
  border-right-color: #80cbc4 !important;
}

.teal-200-border-bottom {
  border-bottom-color: #80cbc4 !important;
}

.teal-200-border-left {
  border-left-color: #80cbc4 !important;
}

.teal-300-bg {
  background-color: #4db6ac !important;
}

.md-teal-300-bg {
  background-color: #4db6ac !important;
  color: rgba(0, 0, 0, 0.87);
}

.teal-300-fg {
  color: #4db6ac !important;
}

.teal-300-border {
  border-color: #4db6ac !important;
}

.teal-300-border-top {
  border-top-color: #4db6ac !important;
}

.teal-300-border-right {
  border-right-color: #4db6ac !important;
}

.teal-300-border-bottom {
  border-bottom-color: #4db6ac !important;
}

.teal-300-border-left {
  border-left-color: #4db6ac !important;
}

.teal-400-bg {
  background-color: #26a69a !important;
}

.md-teal-400-bg {
  background-color: #26a69a !important;
  color: rgba(0, 0, 0, 0.87);
}

.teal-400-fg {
  color: #26a69a !important;
}

.teal-400-border {
  border-color: #26a69a !important;
}

.teal-400-border-top {
  border-top-color: #26a69a !important;
}

.teal-400-border-right {
  border-right-color: #26a69a !important;
}

.teal-400-border-bottom {
  border-bottom-color: #26a69a !important;
}

.teal-400-border-left {
  border-left-color: #26a69a !important;
}

.teal-500-bg {
  background-color: #009688 !important;
}

.md-teal-500-bg {
  background-color: #009688 !important;
  color: white;
}

.teal-500-fg {
  color: #009688 !important;
}

.teal-500-border {
  border-color: #009688 !important;
}

.teal-500-border-top {
  border-top-color: #009688 !important;
}

.teal-500-border-right {
  border-right-color: #009688 !important;
}

.teal-500-border-bottom {
  border-bottom-color: #009688 !important;
}

.teal-500-border-left {
  border-left-color: #009688 !important;
}

.md-teal-bg {
  background-color: #009688 !important;
  color: white;
}

.teal-bg {
  background-color: #009688 !important;
}

.teal-fg {
  color: #009688 !important;
}

.teal-border {
  border-color: #009688 !important;
}

.teal-border-top {
  border-top-color: #009688 !important;
}

.teal-border-right {
  border-right-color: #009688 !important;
}

.teal-border-bottom {
  border-bottom-color: #009688 !important;
}

.teal-border-left {
  border-left-color: #009688 !important;
}

.teal-600-bg {
  background-color: #00897b !important;
}

.md-teal-600-bg {
  background-color: #00897b !important;
  color: white;
}

.teal-600-fg {
  color: #00897b !important;
}

.teal-600-border {
  border-color: #00897b !important;
}

.teal-600-border-top {
  border-top-color: #00897b !important;
}

.teal-600-border-right {
  border-right-color: #00897b !important;
}

.teal-600-border-bottom {
  border-bottom-color: #00897b !important;
}

.teal-600-border-left {
  border-left-color: #00897b !important;
}

.teal-700-bg {
  background-color: #00796b !important;
}

.md-teal-700-bg {
  background-color: #00796b !important;
  color: white;
}

.teal-700-fg {
  color: #00796b !important;
}

.teal-700-border {
  border-color: #00796b !important;
}

.teal-700-border-top {
  border-top-color: #00796b !important;
}

.teal-700-border-right {
  border-right-color: #00796b !important;
}

.teal-700-border-bottom {
  border-bottom-color: #00796b !important;
}

.teal-700-border-left {
  border-left-color: #00796b !important;
}

.teal-800-bg {
  background-color: #00695c !important;
}

.md-teal-800-bg {
  background-color: #00695c !important;
  color: rgba(255, 255, 255, 0.87);
}

.teal-800-fg {
  color: #00695c !important;
}

.teal-800-border {
  border-color: #00695c !important;
}

.teal-800-border-top {
  border-top-color: #00695c !important;
}

.teal-800-border-right {
  border-right-color: #00695c !important;
}

.teal-800-border-bottom {
  border-bottom-color: #00695c !important;
}

.teal-800-border-left {
  border-left-color: #00695c !important;
}

.teal-900-bg {
  background-color: #004d40 !important;
}

.md-teal-900-bg {
  background-color: #004d40 !important;
  color: rgba(255, 255, 255, 0.87);
}

.teal-900-fg {
  color: #004d40 !important;
}

.teal-900-border {
  border-color: #004d40 !important;
}

.teal-900-border-top {
  border-top-color: #004d40 !important;
}

.teal-900-border-right {
  border-right-color: #004d40 !important;
}

.teal-900-border-bottom {
  border-bottom-color: #004d40 !important;
}

.teal-900-border-left {
  border-left-color: #004d40 !important;
}

.teal-A100-bg {
  background-color: #a7ffeb !important;
}

.md-teal-A100-bg {
  background-color: #a7ffeb !important;
  color: rgba(0, 0, 0, 0.87);
}

.teal-A100-fg {
  color: #a7ffeb !important;
}

.teal-A100-border {
  border-color: #a7ffeb !important;
}

.teal-A100-border-top {
  border-top-color: #a7ffeb !important;
}

.teal-A100-border-right {
  border-right-color: #a7ffeb !important;
}

.teal-A100-border-bottom {
  border-bottom-color: #a7ffeb !important;
}

.teal-A100-border-left {
  border-left-color: #a7ffeb !important;
}

.teal-A200-bg {
  background-color: #64ffda !important;
}

.md-teal-A200-bg {
  background-color: #64ffda !important;
  color: rgba(0, 0, 0, 0.87);
}

.teal-A200-fg {
  color: #64ffda !important;
}

.teal-A200-border {
  border-color: #64ffda !important;
}

.teal-A200-border-top {
  border-top-color: #64ffda !important;
}

.teal-A200-border-right {
  border-right-color: #64ffda !important;
}

.teal-A200-border-bottom {
  border-bottom-color: #64ffda !important;
}

.teal-A200-border-left {
  border-left-color: #64ffda !important;
}

.teal-A400-bg {
  background-color: #1de9b6 !important;
}

.md-teal-A400-bg {
  background-color: #1de9b6 !important;
  color: rgba(0, 0, 0, 0.87);
}

.teal-A400-fg {
  color: #1de9b6 !important;
}

.teal-A400-border {
  border-color: #1de9b6 !important;
}

.teal-A400-border-top {
  border-top-color: #1de9b6 !important;
}

.teal-A400-border-right {
  border-right-color: #1de9b6 !important;
}

.teal-A400-border-bottom {
  border-bottom-color: #1de9b6 !important;
}

.teal-A400-border-left {
  border-left-color: #1de9b6 !important;
}

.teal-A700-bg {
  background-color: #00bfa5 !important;
}

.md-teal-A700-bg {
  background-color: #00bfa5 !important;
  color: rgba(0, 0, 0, 0.87);
}

.teal-A700-fg {
  color: #00bfa5 !important;
}

.teal-A700-border {
  border-color: #00bfa5 !important;
}

.teal-A700-border-top {
  border-top-color: #00bfa5 !important;
}

.teal-A700-border-right {
  border-right-color: #00bfa5 !important;
}

.teal-A700-border-bottom {
  border-bottom-color: #00bfa5 !important;
}

.teal-A700-border-left {
  border-left-color: #00bfa5 !important;
}

.green-50-bg {
  background-color: #e8f5e9 !important;
}

.md-green-50-bg {
  background-color: #e8f5e9 !important;
  color: rgba(0, 0, 0, 0.87);
}

.green-50-fg {
  color: #e8f5e9 !important;
}

.green-50-border {
  border-color: #e8f5e9 !important;
}

.green-50-border-top {
  border-top-color: #e8f5e9 !important;
}

.green-50-border-right {
  border-right-color: #e8f5e9 !important;
}

.green-50-border-bottom {
  border-bottom-color: #e8f5e9 !important;
}

.green-50-border-left {
  border-left-color: #e8f5e9 !important;
}

.green-100-bg {
  background-color: #c8e6c9 !important;
}

.md-green-100-bg {
  background-color: #c8e6c9 !important;
  color: rgba(0, 0, 0, 0.87);
}

.green-100-fg {
  color: #c8e6c9 !important;
}

.green-100-border {
  border-color: #c8e6c9 !important;
}

.green-100-border-top {
  border-top-color: #c8e6c9 !important;
}

.green-100-border-right {
  border-right-color: #c8e6c9 !important;
}

.green-100-border-bottom {
  border-bottom-color: #c8e6c9 !important;
}

.green-100-border-left {
  border-left-color: #c8e6c9 !important;
}

.green-200-bg {
  background-color: #a5d6a7 !important;
}

.md-green-200-bg {
  background-color: #a5d6a7 !important;
  color: rgba(0, 0, 0, 0.87);
}

.green-200-fg {
  color: #a5d6a7 !important;
}

.green-200-border {
  border-color: #a5d6a7 !important;
}

.green-200-border-top {
  border-top-color: #a5d6a7 !important;
}

.green-200-border-right {
  border-right-color: #a5d6a7 !important;
}

.green-200-border-bottom {
  border-bottom-color: #a5d6a7 !important;
}

.green-200-border-left {
  border-left-color: #a5d6a7 !important;
}

.green-300-bg {
  background-color: #81c784 !important;
}

.md-green-300-bg {
  background-color: #81c784 !important;
  color: rgba(0, 0, 0, 0.87);
}

.green-300-fg {
  color: #81c784 !important;
}

.green-300-border {
  border-color: #81c784 !important;
}

.green-300-border-top {
  border-top-color: #81c784 !important;
}

.green-300-border-right {
  border-right-color: #81c784 !important;
}

.green-300-border-bottom {
  border-bottom-color: #81c784 !important;
}

.green-300-border-left {
  border-left-color: #81c784 !important;
}

.green-400-bg {
  background-color: #66bb6a !important;
}

.md-green-400-bg {
  background-color: #66bb6a !important;
  color: rgba(0, 0, 0, 0.87);
}

.green-400-fg {
  color: #66bb6a !important;
}

.green-400-border {
  border-color: #66bb6a !important;
}

.green-400-border-top {
  border-top-color: #66bb6a !important;
}

.green-400-border-right {
  border-right-color: #66bb6a !important;
}

.green-400-border-bottom {
  border-bottom-color: #66bb6a !important;
}

.green-400-border-left {
  border-left-color: #66bb6a !important;
}

.green-500-bg {
  background-color: #4caf50 !important;
}

.md-green-500-bg {
  background-color: #4caf50 !important;
  color: rgba(0, 0, 0, 0.87);
}

.green-500-fg {
  color: #4caf50 !important;
}

.green-500-border {
  border-color: #4caf50 !important;
}

.green-500-border-top {
  border-top-color: #4caf50 !important;
}

.green-500-border-right {
  border-right-color: #4caf50 !important;
}

.green-500-border-bottom {
  border-bottom-color: #4caf50 !important;
}

.green-500-border-left {
  border-left-color: #4caf50 !important;
}

.md-green-bg {
  background-color: #4caf50 !important;
  color: rgba(0, 0, 0, 0.87);
}

.green-bg {
  background-color: #4caf50 !important;
}

.green-fg {
  color: #4caf50 !important;
}

.green-border {
  border-color: #4caf50 !important;
}

.green-border-top {
  border-top-color: #4caf50 !important;
}

.green-border-right {
  border-right-color: #4caf50 !important;
}

.green-border-bottom {
  border-bottom-color: #4caf50 !important;
}

.green-border-left {
  border-left-color: #4caf50 !important;
}

.green-600-bg {
  background-color: #43a047 !important;
}

.md-green-600-bg {
  background-color: #43a047 !important;
  color: white;
}

.green-600-fg {
  color: #43a047 !important;
}

.green-600-border {
  border-color: #43a047 !important;
}

.green-600-border-top {
  border-top-color: #43a047 !important;
}

.green-600-border-right {
  border-right-color: #43a047 !important;
}

.green-600-border-bottom {
  border-bottom-color: #43a047 !important;
}

.green-600-border-left {
  border-left-color: #43a047 !important;
}

.green-700-bg {
  background-color: #388e3c !important;
}

.md-green-700-bg {
  background-color: #388e3c !important;
  color: white;
}

.green-700-fg {
  color: #388e3c !important;
}

.green-700-border {
  border-color: #388e3c !important;
}

.green-700-border-top {
  border-top-color: #388e3c !important;
}

.green-700-border-right {
  border-right-color: #388e3c !important;
}

.green-700-border-bottom {
  border-bottom-color: #388e3c !important;
}

.green-700-border-left {
  border-left-color: #388e3c !important;
}

.green-800-bg {
  background-color: #2e7d32 !important;
}

.md-green-800-bg {
  background-color: #2e7d32 !important;
  color: rgba(255, 255, 255, 0.87);
}

.green-800-fg {
  color: #2e7d32 !important;
}

.green-800-border {
  border-color: #2e7d32 !important;
}

.green-800-border-top {
  border-top-color: #2e7d32 !important;
}

.green-800-border-right {
  border-right-color: #2e7d32 !important;
}

.green-800-border-bottom {
  border-bottom-color: #2e7d32 !important;
}

.green-800-border-left {
  border-left-color: #2e7d32 !important;
}

.green-900-bg {
  background-color: #1b5e20 !important;
}

.md-green-900-bg {
  background-color: #1b5e20 !important;
  color: rgba(255, 255, 255, 0.87);
}

.green-900-fg {
  color: #1b5e20 !important;
}

.green-900-border {
  border-color: #1b5e20 !important;
}

.green-900-border-top {
  border-top-color: #1b5e20 !important;
}

.green-900-border-right {
  border-right-color: #1b5e20 !important;
}

.green-900-border-bottom {
  border-bottom-color: #1b5e20 !important;
}

.green-900-border-left {
  border-left-color: #1b5e20 !important;
}

.green-A100-bg {
  background-color: #b9f6ca !important;
}

.md-green-A100-bg {
  background-color: #b9f6ca !important;
  color: rgba(0, 0, 0, 0.87);
}

.green-A100-fg {
  color: #b9f6ca !important;
}

.green-A100-border {
  border-color: #b9f6ca !important;
}

.green-A100-border-top {
  border-top-color: #b9f6ca !important;
}

.green-A100-border-right {
  border-right-color: #b9f6ca !important;
}

.green-A100-border-bottom {
  border-bottom-color: #b9f6ca !important;
}

.green-A100-border-left {
  border-left-color: #b9f6ca !important;
}

.green-A200-bg {
  background-color: #69f0ae !important;
}

.md-green-A200-bg {
  background-color: #69f0ae !important;
  color: rgba(0, 0, 0, 0.87);
}

.green-A200-fg {
  color: #69f0ae !important;
}

.green-A200-border {
  border-color: #69f0ae !important;
}

.green-A200-border-top {
  border-top-color: #69f0ae !important;
}

.green-A200-border-right {
  border-right-color: #69f0ae !important;
}

.green-A200-border-bottom {
  border-bottom-color: #69f0ae !important;
}

.green-A200-border-left {
  border-left-color: #69f0ae !important;
}

.green-A400-bg {
  background-color: #00e676 !important;
}

.md-green-A400-bg {
  background-color: #00e676 !important;
  color: rgba(0, 0, 0, 0.87);
}

.green-A400-fg {
  color: #00e676 !important;
}

.green-A400-border {
  border-color: #00e676 !important;
}

.green-A400-border-top {
  border-top-color: #00e676 !important;
}

.green-A400-border-right {
  border-right-color: #00e676 !important;
}

.green-A400-border-bottom {
  border-bottom-color: #00e676 !important;
}

.green-A400-border-left {
  border-left-color: #00e676 !important;
}

.green-A700-bg {
  background-color: #00c853 !important;
}

.md-green-A700-bg {
  background-color: #00c853 !important;
  color: rgba(0, 0, 0, 0.87);
}

.green-A700-fg {
  color: #00c853 !important;
}

.green-A700-border {
  border-color: #00c853 !important;
}

.green-A700-border-top {
  border-top-color: #00c853 !important;
}

.green-A700-border-right {
  border-right-color: #00c853 !important;
}

.green-A700-border-bottom {
  border-bottom-color: #00c853 !important;
}

.green-A700-border-left {
  border-left-color: #00c853 !important;
}

.light-green-50-bg {
  background-color: #f1f8e9 !important;
}

.md-light-green-50-bg {
  background-color: #f1f8e9 !important;
  color: rgba(0, 0, 0, 0.87);
}

.light-green-50-fg {
  color: #f1f8e9 !important;
}

.light-green-50-border {
  border-color: #f1f8e9 !important;
}

.light-green-50-border-top {
  border-top-color: #f1f8e9 !important;
}

.light-green-50-border-right {
  border-right-color: #f1f8e9 !important;
}

.light-green-50-border-bottom {
  border-bottom-color: #f1f8e9 !important;
}

.light-green-50-border-left {
  border-left-color: #f1f8e9 !important;
}

.light-green-100-bg {
  background-color: #dcedc8 !important;
}

.md-light-green-100-bg {
  background-color: #dcedc8 !important;
  color: rgba(0, 0, 0, 0.87);
}

.light-green-100-fg {
  color: #dcedc8 !important;
}

.light-green-100-border {
  border-color: #dcedc8 !important;
}

.light-green-100-border-top {
  border-top-color: #dcedc8 !important;
}

.light-green-100-border-right {
  border-right-color: #dcedc8 !important;
}

.light-green-100-border-bottom {
  border-bottom-color: #dcedc8 !important;
}

.light-green-100-border-left {
  border-left-color: #dcedc8 !important;
}

.light-green-200-bg {
  background-color: #c5e1a5 !important;
}

.md-light-green-200-bg {
  background-color: #c5e1a5 !important;
  color: rgba(0, 0, 0, 0.87);
}

.light-green-200-fg {
  color: #c5e1a5 !important;
}

.light-green-200-border {
  border-color: #c5e1a5 !important;
}

.light-green-200-border-top {
  border-top-color: #c5e1a5 !important;
}

.light-green-200-border-right {
  border-right-color: #c5e1a5 !important;
}

.light-green-200-border-bottom {
  border-bottom-color: #c5e1a5 !important;
}

.light-green-200-border-left {
  border-left-color: #c5e1a5 !important;
}

.light-green-300-bg {
  background-color: #aed581 !important;
}

.md-light-green-300-bg {
  background-color: #aed581 !important;
  color: rgba(0, 0, 0, 0.87);
}

.light-green-300-fg {
  color: #aed581 !important;
}

.light-green-300-border {
  border-color: #aed581 !important;
}

.light-green-300-border-top {
  border-top-color: #aed581 !important;
}

.light-green-300-border-right {
  border-right-color: #aed581 !important;
}

.light-green-300-border-bottom {
  border-bottom-color: #aed581 !important;
}

.light-green-300-border-left {
  border-left-color: #aed581 !important;
}

.light-green-400-bg {
  background-color: #9ccc65 !important;
}

.md-light-green-400-bg {
  background-color: #9ccc65 !important;
  color: rgba(0, 0, 0, 0.87);
}

.light-green-400-fg {
  color: #9ccc65 !important;
}

.light-green-400-border {
  border-color: #9ccc65 !important;
}

.light-green-400-border-top {
  border-top-color: #9ccc65 !important;
}

.light-green-400-border-right {
  border-right-color: #9ccc65 !important;
}

.light-green-400-border-bottom {
  border-bottom-color: #9ccc65 !important;
}

.light-green-400-border-left {
  border-left-color: #9ccc65 !important;
}

.light-green-500-bg {
  background-color: #8bc34a !important;
}

.md-light-green-500-bg {
  background-color: #8bc34a !important;
  color: rgba(0, 0, 0, 0.87);
}

.light-green-500-fg {
  color: #8bc34a !important;
}

.light-green-500-border {
  border-color: #8bc34a !important;
}

.light-green-500-border-top {
  border-top-color: #8bc34a !important;
}

.light-green-500-border-right {
  border-right-color: #8bc34a !important;
}

.light-green-500-border-bottom {
  border-bottom-color: #8bc34a !important;
}

.light-green-500-border-left {
  border-left-color: #8bc34a !important;
}

.md-light-green-bg {
  background-color: #8bc34a !important;
  color: rgba(0, 0, 0, 0.87);
}

.light-green-bg {
  background-color: #8bc34a !important;
}

.light-green-fg {
  color: #8bc34a !important;
}

.light-green-border {
  border-color: #8bc34a !important;
}

.light-green-border-top {
  border-top-color: #8bc34a !important;
}

.light-green-border-right {
  border-right-color: #8bc34a !important;
}

.light-green-border-bottom {
  border-bottom-color: #8bc34a !important;
}

.light-green-border-left {
  border-left-color: #8bc34a !important;
}

.light-green-600-bg {
  background-color: #7cb342 !important;
}

.md-light-green-600-bg {
  background-color: #7cb342 !important;
  color: rgba(0, 0, 0, 0.87);
}

.light-green-600-fg {
  color: #7cb342 !important;
}

.light-green-600-border {
  border-color: #7cb342 !important;
}

.light-green-600-border-top {
  border-top-color: #7cb342 !important;
}

.light-green-600-border-right {
  border-right-color: #7cb342 !important;
}

.light-green-600-border-bottom {
  border-bottom-color: #7cb342 !important;
}

.light-green-600-border-left {
  border-left-color: #7cb342 !important;
}

.light-green-700-bg {
  background-color: #689f38 !important;
}

.md-light-green-700-bg {
  background-color: #689f38 !important;
  color: white;
}

.light-green-700-fg {
  color: #689f38 !important;
}

.light-green-700-border {
  border-color: #689f38 !important;
}

.light-green-700-border-top {
  border-top-color: #689f38 !important;
}

.light-green-700-border-right {
  border-right-color: #689f38 !important;
}

.light-green-700-border-bottom {
  border-bottom-color: #689f38 !important;
}

.light-green-700-border-left {
  border-left-color: #689f38 !important;
}

.light-green-800-bg {
  background-color: #558b2f !important;
}

.md-light-green-800-bg {
  background-color: #558b2f !important;
  color: white;
}

.light-green-800-fg {
  color: #558b2f !important;
}

.light-green-800-border {
  border-color: #558b2f !important;
}

.light-green-800-border-top {
  border-top-color: #558b2f !important;
}

.light-green-800-border-right {
  border-right-color: #558b2f !important;
}

.light-green-800-border-bottom {
  border-bottom-color: #558b2f !important;
}

.light-green-800-border-left {
  border-left-color: #558b2f !important;
}

.light-green-900-bg {
  background-color: #33691e !important;
}

.md-light-green-900-bg {
  background-color: #33691e !important;
  color: white;
}

.light-green-900-fg {
  color: #33691e !important;
}

.light-green-900-border {
  border-color: #33691e !important;
}

.light-green-900-border-top {
  border-top-color: #33691e !important;
}

.light-green-900-border-right {
  border-right-color: #33691e !important;
}

.light-green-900-border-bottom {
  border-bottom-color: #33691e !important;
}

.light-green-900-border-left {
  border-left-color: #33691e !important;
}

.light-green-A100-bg {
  background-color: #ccff90 !important;
}

.md-light-green-A100-bg {
  background-color: #ccff90 !important;
  color: rgba(0, 0, 0, 0.87);
}

.light-green-A100-fg {
  color: #ccff90 !important;
}

.light-green-A100-border {
  border-color: #ccff90 !important;
}

.light-green-A100-border-top {
  border-top-color: #ccff90 !important;
}

.light-green-A100-border-right {
  border-right-color: #ccff90 !important;
}

.light-green-A100-border-bottom {
  border-bottom-color: #ccff90 !important;
}

.light-green-A100-border-left {
  border-left-color: #ccff90 !important;
}

.light-green-A200-bg {
  background-color: #b2ff59 !important;
}

.md-light-green-A200-bg {
  background-color: #b2ff59 !important;
  color: rgba(0, 0, 0, 0.87);
}

.light-green-A200-fg {
  color: #b2ff59 !important;
}

.light-green-A200-border {
  border-color: #b2ff59 !important;
}

.light-green-A200-border-top {
  border-top-color: #b2ff59 !important;
}

.light-green-A200-border-right {
  border-right-color: #b2ff59 !important;
}

.light-green-A200-border-bottom {
  border-bottom-color: #b2ff59 !important;
}

.light-green-A200-border-left {
  border-left-color: #b2ff59 !important;
}

.light-green-A400-bg {
  background-color: #76ff03 !important;
}

.md-light-green-A400-bg {
  background-color: #76ff03 !important;
  color: rgba(0, 0, 0, 0.87);
}

.light-green-A400-fg {
  color: #76ff03 !important;
}

.light-green-A400-border {
  border-color: #76ff03 !important;
}

.light-green-A400-border-top {
  border-top-color: #76ff03 !important;
}

.light-green-A400-border-right {
  border-right-color: #76ff03 !important;
}

.light-green-A400-border-bottom {
  border-bottom-color: #76ff03 !important;
}

.light-green-A400-border-left {
  border-left-color: #76ff03 !important;
}

.light-green-A700-bg {
  background-color: #64dd17 !important;
}

.md-light-green-A700-bg {
  background-color: #64dd17 !important;
  color: rgba(0, 0, 0, 0.87);
}

.light-green-A700-fg {
  color: #64dd17 !important;
}

.light-green-A700-border {
  border-color: #64dd17 !important;
}

.light-green-A700-border-top {
  border-top-color: #64dd17 !important;
}

.light-green-A700-border-right {
  border-right-color: #64dd17 !important;
}

.light-green-A700-border-bottom {
  border-bottom-color: #64dd17 !important;
}

.light-green-A700-border-left {
  border-left-color: #64dd17 !important;
}

.lime-50-bg {
  background-color: #f9fbe7 !important;
}

.md-lime-50-bg {
  background-color: #f9fbe7 !important;
  color: rgba(0, 0, 0, 0.87);
}

.lime-50-fg {
  color: #f9fbe7 !important;
}

.lime-50-border {
  border-color: #f9fbe7 !important;
}

.lime-50-border-top {
  border-top-color: #f9fbe7 !important;
}

.lime-50-border-right {
  border-right-color: #f9fbe7 !important;
}

.lime-50-border-bottom {
  border-bottom-color: #f9fbe7 !important;
}

.lime-50-border-left {
  border-left-color: #f9fbe7 !important;
}

.lime-100-bg {
  background-color: #f0f4c3 !important;
}

.md-lime-100-bg {
  background-color: #f0f4c3 !important;
  color: rgba(0, 0, 0, 0.87);
}

.lime-100-fg {
  color: #f0f4c3 !important;
}

.lime-100-border {
  border-color: #f0f4c3 !important;
}

.lime-100-border-top {
  border-top-color: #f0f4c3 !important;
}

.lime-100-border-right {
  border-right-color: #f0f4c3 !important;
}

.lime-100-border-bottom {
  border-bottom-color: #f0f4c3 !important;
}

.lime-100-border-left {
  border-left-color: #f0f4c3 !important;
}

.lime-200-bg {
  background-color: #e6ee9c !important;
}

.md-lime-200-bg {
  background-color: #e6ee9c !important;
  color: rgba(0, 0, 0, 0.87);
}

.lime-200-fg {
  color: #e6ee9c !important;
}

.lime-200-border {
  border-color: #e6ee9c !important;
}

.lime-200-border-top {
  border-top-color: #e6ee9c !important;
}

.lime-200-border-right {
  border-right-color: #e6ee9c !important;
}

.lime-200-border-bottom {
  border-bottom-color: #e6ee9c !important;
}

.lime-200-border-left {
  border-left-color: #e6ee9c !important;
}

.lime-300-bg {
  background-color: #dce775 !important;
}

.md-lime-300-bg {
  background-color: #dce775 !important;
  color: rgba(0, 0, 0, 0.87);
}

.lime-300-fg {
  color: #dce775 !important;
}

.lime-300-border {
  border-color: #dce775 !important;
}

.lime-300-border-top {
  border-top-color: #dce775 !important;
}

.lime-300-border-right {
  border-right-color: #dce775 !important;
}

.lime-300-border-bottom {
  border-bottom-color: #dce775 !important;
}

.lime-300-border-left {
  border-left-color: #dce775 !important;
}

.lime-400-bg {
  background-color: #d4e157 !important;
}

.md-lime-400-bg {
  background-color: #d4e157 !important;
  color: rgba(0, 0, 0, 0.87);
}

.lime-400-fg {
  color: #d4e157 !important;
}

.lime-400-border {
  border-color: #d4e157 !important;
}

.lime-400-border-top {
  border-top-color: #d4e157 !important;
}

.lime-400-border-right {
  border-right-color: #d4e157 !important;
}

.lime-400-border-bottom {
  border-bottom-color: #d4e157 !important;
}

.lime-400-border-left {
  border-left-color: #d4e157 !important;
}

.lime-500-bg {
  background-color: #cddc39 !important;
}

.md-lime-500-bg {
  background-color: #cddc39 !important;
  color: rgba(0, 0, 0, 0.87);
}

.lime-500-fg {
  color: #cddc39 !important;
}

.lime-500-border {
  border-color: #cddc39 !important;
}

.lime-500-border-top {
  border-top-color: #cddc39 !important;
}

.lime-500-border-right {
  border-right-color: #cddc39 !important;
}

.lime-500-border-bottom {
  border-bottom-color: #cddc39 !important;
}

.lime-500-border-left {
  border-left-color: #cddc39 !important;
}

.md-lime-bg {
  background-color: #cddc39 !important;
  color: rgba(0, 0, 0, 0.87);
}

.lime-bg {
  background-color: #cddc39 !important;
}

.lime-fg {
  color: #cddc39 !important;
}

.lime-border {
  border-color: #cddc39 !important;
}

.lime-border-top {
  border-top-color: #cddc39 !important;
}

.lime-border-right {
  border-right-color: #cddc39 !important;
}

.lime-border-bottom {
  border-bottom-color: #cddc39 !important;
}

.lime-border-left {
  border-left-color: #cddc39 !important;
}

.lime-600-bg {
  background-color: #c0ca33 !important;
}

.md-lime-600-bg {
  background-color: #c0ca33 !important;
  color: rgba(0, 0, 0, 0.87);
}

.lime-600-fg {
  color: #c0ca33 !important;
}

.lime-600-border {
  border-color: #c0ca33 !important;
}

.lime-600-border-top {
  border-top-color: #c0ca33 !important;
}

.lime-600-border-right {
  border-right-color: #c0ca33 !important;
}

.lime-600-border-bottom {
  border-bottom-color: #c0ca33 !important;
}

.lime-600-border-left {
  border-left-color: #c0ca33 !important;
}

.lime-700-bg {
  background-color: #afb42b !important;
}

.md-lime-700-bg {
  background-color: #afb42b !important;
  color: rgba(0, 0, 0, 0.87);
}

.lime-700-fg {
  color: #afb42b !important;
}

.lime-700-border {
  border-color: #afb42b !important;
}

.lime-700-border-top {
  border-top-color: #afb42b !important;
}

.lime-700-border-right {
  border-right-color: #afb42b !important;
}

.lime-700-border-bottom {
  border-bottom-color: #afb42b !important;
}

.lime-700-border-left {
  border-left-color: #afb42b !important;
}

.lime-800-bg {
  background-color: #9e9d24 !important;
}

.md-lime-800-bg {
  background-color: #9e9d24 !important;
  color: rgba(0, 0, 0, 0.87);
}

.lime-800-fg {
  color: #9e9d24 !important;
}

.lime-800-border {
  border-color: #9e9d24 !important;
}

.lime-800-border-top {
  border-top-color: #9e9d24 !important;
}

.lime-800-border-right {
  border-right-color: #9e9d24 !important;
}

.lime-800-border-bottom {
  border-bottom-color: #9e9d24 !important;
}

.lime-800-border-left {
  border-left-color: #9e9d24 !important;
}

.lime-900-bg {
  background-color: #827717 !important;
}

.md-lime-900-bg {
  background-color: #827717 !important;
  color: white;
}

.lime-900-fg {
  color: #827717 !important;
}

.lime-900-border {
  border-color: #827717 !important;
}

.lime-900-border-top {
  border-top-color: #827717 !important;
}

.lime-900-border-right {
  border-right-color: #827717 !important;
}

.lime-900-border-bottom {
  border-bottom-color: #827717 !important;
}

.lime-900-border-left {
  border-left-color: #827717 !important;
}

.lime-A100-bg {
  background-color: #f4ff81 !important;
}

.md-lime-A100-bg {
  background-color: #f4ff81 !important;
  color: rgba(0, 0, 0, 0.87);
}

.lime-A100-fg {
  color: #f4ff81 !important;
}

.lime-A100-border {
  border-color: #f4ff81 !important;
}

.lime-A100-border-top {
  border-top-color: #f4ff81 !important;
}

.lime-A100-border-right {
  border-right-color: #f4ff81 !important;
}

.lime-A100-border-bottom {
  border-bottom-color: #f4ff81 !important;
}

.lime-A100-border-left {
  border-left-color: #f4ff81 !important;
}

.lime-A200-bg {
  background-color: #eeff41 !important;
}

.md-lime-A200-bg {
  background-color: #eeff41 !important;
  color: rgba(0, 0, 0, 0.87);
}

.lime-A200-fg {
  color: #eeff41 !important;
}

.lime-A200-border {
  border-color: #eeff41 !important;
}

.lime-A200-border-top {
  border-top-color: #eeff41 !important;
}

.lime-A200-border-right {
  border-right-color: #eeff41 !important;
}

.lime-A200-border-bottom {
  border-bottom-color: #eeff41 !important;
}

.lime-A200-border-left {
  border-left-color: #eeff41 !important;
}

.lime-A400-bg {
  background-color: #c6ff00 !important;
}

.md-lime-A400-bg {
  background-color: #c6ff00 !important;
  color: rgba(0, 0, 0, 0.87);
}

.lime-A400-fg {
  color: #c6ff00 !important;
}

.lime-A400-border {
  border-color: #c6ff00 !important;
}

.lime-A400-border-top {
  border-top-color: #c6ff00 !important;
}

.lime-A400-border-right {
  border-right-color: #c6ff00 !important;
}

.lime-A400-border-bottom {
  border-bottom-color: #c6ff00 !important;
}

.lime-A400-border-left {
  border-left-color: #c6ff00 !important;
}

.lime-A700-bg {
  background-color: #aeea00 !important;
}

.md-lime-A700-bg {
  background-color: #aeea00 !important;
  color: rgba(0, 0, 0, 0.87);
}

.lime-A700-fg {
  color: #aeea00 !important;
}

.lime-A700-border {
  border-color: #aeea00 !important;
}

.lime-A700-border-top {
  border-top-color: #aeea00 !important;
}

.lime-A700-border-right {
  border-right-color: #aeea00 !important;
}

.lime-A700-border-bottom {
  border-bottom-color: #aeea00 !important;
}

.lime-A700-border-left {
  border-left-color: #aeea00 !important;
}

.yellow-50-bg {
  background-color: #fffde7 !important;
}

.md-yellow-50-bg {
  background-color: #fffde7 !important;
  color: rgba(0, 0, 0, 0.87);
}

.yellow-50-fg {
  color: #fffde7 !important;
}

.yellow-50-border {
  border-color: #fffde7 !important;
}

.yellow-50-border-top {
  border-top-color: #fffde7 !important;
}

.yellow-50-border-right {
  border-right-color: #fffde7 !important;
}

.yellow-50-border-bottom {
  border-bottom-color: #fffde7 !important;
}

.yellow-50-border-left {
  border-left-color: #fffde7 !important;
}

.yellow-100-bg {
  background-color: #fff9c4 !important;
}

.md-yellow-100-bg {
  background-color: #fff9c4 !important;
  color: rgba(0, 0, 0, 0.87);
}

.yellow-100-fg {
  color: #fff9c4 !important;
}

.yellow-100-border {
  border-color: #fff9c4 !important;
}

.yellow-100-border-top {
  border-top-color: #fff9c4 !important;
}

.yellow-100-border-right {
  border-right-color: #fff9c4 !important;
}

.yellow-100-border-bottom {
  border-bottom-color: #fff9c4 !important;
}

.yellow-100-border-left {
  border-left-color: #fff9c4 !important;
}

.yellow-200-bg {
  background-color: #fff59d !important;
}

.md-yellow-200-bg {
  background-color: #fff59d !important;
  color: rgba(0, 0, 0, 0.87);
}

.yellow-200-fg {
  color: #fff59d !important;
}

.yellow-200-border {
  border-color: #fff59d !important;
}

.yellow-200-border-top {
  border-top-color: #fff59d !important;
}

.yellow-200-border-right {
  border-right-color: #fff59d !important;
}

.yellow-200-border-bottom {
  border-bottom-color: #fff59d !important;
}

.yellow-200-border-left {
  border-left-color: #fff59d !important;
}

.yellow-300-bg {
  background-color: #fff176 !important;
}

.md-yellow-300-bg {
  background-color: #fff176 !important;
  color: rgba(0, 0, 0, 0.87);
}

.yellow-300-fg {
  color: #fff176 !important;
}

.yellow-300-border {
  border-color: #fff176 !important;
}

.yellow-300-border-top {
  border-top-color: #fff176 !important;
}

.yellow-300-border-right {
  border-right-color: #fff176 !important;
}

.yellow-300-border-bottom {
  border-bottom-color: #fff176 !important;
}

.yellow-300-border-left {
  border-left-color: #fff176 !important;
}

.yellow-400-bg {
  background-color: #ffee58 !important;
}

.md-yellow-400-bg {
  background-color: #ffee58 !important;
  color: rgba(0, 0, 0, 0.87);
}

.yellow-400-fg {
  color: #ffee58 !important;
}

.yellow-400-border {
  border-color: #ffee58 !important;
}

.yellow-400-border-top {
  border-top-color: #ffee58 !important;
}

.yellow-400-border-right {
  border-right-color: #ffee58 !important;
}

.yellow-400-border-bottom {
  border-bottom-color: #ffee58 !important;
}

.yellow-400-border-left {
  border-left-color: #ffee58 !important;
}

.yellow-500-bg {
  background-color: #ffeb3b !important;
}

.md-yellow-500-bg {
  background-color: #ffeb3b !important;
  color: rgba(0, 0, 0, 0.87);
}

.yellow-500-fg {
  color: #ffeb3b !important;
}

.yellow-500-border {
  border-color: #ffeb3b !important;
}

.yellow-500-border-top {
  border-top-color: #ffeb3b !important;
}

.yellow-500-border-right {
  border-right-color: #ffeb3b !important;
}

.yellow-500-border-bottom {
  border-bottom-color: #ffeb3b !important;
}

.yellow-500-border-left {
  border-left-color: #ffeb3b !important;
}

.md-yellow-bg {
  background-color: #ffeb3b !important;
  color: rgba(0, 0, 0, 0.87);
}

.yellow-bg {
  background-color: #ffeb3b !important;
}

.yellow-fg {
  color: #ffeb3b !important;
}

.yellow-border {
  border-color: #ffeb3b !important;
}

.yellow-border-top {
  border-top-color: #ffeb3b !important;
}

.yellow-border-right {
  border-right-color: #ffeb3b !important;
}

.yellow-border-bottom {
  border-bottom-color: #ffeb3b !important;
}

.yellow-border-left {
  border-left-color: #ffeb3b !important;
}

.yellow-600-bg {
  background-color: #fdd835 !important;
}

.md-yellow-600-bg {
  background-color: #fdd835 !important;
  color: rgba(0, 0, 0, 0.87);
}

.yellow-600-fg {
  color: #fdd835 !important;
}

.yellow-600-border {
  border-color: #fdd835 !important;
}

.yellow-600-border-top {
  border-top-color: #fdd835 !important;
}

.yellow-600-border-right {
  border-right-color: #fdd835 !important;
}

.yellow-600-border-bottom {
  border-bottom-color: #fdd835 !important;
}

.yellow-600-border-left {
  border-left-color: #fdd835 !important;
}

.yellow-700-bg {
  background-color: #fbc02d !important;
}

.md-yellow-700-bg {
  background-color: #fbc02d !important;
  color: rgba(0, 0, 0, 0.87);
}

.yellow-700-fg {
  color: #fbc02d !important;
}

.yellow-700-border {
  border-color: #fbc02d !important;
}

.yellow-700-border-top {
  border-top-color: #fbc02d !important;
}

.yellow-700-border-right {
  border-right-color: #fbc02d !important;
}

.yellow-700-border-bottom {
  border-bottom-color: #fbc02d !important;
}

.yellow-700-border-left {
  border-left-color: #fbc02d !important;
}

.yellow-800-bg {
  background-color: #f9a825 !important;
}

.md-yellow-800-bg {
  background-color: #f9a825 !important;
  color: rgba(0, 0, 0, 0.87);
}

.yellow-800-fg {
  color: #f9a825 !important;
}

.yellow-800-border {
  border-color: #f9a825 !important;
}

.yellow-800-border-top {
  border-top-color: #f9a825 !important;
}

.yellow-800-border-right {
  border-right-color: #f9a825 !important;
}

.yellow-800-border-bottom {
  border-bottom-color: #f9a825 !important;
}

.yellow-800-border-left {
  border-left-color: #f9a825 !important;
}

.yellow-900-bg {
  background-color: #f57f17 !important;
}

.md-yellow-900-bg {
  background-color: #f57f17 !important;
  color: rgba(0, 0, 0, 0.87);
}

.yellow-900-fg {
  color: #f57f17 !important;
}

.yellow-900-border {
  border-color: #f57f17 !important;
}

.yellow-900-border-top {
  border-top-color: #f57f17 !important;
}

.yellow-900-border-right {
  border-right-color: #f57f17 !important;
}

.yellow-900-border-bottom {
  border-bottom-color: #f57f17 !important;
}

.yellow-900-border-left {
  border-left-color: #f57f17 !important;
}

.yellow-A100-bg {
  background-color: #ffff8d !important;
}

.md-yellow-A100-bg {
  background-color: #ffff8d !important;
  color: rgba(0, 0, 0, 0.87);
}

.yellow-A100-fg {
  color: #ffff8d !important;
}

.yellow-A100-border {
  border-color: #ffff8d !important;
}

.yellow-A100-border-top {
  border-top-color: #ffff8d !important;
}

.yellow-A100-border-right {
  border-right-color: #ffff8d !important;
}

.yellow-A100-border-bottom {
  border-bottom-color: #ffff8d !important;
}

.yellow-A100-border-left {
  border-left-color: #ffff8d !important;
}

.yellow-A200-bg {
  background-color: #ffff00 !important;
}

.md-yellow-A200-bg {
  background-color: #ffff00 !important;
  color: rgba(0, 0, 0, 0.87);
}

.yellow-A200-fg {
  color: #ffff00 !important;
}

.yellow-A200-border {
  border-color: #ffff00 !important;
}

.yellow-A200-border-top {
  border-top-color: #ffff00 !important;
}

.yellow-A200-border-right {
  border-right-color: #ffff00 !important;
}

.yellow-A200-border-bottom {
  border-bottom-color: #ffff00 !important;
}

.yellow-A200-border-left {
  border-left-color: #ffff00 !important;
}

.yellow-A400-bg {
  background-color: #ffea00 !important;
}

.md-yellow-A400-bg {
  background-color: #ffea00 !important;
  color: rgba(0, 0, 0, 0.87);
}

.yellow-A400-fg {
  color: #ffea00 !important;
}

.yellow-A400-border {
  border-color: #ffea00 !important;
}

.yellow-A400-border-top {
  border-top-color: #ffea00 !important;
}

.yellow-A400-border-right {
  border-right-color: #ffea00 !important;
}

.yellow-A400-border-bottom {
  border-bottom-color: #ffea00 !important;
}

.yellow-A400-border-left {
  border-left-color: #ffea00 !important;
}

.yellow-A700-bg {
  background-color: #ffd600 !important;
}

.md-yellow-A700-bg {
  background-color: #ffd600 !important;
  color: rgba(0, 0, 0, 0.87);
}

.yellow-A700-fg {
  color: #ffd600 !important;
}

.yellow-A700-border {
  border-color: #ffd600 !important;
}

.yellow-A700-border-top {
  border-top-color: #ffd600 !important;
}

.yellow-A700-border-right {
  border-right-color: #ffd600 !important;
}

.yellow-A700-border-bottom {
  border-bottom-color: #ffd600 !important;
}

.yellow-A700-border-left {
  border-left-color: #ffd600 !important;
}

.amber-50-bg {
  background-color: #fff8e1 !important;
}

.md-amber-50-bg {
  background-color: #fff8e1 !important;
  color: rgba(0, 0, 0, 0.87);
}

.amber-50-fg {
  color: #fff8e1 !important;
}

.amber-50-border {
  border-color: #fff8e1 !important;
}

.amber-50-border-top {
  border-top-color: #fff8e1 !important;
}

.amber-50-border-right {
  border-right-color: #fff8e1 !important;
}

.amber-50-border-bottom {
  border-bottom-color: #fff8e1 !important;
}

.amber-50-border-left {
  border-left-color: #fff8e1 !important;
}

.amber-100-bg {
  background-color: #ffecb3 !important;
}

.md-amber-100-bg {
  background-color: #ffecb3 !important;
  color: rgba(0, 0, 0, 0.87);
}

.amber-100-fg {
  color: #ffecb3 !important;
}

.amber-100-border {
  border-color: #ffecb3 !important;
}

.amber-100-border-top {
  border-top-color: #ffecb3 !important;
}

.amber-100-border-right {
  border-right-color: #ffecb3 !important;
}

.amber-100-border-bottom {
  border-bottom-color: #ffecb3 !important;
}

.amber-100-border-left {
  border-left-color: #ffecb3 !important;
}

.amber-200-bg {
  background-color: #ffe082 !important;
}

.md-amber-200-bg {
  background-color: #ffe082 !important;
  color: rgba(0, 0, 0, 0.87);
}

.amber-200-fg {
  color: #ffe082 !important;
}

.amber-200-border {
  border-color: #ffe082 !important;
}

.amber-200-border-top {
  border-top-color: #ffe082 !important;
}

.amber-200-border-right {
  border-right-color: #ffe082 !important;
}

.amber-200-border-bottom {
  border-bottom-color: #ffe082 !important;
}

.amber-200-border-left {
  border-left-color: #ffe082 !important;
}

.amber-300-bg {
  background-color: #ffd54f !important;
}

.md-amber-300-bg {
  background-color: #ffd54f !important;
  color: rgba(0, 0, 0, 0.87);
}

.amber-300-fg {
  color: #ffd54f !important;
}

.amber-300-border {
  border-color: #ffd54f !important;
}

.amber-300-border-top {
  border-top-color: #ffd54f !important;
}

.amber-300-border-right {
  border-right-color: #ffd54f !important;
}

.amber-300-border-bottom {
  border-bottom-color: #ffd54f !important;
}

.amber-300-border-left {
  border-left-color: #ffd54f !important;
}

.amber-400-bg {
  background-color: #ffca28 !important;
}

.md-amber-400-bg {
  background-color: #ffca28 !important;
  color: rgba(0, 0, 0, 0.87);
}

.amber-400-fg {
  color: #ffca28 !important;
}

.amber-400-border {
  border-color: #ffca28 !important;
}

.amber-400-border-top {
  border-top-color: #ffca28 !important;
}

.amber-400-border-right {
  border-right-color: #ffca28 !important;
}

.amber-400-border-bottom {
  border-bottom-color: #ffca28 !important;
}

.amber-400-border-left {
  border-left-color: #ffca28 !important;
}

.amber-500-bg {
  background-color: #ffc107 !important;
}

.md-amber-500-bg {
  background-color: #ffc107 !important;
  color: rgba(0, 0, 0, 0.87);
}

.amber-500-fg {
  color: #ffc107 !important;
}

.amber-500-border {
  border-color: #ffc107 !important;
}

.amber-500-border-top {
  border-top-color: #ffc107 !important;
}

.amber-500-border-right {
  border-right-color: #ffc107 !important;
}

.amber-500-border-bottom {
  border-bottom-color: #ffc107 !important;
}

.amber-500-border-left {
  border-left-color: #ffc107 !important;
}

.md-amber-bg {
  background-color: #ffc107 !important;
  color: rgba(0, 0, 0, 0.87);
}

.amber-bg {
  background-color: #ffc107 !important;
}

.amber-fg {
  color: #ffc107 !important;
}

.amber-border {
  border-color: #ffc107 !important;
}

.amber-border-top {
  border-top-color: #ffc107 !important;
}

.amber-border-right {
  border-right-color: #ffc107 !important;
}

.amber-border-bottom {
  border-bottom-color: #ffc107 !important;
}

.amber-border-left {
  border-left-color: #ffc107 !important;
}

.amber-600-bg {
  background-color: #ffb300 !important;
}

.md-amber-600-bg {
  background-color: #ffb300 !important;
  color: rgba(0, 0, 0, 0.87);
}

.amber-600-fg {
  color: #ffb300 !important;
}

.amber-600-border {
  border-color: #ffb300 !important;
}

.amber-600-border-top {
  border-top-color: #ffb300 !important;
}

.amber-600-border-right {
  border-right-color: #ffb300 !important;
}

.amber-600-border-bottom {
  border-bottom-color: #ffb300 !important;
}

.amber-600-border-left {
  border-left-color: #ffb300 !important;
}

.amber-700-bg {
  background-color: #ffa000 !important;
}

.md-amber-700-bg {
  background-color: #ffa000 !important;
  color: rgba(0, 0, 0, 0.87);
}

.amber-700-fg {
  color: #ffa000 !important;
}

.amber-700-border {
  border-color: #ffa000 !important;
}

.amber-700-border-top {
  border-top-color: #ffa000 !important;
}

.amber-700-border-right {
  border-right-color: #ffa000 !important;
}

.amber-700-border-bottom {
  border-bottom-color: #ffa000 !important;
}

.amber-700-border-left {
  border-left-color: #ffa000 !important;
}

.amber-800-bg {
  background-color: #ff8f00 !important;
}

.md-amber-800-bg {
  background-color: #ff8f00 !important;
  color: rgba(0, 0, 0, 0.87);
}

.amber-800-fg {
  color: #ff8f00 !important;
}

.amber-800-border {
  border-color: #ff8f00 !important;
}

.amber-800-border-top {
  border-top-color: #ff8f00 !important;
}

.amber-800-border-right {
  border-right-color: #ff8f00 !important;
}

.amber-800-border-bottom {
  border-bottom-color: #ff8f00 !important;
}

.amber-800-border-left {
  border-left-color: #ff8f00 !important;
}

.amber-900-bg {
  background-color: #ff6f00 !important;
}

.md-amber-900-bg {
  background-color: #ff6f00 !important;
  color: rgba(0, 0, 0, 0.87);
}

.amber-900-fg {
  color: #ff6f00 !important;
}

.amber-900-border {
  border-color: #ff6f00 !important;
}

.amber-900-border-top {
  border-top-color: #ff6f00 !important;
}

.amber-900-border-right {
  border-right-color: #ff6f00 !important;
}

.amber-900-border-bottom {
  border-bottom-color: #ff6f00 !important;
}

.amber-900-border-left {
  border-left-color: #ff6f00 !important;
}

.amber-A100-bg {
  background-color: #ffe57f !important;
}

.md-amber-A100-bg {
  background-color: #ffe57f !important;
  color: rgba(0, 0, 0, 0.87);
}

.amber-A100-fg {
  color: #ffe57f !important;
}

.amber-A100-border {
  border-color: #ffe57f !important;
}

.amber-A100-border-top {
  border-top-color: #ffe57f !important;
}

.amber-A100-border-right {
  border-right-color: #ffe57f !important;
}

.amber-A100-border-bottom {
  border-bottom-color: #ffe57f !important;
}

.amber-A100-border-left {
  border-left-color: #ffe57f !important;
}

.amber-A200-bg {
  background-color: #ffd740 !important;
}

.md-amber-A200-bg {
  background-color: #ffd740 !important;
  color: rgba(0, 0, 0, 0.87);
}

.amber-A200-fg {
  color: #ffd740 !important;
}

.amber-A200-border {
  border-color: #ffd740 !important;
}

.amber-A200-border-top {
  border-top-color: #ffd740 !important;
}

.amber-A200-border-right {
  border-right-color: #ffd740 !important;
}

.amber-A200-border-bottom {
  border-bottom-color: #ffd740 !important;
}

.amber-A200-border-left {
  border-left-color: #ffd740 !important;
}

.amber-A400-bg {
  background-color: #ffc400 !important;
}

.md-amber-A400-bg {
  background-color: #ffc400 !important;
  color: rgba(0, 0, 0, 0.87);
}

.amber-A400-fg {
  color: #ffc400 !important;
}

.amber-A400-border {
  border-color: #ffc400 !important;
}

.amber-A400-border-top {
  border-top-color: #ffc400 !important;
}

.amber-A400-border-right {
  border-right-color: #ffc400 !important;
}

.amber-A400-border-bottom {
  border-bottom-color: #ffc400 !important;
}

.amber-A400-border-left {
  border-left-color: #ffc400 !important;
}

.amber-A700-bg {
  background-color: #ffab00 !important;
}

.md-amber-A700-bg {
  background-color: #ffab00 !important;
  color: rgba(0, 0, 0, 0.87);
}

.amber-A700-fg {
  color: #ffab00 !important;
}

.amber-A700-border {
  border-color: #ffab00 !important;
}

.amber-A700-border-top {
  border-top-color: #ffab00 !important;
}

.amber-A700-border-right {
  border-right-color: #ffab00 !important;
}

.amber-A700-border-bottom {
  border-bottom-color: #ffab00 !important;
}

.amber-A700-border-left {
  border-left-color: #ffab00 !important;
}

.orange-50-bg {
  background-color: #fff3e0 !important;
}

.md-orange-50-bg {
  background-color: #fff3e0 !important;
  color: rgba(0, 0, 0, 0.87);
}

.orange-50-fg {
  color: #fff3e0 !important;
}

.orange-50-border {
  border-color: #fff3e0 !important;
}

.orange-50-border-top {
  border-top-color: #fff3e0 !important;
}

.orange-50-border-right {
  border-right-color: #fff3e0 !important;
}

.orange-50-border-bottom {
  border-bottom-color: #fff3e0 !important;
}

.orange-50-border-left {
  border-left-color: #fff3e0 !important;
}

.orange-100-bg {
  background-color: #ffe0b2 !important;
}

.md-orange-100-bg {
  background-color: #ffe0b2 !important;
  color: rgba(0, 0, 0, 0.87);
}

.orange-100-fg {
  color: #ffe0b2 !important;
}

.orange-100-border {
  border-color: #ffe0b2 !important;
}

.orange-100-border-top {
  border-top-color: #ffe0b2 !important;
}

.orange-100-border-right {
  border-right-color: #ffe0b2 !important;
}

.orange-100-border-bottom {
  border-bottom-color: #ffe0b2 !important;
}

.orange-100-border-left {
  border-left-color: #ffe0b2 !important;
}

.orange-200-bg {
  background-color: #ffcc80 !important;
}

.md-orange-200-bg {
  background-color: #ffcc80 !important;
  color: rgba(0, 0, 0, 0.87);
}

.orange-200-fg {
  color: #ffcc80 !important;
}

.orange-200-border {
  border-color: #ffcc80 !important;
}

.orange-200-border-top {
  border-top-color: #ffcc80 !important;
}

.orange-200-border-right {
  border-right-color: #ffcc80 !important;
}

.orange-200-border-bottom {
  border-bottom-color: #ffcc80 !important;
}

.orange-200-border-left {
  border-left-color: #ffcc80 !important;
}

.orange-300-bg {
  background-color: #ffb74d !important;
}

.md-orange-300-bg {
  background-color: #ffb74d !important;
  color: rgba(0, 0, 0, 0.87);
}

.orange-300-fg {
  color: #ffb74d !important;
}

.orange-300-border {
  border-color: #ffb74d !important;
}

.orange-300-border-top {
  border-top-color: #ffb74d !important;
}

.orange-300-border-right {
  border-right-color: #ffb74d !important;
}

.orange-300-border-bottom {
  border-bottom-color: #ffb74d !important;
}

.orange-300-border-left {
  border-left-color: #ffb74d !important;
}

.orange-400-bg {
  background-color: #ffa726 !important;
}

.md-orange-400-bg {
  background-color: #ffa726 !important;
  color: rgba(0, 0, 0, 0.87);
}

.orange-400-fg {
  color: #ffa726 !important;
}

.orange-400-border {
  border-color: #ffa726 !important;
}

.orange-400-border-top {
  border-top-color: #ffa726 !important;
}

.orange-400-border-right {
  border-right-color: #ffa726 !important;
}

.orange-400-border-bottom {
  border-bottom-color: #ffa726 !important;
}

.orange-400-border-left {
  border-left-color: #ffa726 !important;
}

.orange-500-bg {
  background-color: #ff9800 !important;
}

.md-orange-500-bg {
  background-color: #ff9800 !important;
  color: rgba(0, 0, 0, 0.87);
}

.orange-500-fg {
  color: #ff9800 !important;
}

.orange-500-border {
  border-color: #ff9800 !important;
}

.orange-500-border-top {
  border-top-color: #ff9800 !important;
}

.orange-500-border-right {
  border-right-color: #ff9800 !important;
}

.orange-500-border-bottom {
  border-bottom-color: #ff9800 !important;
}

.orange-500-border-left {
  border-left-color: #ff9800 !important;
}

.md-orange-bg {
  background-color: #ff9800 !important;
  color: rgba(0, 0, 0, 0.87);
}

.orange-bg {
  background-color: #ff9800 !important;
}

.orange-fg {
  color: #ff9800 !important;
}

.orange-border {
  border-color: #ff9800 !important;
}

.orange-border-top {
  border-top-color: #ff9800 !important;
}

.orange-border-right {
  border-right-color: #ff9800 !important;
}

.orange-border-bottom {
  border-bottom-color: #ff9800 !important;
}

.orange-border-left {
  border-left-color: #ff9800 !important;
}

.orange-600-bg {
  background-color: #fb8c00 !important;
}

.md-orange-600-bg {
  background-color: #fb8c00 !important;
  color: rgba(0, 0, 0, 0.87);
}

.orange-600-fg {
  color: #fb8c00 !important;
}

.orange-600-border {
  border-color: #fb8c00 !important;
}

.orange-600-border-top {
  border-top-color: #fb8c00 !important;
}

.orange-600-border-right {
  border-right-color: #fb8c00 !important;
}

.orange-600-border-bottom {
  border-bottom-color: #fb8c00 !important;
}

.orange-600-border-left {
  border-left-color: #fb8c00 !important;
}

.orange-700-bg {
  background-color: #f57c00 !important;
}

.md-orange-700-bg {
  background-color: #f57c00 !important;
  color: rgba(0, 0, 0, 0.87);
}

.orange-700-fg {
  color: #f57c00 !important;
}

.orange-700-border {
  border-color: #f57c00 !important;
}

.orange-700-border-top {
  border-top-color: #f57c00 !important;
}

.orange-700-border-right {
  border-right-color: #f57c00 !important;
}

.orange-700-border-bottom {
  border-bottom-color: #f57c00 !important;
}

.orange-700-border-left {
  border-left-color: #f57c00 !important;
}

.orange-800-bg {
  background-color: #ef6c00 !important;
}

.md-orange-800-bg {
  background-color: #ef6c00 !important;
  color: white;
}

.orange-800-fg {
  color: #ef6c00 !important;
}

.orange-800-border {
  border-color: #ef6c00 !important;
}

.orange-800-border-top {
  border-top-color: #ef6c00 !important;
}

.orange-800-border-right {
  border-right-color: #ef6c00 !important;
}

.orange-800-border-bottom {
  border-bottom-color: #ef6c00 !important;
}

.orange-800-border-left {
  border-left-color: #ef6c00 !important;
}

.orange-900-bg {
  background-color: #e65100 !important;
}

.md-orange-900-bg {
  background-color: #e65100 !important;
  color: white;
}

.orange-900-fg {
  color: #e65100 !important;
}

.orange-900-border {
  border-color: #e65100 !important;
}

.orange-900-border-top {
  border-top-color: #e65100 !important;
}

.orange-900-border-right {
  border-right-color: #e65100 !important;
}

.orange-900-border-bottom {
  border-bottom-color: #e65100 !important;
}

.orange-900-border-left {
  border-left-color: #e65100 !important;
}

.orange-A100-bg {
  background-color: #ffd180 !important;
}

.md-orange-A100-bg {
  background-color: #ffd180 !important;
  color: rgba(0, 0, 0, 0.87);
}

.orange-A100-fg {
  color: #ffd180 !important;
}

.orange-A100-border {
  border-color: #ffd180 !important;
}

.orange-A100-border-top {
  border-top-color: #ffd180 !important;
}

.orange-A100-border-right {
  border-right-color: #ffd180 !important;
}

.orange-A100-border-bottom {
  border-bottom-color: #ffd180 !important;
}

.orange-A100-border-left {
  border-left-color: #ffd180 !important;
}

.orange-A200-bg {
  background-color: #ffab40 !important;
}

.md-orange-A200-bg {
  background-color: #ffab40 !important;
  color: rgba(0, 0, 0, 0.87);
}

.orange-A200-fg {
  color: #ffab40 !important;
}

.orange-A200-border {
  border-color: #ffab40 !important;
}

.orange-A200-border-top {
  border-top-color: #ffab40 !important;
}

.orange-A200-border-right {
  border-right-color: #ffab40 !important;
}

.orange-A200-border-bottom {
  border-bottom-color: #ffab40 !important;
}

.orange-A200-border-left {
  border-left-color: #ffab40 !important;
}

.orange-A400-bg {
  background-color: #ff9100 !important;
}

.md-orange-A400-bg {
  background-color: #ff9100 !important;
  color: rgba(0, 0, 0, 0.87);
}

.orange-A400-fg {
  color: #ff9100 !important;
}

.orange-A400-border {
  border-color: #ff9100 !important;
}

.orange-A400-border-top {
  border-top-color: #ff9100 !important;
}

.orange-A400-border-right {
  border-right-color: #ff9100 !important;
}

.orange-A400-border-bottom {
  border-bottom-color: #ff9100 !important;
}

.orange-A400-border-left {
  border-left-color: #ff9100 !important;
}

.orange-A700-bg {
  background-color: #ff6d00 !important;
}

.md-orange-A700-bg {
  background-color: #ff6d00 !important;
  color: rgba(0, 0, 0, 0.87);
}

.orange-A700-fg {
  color: #ff6d00 !important;
}

.orange-A700-border {
  border-color: #ff6d00 !important;
}

.orange-A700-border-top {
  border-top-color: #ff6d00 !important;
}

.orange-A700-border-right {
  border-right-color: #ff6d00 !important;
}

.orange-A700-border-bottom {
  border-bottom-color: #ff6d00 !important;
}

.orange-A700-border-left {
  border-left-color: #ff6d00 !important;
}

.deep-orange-50-bg {
  background-color: #fbe9e7 !important;
}

.md-deep-orange-50-bg {
  background-color: #fbe9e7 !important;
  color: rgba(0, 0, 0, 0.87);
}

.deep-orange-50-fg {
  color: #fbe9e7 !important;
}

.deep-orange-50-border {
  border-color: #fbe9e7 !important;
}

.deep-orange-50-border-top {
  border-top-color: #fbe9e7 !important;
}

.deep-orange-50-border-right {
  border-right-color: #fbe9e7 !important;
}

.deep-orange-50-border-bottom {
  border-bottom-color: #fbe9e7 !important;
}

.deep-orange-50-border-left {
  border-left-color: #fbe9e7 !important;
}

.deep-orange-100-bg {
  background-color: #ffccbc !important;
}

.md-deep-orange-100-bg {
  background-color: #ffccbc !important;
  color: rgba(0, 0, 0, 0.87);
}

.deep-orange-100-fg {
  color: #ffccbc !important;
}

.deep-orange-100-border {
  border-color: #ffccbc !important;
}

.deep-orange-100-border-top {
  border-top-color: #ffccbc !important;
}

.deep-orange-100-border-right {
  border-right-color: #ffccbc !important;
}

.deep-orange-100-border-bottom {
  border-bottom-color: #ffccbc !important;
}

.deep-orange-100-border-left {
  border-left-color: #ffccbc !important;
}

.deep-orange-200-bg {
  background-color: #ffab91 !important;
}

.md-deep-orange-200-bg {
  background-color: #ffab91 !important;
  color: rgba(0, 0, 0, 0.87);
}

.deep-orange-200-fg {
  color: #ffab91 !important;
}

.deep-orange-200-border {
  border-color: #ffab91 !important;
}

.deep-orange-200-border-top {
  border-top-color: #ffab91 !important;
}

.deep-orange-200-border-right {
  border-right-color: #ffab91 !important;
}

.deep-orange-200-border-bottom {
  border-bottom-color: #ffab91 !important;
}

.deep-orange-200-border-left {
  border-left-color: #ffab91 !important;
}

.deep-orange-300-bg {
  background-color: #ff8a65 !important;
}

.md-deep-orange-300-bg {
  background-color: #ff8a65 !important;
  color: rgba(0, 0, 0, 0.87);
}

.deep-orange-300-fg {
  color: #ff8a65 !important;
}

.deep-orange-300-border {
  border-color: #ff8a65 !important;
}

.deep-orange-300-border-top {
  border-top-color: #ff8a65 !important;
}

.deep-orange-300-border-right {
  border-right-color: #ff8a65 !important;
}

.deep-orange-300-border-bottom {
  border-bottom-color: #ff8a65 !important;
}

.deep-orange-300-border-left {
  border-left-color: #ff8a65 !important;
}

.deep-orange-400-bg {
  background-color: #ff7043 !important;
}

.md-deep-orange-400-bg {
  background-color: #ff7043 !important;
  color: rgba(0, 0, 0, 0.87);
}

.deep-orange-400-fg {
  color: #ff7043 !important;
}

.deep-orange-400-border {
  border-color: #ff7043 !important;
}

.deep-orange-400-border-top {
  border-top-color: #ff7043 !important;
}

.deep-orange-400-border-right {
  border-right-color: #ff7043 !important;
}

.deep-orange-400-border-bottom {
  border-bottom-color: #ff7043 !important;
}

.deep-orange-400-border-left {
  border-left-color: #ff7043 !important;
}

.deep-orange-500-bg {
  background-color: #ff5722 !important;
}

.md-deep-orange-500-bg {
  background-color: #ff5722 !important;
  color: white;
}

.deep-orange-500-fg {
  color: #ff5722 !important;
}

.deep-orange-500-border {
  border-color: #ff5722 !important;
}

.deep-orange-500-border-top {
  border-top-color: #ff5722 !important;
}

.deep-orange-500-border-right {
  border-right-color: #ff5722 !important;
}

.deep-orange-500-border-bottom {
  border-bottom-color: #ff5722 !important;
}

.deep-orange-500-border-left {
  border-left-color: #ff5722 !important;
}

.md-deep-orange-bg {
  background-color: #ff5722 !important;
  color: white;
}

.deep-orange-bg {
  background-color: #ff5722 !important;
}

.deep-orange-fg {
  color: #ff5722 !important;
}

.deep-orange-border {
  border-color: #ff5722 !important;
}

.deep-orange-border-top {
  border-top-color: #ff5722 !important;
}

.deep-orange-border-right {
  border-right-color: #ff5722 !important;
}

.deep-orange-border-bottom {
  border-bottom-color: #ff5722 !important;
}

.deep-orange-border-left {
  border-left-color: #ff5722 !important;
}

.deep-orange-600-bg {
  background-color: #f4511e !important;
}

.md-deep-orange-600-bg {
  background-color: #f4511e !important;
  color: white;
}

.deep-orange-600-fg {
  color: #f4511e !important;
}

.deep-orange-600-border {
  border-color: #f4511e !important;
}

.deep-orange-600-border-top {
  border-top-color: #f4511e !important;
}

.deep-orange-600-border-right {
  border-right-color: #f4511e !important;
}

.deep-orange-600-border-bottom {
  border-bottom-color: #f4511e !important;
}

.deep-orange-600-border-left {
  border-left-color: #f4511e !important;
}

.deep-orange-700-bg {
  background-color: #e64a19 !important;
}

.md-deep-orange-700-bg {
  background-color: #e64a19 !important;
  color: white;
}

.deep-orange-700-fg {
  color: #e64a19 !important;
}

.deep-orange-700-border {
  border-color: #e64a19 !important;
}

.deep-orange-700-border-top {
  border-top-color: #e64a19 !important;
}

.deep-orange-700-border-right {
  border-right-color: #e64a19 !important;
}

.deep-orange-700-border-bottom {
  border-bottom-color: #e64a19 !important;
}

.deep-orange-700-border-left {
  border-left-color: #e64a19 !important;
}

.deep-orange-800-bg {
  background-color: #d84315 !important;
}

.md-deep-orange-800-bg {
  background-color: #d84315 !important;
  color: white;
}

.deep-orange-800-fg {
  color: #d84315 !important;
}

.deep-orange-800-border {
  border-color: #d84315 !important;
}

.deep-orange-800-border-top {
  border-top-color: #d84315 !important;
}

.deep-orange-800-border-right {
  border-right-color: #d84315 !important;
}

.deep-orange-800-border-bottom {
  border-bottom-color: #d84315 !important;
}

.deep-orange-800-border-left {
  border-left-color: #d84315 !important;
}

.deep-orange-900-bg {
  background-color: #bf360c !important;
}

.md-deep-orange-900-bg {
  background-color: #bf360c !important;
  color: white;
}

.deep-orange-900-fg {
  color: #bf360c !important;
}

.deep-orange-900-border {
  border-color: #bf360c !important;
}

.deep-orange-900-border-top {
  border-top-color: #bf360c !important;
}

.deep-orange-900-border-right {
  border-right-color: #bf360c !important;
}

.deep-orange-900-border-bottom {
  border-bottom-color: #bf360c !important;
}

.deep-orange-900-border-left {
  border-left-color: #bf360c !important;
}

.deep-orange-A100-bg {
  background-color: #ff9e80 !important;
}

.md-deep-orange-A100-bg {
  background-color: #ff9e80 !important;
  color: rgba(0, 0, 0, 0.87);
}

.deep-orange-A100-fg {
  color: #ff9e80 !important;
}

.deep-orange-A100-border {
  border-color: #ff9e80 !important;
}

.deep-orange-A100-border-top {
  border-top-color: #ff9e80 !important;
}

.deep-orange-A100-border-right {
  border-right-color: #ff9e80 !important;
}

.deep-orange-A100-border-bottom {
  border-bottom-color: #ff9e80 !important;
}

.deep-orange-A100-border-left {
  border-left-color: #ff9e80 !important;
}

.deep-orange-A200-bg {
  background-color: #ff6e40 !important;
}

.md-deep-orange-A200-bg {
  background-color: #ff6e40 !important;
  color: rgba(0, 0, 0, 0.87);
}

.deep-orange-A200-fg {
  color: #ff6e40 !important;
}

.deep-orange-A200-border {
  border-color: #ff6e40 !important;
}

.deep-orange-A200-border-top {
  border-top-color: #ff6e40 !important;
}

.deep-orange-A200-border-right {
  border-right-color: #ff6e40 !important;
}

.deep-orange-A200-border-bottom {
  border-bottom-color: #ff6e40 !important;
}

.deep-orange-A200-border-left {
  border-left-color: #ff6e40 !important;
}

.deep-orange-A400-bg {
  background-color: #ff3d00 !important;
}

.md-deep-orange-A400-bg {
  background-color: #ff3d00 !important;
  color: white;
}

.deep-orange-A400-fg {
  color: #ff3d00 !important;
}

.deep-orange-A400-border {
  border-color: #ff3d00 !important;
}

.deep-orange-A400-border-top {
  border-top-color: #ff3d00 !important;
}

.deep-orange-A400-border-right {
  border-right-color: #ff3d00 !important;
}

.deep-orange-A400-border-bottom {
  border-bottom-color: #ff3d00 !important;
}

.deep-orange-A400-border-left {
  border-left-color: #ff3d00 !important;
}

.deep-orange-A700-bg {
  background-color: #dd2c00 !important;
}

.md-deep-orange-A700-bg {
  background-color: #dd2c00 !important;
  color: white;
}

.deep-orange-A700-fg {
  color: #dd2c00 !important;
}

.deep-orange-A700-border {
  border-color: #dd2c00 !important;
}

.deep-orange-A700-border-top {
  border-top-color: #dd2c00 !important;
}

.deep-orange-A700-border-right {
  border-right-color: #dd2c00 !important;
}

.deep-orange-A700-border-bottom {
  border-bottom-color: #dd2c00 !important;
}

.deep-orange-A700-border-left {
  border-left-color: #dd2c00 !important;
}

.brown-50-bg {
  background-color: #efebe9 !important;
}

.md-brown-50-bg {
  background-color: #efebe9 !important;
  color: rgba(0, 0, 0, 0.87);
}

.brown-50-fg {
  color: #efebe9 !important;
}

.brown-50-border {
  border-color: #efebe9 !important;
}

.brown-50-border-top {
  border-top-color: #efebe9 !important;
}

.brown-50-border-right {
  border-right-color: #efebe9 !important;
}

.brown-50-border-bottom {
  border-bottom-color: #efebe9 !important;
}

.brown-50-border-left {
  border-left-color: #efebe9 !important;
}

.brown-100-bg {
  background-color: #d7ccc8 !important;
}

.md-brown-100-bg {
  background-color: #d7ccc8 !important;
  color: rgba(0, 0, 0, 0.87);
}

.brown-100-fg {
  color: #d7ccc8 !important;
}

.brown-100-border {
  border-color: #d7ccc8 !important;
}

.brown-100-border-top {
  border-top-color: #d7ccc8 !important;
}

.brown-100-border-right {
  border-right-color: #d7ccc8 !important;
}

.brown-100-border-bottom {
  border-bottom-color: #d7ccc8 !important;
}

.brown-100-border-left {
  border-left-color: #d7ccc8 !important;
}

.brown-200-bg {
  background-color: #bcaaa4 !important;
}

.md-brown-200-bg {
  background-color: #bcaaa4 !important;
  color: rgba(0, 0, 0, 0.87);
}

.brown-200-fg {
  color: #bcaaa4 !important;
}

.brown-200-border {
  border-color: #bcaaa4 !important;
}

.brown-200-border-top {
  border-top-color: #bcaaa4 !important;
}

.brown-200-border-right {
  border-right-color: #bcaaa4 !important;
}

.brown-200-border-bottom {
  border-bottom-color: #bcaaa4 !important;
}

.brown-200-border-left {
  border-left-color: #bcaaa4 !important;
}

.brown-300-bg {
  background-color: #a1887f !important;
}

.md-brown-300-bg {
  background-color: #a1887f !important;
  color: white;
}

.brown-300-fg {
  color: #a1887f !important;
}

.brown-300-border {
  border-color: #a1887f !important;
}

.brown-300-border-top {
  border-top-color: #a1887f !important;
}

.brown-300-border-right {
  border-right-color: #a1887f !important;
}

.brown-300-border-bottom {
  border-bottom-color: #a1887f !important;
}

.brown-300-border-left {
  border-left-color: #a1887f !important;
}

.brown-400-bg {
  background-color: #8d6e63 !important;
}

.md-brown-400-bg {
  background-color: #8d6e63 !important;
  color: white;
}

.brown-400-fg {
  color: #8d6e63 !important;
}

.brown-400-border {
  border-color: #8d6e63 !important;
}

.brown-400-border-top {
  border-top-color: #8d6e63 !important;
}

.brown-400-border-right {
  border-right-color: #8d6e63 !important;
}

.brown-400-border-bottom {
  border-bottom-color: #8d6e63 !important;
}

.brown-400-border-left {
  border-left-color: #8d6e63 !important;
}

.brown-500-bg {
  background-color: #795548 !important;
}

.md-brown-500-bg {
  background-color: #795548 !important;
  color: rgba(255, 255, 255, 0.87);
}

.brown-500-fg {
  color: #795548 !important;
}

.brown-500-border {
  border-color: #795548 !important;
}

.brown-500-border-top {
  border-top-color: #795548 !important;
}

.brown-500-border-right {
  border-right-color: #795548 !important;
}

.brown-500-border-bottom {
  border-bottom-color: #795548 !important;
}

.brown-500-border-left {
  border-left-color: #795548 !important;
}

.md-brown-bg {
  background-color: #795548 !important;
  color: rgba(255, 255, 255, 0.87);
}

.brown-bg {
  background-color: #795548 !important;
}

.brown-fg {
  color: #795548 !important;
}

.brown-border {
  border-color: #795548 !important;
}

.brown-border-top {
  border-top-color: #795548 !important;
}

.brown-border-right {
  border-right-color: #795548 !important;
}

.brown-border-bottom {
  border-bottom-color: #795548 !important;
}

.brown-border-left {
  border-left-color: #795548 !important;
}

.brown-600-bg {
  background-color: #6d4c41 !important;
}

.md-brown-600-bg {
  background-color: #6d4c41 !important;
  color: rgba(255, 255, 255, 0.87);
}

.brown-600-fg {
  color: #6d4c41 !important;
}

.brown-600-border {
  border-color: #6d4c41 !important;
}

.brown-600-border-top {
  border-top-color: #6d4c41 !important;
}

.brown-600-border-right {
  border-right-color: #6d4c41 !important;
}

.brown-600-border-bottom {
  border-bottom-color: #6d4c41 !important;
}

.brown-600-border-left {
  border-left-color: #6d4c41 !important;
}

.brown-700-bg {
  background-color: #5d4037 !important;
}

.md-brown-700-bg {
  background-color: #5d4037 !important;
  color: rgba(255, 255, 255, 0.87);
}

.brown-700-fg {
  color: #5d4037 !important;
}

.brown-700-border {
  border-color: #5d4037 !important;
}

.brown-700-border-top {
  border-top-color: #5d4037 !important;
}

.brown-700-border-right {
  border-right-color: #5d4037 !important;
}

.brown-700-border-bottom {
  border-bottom-color: #5d4037 !important;
}

.brown-700-border-left {
  border-left-color: #5d4037 !important;
}

.brown-800-bg {
  background-color: #4e342e !important;
}

.md-brown-800-bg {
  background-color: #4e342e !important;
  color: rgba(255, 255, 255, 0.87);
}

.brown-800-fg {
  color: #4e342e !important;
}

.brown-800-border {
  border-color: #4e342e !important;
}

.brown-800-border-top {
  border-top-color: #4e342e !important;
}

.brown-800-border-right {
  border-right-color: #4e342e !important;
}

.brown-800-border-bottom {
  border-bottom-color: #4e342e !important;
}

.brown-800-border-left {
  border-left-color: #4e342e !important;
}

.brown-900-bg {
  background-color: #3e2723 !important;
}

.md-brown-900-bg {
  background-color: #3e2723 !important;
  color: rgba(255, 255, 255, 0.87);
}

.brown-900-fg {
  color: #3e2723 !important;
}

.brown-900-border {
  border-color: #3e2723 !important;
}

.brown-900-border-top {
  border-top-color: #3e2723 !important;
}

.brown-900-border-right {
  border-right-color: #3e2723 !important;
}

.brown-900-border-bottom {
  border-bottom-color: #3e2723 !important;
}

.brown-900-border-left {
  border-left-color: #3e2723 !important;
}

.brown-A100-bg {
  background-color: #d7ccc8 !important;
}

.md-brown-A100-bg {
  background-color: #d7ccc8 !important;
  color: rgba(255, 255, 255, 0.87);
}

.brown-A100-fg {
  color: #d7ccc8 !important;
}

.brown-A100-border {
  border-color: #d7ccc8 !important;
}

.brown-A100-border-top {
  border-top-color: #d7ccc8 !important;
}

.brown-A100-border-right {
  border-right-color: #d7ccc8 !important;
}

.brown-A100-border-bottom {
  border-bottom-color: #d7ccc8 !important;
}

.brown-A100-border-left {
  border-left-color: #d7ccc8 !important;
}

.brown-A200-bg {
  background-color: #bcaaa4 !important;
}

.md-brown-A200-bg {
  background-color: #bcaaa4 !important;
  color: rgba(255, 255, 255, 0.87);
}

.brown-A200-fg {
  color: #bcaaa4 !important;
}

.brown-A200-border {
  border-color: #bcaaa4 !important;
}

.brown-A200-border-top {
  border-top-color: #bcaaa4 !important;
}

.brown-A200-border-right {
  border-right-color: #bcaaa4 !important;
}

.brown-A200-border-bottom {
  border-bottom-color: #bcaaa4 !important;
}

.brown-A200-border-left {
  border-left-color: #bcaaa4 !important;
}

.brown-A400-bg {
  background-color: #8d6e63 !important;
}

.md-brown-A400-bg {
  background-color: #8d6e63 !important;
  color: rgba(255, 255, 255, 0.87);
}

.brown-A400-fg {
  color: #8d6e63 !important;
}

.brown-A400-border {
  border-color: #8d6e63 !important;
}

.brown-A400-border-top {
  border-top-color: #8d6e63 !important;
}

.brown-A400-border-right {
  border-right-color: #8d6e63 !important;
}

.brown-A400-border-bottom {
  border-bottom-color: #8d6e63 !important;
}

.brown-A400-border-left {
  border-left-color: #8d6e63 !important;
}

.brown-A700-bg {
  background-color: #5d4037 !important;
}

.md-brown-A700-bg {
  background-color: #5d4037 !important;
  color: rgba(255, 255, 255, 0.87);
}

.brown-A700-fg {
  color: #5d4037 !important;
}

.brown-A700-border {
  border-color: #5d4037 !important;
}

.brown-A700-border-top {
  border-top-color: #5d4037 !important;
}

.brown-A700-border-right {
  border-right-color: #5d4037 !important;
}

.brown-A700-border-bottom {
  border-bottom-color: #5d4037 !important;
}

.brown-A700-border-left {
  border-left-color: #5d4037 !important;
}

.grey-50-bg {
  background-color: #fafafa !important;
}

.md-grey-50-bg {
  background-color: #fafafa !important;
  color: rgba(0, 0, 0, 0.87);
}

.grey-50-fg {
  color: #fafafa !important;
}

.grey-50-border {
  border-color: #fafafa !important;
}

.grey-50-border-top {
  border-top-color: #fafafa !important;
}

.grey-50-border-right {
  border-right-color: #fafafa !important;
}

.grey-50-border-bottom {
  border-bottom-color: #fafafa !important;
}

.grey-50-border-left {
  border-left-color: #fafafa !important;
}

.grey-100-bg {
  background-color: #f5f5f5 !important;
}

.md-grey-100-bg {
  background-color: #f5f5f5 !important;
  color: rgba(0, 0, 0, 0.87);
}

.grey-100-fg {
  color: #f5f5f5 !important;
}

.grey-100-border {
  border-color: #f5f5f5 !important;
}

.grey-100-border-top {
  border-top-color: #f5f5f5 !important;
}

.grey-100-border-right {
  border-right-color: #f5f5f5 !important;
}

.grey-100-border-bottom {
  border-bottom-color: #f5f5f5 !important;
}

.grey-100-border-left {
  border-left-color: #f5f5f5 !important;
}

.grey-200-bg {
  background-color: #eeeeee !important;
}

.md-grey-200-bg {
  background-color: #eeeeee !important;
  color: rgba(0, 0, 0, 0.87);
}

.grey-200-fg {
  color: #eeeeee !important;
}

.grey-200-border {
  border-color: #eeeeee !important;
}

.grey-200-border-top {
  border-top-color: #eeeeee !important;
}

.grey-200-border-right {
  border-right-color: #eeeeee !important;
}

.grey-200-border-bottom {
  border-bottom-color: #eeeeee !important;
}

.grey-200-border-left {
  border-left-color: #eeeeee !important;
}

.grey-300-bg {
  background-color: #e0e0e0 !important;
}

.md-grey-300-bg {
  background-color: #e0e0e0 !important;
  color: rgba(0, 0, 0, 0.87);
}

.grey-300-fg {
  color: #e0e0e0 !important;
}

.grey-300-border {
  border-color: #e0e0e0 !important;
}

.grey-300-border-top {
  border-top-color: #e0e0e0 !important;
}

.grey-300-border-right {
  border-right-color: #e0e0e0 !important;
}

.grey-300-border-bottom {
  border-bottom-color: #e0e0e0 !important;
}

.grey-300-border-left {
  border-left-color: #e0e0e0 !important;
}

.grey-400-bg {
  background-color: #bdbdbd !important;
}

.md-grey-400-bg {
  background-color: #bdbdbd !important;
  color: rgba(0, 0, 0, 0.87);
}

.grey-400-fg {
  color: #bdbdbd !important;
}

.grey-400-border {
  border-color: #bdbdbd !important;
}

.grey-400-border-top {
  border-top-color: #bdbdbd !important;
}

.grey-400-border-right {
  border-right-color: #bdbdbd !important;
}

.grey-400-border-bottom {
  border-bottom-color: #bdbdbd !important;
}

.grey-400-border-left {
  border-left-color: #bdbdbd !important;
}

.grey-500-bg {
  background-color: #9e9e9e !important;
}

.md-grey-500-bg {
  background-color: #9e9e9e !important;
  color: rgba(0, 0, 0, 0.87);
}

.grey-500-fg {
  color: #9e9e9e !important;
}

.grey-500-border {
  border-color: #9e9e9e !important;
}

.grey-500-border-top {
  border-top-color: #9e9e9e !important;
}

.grey-500-border-right {
  border-right-color: #9e9e9e !important;
}

.grey-500-border-bottom {
  border-bottom-color: #9e9e9e !important;
}

.grey-500-border-left {
  border-left-color: #9e9e9e !important;
}

.md-grey-bg {
  background-color: #9e9e9e !important;
  color: rgba(0, 0, 0, 0.87);
}

.grey-bg {
  background-color: #9e9e9e !important;
}

.grey-fg {
  color: #9e9e9e !important;
}

.grey-border {
  border-color: #9e9e9e !important;
}

.grey-border-top {
  border-top-color: #9e9e9e !important;
}

.grey-border-right {
  border-right-color: #9e9e9e !important;
}

.grey-border-bottom {
  border-bottom-color: #9e9e9e !important;
}

.grey-border-left {
  border-left-color: #9e9e9e !important;
}

.grey-600-bg {
  background-color: #757575 !important;
}

.md-grey-600-bg {
  background-color: #757575 !important;
  color: rgba(255, 255, 255, 0.87);
}

.grey-600-fg {
  color: #757575 !important;
}

.grey-600-border {
  border-color: #757575 !important;
}

.grey-600-border-top {
  border-top-color: #757575 !important;
}

.grey-600-border-right {
  border-right-color: #757575 !important;
}

.grey-600-border-bottom {
  border-bottom-color: #757575 !important;
}

.grey-600-border-left {
  border-left-color: #757575 !important;
}

.grey-700-bg {
  background-color: #616161 !important;
}

.md-grey-700-bg {
  background-color: #616161 !important;
  color: rgba(255, 255, 255, 0.87);
}

.grey-700-fg {
  color: #616161 !important;
}

.grey-700-border {
  border-color: #616161 !important;
}

.grey-700-border-top {
  border-top-color: #616161 !important;
}

.grey-700-border-right {
  border-right-color: #616161 !important;
}

.grey-700-border-bottom {
  border-bottom-color: #616161 !important;
}

.grey-700-border-left {
  border-left-color: #616161 !important;
}

.grey-800-bg {
  background-color: #424242 !important;
}

.md-grey-800-bg {
  background-color: #424242 !important;
  color: rgba(255, 255, 255, 0.87);
}

.grey-800-fg {
  color: #424242 !important;
}

.grey-800-border {
  border-color: #424242 !important;
}

.grey-800-border-top {
  border-top-color: #424242 !important;
}

.grey-800-border-right {
  border-right-color: #424242 !important;
}

.grey-800-border-bottom {
  border-bottom-color: #424242 !important;
}

.grey-800-border-left {
  border-left-color: #424242 !important;
}

.grey-900-bg {
  background-color: #212121 !important;
}

.md-grey-900-bg {
  background-color: #212121 !important;
  color: rgba(255, 255, 255, 0.87);
}

.grey-900-fg {
  color: #212121 !important;
}

.grey-900-border {
  border-color: #212121 !important;
}

.grey-900-border-top {
  border-top-color: #212121 !important;
}

.grey-900-border-right {
  border-right-color: #212121 !important;
}

.grey-900-border-bottom {
  border-bottom-color: #212121 !important;
}

.grey-900-border-left {
  border-left-color: #212121 !important;
}

.grey-1000-bg {
  background-color: #000000 !important;
}

.md-grey-1000-bg {
  background-color: #000000 !important;
}

.grey-1000-fg {
  color: #000000 !important;
}

.grey-1000-border {
  border-color: #000000 !important;
}

.grey-1000-border-top {
  border-top-color: #000000 !important;
}

.grey-1000-border-right {
  border-right-color: #000000 !important;
}

.grey-1000-border-bottom {
  border-bottom-color: #000000 !important;
}

.grey-1000-border-left {
  border-left-color: #000000 !important;
}

.grey-A100-bg {
  background-color: #ffffff !important;
}

.md-grey-A100-bg {
  background-color: #ffffff !important;
  color: rgba(0, 0, 0, 0.87);
}

.grey-A100-fg {
  color: #ffffff !important;
}

.grey-A100-border {
  border-color: #ffffff !important;
}

.grey-A100-border-top {
  border-top-color: #ffffff !important;
}

.grey-A100-border-right {
  border-right-color: #ffffff !important;
}

.grey-A100-border-bottom {
  border-bottom-color: #ffffff !important;
}

.grey-A100-border-left {
  border-left-color: #ffffff !important;
}

.grey-A200-bg {
  background-color: #eeeeee !important;
}

.md-grey-A200-bg {
  background-color: #eeeeee !important;
  color: rgba(0, 0, 0, 0.87);
}

.grey-A200-fg {
  color: #eeeeee !important;
}

.grey-A200-border {
  border-color: #eeeeee !important;
}

.grey-A200-border-top {
  border-top-color: #eeeeee !important;
}

.grey-A200-border-right {
  border-right-color: #eeeeee !important;
}

.grey-A200-border-bottom {
  border-bottom-color: #eeeeee !important;
}

.grey-A200-border-left {
  border-left-color: #eeeeee !important;
}

.grey-A400-bg {
  background-color: #bdbdbd !important;
}

.md-grey-A400-bg {
  background-color: #bdbdbd !important;
  color: rgba(0, 0, 0, 0.87);
}

.grey-A400-fg {
  color: #bdbdbd !important;
}

.grey-A400-border {
  border-color: #bdbdbd !important;
}

.grey-A400-border-top {
  border-top-color: #bdbdbd !important;
}

.grey-A400-border-right {
  border-right-color: #bdbdbd !important;
}

.grey-A400-border-bottom {
  border-bottom-color: #bdbdbd !important;
}

.grey-A400-border-left {
  border-left-color: #bdbdbd !important;
}

.grey-A700-bg {
  background-color: #616161 !important;
}

.md-grey-A700-bg {
  background-color: #616161 !important;
  color: rgba(0, 0, 0, 0.87);
}

.grey-A700-fg {
  color: #616161 !important;
}

.grey-A700-border {
  border-color: #616161 !important;
}

.grey-A700-border-top {
  border-top-color: #616161 !important;
}

.grey-A700-border-right {
  border-right-color: #616161 !important;
}

.grey-A700-border-bottom {
  border-bottom-color: #616161 !important;
}

.grey-A700-border-left {
  border-left-color: #616161 !important;
}

.blue-grey-50-bg {
  background-color: #eceff1 !important;
}

.md-blue-grey-50-bg {
  background-color: #eceff1 !important;
  color: rgba(0, 0, 0, 0.87);
}

.blue-grey-50-fg {
  color: #eceff1 !important;
}

.blue-grey-50-border {
  border-color: #eceff1 !important;
}

.blue-grey-50-border-top {
  border-top-color: #eceff1 !important;
}

.blue-grey-50-border-right {
  border-right-color: #eceff1 !important;
}

.blue-grey-50-border-bottom {
  border-bottom-color: #eceff1 !important;
}

.blue-grey-50-border-left {
  border-left-color: #eceff1 !important;
}

.blue-grey-100-bg {
  background-color: #cfd8dc !important;
}

.md-blue-grey-100-bg {
  background-color: #cfd8dc !important;
  color: rgba(0, 0, 0, 0.87);
}

.blue-grey-100-fg {
  color: #cfd8dc !important;
}

.blue-grey-100-border {
  border-color: #cfd8dc !important;
}

.blue-grey-100-border-top {
  border-top-color: #cfd8dc !important;
}

.blue-grey-100-border-right {
  border-right-color: #cfd8dc !important;
}

.blue-grey-100-border-bottom {
  border-bottom-color: #cfd8dc !important;
}

.blue-grey-100-border-left {
  border-left-color: #cfd8dc !important;
}

.blue-grey-200-bg {
  background-color: #b0bec5 !important;
}

.md-blue-grey-200-bg {
  background-color: #b0bec5 !important;
  color: rgba(0, 0, 0, 0.87);
}

.blue-grey-200-fg {
  color: #b0bec5 !important;
}

.blue-grey-200-border {
  border-color: #b0bec5 !important;
}

.blue-grey-200-border-top {
  border-top-color: #b0bec5 !important;
}

.blue-grey-200-border-right {
  border-right-color: #b0bec5 !important;
}

.blue-grey-200-border-bottom {
  border-bottom-color: #b0bec5 !important;
}

.blue-grey-200-border-left {
  border-left-color: #b0bec5 !important;
}

.blue-grey-300-bg {
  background-color: #90a4ae !important;
}

.md-blue-grey-300-bg {
  background-color: #90a4ae !important;
  color: rgba(0, 0, 0, 0.87);
}

.blue-grey-300-fg {
  color: #90a4ae !important;
}

.blue-grey-300-border {
  border-color: #90a4ae !important;
}

.blue-grey-300-border-top {
  border-top-color: #90a4ae !important;
}

.blue-grey-300-border-right {
  border-right-color: #90a4ae !important;
}

.blue-grey-300-border-bottom {
  border-bottom-color: #90a4ae !important;
}

.blue-grey-300-border-left {
  border-left-color: #90a4ae !important;
}

.blue-grey-400-bg {
  background-color: #78909c !important;
}

.md-blue-grey-400-bg {
  background-color: #78909c !important;
  color: white;
}

.blue-grey-400-fg {
  color: #78909c !important;
}

.blue-grey-400-border {
  border-color: #78909c !important;
}

.blue-grey-400-border-top {
  border-top-color: #78909c !important;
}

.blue-grey-400-border-right {
  border-right-color: #78909c !important;
}

.blue-grey-400-border-bottom {
  border-bottom-color: #78909c !important;
}

.blue-grey-400-border-left {
  border-left-color: #78909c !important;
}

.blue-grey-500-bg {
  background-color: #607d8b !important;
}

.md-blue-grey-500-bg {
  background-color: #607d8b !important;
  color: white;
}

.blue-grey-500-fg {
  color: #607d8b !important;
}

.blue-grey-500-border {
  border-color: #607d8b !important;
}

.blue-grey-500-border-top {
  border-top-color: #607d8b !important;
}

.blue-grey-500-border-right {
  border-right-color: #607d8b !important;
}

.blue-grey-500-border-bottom {
  border-bottom-color: #607d8b !important;
}

.blue-grey-500-border-left {
  border-left-color: #607d8b !important;
}

.md-blue-grey-bg {
  background-color: #607d8b !important;
  color: white;
}

.blue-grey-bg {
  background-color: #607d8b !important;
}

.blue-grey-fg {
  color: #607d8b !important;
}

.blue-grey-border {
  border-color: #607d8b !important;
}

.blue-grey-border-top {
  border-top-color: #607d8b !important;
}

.blue-grey-border-right {
  border-right-color: #607d8b !important;
}

.blue-grey-border-bottom {
  border-bottom-color: #607d8b !important;
}

.blue-grey-border-left {
  border-left-color: #607d8b !important;
}

.blue-grey-600-bg {
  background-color: #546e7a !important;
}

.md-blue-grey-600-bg {
  background-color: #546e7a !important;
  color: rgba(255, 255, 255, 0.87);
}

.blue-grey-600-fg {
  color: #546e7a !important;
}

.blue-grey-600-border {
  border-color: #546e7a !important;
}

.blue-grey-600-border-top {
  border-top-color: #546e7a !important;
}

.blue-grey-600-border-right {
  border-right-color: #546e7a !important;
}

.blue-grey-600-border-bottom {
  border-bottom-color: #546e7a !important;
}

.blue-grey-600-border-left {
  border-left-color: #546e7a !important;
}

.blue-grey-700-bg {
  background-color: #455a64 !important;
}

.md-blue-grey-700-bg {
  background-color: #455a64 !important;
  color: rgba(255, 255, 255, 0.87);
}

.blue-grey-700-fg {
  color: #455a64 !important;
}

.blue-grey-700-border {
  border-color: #455a64 !important;
}

.blue-grey-700-border-top {
  border-top-color: #455a64 !important;
}

.blue-grey-700-border-right {
  border-right-color: #455a64 !important;
}

.blue-grey-700-border-bottom {
  border-bottom-color: #455a64 !important;
}

.blue-grey-700-border-left {
  border-left-color: #455a64 !important;
}

.blue-grey-800-bg {
  background-color: #37474f !important;
}

.md-blue-grey-800-bg {
  background-color: #37474f !important;
  color: rgba(255, 255, 255, 0.87);
}

.blue-grey-800-fg {
  color: #37474f !important;
}

.blue-grey-800-border {
  border-color: #37474f !important;
}

.blue-grey-800-border-top {
  border-top-color: #37474f !important;
}

.blue-grey-800-border-right {
  border-right-color: #37474f !important;
}

.blue-grey-800-border-bottom {
  border-bottom-color: #37474f !important;
}

.blue-grey-800-border-left {
  border-left-color: #37474f !important;
}

.blue-grey-900-bg {
  background-color: #263238 !important;
}

.md-blue-grey-900-bg {
  background-color: #263238 !important;
  color: rgba(255, 255, 255, 0.87);
}

.blue-grey-900-fg {
  color: #263238 !important;
}

.blue-grey-900-border {
  border-color: #263238 !important;
}

.blue-grey-900-border-top {
  border-top-color: #263238 !important;
}

.blue-grey-900-border-right {
  border-right-color: #263238 !important;
}

.blue-grey-900-border-bottom {
  border-bottom-color: #263238 !important;
}

.blue-grey-900-border-left {
  border-left-color: #263238 !important;
}

.blue-grey-A100-bg {
  background-color: #cfd8dc !important;
}

.md-blue-grey-A100-bg {
  background-color: #cfd8dc !important;
  color: rgba(255, 255, 255, 0.87);
}

.blue-grey-A100-fg {
  color: #cfd8dc !important;
}

.blue-grey-A100-border {
  border-color: #cfd8dc !important;
}

.blue-grey-A100-border-top {
  border-top-color: #cfd8dc !important;
}

.blue-grey-A100-border-right {
  border-right-color: #cfd8dc !important;
}

.blue-grey-A100-border-bottom {
  border-bottom-color: #cfd8dc !important;
}

.blue-grey-A100-border-left {
  border-left-color: #cfd8dc !important;
}

.blue-grey-A200-bg {
  background-color: #b0bec5 !important;
}

.md-blue-grey-A200-bg {
  background-color: #b0bec5 !important;
  color: rgba(255, 255, 255, 0.87);
}

.blue-grey-A200-fg {
  color: #b0bec5 !important;
}

.blue-grey-A200-border {
  border-color: #b0bec5 !important;
}

.blue-grey-A200-border-top {
  border-top-color: #b0bec5 !important;
}

.blue-grey-A200-border-right {
  border-right-color: #b0bec5 !important;
}

.blue-grey-A200-border-bottom {
  border-bottom-color: #b0bec5 !important;
}

.blue-grey-A200-border-left {
  border-left-color: #b0bec5 !important;
}

.blue-grey-A400-bg {
  background-color: #78909c !important;
}

.md-blue-grey-A400-bg {
  background-color: #78909c !important;
  color: rgba(255, 255, 255, 0.87);
}

.blue-grey-A400-fg {
  color: #78909c !important;
}

.blue-grey-A400-border {
  border-color: #78909c !important;
}

.blue-grey-A400-border-top {
  border-top-color: #78909c !important;
}

.blue-grey-A400-border-right {
  border-right-color: #78909c !important;
}

.blue-grey-A400-border-bottom {
  border-bottom-color: #78909c !important;
}

.blue-grey-A400-border-left {
  border-left-color: #78909c !important;
}

.blue-grey-A700-bg {
  background-color: #455a64 !important;
}

.md-blue-grey-A700-bg {
  background-color: #455a64 !important;
  color: rgba(255, 255, 255, 0.87);
}

.blue-grey-A700-fg {
  color: #455a64 !important;
}

.blue-grey-A700-border {
  border-color: #455a64 !important;
}

.blue-grey-A700-border-top {
  border-top-color: #455a64 !important;
}

.blue-grey-A700-border-right {
  border-right-color: #455a64 !important;
}

.blue-grey-A700-border-bottom {
  border-bottom-color: #455a64 !important;
}

.blue-grey-A700-border-left {
  border-left-color: #455a64 !important;
}

.white-500-bg {
  background-color: #ffffff !important;
}

.md-white-500-bg {
  background-color: #ffffff !important;
  color: rgba(0, 0, 0, 0.87);
}

.white-500-fg {
  color: #ffffff !important;
}

.white-500-border {
  border-color: #ffffff !important;
}

.white-500-border-top {
  border-top-color: #ffffff !important;
}

.white-500-border-right {
  border-right-color: #ffffff !important;
}

.white-500-border-bottom {
  border-bottom-color: #ffffff !important;
}

.white-500-border-left {
  border-left-color: #ffffff !important;
}

.md-white-bg {
  background-color: #ffffff !important;
  color: rgba(0, 0, 0, 0.87);
}

.white-bg {
  background-color: #ffffff !important;
}

.white-fg {
  color: #ffffff !important;
}

.white-border {
  border-color: #ffffff !important;
}

.white-border-top {
  border-top-color: #ffffff !important;
}

.white-border-right {
  border-right-color: #ffffff !important;
}

.white-border-bottom {
  border-bottom-color: #ffffff !important;
}

.white-border-left {
  border-left-color: #ffffff !important;
}

.black-500-bg {
  background-color: #000000 !important;
}

.md-black-500-bg {
  background-color: #000000 !important;
  color: rgba(255, 255, 255, 0.87);
}

.black-500-fg {
  color: #000000 !important;
}

.black-500-border {
  border-color: #000000 !important;
}

.black-500-border-top {
  border-top-color: #000000 !important;
}

.black-500-border-right {
  border-right-color: #000000 !important;
}

.black-500-border-bottom {
  border-bottom-color: #000000 !important;
}

.black-500-border-left {
  border-left-color: #000000 !important;
}

.md-black-bg {
  background-color: #000000 !important;
  color: rgba(255, 255, 255, 0.87);
}

.black-bg {
  background-color: #000000 !important;
}

.black-fg {
  color: #000000 !important;
}

.black-border {
  border-color: #000000 !important;
}

.black-border-top {
  border-top-color: #000000 !important;
}

.black-border-right {
  border-right-color: #000000 !important;
}

.black-border-bottom {
  border-bottom-color: #000000 !important;
}

.black-border-left {
  border-left-color: #000000 !important;
}

/*----------------------------------------------------------------*/
/*  Icons
/*----------------------------------------------------------------*/
md-icon[md-font-icon],
i {
  font-size: 24px;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  line-height: 24px;
}

md-icon[md-font-icon].s4,
i.s4 {
  font-size: 4px !important;
  width: 4px !important;
  height: 4px !important;
  min-width: 4px !important;
  min-height: 4px !important;
  line-height: 4px !important;
}

md-icon[md-font-icon].s6,
i.s6 {
  font-size: 6px !important;
  width: 6px !important;
  height: 6px !important;
  min-width: 6px !important;
  min-height: 6px !important;
  line-height: 6px !important;
}

md-icon[md-font-icon].s8,
i.s8 {
  font-size: 8px !important;
  width: 8px !important;
  height: 8px !important;
  min-width: 8px !important;
  min-height: 8px !important;
  line-height: 8px !important;
}

md-icon[md-font-icon].s10,
i.s10 {
  font-size: 10px !important;
  width: 10px !important;
  height: 10px !important;
  min-width: 10px !important;
  min-height: 10px !important;
  line-height: 10px !important;
}

md-icon[md-font-icon].s12,
i.s12 {
  font-size: 12px !important;
  width: 12px !important;
  height: 12px !important;
  min-width: 12px !important;
  min-height: 12px !important;
  line-height: 12px !important;
}

md-icon[md-font-icon].s14,
i.s14 {
  font-size: 14px !important;
  width: 14px !important;
  height: 14px !important;
  min-width: 14px !important;
  min-height: 14px !important;
  line-height: 14px !important;
}

md-icon[md-font-icon].s16,
i.s16 {
  font-size: 16px !important;
  width: 16px !important;
  height: 16px !important;
  min-width: 16px !important;
  min-height: 16px !important;
  line-height: 16px !important;
}

md-icon[md-font-icon].s18,
i.s18 {
  font-size: 18px !important;
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  min-height: 18px !important;
  line-height: 18px !important;
}

md-icon[md-font-icon].s20,
i.s20 {
  font-size: 20px !important;
  width: 20px !important;
  height: 20px !important;
  min-width: 20px !important;
  min-height: 20px !important;
  line-height: 20px !important;
}

md-icon[md-font-icon].s22,
i.s22 {
  font-size: 22px !important;
  width: 22px !important;
  height: 22px !important;
  min-width: 22px !important;
  min-height: 22px !important;
  line-height: 22px !important;
}

md-icon[md-font-icon].s24,
i.s24 {
  font-size: 24px !important;
  width: 24px !important;
  height: 24px !important;
  min-width: 24px !important;
  min-height: 24px !important;
  line-height: 24px !important;
}

md-icon[md-font-icon].s26,
i.s26 {
  font-size: 26px !important;
  width: 26px !important;
  height: 26px !important;
  min-width: 26px !important;
  min-height: 26px !important;
  line-height: 26px !important;
}

md-icon[md-font-icon].s28,
i.s28 {
  font-size: 28px !important;
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  min-height: 28px !important;
  line-height: 28px !important;
}

md-icon[md-font-icon].s30,
i.s30 {
  font-size: 30px !important;
  width: 30px !important;
  height: 30px !important;
  min-width: 30px !important;
  min-height: 30px !important;
  line-height: 30px !important;
}

md-icon[md-font-icon].s32,
i.s32 {
  font-size: 32px !important;
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  min-height: 32px !important;
  line-height: 32px !important;
}

md-icon[md-font-icon].s34,
i.s34 {
  font-size: 34px !important;
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  min-height: 34px !important;
  line-height: 34px !important;
}

md-icon[md-font-icon].s36,
i.s36 {
  font-size: 36px !important;
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  min-height: 36px !important;
  line-height: 36px !important;
}

md-icon[md-font-icon].s38,
i.s38 {
  font-size: 38px !important;
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  min-height: 38px !important;
  line-height: 38px !important;
}

md-icon[md-font-icon].s40,
i.s40 {
  font-size: 40px !important;
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  line-height: 40px !important;
}

md-icon[md-font-icon].s42,
i.s42 {
  font-size: 42px !important;
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  min-height: 42px !important;
  line-height: 42px !important;
}

md-icon[md-font-icon].s44,
i.s44 {
  font-size: 44px !important;
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  min-height: 44px !important;
  line-height: 44px !important;
}

md-icon[md-font-icon].s46,
i.s46 {
  font-size: 46px !important;
  width: 46px !important;
  height: 46px !important;
  min-width: 46px !important;
  min-height: 46px !important;
  line-height: 46px !important;
}

md-icon[md-font-icon].s48,
i.s48 {
  font-size: 48px !important;
  width: 48px !important;
  height: 48px !important;
  min-width: 48px !important;
  min-height: 48px !important;
  line-height: 48px !important;
}

md-icon[md-font-icon].s50,
i.s50 {
  font-size: 50px !important;
  width: 50px !important;
  height: 50px !important;
  min-width: 50px !important;
  min-height: 50px !important;
  line-height: 50px !important;
}

md-icon[md-font-icon].s52,
i.s52 {
  font-size: 52px !important;
  width: 52px !important;
  height: 52px !important;
  min-width: 52px !important;
  min-height: 52px !important;
  line-height: 52px !important;
}

md-icon[md-font-icon].s54,
i.s54 {
  font-size: 54px !important;
  width: 54px !important;
  height: 54px !important;
  min-width: 54px !important;
  min-height: 54px !important;
  line-height: 54px !important;
}

md-icon[md-font-icon].s56,
i.s56 {
  font-size: 56px !important;
  width: 56px !important;
  height: 56px !important;
  min-width: 56px !important;
  min-height: 56px !important;
  line-height: 56px !important;
}

md-icon[md-font-icon].s58,
i.s58 {
  font-size: 58px !important;
  width: 58px !important;
  height: 58px !important;
  min-width: 58px !important;
  min-height: 58px !important;
  line-height: 58px !important;
}

md-icon[md-font-icon].s60,
i.s60 {
  font-size: 60px !important;
  width: 60px !important;
  height: 60px !important;
  min-width: 60px !important;
  min-height: 60px !important;
  line-height: 60px !important;
}

md-icon[md-font-icon].s62,
i.s62 {
  font-size: 62px !important;
  width: 62px !important;
  height: 62px !important;
  min-width: 62px !important;
  min-height: 62px !important;
  line-height: 62px !important;
}

md-icon[md-font-icon].s64,
i.s64 {
  font-size: 64px !important;
  width: 64px !important;
  height: 64px !important;
  min-width: 64px !important;
  min-height: 64px !important;
  line-height: 64px !important;
}

md-icon[md-font-icon].s66,
i.s66 {
  font-size: 66px !important;
  width: 66px !important;
  height: 66px !important;
  min-width: 66px !important;
  min-height: 66px !important;
  line-height: 66px !important;
}

md-icon[md-font-icon].s68,
i.s68 {
  font-size: 68px !important;
  width: 68px !important;
  height: 68px !important;
  min-width: 68px !important;
  min-height: 68px !important;
  line-height: 68px !important;
}

md-icon[md-font-icon].s70,
i.s70 {
  font-size: 70px !important;
  width: 70px !important;
  height: 70px !important;
  min-width: 70px !important;
  min-height: 70px !important;
  line-height: 70px !important;
}

md-icon[md-font-icon].s72,
i.s72 {
  font-size: 72px !important;
  width: 72px !important;
  height: 72px !important;
  min-width: 72px !important;
  min-height: 72px !important;
  line-height: 72px !important;
}

md-icon[md-font-icon].s74,
i.s74 {
  font-size: 74px !important;
  width: 74px !important;
  height: 74px !important;
  min-width: 74px !important;
  min-height: 74px !important;
  line-height: 74px !important;
}

md-icon[md-font-icon].s76,
i.s76 {
  font-size: 76px !important;
  width: 76px !important;
  height: 76px !important;
  min-width: 76px !important;
  min-height: 76px !important;
  line-height: 76px !important;
}

md-icon[md-font-icon].s78,
i.s78 {
  font-size: 78px !important;
  width: 78px !important;
  height: 78px !important;
  min-width: 78px !important;
  min-height: 78px !important;
  line-height: 78px !important;
}

md-icon[md-font-icon].s80,
i.s80 {
  font-size: 80px !important;
  width: 80px !important;
  height: 80px !important;
  min-width: 80px !important;
  min-height: 80px !important;
  line-height: 80px !important;
}

md-icon[md-font-icon].s82,
i.s82 {
  font-size: 82px !important;
  width: 82px !important;
  height: 82px !important;
  min-width: 82px !important;
  min-height: 82px !important;
  line-height: 82px !important;
}

md-icon[md-font-icon].s84,
i.s84 {
  font-size: 84px !important;
  width: 84px !important;
  height: 84px !important;
  min-width: 84px !important;
  min-height: 84px !important;
  line-height: 84px !important;
}

md-icon[md-font-icon].s86,
i.s86 {
  font-size: 86px !important;
  width: 86px !important;
  height: 86px !important;
  min-width: 86px !important;
  min-height: 86px !important;
  line-height: 86px !important;
}

md-icon[md-font-icon].s88,
i.s88 {
  font-size: 88px !important;
  width: 88px !important;
  height: 88px !important;
  min-width: 88px !important;
  min-height: 88px !important;
  line-height: 88px !important;
}

md-icon[md-font-icon].s90,
i.s90 {
  font-size: 90px !important;
  width: 90px !important;
  height: 90px !important;
  min-width: 90px !important;
  min-height: 90px !important;
  line-height: 90px !important;
}

md-icon[md-font-icon].s92,
i.s92 {
  font-size: 92px !important;
  width: 92px !important;
  height: 92px !important;
  min-width: 92px !important;
  min-height: 92px !important;
  line-height: 92px !important;
}

md-icon[md-font-icon].s94,
i.s94 {
  font-size: 94px !important;
  width: 94px !important;
  height: 94px !important;
  min-width: 94px !important;
  min-height: 94px !important;
  line-height: 94px !important;
}

md-icon[md-font-icon].s96,
i.s96 {
  font-size: 96px !important;
  width: 96px !important;
  height: 96px !important;
  min-width: 96px !important;
  min-height: 96px !important;
  line-height: 96px !important;
}

md-icon[md-font-icon].s98,
i.s98 {
  font-size: 98px !important;
  width: 98px !important;
  height: 98px !important;
  min-width: 98px !important;
  min-height: 98px !important;
  line-height: 98px !important;
}

md-icon[md-font-icon].s100,
i.s100 {
  font-size: 100px !important;
  width: 100px !important;
  height: 100px !important;
  min-width: 100px !important;
  min-height: 100px !important;
  line-height: 100px !important;
}

md-icon[md-font-icon].s102,
i.s102 {
  font-size: 102px !important;
  width: 102px !important;
  height: 102px !important;
  min-width: 102px !important;
  min-height: 102px !important;
  line-height: 102px !important;
}

md-icon[md-font-icon].s104,
i.s104 {
  font-size: 104px !important;
  width: 104px !important;
  height: 104px !important;
  min-width: 104px !important;
  min-height: 104px !important;
  line-height: 104px !important;
}

md-icon[md-font-icon].s106,
i.s106 {
  font-size: 106px !important;
  width: 106px !important;
  height: 106px !important;
  min-width: 106px !important;
  min-height: 106px !important;
  line-height: 106px !important;
}

md-icon[md-font-icon].s108,
i.s108 {
  font-size: 108px !important;
  width: 108px !important;
  height: 108px !important;
  min-width: 108px !important;
  min-height: 108px !important;
  line-height: 108px !important;
}

md-icon[md-font-icon].s110,
i.s110 {
  font-size: 110px !important;
  width: 110px !important;
  height: 110px !important;
  min-width: 110px !important;
  min-height: 110px !important;
  line-height: 110px !important;
}

md-icon[md-font-icon].s112,
i.s112 {
  font-size: 112px !important;
  width: 112px !important;
  height: 112px !important;
  min-width: 112px !important;
  min-height: 112px !important;
  line-height: 112px !important;
}

md-icon[md-font-icon].s114,
i.s114 {
  font-size: 114px !important;
  width: 114px !important;
  height: 114px !important;
  min-width: 114px !important;
  min-height: 114px !important;
  line-height: 114px !important;
}

md-icon[md-font-icon].s116,
i.s116 {
  font-size: 116px !important;
  width: 116px !important;
  height: 116px !important;
  min-width: 116px !important;
  min-height: 116px !important;
  line-height: 116px !important;
}

md-icon[md-font-icon].s118,
i.s118 {
  font-size: 118px !important;
  width: 118px !important;
  height: 118px !important;
  min-width: 118px !important;
  min-height: 118px !important;
  line-height: 118px !important;
}

md-icon[md-font-icon].s120,
i.s120 {
  font-size: 120px !important;
  width: 120px !important;
  height: 120px !important;
  min-width: 120px !important;
  min-height: 120px !important;
  line-height: 120px !important;
}

md-icon[md-font-icon].s122,
i.s122 {
  font-size: 122px !important;
  width: 122px !important;
  height: 122px !important;
  min-width: 122px !important;
  min-height: 122px !important;
  line-height: 122px !important;
}

md-icon[md-font-icon].s124,
i.s124 {
  font-size: 124px !important;
  width: 124px !important;
  height: 124px !important;
  min-width: 124px !important;
  min-height: 124px !important;
  line-height: 124px !important;
}

md-icon[md-font-icon].s126,
i.s126 {
  font-size: 126px !important;
  width: 126px !important;
  height: 126px !important;
  min-width: 126px !important;
  min-height: 126px !important;
  line-height: 126px !important;
}

md-icon[md-font-icon].s128,
i.s128 {
  font-size: 128px !important;
  width: 128px !important;
  height: 128px !important;
  min-width: 128px !important;
  min-height: 128px !important;
  line-height: 128px !important;
}

md-icon[md-font-icon].s130,
i.s130 {
  font-size: 130px !important;
  width: 130px !important;
  height: 130px !important;
  min-width: 130px !important;
  min-height: 130px !important;
  line-height: 130px !important;
}

md-icon[md-font-icon].s132,
i.s132 {
  font-size: 132px !important;
  width: 132px !important;
  height: 132px !important;
  min-width: 132px !important;
  min-height: 132px !important;
  line-height: 132px !important;
}

md-icon[md-font-icon].s134,
i.s134 {
  font-size: 134px !important;
  width: 134px !important;
  height: 134px !important;
  min-width: 134px !important;
  min-height: 134px !important;
  line-height: 134px !important;
}

md-icon[md-font-icon].s136,
i.s136 {
  font-size: 136px !important;
  width: 136px !important;
  height: 136px !important;
  min-width: 136px !important;
  min-height: 136px !important;
  line-height: 136px !important;
}

md-icon[md-font-icon].s138,
i.s138 {
  font-size: 138px !important;
  width: 138px !important;
  height: 138px !important;
  min-width: 138px !important;
  min-height: 138px !important;
  line-height: 138px !important;
}

md-icon[md-font-icon].s140,
i.s140 {
  font-size: 140px !important;
  width: 140px !important;
  height: 140px !important;
  min-width: 140px !important;
  min-height: 140px !important;
  line-height: 140px !important;
}

md-icon[md-font-icon].s142,
i.s142 {
  font-size: 142px !important;
  width: 142px !important;
  height: 142px !important;
  min-width: 142px !important;
  min-height: 142px !important;
  line-height: 142px !important;
}

md-icon[md-font-icon].s144,
i.s144 {
  font-size: 144px !important;
  width: 144px !important;
  height: 144px !important;
  min-width: 144px !important;
  min-height: 144px !important;
  line-height: 144px !important;
}

md-icon[md-font-icon].s146,
i.s146 {
  font-size: 146px !important;
  width: 146px !important;
  height: 146px !important;
  min-width: 146px !important;
  min-height: 146px !important;
  line-height: 146px !important;
}

md-icon[md-font-icon].s148,
i.s148 {
  font-size: 148px !important;
  width: 148px !important;
  height: 148px !important;
  min-width: 148px !important;
  min-height: 148px !important;
  line-height: 148px !important;
}

md-icon[md-font-icon].s150,
i.s150 {
  font-size: 150px !important;
  width: 150px !important;
  height: 150px !important;
  min-width: 150px !important;
  min-height: 150px !important;
  line-height: 150px !important;
}

md-icon[md-font-icon].s152,
i.s152 {
  font-size: 152px !important;
  width: 152px !important;
  height: 152px !important;
  min-width: 152px !important;
  min-height: 152px !important;
  line-height: 152px !important;
}

md-icon[md-font-icon].s154,
i.s154 {
  font-size: 154px !important;
  width: 154px !important;
  height: 154px !important;
  min-width: 154px !important;
  min-height: 154px !important;
  line-height: 154px !important;
}

md-icon[md-font-icon].s156,
i.s156 {
  font-size: 156px !important;
  width: 156px !important;
  height: 156px !important;
  min-width: 156px !important;
  min-height: 156px !important;
  line-height: 156px !important;
}

md-icon[md-font-icon].s158,
i.s158 {
  font-size: 158px !important;
  width: 158px !important;
  height: 158px !important;
  min-width: 158px !important;
  min-height: 158px !important;
  line-height: 158px !important;
}

md-icon[md-font-icon].s160,
i.s160 {
  font-size: 160px !important;
  width: 160px !important;
  height: 160px !important;
  min-width: 160px !important;
  min-height: 160px !important;
  line-height: 160px !important;
}

md-icon[md-font-icon].s162,
i.s162 {
  font-size: 162px !important;
  width: 162px !important;
  height: 162px !important;
  min-width: 162px !important;
  min-height: 162px !important;
  line-height: 162px !important;
}

md-icon[md-font-icon].s164,
i.s164 {
  font-size: 164px !important;
  width: 164px !important;
  height: 164px !important;
  min-width: 164px !important;
  min-height: 164px !important;
  line-height: 164px !important;
}

md-icon[md-font-icon].s166,
i.s166 {
  font-size: 166px !important;
  width: 166px !important;
  height: 166px !important;
  min-width: 166px !important;
  min-height: 166px !important;
  line-height: 166px !important;
}

md-icon[md-font-icon].s168,
i.s168 {
  font-size: 168px !important;
  width: 168px !important;
  height: 168px !important;
  min-width: 168px !important;
  min-height: 168px !important;
  line-height: 168px !important;
}

md-icon[md-font-icon].s170,
i.s170 {
  font-size: 170px !important;
  width: 170px !important;
  height: 170px !important;
  min-width: 170px !important;
  min-height: 170px !important;
  line-height: 170px !important;
}

md-icon[md-font-icon].s172,
i.s172 {
  font-size: 172px !important;
  width: 172px !important;
  height: 172px !important;
  min-width: 172px !important;
  min-height: 172px !important;
  line-height: 172px !important;
}

md-icon[md-font-icon].s174,
i.s174 {
  font-size: 174px !important;
  width: 174px !important;
  height: 174px !important;
  min-width: 174px !important;
  min-height: 174px !important;
  line-height: 174px !important;
}

md-icon[md-font-icon].s176,
i.s176 {
  font-size: 176px !important;
  width: 176px !important;
  height: 176px !important;
  min-width: 176px !important;
  min-height: 176px !important;
  line-height: 176px !important;
}

md-icon[md-font-icon].s178,
i.s178 {
  font-size: 178px !important;
  width: 178px !important;
  height: 178px !important;
  min-width: 178px !important;
  min-height: 178px !important;
  line-height: 178px !important;
}

md-icon[md-font-icon].s180,
i.s180 {
  font-size: 180px !important;
  width: 180px !important;
  height: 180px !important;
  min-width: 180px !important;
  min-height: 180px !important;
  line-height: 180px !important;
}

md-icon[md-font-icon].s182,
i.s182 {
  font-size: 182px !important;
  width: 182px !important;
  height: 182px !important;
  min-width: 182px !important;
  min-height: 182px !important;
  line-height: 182px !important;
}

md-icon[md-font-icon].s184,
i.s184 {
  font-size: 184px !important;
  width: 184px !important;
  height: 184px !important;
  min-width: 184px !important;
  min-height: 184px !important;
  line-height: 184px !important;
}

md-icon[md-font-icon].s186,
i.s186 {
  font-size: 186px !important;
  width: 186px !important;
  height: 186px !important;
  min-width: 186px !important;
  min-height: 186px !important;
  line-height: 186px !important;
}

md-icon[md-font-icon].s188,
i.s188 {
  font-size: 188px !important;
  width: 188px !important;
  height: 188px !important;
  min-width: 188px !important;
  min-height: 188px !important;
  line-height: 188px !important;
}

md-icon[md-font-icon].s190,
i.s190 {
  font-size: 190px !important;
  width: 190px !important;
  height: 190px !important;
  min-width: 190px !important;
  min-height: 190px !important;
  line-height: 190px !important;
}

md-icon[md-font-icon].s192,
i.s192 {
  font-size: 192px !important;
  width: 192px !important;
  height: 192px !important;
  min-width: 192px !important;
  min-height: 192px !important;
  line-height: 192px !important;
}

md-icon[md-font-icon].s194,
i.s194 {
  font-size: 194px !important;
  width: 194px !important;
  height: 194px !important;
  min-width: 194px !important;
  min-height: 194px !important;
  line-height: 194px !important;
}

md-icon[md-font-icon].s196,
i.s196 {
  font-size: 196px !important;
  width: 196px !important;
  height: 196px !important;
  min-width: 196px !important;
  min-height: 196px !important;
  line-height: 196px !important;
}

md-icon[md-font-icon].s198,
i.s198 {
  font-size: 198px !important;
  width: 198px !important;
  height: 198px !important;
  min-width: 198px !important;
  min-height: 198px !important;
  line-height: 198px !important;
}

md-icon[md-font-icon].s200,
i.s200 {
  font-size: 200px !important;
  width: 200px !important;
  height: 200px !important;
  min-width: 200px !important;
  min-height: 200px !important;
  line-height: 200px !important;
}

md-icon[md-font-icon].s202,
i.s202 {
  font-size: 202px !important;
  width: 202px !important;
  height: 202px !important;
  min-width: 202px !important;
  min-height: 202px !important;
  line-height: 202px !important;
}

md-icon[md-font-icon].s204,
i.s204 {
  font-size: 204px !important;
  width: 204px !important;
  height: 204px !important;
  min-width: 204px !important;
  min-height: 204px !important;
  line-height: 204px !important;
}

md-icon[md-font-icon].s206,
i.s206 {
  font-size: 206px !important;
  width: 206px !important;
  height: 206px !important;
  min-width: 206px !important;
  min-height: 206px !important;
  line-height: 206px !important;
}

md-icon[md-font-icon].s208,
i.s208 {
  font-size: 208px !important;
  width: 208px !important;
  height: 208px !important;
  min-width: 208px !important;
  min-height: 208px !important;
  line-height: 208px !important;
}

md-icon[md-font-icon].s210,
i.s210 {
  font-size: 210px !important;
  width: 210px !important;
  height: 210px !important;
  min-width: 210px !important;
  min-height: 210px !important;
  line-height: 210px !important;
}

md-icon[md-font-icon].s212,
i.s212 {
  font-size: 212px !important;
  width: 212px !important;
  height: 212px !important;
  min-width: 212px !important;
  min-height: 212px !important;
  line-height: 212px !important;
}

md-icon[md-font-icon].s214,
i.s214 {
  font-size: 214px !important;
  width: 214px !important;
  height: 214px !important;
  min-width: 214px !important;
  min-height: 214px !important;
  line-height: 214px !important;
}

md-icon[md-font-icon].s216,
i.s216 {
  font-size: 216px !important;
  width: 216px !important;
  height: 216px !important;
  min-width: 216px !important;
  min-height: 216px !important;
  line-height: 216px !important;
}

md-icon[md-font-icon].s218,
i.s218 {
  font-size: 218px !important;
  width: 218px !important;
  height: 218px !important;
  min-width: 218px !important;
  min-height: 218px !important;
  line-height: 218px !important;
}

md-icon[md-font-icon].s220,
i.s220 {
  font-size: 220px !important;
  width: 220px !important;
  height: 220px !important;
  min-width: 220px !important;
  min-height: 220px !important;
  line-height: 220px !important;
}

md-icon[md-font-icon].s222,
i.s222 {
  font-size: 222px !important;
  width: 222px !important;
  height: 222px !important;
  min-width: 222px !important;
  min-height: 222px !important;
  line-height: 222px !important;
}

md-icon[md-font-icon].s224,
i.s224 {
  font-size: 224px !important;
  width: 224px !important;
  height: 224px !important;
  min-width: 224px !important;
  min-height: 224px !important;
  line-height: 224px !important;
}

md-icon[md-font-icon].s226,
i.s226 {
  font-size: 226px !important;
  width: 226px !important;
  height: 226px !important;
  min-width: 226px !important;
  min-height: 226px !important;
  line-height: 226px !important;
}

md-icon[md-font-icon].s228,
i.s228 {
  font-size: 228px !important;
  width: 228px !important;
  height: 228px !important;
  min-width: 228px !important;
  min-height: 228px !important;
  line-height: 228px !important;
}

md-icon[md-font-icon].s230,
i.s230 {
  font-size: 230px !important;
  width: 230px !important;
  height: 230px !important;
  min-width: 230px !important;
  min-height: 230px !important;
  line-height: 230px !important;
}

md-icon[md-font-icon].s232,
i.s232 {
  font-size: 232px !important;
  width: 232px !important;
  height: 232px !important;
  min-width: 232px !important;
  min-height: 232px !important;
  line-height: 232px !important;
}

md-icon[md-font-icon].s234,
i.s234 {
  font-size: 234px !important;
  width: 234px !important;
  height: 234px !important;
  min-width: 234px !important;
  min-height: 234px !important;
  line-height: 234px !important;
}

md-icon[md-font-icon].s236,
i.s236 {
  font-size: 236px !important;
  width: 236px !important;
  height: 236px !important;
  min-width: 236px !important;
  min-height: 236px !important;
  line-height: 236px !important;
}

md-icon[md-font-icon].s238,
i.s238 {
  font-size: 238px !important;
  width: 238px !important;
  height: 238px !important;
  min-width: 238px !important;
  min-height: 238px !important;
  line-height: 238px !important;
}

md-icon[md-font-icon].s240,
i.s240 {
  font-size: 240px !important;
  width: 240px !important;
  height: 240px !important;
  min-width: 240px !important;
  min-height: 240px !important;
  line-height: 240px !important;
}

md-icon[md-font-icon].s242,
i.s242 {
  font-size: 242px !important;
  width: 242px !important;
  height: 242px !important;
  min-width: 242px !important;
  min-height: 242px !important;
  line-height: 242px !important;
}

md-icon[md-font-icon].s244,
i.s244 {
  font-size: 244px !important;
  width: 244px !important;
  height: 244px !important;
  min-width: 244px !important;
  min-height: 244px !important;
  line-height: 244px !important;
}

md-icon[md-font-icon].s246,
i.s246 {
  font-size: 246px !important;
  width: 246px !important;
  height: 246px !important;
  min-width: 246px !important;
  min-height: 246px !important;
  line-height: 246px !important;
}

md-icon[md-font-icon].s248,
i.s248 {
  font-size: 248px !important;
  width: 248px !important;
  height: 248px !important;
  min-width: 248px !important;
  min-height: 248px !important;
  line-height: 248px !important;
}

md-icon[md-font-icon].s250,
i.s250 {
  font-size: 250px !important;
  width: 250px !important;
  height: 250px !important;
  min-width: 250px !important;
  min-height: 250px !important;
  line-height: 250px !important;
}

md-icon[md-font-icon].s252,
i.s252 {
  font-size: 252px !important;
  width: 252px !important;
  height: 252px !important;
  min-width: 252px !important;
  min-height: 252px !important;
  line-height: 252px !important;
}

md-icon[md-font-icon].s254,
i.s254 {
  font-size: 254px !important;
  width: 254px !important;
  height: 254px !important;
  min-width: 254px !important;
  min-height: 254px !important;
  line-height: 254px !important;
}

md-icon[md-font-icon].s256,
i.s256 {
  font-size: 256px !important;
  width: 256px !important;
  height: 256px !important;
  min-width: 256px !important;
  min-height: 256px !important;
  line-height: 256px !important;
}

@font-face {
  font-family: 'icomoon';
  src: url('../assets/icons/fonts/icomoon.eot?5km1tg');
  src: url('../assets/icons/fonts/icomoon.eot?#iefix5km1tg') format('embedded-opentype'),
    url('../assets/icons/fonts/icomoon.ttf?5km1tg') format('truetype'),
    url('../assets/icons/fonts/icomoon.woff?5km1tg') format('woff'),
    url('../assets/icons/fonts/icomoon.svg?5km1tg#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^='icon-'],
[class*=' icon-'] {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1.7;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-account-alert:before {
  content: '\e600';
}

.icon-account-box-outline:before {
  content: '\e601';
}

.icon-account-box:before {
  content: '\e602';
}

.icon-account-check:before {
  content: '\e603';
}

.icon-account-circle:before {
  content: '\e604';
}

.icon-account-key:before {
  content: '\e605';
}

.icon-account-location:before {
  content: '\e606';
}

.icon-account-minus:before {
  content: '\e607';
}

.icon-account-multiple-outline:before {
  content: '\e608';
}

.icon-account-multiple-plus:before {
  content: '\e609';
}

.icon-account-multiple:before {
  content: '\e60a';
}

.icon-account-network:before {
  content: '\e60b';
}

.icon-account-outline:before {
  content: '\e60c';
}

.icon-account-plus:before {
  content: '\e60d';
}

.icon-account-remove:before {
  content: '\e60e';
}

.icon-account-search:before {
  content: '\e60f';
}

.icon-account-switch:before {
  content: '\e610';
}

.icon-account:before {
  content: '\e611';
}

.icon-airballoon:before {
  content: '\e612';
}

.icon-airplane-off:before {
  content: '\e613';
}

.icon-airplane:before {
  content: '\e614';
}

.icon-alarm-check:before {
  content: '\e615';
}

.icon-alarm-multiple:before {
  content: '\e616';
}

.icon-alarm-off:before {
  content: '\e617';
}

.icon-alarm-plus:before {
  content: '\e618';
}

.icon-alarm:before {
  content: '\e619';
}

.icon-album:before {
  content: '\e61a';
}

.icon-alert-box:before {
  content: '\e61b';
}

.icon-alert-circle:before {
  content: '\e61c';
}

.icon-alert-octagon:before {
  content: '\e61d';
}

.icon-alert:before {
  content: '\e61e';
}

.icon-alpha:before {
  content: '\e61f';
}

.icon-alphabetical:before {
  content: '\e620';
}

.icon-amazon-clouddrive:before {
  content: '\e621';
}

.icon-amazon:before {
  content: '\e622';
}

.icon-ambulance:before {
  content: '\e623';
}

.icon-android-debug-bridge:before {
  content: '\e624';
}

.icon-android-studio:before {
  content: '\e625';
}

.icon-android:before {
  content: '\e626';
}

.icon-apple-finder:before {
  content: '\e627';
}

.icon-apple-ios:before {
  content: '\e628';
}

.icon-apple-mobileme:before {
  content: '\e629';
}

.icon-apple-safari:before {
  content: '\e62a';
}

.icon-apple:before {
  content: '\e62b';
}

.icon-appnet:before {
  content: '\e62c';
}

.icon-apps:before {
  content: '\e62d';
}

.icon-archive:before {
  content: '\e62e';
}

.icon-arrange-bring-forward:before {
  content: '\e62f';
}

.icon-arrange-bring-to-front:before {
  content: '\e630';
}

.icon-arrange-send-backward:before {
  content: '\e631';
}

.icon-arrange-send-to-back:before {
  content: '\e632';
}

.icon-arrow-all:before {
  content: '\e633';
}

.icon-arrow-bottom-left:before {
  content: '\e634';
}

.icon-arrow-bottom-right:before {
  content: '\e635';
}

.icon-arrow-collapse:before {
  content: '\e636';
}

.icon-arrow-down-bold-circle-outline:before {
  content: '\e637';
}

.icon-arrow-down-bold-circle:before {
  content: '\e638';
}

.icon-arrow-down-bold-hexagon-outline:before {
  content: '\e639';
}

.icon-arrow-down-bold:before {
  content: '\e63a';
}

.icon-arrow-down:before {
  content: '\e63b';
}

.icon-arrow-expand:before {
  content: '\e63c';
}

.icon-arrow-left-bold-circle-outline:before {
  content: '\e63d';
}

.icon-arrow-left-bold-circle:before {
  content: '\e63e';
}

.icon-arrow-left-bold-hexagon-outline:before {
  content: '\e63f';
}

.icon-arrow-left-bold:before {
  content: '\e640';
}

.icon-arrow-left:before {
  content: '\e641';
}

.icon-arrow-right-bold-circle-outline:before {
  content: '\e642';
}

.icon-arrow-right-bold-circle:before {
  content: '\e643';
}

.icon-arrow-right-bold-hexagon-outline:before {
  content: '\e644';
}

.icon-arrow-right-bold:before {
  content: '\e645';
}

.icon-arrow-right:before {
  content: '\e646';
}

.icon-arrow-top-left:before {
  content: '\e647';
}

.icon-arrow-top-right:before {
  content: '\e648';
}

.icon-arrow-up-bold-circle-outline:before {
  content: '\e649';
}

.icon-arrow-up-bold-circle:before {
  content: '\e64a';
}

.icon-arrow-up-bold-hexagon-outline:before {
  content: '\e64b';
}

.icon-arrow-up-bold:before {
  content: '\e64c';
}

.icon-arrow-up:before {
  content: '\e64d';
}

.icon-at:before {
  content: '\e64e';
}

.icon-attachment:before {
  content: '\e64f';
}

.icon-audiobook:before {
  content: '\e650';
}

.icon-auto-fix:before {
  content: '\e651';
}

.icon-auto-upload:before {
  content: '\e652';
}

.icon-baby:before {
  content: '\e653';
}

.icon-backburger:before {
  content: '\e654';
}

.icon-backup-restore:before {
  content: '\e655';
}

.icon-bank:before {
  content: '\e656';
}

.icon-barcode:before {
  content: '\e657';
}

.icon-barley:before {
  content: '\e658';
}

.icon-barrel:before {
  content: '\e659';
}

.icon-basecamp:before {
  content: '\e65a';
}

.icon-basket-fill:before {
  content: '\e65b';
}

.icon-basket-unfill:before {
  content: '\e65c';
}

.icon-basket:before {
  content: '\e65d';
}

.icon-battery-10:before {
  content: '\e65e';
}

.icon-battery-20:before {
  content: '\e65f';
}

.icon-battery-30:before {
  content: '\e660';
}

.icon-battery-40:before {
  content: '\e661';
}

.icon-battery-50:before {
  content: '\e662';
}

.icon-battery-60:before {
  content: '\e663';
}

.icon-battery-70:before {
  content: '\e664';
}

.icon-battery-80:before {
  content: '\e665';
}

.icon-battery-90:before {
  content: '\e666';
}

.icon-battery-alert:before {
  content: '\e667';
}

.icon-battery-charging-20:before {
  content: '\e668';
}

.icon-battery-charging-30:before {
  content: '\e669';
}

.icon-battery-charging-40:before {
  content: '\e66a';
}

.icon-battery-charging-60:before {
  content: '\e66b';
}

.icon-battery-charging-80:before {
  content: '\e66c';
}

.icon-battery-charging-90:before {
  content: '\e66d';
}

.icon-battery-charging-100:before {
  content: '\e66e';
}

.icon-battery-minus:before {
  content: '\e66f';
}

.icon-battery-negative:before {
  content: '\e670';
}

.icon-battery-outline:before {
  content: '\e671';
}

.icon-battery-plus:before {
  content: '\e672';
}

.icon-battery-positive:before {
  content: '\e673';
}

.icon-battery-standard:before {
  content: '\e674';
}

.icon-battery-unknown:before {
  content: '\e675';
}

.icon-battery:before {
  content: '\e676';
}

.icon-beach:before {
  content: '\e677';
}

.icon-beaker-empty-outline:before {
  content: '\e678';
}

.icon-beaker-empty:before {
  content: '\e679';
}

.icon-beaker-outline:before {
  content: '\e67a';
}

.icon-beaker:before {
  content: '\e67b';
}

.icon-beats:before {
  content: '\e67c';
}

.icon-beer:before {
  content: '\e67d';
}

.icon-behance:before {
  content: '\e67e';
}

.icon-bell-off:before {
  content: '\e67f';
}

.icon-bell-outline:before {
  content: '\e680';
}

.icon-bell-ring-outline:before {
  content: '\e681';
}

.icon-bell-ring:before {
  content: '\e682';
}

.icon-bell-sleep:before {
  content: '\e683';
}

.icon-bell:before {
  content: '\e684';
}

.icon-beta:before {
  content: '\e685';
}

.icon-bike:before {
  content: '\e686';
}

.icon-bing:before {
  content: '\e687';
}

.icon-binoculars:before {
  content: '\e688';
}

.icon-bio:before {
  content: '\e689';
}

.icon-bitbucket:before {
  content: '\e68a';
}

.icon-black-mesa:before {
  content: '\e68b';
}

.icon-blackberry:before {
  content: '\e68c';
}

.icon-blinds:before {
  content: '\e68d';
}

.icon-block-helper:before {
  content: '\e68e';
}

.icon-blogger:before {
  content: '\e68f';
}

.icon-bluetooth-audio:before {
  content: '\e690';
}

.icon-bluetooth-connect:before {
  content: '\e691';
}

.icon-bluetooth-settings:before {
  content: '\e692';
}

.icon-bluetooth-transfer:before {
  content: '\e693';
}

.icon-bluetooth:before {
  content: '\e694';
}

.icon-blur-linear:before {
  content: '\e695';
}

.icon-blur-off:before {
  content: '\e696';
}

.icon-blur-radial:before {
  content: '\e697';
}

.icon-blur:before {
  content: '\e698';
}

.icon-bone:before {
  content: '\e699';
}

.icon-book-multiple-variant:before {
  content: '\e69a';
}

.icon-book-multiple:before {
  content: '\e69b';
}

.icon-book-open:before {
  content: '\e69c';
}

.icon-book-variant:before {
  content: '\e69d';
}

.icon-book:before {
  content: '\e69e';
}

.icon-bookmark-check:before {
  content: '\e69f';
}

.icon-bookmark-music:before {
  content: '\e6a0';
}

.icon-bookmark-outline-plus:before {
  content: '\e6a1';
}

.icon-bookmark-outline:before {
  content: '\e6a2';
}

.icon-bookmark-plus:before {
  content: '\e6a3';
}

.icon-bookmark-remove:before {
  content: '\e6a4';
}

.icon-bookmark:before {
  content: '\e6a5';
}

.icon-border-all:before {
  content: '\e6a6';
}

.icon-border-bottom:before {
  content: '\e6a7';
}

.icon-border-color:before {
  content: '\e6a8';
}

.icon-border-horizontal:before {
  content: '\e6a9';
}

.icon-border-inside:before {
  content: '\e6aa';
}

.icon-border-left:before {
  content: '\e6ab';
}

.icon-border-none:before {
  content: '\e6ac';
}

.icon-border-outside:before {
  content: '\e6ad';
}

.icon-border-right:before {
  content: '\e6ae';
}

.icon-border-top:before {
  content: '\e6af';
}

.icon-border-vertical:before {
  content: '\e6b0';
}

.icon-bowling:before {
  content: '\e6b1';
}

.icon-box-download:before {
  content: '\e6b2';
}

.icon-box-upload:before {
  content: '\e6b3';
}

.icon-box:before {
  content: '\e6b4';
}

.icon-briefcase-checked:before {
  content: '\e6b5';
}

.icon-briefcase-download:before {
  content: '\e6b6';
}

.icon-briefcase-upload:before {
  content: '\e6b7';
}

.icon-briefcase:before {
  content: '\e6b8';
}

.icon-brightness-1:before {
  content: '\e6b9';
}

.icon-brightness-2:before {
  content: '\e6ba';
}

.icon-brightness-3:before {
  content: '\e6bb';
}

.icon-brightness-4:before {
  content: '\e6bc';
}

.icon-brightness-5:before {
  content: '\e6bd';
}

.icon-brightness-6:before {
  content: '\e6be';
}

.icon-brightness-7:before {
  content: '\e6bf';
}

.icon-brightness-auto:before {
  content: '\e6c0';
}

.icon-brightness:before {
  content: '\e6c1';
}

.icon-broom:before {
  content: '\e6c2';
}

.icon-brush:before {
  content: '\e6c3';
}

.icon-bug:before {
  content: '\e6c4';
}

.icon-bulletin-board:before {
  content: '\e6c5';
}

.icon-bullhorn:before {
  content: '\e6c6';
}

.icon-bus:before {
  content: '\e6c7';
}

.icon-cake-variant:before {
  content: '\e6c8';
}

.icon-cake:before {
  content: '\e6c9';
}

.icon-calculator:before {
  content: '\e6ca';
}

.icon-calendar-blank:before {
  content: '\e6cb';
}

.icon-calendar-check-multiple:before {
  content: '\e6cc';
}

.icon-calendar-check:before {
  content: '\e6cd';
}

.icon-calendar-clock:before {
  content: '\e6ce';
}

.icon-calendar-multiple:before {
  content: '\e6cf';
}

.icon-calendar-plus:before {
  content: '\e6d0';
}

.icon-calendar-remove:before {
  content: '\e6d1';
}

.icon-calendar-select:before {
  content: '\e6d2';
}

.icon-calendar-text:before {
  content: '\e6d3';
}

.icon-calendar-today:before {
  content: '\e6d4';
}

.icon-calendar:before {
  content: '\e6d5';
}

.icon-camcorder-box-off:before {
  content: '\e6d6';
}

.icon-camcorder-box:before {
  content: '\e6d7';
}

.icon-camcorder-off:before {
  content: '\e6d8';
}

.icon-camcorder:before {
  content: '\e6d9';
}

.icon-camera-front-variant:before {
  content: '\e6da';
}

.icon-camera-front:before {
  content: '\e6db';
}

.icon-camera-iris:before {
  content: '\e6dc';
}

.icon-camera-party-mode:before {
  content: '\e6dd';
}

.icon-camera-rear-variant:before {
  content: '\e6de';
}

.icon-camera-rear:before {
  content: '\e6df';
}

.icon-camera-switch:before {
  content: '\e6e0';
}

.icon-camera-timer:before {
  content: '\e6e1';
}

.icon-camera:before {
  content: '\e6e2';
}

.icon-cancel:before {
  content: '\e6e3';
}

.icon-candycane:before {
  content: '\e6e4';
}

.icon-car-wash:before {
  content: '\e6e5';
}

.icon-car:before {
  content: '\e6e6';
}

.icon-carrot:before {
  content: '\e6e7';
}

.icon-cart-outline:before {
  content: '\e6e8';
}

.icon-cart:before {
  content: '\e6e9';
}

.icon-cash-100:before {
  content: '\e6ea';
}

.icon-cash-multiple:before {
  content: '\e6eb';
}

.icon-cash-usd:before {
  content: '\e6ec';
}

.icon-cash:before {
  content: '\e6ed';
}

.icon-cast-connected:before {
  content: '\e6ee';
}

.icon-cast:before {
  content: '\e6ef';
}

.icon-castle:before {
  content: '\e6f0';
}

.icon-cat:before {
  content: '\e6f1';
}

.icon-cellphone-android:before {
  content: '\e6f2';
}

.icon-cellphone-dock:before {
  content: '\e6f3';
}

.icon-cellphone-iphone:before {
  content: '\e6f4';
}

.icon-cellphone-link-off:before {
  content: '\e6f5';
}

.icon-cellphone-link:before {
  content: '\e6f6';
}

.icon-cellphone-settings:before {
  content: '\e6f7';
}

.icon-cellphone:before {
  content: '\e6f8';
}

.icon-chair-school:before {
  content: '\e6f9';
}

.icon-chart-arc:before {
  content: '\e6fa';
}

.icon-chart-areaspline:before {
  content: '\e6fb';
}

.icon-chart-bar:before {
  content: '\e6fc';
}

.icon-chart-histogram:before {
  content: '\e6fd';
}

.icon-chart-line:before {
  content: '\e6fe';
}

.icon-chart-pie:before {
  content: '\e6ff';
}

.icon-check-all:before {
  content: '\e700';
}

.icon-check-bookmark:before {
  content: '\e701';
}

.icon-check-circle:before {
  content: '\e702';
}

.icon-check:before {
  content: '\e703';
}

.icon-checkbox-blank-circle-outline:before {
  content: '\e704';
}

.icon-checkbox-blank-circle:before {
  content: '\e705';
}

.icon-checkbox-blank-outline:before {
  content: '\e706';
}

.icon-checkbox-blank:before {
  content: '\e707';
}

.icon-checkbox-marked-circle-outline:before {
  content: '\e708';
}

.icon-checkbox-marked-circle:before {
  content: '\e709';
}

.icon-checkbox-marked-outline:before {
  content: '\e70a';
}

.icon-checkbox-marked:before {
  content: '\e70b';
}

.icon-checkbox-multiple-blank-outline:before {
  content: '\e70c';
}

.icon-checkbox-multiple-blank:before {
  content: '\e70d';
}

.icon-checkbox-multiple-marked-outline:before {
  content: '\e70e';
}

.icon-checkbox-multiple-marked:before {
  content: '\e70f';
}

.icon-checkerboard:before {
  content: '\e710';
}

.icon-chevron-double-down:before {
  content: '\e711';
}

.icon-chevron-double-left:before {
  content: '\e712';
}

.icon-chevron-double-right:before {
  content: '\e713';
}

.icon-chevron-double-up:before {
  content: '\e714';
}

.icon-chevron-down:before {
  content: '\e715';
}

.icon-chevron-left:before {
  content: '\e716';
}

.icon-chevron-right:before {
  content: '\e717';
}

.icon-chevron-up:before {
  content: '\e718';
}

.icon-church:before {
  content: '\e719';
}

.icon-cisco-webex:before {
  content: '\e71a';
}

.icon-city:before {
  content: '\e71b';
}

.icon-clapperboard:before {
  content: '\e71c';
}

.icon-clipboard-account:before {
  content: '\e71d';
}

.icon-clipboard-alert:before {
  content: '\e71e';
}

.icon-clipboard-arrow-down:before {
  content: '\e71f';
}

.icon-clipboard-arrow-left:before {
  content: '\e720';
}

.icon-clipboard-check:before {
  content: '\e721';
}

.icon-clipboard-outline:before {
  content: '\e722';
}

.icon-clipboard-text:before {
  content: '\e723';
}

.icon-clipboard:before {
  content: '\e724';
}

.icon-clippy:before {
  content: '\e725';
}

.icon-clock-fast:before {
  content: '\e726';
}

.icon-clock:before {
  content: '\e727';
}

.icon-close-circle-outline:before {
  content: '\e728';
}

.icon-close-circle:before {
  content: '\e729';
}

.icon-close-network:before {
  content: '\e72a';
}

.icon-close:before {
  content: '\e72b';
}

.icon-closed-caption:before {
  content: '\e72c';
}

.icon-cloud-check:before {
  content: '\e72d';
}

.icon-cloud-circle:before {
  content: '\e72e';
}

.icon-cloud-download:before {
  content: '\e72f';
}

.icon-cloud-outline-off:before {
  content: '\e730';
}

.icon-cloud-outline:before {
  content: '\e731';
}

.icon-cloud-upload:before {
  content: '\e732';
}

.icon-cloud:before {
  content: '\e733';
}

.icon-code-array:before {
  content: '\e734';
}

.icon-code-braces:before {
  content: '\e735';
}

.icon-code-equal:before {
  content: '\e736';
}

.icon-code-greater-than-or-equal:before {
  content: '\e737';
}

.icon-code-greater-than:before {
  content: '\e738';
}

.icon-code-less-than-or-equal:before {
  content: '\e739';
}

.icon-code-less-than:before {
  content: '\e73a';
}

.icon-code-not-equal-variant:before {
  content: '\e73b';
}

.icon-code-not-equal:before {
  content: '\e73c';
}

.icon-code-string:before {
  content: '\e73d';
}

.icon-code-tags:before {
  content: '\e73e';
}

.icon-codepen:before {
  content: '\e73f';
}

.icon-coffee-to-go:before {
  content: '\e740';
}

.icon-coffee:before {
  content: '\e741';
}

.icon-cog-box:before {
  content: '\e742';
}

.icon-cog:before {
  content: '\e743';
}

.icon-coin:before {
  content: '\e744';
}

.icon-color-helper:before {
  content: '\e745';
}

.icon-comment-account-outline:before {
  content: '\e746';
}

.icon-comment-account:before {
  content: '\e747';
}

.icon-comment-alert-outline:before {
  content: '\e748';
}

.icon-comment-alert:before {
  content: '\e749';
}

.icon-comment-check-outline:before {
  content: '\e74a';
}

.icon-comment-check:before {
  content: '\e74b';
}

.icon-comment-multipe-outline:before {
  content: '\e74c';
}

.icon-comment-outline:before {
  content: '\e74d';
}

.icon-comment-plus-outline:before {
  content: '\e74e';
}

.icon-comment-processing-outline:before {
  content: '\e74f';
}

.icon-comment-processing:before {
  content: '\e750';
}

.icon-comment-remove-outline:before {
  content: '\e751';
}

.icon-comment-text-outline:before {
  content: '\e752';
}

.icon-comment-text:before {
  content: '\e753';
}

.icon-comment:before {
  content: '\e754';
}

.icon-compare:before {
  content: '\e755';
}

.icon-compass-outline:before {
  content: '\e756';
}

.icon-compass:before {
  content: '\e757';
}

.icon-console:before {
  content: '\e758';
}

.icon-content-copy:before {
  content: '\e759';
}

.icon-content-cut:before {
  content: '\e75a';
}

.icon-content-duplicate:before {
  content: '\e75b';
}

.icon-content-paste:before {
  content: '\e75c';
}

.icon-content-save-all:before {
  content: '\e75d';
}

.icon-content-save:before {
  content: '\e75e';
}

.icon-contrast-box:before {
  content: '\e75f';
}

.icon-contrast-circle:before {
  content: '\e760';
}

.icon-contrast:before {
  content: '\e761';
}

.icon-controller-xbox:before {
  content: '\e762';
}

.icon-cow:before {
  content: '\e763';
}

.icon-credit-card-multiple:before {
  content: '\e764';
}

.icon-credit-card:before {
  content: '\e765';
}

.icon-crop-free:before {
  content: '\e766';
}

.icon-crop-landscape:before {
  content: '\e767';
}

.icon-crop-portrait:before {
  content: '\e768';
}

.icon-crop-square:before {
  content: '\e769';
}

.icon-crop:before {
  content: '\e76a';
}

.icon-crosshairs-gps:before {
  content: '\e76b';
}

.icon-crosshairs:before {
  content: '\e76c';
}

.icon-crown:before {
  content: '\e76d';
}

.icon-cube-outline:before {
  content: '\e76e';
}

.icon-cube-unfolded:before {
  content: '\e76f';
}

.icon-cube:before {
  content: '\e770';
}

.icon-cup-water:before {
  content: '\e771';
}

.icon-cup:before {
  content: '\e772';
}

.icon-currency-btc:before {
  content: '\e773';
}

.icon-currency-eur:before {
  content: '\e774';
}

.icon-currency-gbp:before {
  content: '\e775';
}

.icon-currency-inr:before {
  content: '\e776';
}

.icon-currency-rub:before {
  content: '\e777';
}

.icon-currency-try:before {
  content: '\e778';
}

.icon-currency-usd:before {
  content: '\e779';
}

.icon-cursor-default-outline:before {
  content: '\e77a';
}

.icon-cursor-default:before {
  content: '\e77b';
}

.icon-cursor-move:before {
  content: '\e77c';
}

.icon-cursor-pointer:before {
  content: '\e77d';
}

.icon-data:before {
  content: '\e77e';
}

.icon-debug-step-into:before {
  content: '\e77f';
}

.icon-debug-step-out:before {
  content: '\e780';
}

.icon-debug-step-over:before {
  content: '\e781';
}

.icon-decimal-decrease:before {
  content: '\e782';
}

.icon-decimal-increase:before {
  content: '\e783';
}

.icon-delete-variant:before {
  content: '\e784';
}

.icon-delete:before {
  content: '\e785';
}

.icon-deskphone:before {
  content: '\e786';
}

.icon-desktop-mac:before {
  content: '\e787';
}

.icon-desktop-tower:before {
  content: '\e788';
}

.icon-details:before {
  content: '\e789';
}

.icon-deviantart:before {
  content: '\e78a';
}

.icon-diamond:before {
  content: '\e78b';
}

.icon-dice-1:before {
  content: '\e78c';
}

.icon-dice-2:before {
  content: '\e78d';
}

.icon-dice-3:before {
  content: '\e78e';
}

.icon-dice-4:before {
  content: '\e78f';
}

.icon-dice-5:before {
  content: '\e790';
}

.icon-dice-6:before {
  content: '\e791';
}

.icon-dice:before {
  content: '\e792';
}

.icon-directions:before {
  content: '\e793';
}

.icon-disk-alert:before {
  content: '\e794';
}

.icon-disqus-outline:before {
  content: '\e795';
}

.icon-disqus:before {
  content: '\e796';
}

.icon-division-box:before {
  content: '\e797';
}

.icon-division:before {
  content: '\e798';
}

.icon-dns:before {
  content: '\e799';
}

.icon-document:before {
  content: '\e79a';
}

.icon-domain:before {
  content: '\e79b';
}

.icon-dots-horizontal:before {
  content: '\e79c';
}

.icon-dots-vertical:before {
  content: '\e79d';
}

.icon-download:before {
  content: '\e79e';
}

.icon-drag-horizontal:before {
  content: '\e79f';
}

.icon-drag-vertical:before {
  content: '\e7a0';
}

.icon-drag:before {
  content: '\e7a1';
}

.icon-drawing-box:before {
  content: '\e7a2';
}

.icon-drawing:before {
  content: '\e7a3';
}

.icon-dribbble-box:before {
  content: '\e7a4';
}

.icon-dribbble:before {
  content: '\e7a5';
}

.icon-drone:before {
  content: '\e7a6';
}

.icon-dropbox:before {
  content: '\e7a7';
}

.icon-drupal:before {
  content: '\e7a8';
}

.icon-duck:before {
  content: '\e7a9';
}

.icon-dumbbell:before {
  content: '\e7aa';
}

.icon-earth-off:before {
  content: '\e7ab';
}

.icon-earth:before {
  content: '\e7ac';
}

.icon-ebay:before {
  content: '\e7ad';
}

.icon-edge:before {
  content: '\e7ae';
}

.icon-eject:before {
  content: '\e7af';
}

.icon-elevation-decline:before {
  content: '\e7b0';
}

.icon-elevation-rise:before {
  content: '\e7b1';
}

.icon-elevator:before {
  content: '\e7b2';
}

.icon-email-open:before {
  content: '\e7b3';
}

.icon-email-secure:before {
  content: '\e7b4';
}

.icon-email:before {
  content: '\e7b5';
}

.icon-emoticon-cool:before {
  content: '\e7b6';
}

.icon-emoticon-devil:before {
  content: '\e7b7';
}

.icon-emoticon-happy:before {
  content: '\e7b8';
}

.icon-emoticon-neutral:before {
  content: '\e7b9';
}

.icon-emoticon-poop:before {
  content: '\e7ba';
}

.icon-emoticon-sad:before {
  content: '\e7bb';
}

.icon-emoticon-tongue:before {
  content: '\e7bc';
}

.icon-emoticon:before {
  content: '\e7bd';
}

.icon-engine-outline:before {
  content: '\e7be';
}

.icon-engine:before {
  content: '\e7bf';
}

.icon-equal-box:before {
  content: '\e7c0';
}

.icon-equal:before {
  content: '\e7c1';
}

.icon-eraser:before {
  content: '\e7c2';
}

.icon-escalator:before {
  content: '\e7c3';
}

.icon-etsy:before {
  content: '\e7c4';
}

.icon-evernote:before {
  content: '\e7c5';
}

.icon-exclamation:before {
  content: '\e7c6';
}

.icon-exit-to-app:before {
  content: '\e7c7';
}

.icon-export:before {
  content: '\e7c8';
}

.icon-eye-off:before {
  content: '\e7c9';
}

.icon-eye:before {
  content: '\e7ca';
}

.icon-eyedropper-variant:before {
  content: '\e7cb';
}

.icon-eyedropper:before {
  content: '\e7cc';
}

.icon-facebook-box:before {
  content: '\e7cd';
}

.icon-facebook:before {
  content: '\e7ce';
}

.icon-factory:before {
  content: '\e7cf';
}

.icon-fan:before {
  content: '\e7d0';
}

.icon-fast-forward:before {
  content: '\e7d1';
}

.icon-ferry:before {
  content: '\e7d2';
}

.icon-file-cloud:before {
  content: '\e7d3';
}

.icon-file-delimited:before {
  content: '\e7d4';
}

.icon-file-document-box:before {
  content: '\e7d5';
}

.icon-file-document:before {
  content: '\e7d6';
}

.icon-file-excel-box:before {
  content: '\e7d7';
}

.icon-file-excel:before {
  content: '\e7d8';
}

.icon-file-find:before {
  content: '\e7d9';
}

.icon-file-hidden:before {
  content: '\e7da';
}

.icon-file-image-box:before {
  content: '\e7db';
}

.icon-file-image:before {
  content: '\e7dc';
}

.icon-file-multiple:before {
  content: '\e7dd';
}

.icon-file-music:before {
  content: '\e7de';
}

.icon-file-outline:before {
  content: '\e7df';
}

.icon-file-pdf-box:before {
  content: '\e7e0';
}

.icon-file-pdf:before {
  content: '\e7e1';
}

.icon-file-powerpoint-box:before {
  content: '\e7e2';
}

.icon-file-powerpoint:before {
  content: '\e7e3';
}

.icon-file-presentation-box:before {
  content: '\e7e4';
}

.icon-file-video:before {
  content: '\e7e5';
}

.icon-file-word-box:before {
  content: '\e7e6';
}

.icon-file-word:before {
  content: '\e7e7';
}

.icon-file-xml:before {
  content: '\e7e8';
}

.icon-file:before {
  content: '\e7e9';
}

.icon-fill:before {
  content: '\e7ea';
}

.icon-film:before {
  content: '\e7eb';
}

.icon-filmstrip-off:before {
  content: '\e7ec';
}

.icon-filmstrip:before {
  content: '\e7ed';
}

.icon-filter-outline:before {
  content: '\e7ee';
}

.icon-filter-remove-outline:before {
  content: '\e7ef';
}

.icon-filter-remove:before {
  content: '\e7f0';
}

.icon-filter-variant:before {
  content: '\e7f1';
}

.icon-filter:before {
  content: '\e7f2';
}

.icon-fire:before {
  content: '\e7f3';
}

.icon-fish:before {
  content: '\e7f4';
}

.icon-flag-checkered-variant:before {
  content: '\e7f5';
}

.icon-flag-checkered:before {
  content: '\e7f6';
}

.icon-flag-outline-variant:before {
  content: '\e7f7';
}

.icon-flag-outline:before {
  content: '\e7f8';
}

.icon-flag-triangle:before {
  content: '\e7f9';
}

.icon-flag-variant:before {
  content: '\e7fa';
}

.icon-flag:before {
  content: '\e7fb';
}

.icon-flash-auto:before {
  content: '\e7fc';
}

.icon-flash-off:before {
  content: '\e7fd';
}

.icon-flash:before {
  content: '\e7fe';
}

.icon-flashlight-off:before {
  content: '\e7ff';
}

.icon-flashlight:before {
  content: '\e800';
}

.icon-flattr:before {
  content: '\e801';
}

.icon-flickr-after:before {
  content: '\e802';
}

.icon-flickr-before:before {
  content: '\e803';
}

.icon-flip-to-back:before {
  content: '\e804';
}

.icon-flip-to-front:before {
  content: '\e805';
}

.icon-floppy:before {
  content: '\e806';
}

.icon-flower:before {
  content: '\e807';
}

.icon-folder-account:before {
  content: '\e808';
}

.icon-folder-download:before {
  content: '\e809';
}

.icon-folder-google-drive:before {
  content: '\e80a';
}

.icon-folder-image:before {
  content: '\e80b';
}

.icon-folder-lock-open:before {
  content: '\e80c';
}

.icon-folder-lock:before {
  content: '\e80d';
}

.icon-folder-move:before {
  content: '\e80e';
}

.icon-folder-multiple-image:before {
  content: '\e80f';
}

.icon-folder-multiple-outline:before {
  content: '\e810';
}

.icon-folder-multiple:before {
  content: '\e811';
}

.icon-folder-outline-lock:before {
  content: '\e812';
}

.icon-folder-outline:before {
  content: '\e813';
}

.icon-folder-plus:before {
  content: '\e814';
}

.icon-folder-remove:before {
  content: '\e815';
}

.icon-folder-upload:before {
  content: '\e816';
}

.icon-folder:before {
  content: '\e817';
}

.icon-food-apple:before {
  content: '\e818';
}

.icon-food-variant:before {
  content: '\e819';
}

.icon-food:before {
  content: '\e81a';
}

.icon-football-helmet:before {
  content: '\e81b';
}

.icon-football:before {
  content: '\e81c';
}

.icon-format-align-center:before {
  content: '\e81d';
}

.icon-format-align-justify:before {
  content: '\e81e';
}

.icon-format-align-left:before {
  content: '\e81f';
}

.icon-format-align-right:before {
  content: '\e820';
}

.icon-format-bold:before {
  content: '\e821';
}

.icon-format-clear:before {
  content: '\e822';
}

.icon-format-color-fill:before {
  content: '\e823';
}

.icon-format-color:before {
  content: '\e824';
}

.icon-format-float-center:before {
  content: '\e825';
}

.icon-format-float-left:before {
  content: '\e826';
}

.icon-format-float-none:before {
  content: '\e827';
}

.icon-format-float-right:before {
  content: '\e828';
}

.icon-format-header-1:before {
  content: '\e829';
}

.icon-format-header-2:before {
  content: '\e82a';
}

.icon-format-header-3:before {
  content: '\e82b';
}

.icon-format-header-4:before {
  content: '\e82c';
}

.icon-format-header-5:before {
  content: '\e82d';
}

.icon-format-header-6:before {
  content: '\e82e';
}

.icon-format-header-decrease:before {
  content: '\e82f';
}

.icon-format-header-down:before {
  content: '\e830';
}

.icon-format-header-equal:before {
  content: '\e831';
}

.icon-format-header-increase:before {
  content: '\e832';
}

.icon-format-header-pound:before {
  content: '\e833';
}

.icon-format-header-up:before {
  content: '\e834';
}

.icon-format-indent-decrease:before {
  content: '\e835';
}

.icon-format-indent-increase:before {
  content: '\e836';
}

.icon-format-italic:before {
  content: '\e837';
}

.icon-format-line-spacing:before {
  content: '\e838';
}

.icon-format-list-bulleted:before {
  content: '\e839';
}

.icon-format-list-numbers:before {
  content: '\e83a';
}

.icon-format-object-inline:before {
  content: '\e83b';
}

.icon-format-object-square:before {
  content: '\e83c';
}

.icon-format-object-tight:before {
  content: '\e83d';
}

.icon-format-object-top-bottom:before {
  content: '\e83e';
}

.icon-format-paint:before {
  content: '\e83f';
}

.icon-format-paragraph:before {
  content: '\e840';
}

.icon-format-quote:before {
  content: '\e841';
}

.icon-format-size:before {
  content: '\e842';
}

.icon-format-strikethrough:before {
  content: '\e843';
}

.icon-format-subscript:before {
  content: '\e844';
}

.icon-format-superscript:before {
  content: '\e845';
}

.icon-format-text:before {
  content: '\e846';
}

.icon-format-textdirection-l-to-r:before {
  content: '\e847';
}

.icon-format-textdirection-r-to-l:before {
  content: '\e848';
}

.icon-format-underline:before {
  content: '\e849';
}

.icon-forum:before {
  content: '\e84a';
}

.icon-forward:before {
  content: '\e84b';
}

.icon-foursquare:before {
  content: '\e84c';
}

.icon-fridge:before {
  content: '\e84d';
}

.icon-fullscreen-exit:before {
  content: '\e84e';
}

.icon-fullscreen:before {
  content: '\e84f';
}

.icon-function:before {
  content: '\e850';
}

.icon-gamepad-variant:before {
  content: '\e851';
}

.icon-gamepad:before {
  content: '\e852';
}

.icon-gas-station:before {
  content: '\e853';
}

.icon-gavel:before {
  content: '\e854';
}

.icon-gender-female:before {
  content: '\e855';
}

.icon-gender-male-female:before {
  content: '\e856';
}

.icon-gender-male:before {
  content: '\e857';
}

.icon-gender-transgender:before {
  content: '\e858';
}

.icon-gift:before {
  content: '\e859';
}

.icon-git:before {
  content: '\e85a';
}

.icon-github-box:before {
  content: '\e85b';
}

.icon-github:before {
  content: '\e85c';
}

.icon-glass-flute:before {
  content: '\e85d';
}

.icon-glass-mug:before {
  content: '\e85e';
}

.icon-glass-stange:before {
  content: '\e85f';
}

.icon-glass-tulip:before {
  content: '\e860';
}

.icon-glasses:before {
  content: '\e861';
}

.icon-gmail:before {
  content: '\e862';
}

.icon-google-chrome:before {
  content: '\e863';
}

.icon-google-circles-communities:before {
  content: '\e864';
}

.icon-google-circles-extended:before {
  content: '\e865';
}

.icon-google-circles-invite:before {
  content: '\e866';
}

.icon-google-circles:before {
  content: '\e867';
}

.icon-google-controller-off:before {
  content: '\e868';
}

.icon-google-controller:before {
  content: '\e869';
}

.icon-google-drive:before {
  content: '\e86a';
}

.icon-google-earth:before {
  content: '\e86b';
}

.icon-google-glass:before {
  content: '\e86c';
}

.icon-google-maps:before {
  content: '\e86d';
}

.icon-google-pages:before {
  content: '\e86e';
}

.icon-google-play:before {
  content: '\e86f';
}

.icon-google-plus-box:before {
  content: '\e870';
}

.icon-google-plus:before {
  content: '\e871';
}

.icon-google:before {
  content: '\e872';
}

.icon-grid-off:before {
  content: '\e873';
}

.icon-grid:before {
  content: '\e874';
}

.icon-group:before {
  content: '\e875';
}

.icon-hand-pointing-right:before {
  content: '\e876';
}

.icon-hanger:before {
  content: '\e877';
}

.icon-hangouts:before {
  content: '\e878';
}

.icon-harddisk:before {
  content: '\e879';
}

.icon-headphones-box:before {
  content: '\e87a';
}

.icon-headphones-dots:before {
  content: '\e87b';
}

.icon-headphones:before {
  content: '\e87c';
}

.icon-headset-dock:before {
  content: '\e87d';
}

.icon-headset-off:before {
  content: '\e87e';
}

.icon-headset:before {
  content: '\e87f';
}

.icon-heart-box-outline:before {
  content: '\e880';
}

.icon-heart-box:before {
  content: '\e881';
}

.icon-heart-broken:before {
  content: '\e882';
}

.icon-heart-outline:before {
  content: '\e883';
}

.icon-heart:before {
  content: '\e884';
}

.icon-help-circle:before {
  content: '\e885';
}

.icon-help:before {
  content: '\e886';
}

.icon-hexagon-outline:before {
  content: '\e887';
}

.icon-hexagon:before {
  content: '\e888';
}

.icon-history:before {
  content: '\e889';
}

.icon-hololens:before {
  content: '\e88a';
}

.icon-home-modern:before {
  content: '\e88b';
}

.icon-home-variant:before {
  content: '\e88c';
}

.icon-home:before {
  content: '\e88d';
}

.icon-hops:before {
  content: '\e88e';
}

.icon-hospital-building:before {
  content: '\e88f';
}

.icon-hospital-marker:before {
  content: '\e890';
}

.icon-hospital:before {
  content: '\e891';
}

.icon-hotel:before {
  content: '\e892';
}

.icon-houzz-box:before {
  content: '\e893';
}

.icon-human-child:before {
  content: '\e894';
}

.icon-human-male-female:before {
  content: '\e895';
}

.icon-human:before {
  content: '\e896';
}

.icon-image-album:before {
  content: '\e897';
}

.icon-image-area-close:before {
  content: '\e898';
}

.icon-image-area:before {
  content: '\e899';
}

.icon-image-broken:before {
  content: '\e89a';
}

.icon-image-filter-black-white:before {
  content: '\e89b';
}

.icon-image-filter-center-focus:before {
  content: '\e89c';
}

.icon-image-filter-drama:before {
  content: '\e89d';
}

.icon-image-filter-frames:before {
  content: '\e89e';
}

.icon-image-filter-hdr:before {
  content: '\e89f';
}

.icon-image-filter-none:before {
  content: '\e8a0';
}

.icon-image-filter-tilt-shift:before {
  content: '\e8a1';
}

.icon-image-filter-vintage:before {
  content: '\e8a2';
}

.icon-image-filter:before {
  content: '\e8a3';
}

.icon-image:before {
  content: '\e8a4';
}

.icon-import:before {
  content: '\e8a5';
}

.icon-inbox:before {
  content: '\e8a6';
}

.icon-indent:before {
  content: '\e8a7';
}

.icon-information-outline:before {
  content: '\e8a8';
}

.icon-information:before {
  content: '\e8a9';
}

.icon-instagram:before {
  content: '\e8aa';
}

.icon-instapaper:before {
  content: '\e8ab';
}

.icon-internet-explorer:before {
  content: '\e8ac';
}

.icon-invert-colors:before {
  content: '\e8ad';
}

.icon-jira:before {
  content: '\e8ae';
}

.icon-jsfiddle:before {
  content: '\e8af';
}

.icon-keg:before {
  content: '\e8b0';
}

.icon-key-change:before {
  content: '\e8b1';
}

.icon-key-minus:before {
  content: '\e8b2';
}

.icon-key-plus:before {
  content: '\e8b3';
}

.icon-key-remove:before {
  content: '\e8b4';
}

.icon-key-variant:before {
  content: '\e8b5';
}

.icon-key:before {
  content: '\e8b6';
}

.icon-keyboard-backspace:before {
  content: '\e8b7';
}

.icon-keyboard-caps:before {
  content: '\e8b8';
}

.icon-keyboard-close:before {
  content: '\e8b9';
}

.icon-keyboard-off:before {
  content: '\e8ba';
}

.icon-keyboard-return:before {
  content: '\e8bb';
}

.icon-keyboard-tab:before {
  content: '\e8bc';
}

.icon-keyboard-variant:before {
  content: '\e8bd';
}

.icon-keyboard:before {
  content: '\e8be';
}

.icon-label-outline:before {
  content: '\e8bf';
}

.icon-label:before {
  content: '\e8c0';
}

.icon-language-csharp:before {
  content: '\e8c1';
}

.icon-language-css3:before {
  content: '\e8c2';
}

.icon-language-html5:before {
  content: '\e8c3';
}

.icon-language-javascript:before {
  content: '\e8c4';
}

.icon-language-python-text:before {
  content: '\e8c5';
}

.icon-language-python:before {
  content: '\e8c6';
}

.icon-laptop-chromebook:before {
  content: '\e8c7';
}

.icon-laptop-mac:before {
  content: '\e8c8';
}

.icon-laptop-windows:before {
  content: '\e8c9';
}

.icon-laptop:before {
  content: '\e8ca';
}

.icon-lastfm:before {
  content: '\e8cb';
}

.icon-launch:before {
  content: '\e8cc';
}

.icon-layers-off:before {
  content: '\e8cd';
}

.icon-layers:before {
  content: '\e8ce';
}

.icon-leaf:before {
  content: '\e8cf';
}

.icon-library-books:before {
  content: '\e8d0';
}

.icon-library-music:before {
  content: '\e8d1';
}

.icon-library-plus:before {
  content: '\e8d2';
}

.icon-library:before {
  content: '\e8d3';
}

.icon-lightbulb-outline:before {
  content: '\e8d4';
}

.icon-lightbulb:before {
  content: '\e8d5';
}

.icon-link-off:before {
  content: '\e8d6';
}

.icon-link-variant-off:before {
  content: '\e8d7';
}

.icon-link-variant:before {
  content: '\e8d8';
}

.icon-link:before {
  content: '\e8d9';
}

.icon-linkedin-box:before {
  content: '\e8da';
}

.icon-linkedin:before {
  content: '\e8db';
}

.icon-linode:before {
  content: '\e8dc';
}

.icon-linux:before {
  content: '\e8dd';
}

.icon-lock-outline:before {
  content: '\e8de';
}

.icon-lock-unlocked-outline:before {
  content: '\e8df';
}

.icon-lock-unlocked:before {
  content: '\e8e0';
}

.icon-lock:before {
  content: '\e8e1';
}

.icon-login:before {
  content: '\e8e2';
}

.icon-logout:before {
  content: '\e8e3';
}

.icon-looks:before {
  content: '\e8e4';
}

.icon-loupe:before {
  content: '\e8e5';
}

.icon-lumx:before {
  content: '\e8e6';
}

.icon-magnet-on:before {
  content: '\e8e7';
}

.icon-magnet:before {
  content: '\e8e8';
}

.icon-magnify-minus:before {
  content: '\e8e9';
}

.icon-magnify-plus:before {
  content: '\e8ea';
}

.icon-magnify:before {
  content: '\e8eb';
}

.icon-mail-ru:before {
  content: '\e8ec';
}

.icon-map-marker-circle:before {
  content: '\e8ed';
}

.icon-map-marker-multiple:before {
  content: '\e8ee';
}

.icon-map-marker-off:before {
  content: '\e8ef';
}

.icon-map-marker-radius:before {
  content: '\e8f0';
}

.icon-map-marker:before {
  content: '\e8f1';
}

.icon-map:before {
  content: '\e8f2';
}

.icon-margin:before {
  content: '\e8f3';
}

.icon-markdown:before {
  content: '\e8f4';
}

.icon-marker-check:before {
  content: '\e8f5';
}

.icon-martini:before {
  content: '\e8f6';
}

.icon-material-ui:before {
  content: '\e8f7';
}

.icon-maxcdn:before {
  content: '\e8f8';
}

.icon-medium:before {
  content: '\e8f9';
}

.icon-memory:before {
  content: '\e8fa';
}

.icon-menu-down:before {
  content: '\e8fb';
}

.icon-menu-left:before {
  content: '\e8fc';
}

.icon-menu-right:before {
  content: '\e8fd';
}

.icon-menu-up:before {
  content: '\e8fe';
}

.icon-menu:before {
  content: '\e8ff';
}

.icon-message-alert:before {
  content: '\e900';
}

.icon-message-draw:before {
  content: '\e901';
}

.icon-message-image:before {
  content: '\e902';
}

.icon-message-processing:before {
  content: '\e903';
}

.icon-message-reply:before {
  content: '\e904';
}

.icon-message-text-outline:before {
  content: '\e905';
}

.icon-message-text:before {
  content: '\e906';
}

.icon-message-video:before {
  content: '\e907';
}

.icon-message:before {
  content: '\e908';
}

.icon-microphone-dots:before {
  content: '\e909';
}

.icon-microphone-off:before {
  content: '\e90a';
}

.icon-microphone-outline:before {
  content: '\e90b';
}

.icon-microphone-settings:before {
  content: '\e90c';
}

.icon-microphone-variant-off:before {
  content: '\e90d';
}

.icon-microphone-variant:before {
  content: '\e90e';
}

.icon-microphone:before {
  content: '\e90f';
}

.icon-minus-box:before {
  content: '\e910';
}

.icon-minus-circle-outline:before {
  content: '\e911';
}

.icon-minus-circle:before {
  content: '\e912';
}

.icon-minus-network:before {
  content: '\e913';
}

.icon-minus:before {
  content: '\e914';
}

.icon-monitor-multiple:before {
  content: '\e915';
}

.icon-monitor:before {
  content: '\e916';
}

.icon-more:before {
  content: '\e917';
}

.icon-mouse-off:before {
  content: '\e918';
}

.icon-mouse-variant-off:before {
  content: '\e919';
}

.icon-mouse-variant:before {
  content: '\e91a';
}

.icon-mouse:before {
  content: '\e91b';
}

.icon-movie:before {
  content: '\e91c';
}

.icon-multiplication-box:before {
  content: '\e91d';
}

.icon-multiplication:before {
  content: '\e91e';
}

.icon-music-box-outline:before {
  content: '\e91f';
}

.icon-music-box:before {
  content: '\e920';
}

.icon-music-circle:before {
  content: '\e921';
}

.icon-music-note-eighth:before {
  content: '\e922';
}

.icon-music-note-half:before {
  content: '\e923';
}

.icon-music-note-off:before {
  content: '\e924';
}

.icon-music-note-quarter:before {
  content: '\e925';
}

.icon-music-note-sixteenth:before {
  content: '\e926';
}

.icon-music-note-whole:before {
  content: '\e927';
}

.icon-music-note:before {
  content: '\e928';
}

.icon-nature-people:before {
  content: '\e929';
}

.icon-nature:before {
  content: '\e92a';
}

.icon-navigation:before {
  content: '\e92b';
}

.icon-needle:before {
  content: '\e92c';
}

.icon-nest-protect:before {
  content: '\e92d';
}

.icon-nest-thermostat:before {
  content: '\e92e';
}

.icon-newspaper:before {
  content: '\e92f';
}

.icon-nfc-tap:before {
  content: '\e930';
}

.icon-nfc-variant:before {
  content: '\e931';
}

.icon-nfc:before {
  content: '\e932';
}

.icon-no:before {
  content: '\e933';
}

.icon-not-equal:before {
  content: '\e934';
}

.icon-note-outline:before {
  content: '\e935';
}

.icon-note-text:before {
  content: '\e936';
}

.icon-note:before {
  content: '\e937';
}

.icon-numeric-0-box-multiple-outline:before {
  content: '\e938';
}

.icon-numeric-0-box-outline:before {
  content: '\e939';
}

.icon-numeric-0-box:before {
  content: '\e93a';
}

.icon-numeric-1-box-multiple-outline:before {
  content: '\e93b';
}

.icon-numeric-1-box-outline:before {
  content: '\e93c';
}

.icon-numeric-1-box:before {
  content: '\e93d';
}

.icon-numeric-2-box-multiple-outline:before {
  content: '\e93e';
}

.icon-numeric-2-box-outline:before {
  content: '\e93f';
}

.icon-numeric-2-box:before {
  content: '\e940';
}

.icon-numeric-3-box-multiple-outline:before {
  content: '\e941';
}

.icon-numeric-3-box-outline:before {
  content: '\e942';
}

.icon-numeric-3-box:before {
  content: '\e943';
}

.icon-numeric-4-box-multiple-outline:before {
  content: '\e944';
}

.icon-numeric-4-box-outline:before {
  content: '\e945';
}

.icon-numeric-4-box:before {
  content: '\e946';
}

.icon-numeric-5-box-multiple-outline:before {
  content: '\e947';
}

.icon-numeric-5-box-outline:before {
  content: '\e948';
}

.icon-numeric-5-box:before {
  content: '\e949';
}

.icon-numeric-6-box-multiple-outline:before {
  content: '\e94a';
}

.icon-numeric-6-box-outline:before {
  content: '\e94b';
}

.icon-numeric-6-box:before {
  content: '\e94c';
}

.icon-numeric-7-box-multiple-outline:before {
  content: '\e94d';
}

.icon-numeric-7-box-outline:before {
  content: '\e94e';
}

.icon-numeric-7-box:before {
  content: '\e94f';
}

.icon-numeric-8-box-multiple-outline:before {
  content: '\e950';
}

.icon-numeric-8-box-outline:before {
  content: '\e951';
}

.icon-numeric-8-box:before {
  content: '\e952';
}

.icon-numeric-9-box-multiple-outline:before {
  content: '\e953';
}

.icon-numeric-9-box-outline:before {
  content: '\e954';
}

.icon-numeric-9-box:before {
  content: '\e955';
}

.icon-numeric-9-plus-box-multiple-outline:before {
  content: '\e956';
}

.icon-numeric-9-plus-box-outline:before {
  content: '\e957';
}

.icon-numeric-9-plus-box:before {
  content: '\e958';
}

.icon-numeric:before {
  content: '\e959';
}

.icon-nutriton:before {
  content: '\e95a';
}

.icon-odnoklassniki:before {
  content: '\e95b';
}

.icon-office:before {
  content: '\e95c';
}

.icon-oil:before {
  content: '\e95d';
}

.icon-omega:before {
  content: '\e95e';
}

.icon-onedrive:before {
  content: '\e95f';
}

.icon-open-in-app:before {
  content: '\e960';
}

.icon-open-in-new:before {
  content: '\e961';
}

.icon-ornament-variant:before {
  content: '\e962';
}

.icon-ornament:before {
  content: '\e963';
}

.icon-outbox:before {
  content: '\e964';
}

.icon-outdent:before {
  content: '\e965';
}

.icon-owl:before {
  content: '\e966';
}

.icon-package-down:before {
  content: '\e967';
}

.icon-package-up:before {
  content: '\e968';
}

.icon-package-variant-closed:before {
  content: '\e969';
}

.icon-package-variant:before {
  content: '\e96a';
}

.icon-package:before {
  content: '\e96b';
}

.icon-palette-advanced:before {
  content: '\e96c';
}

.icon-palette:before {
  content: '\e96d';
}

.icon-panda:before {
  content: '\e96e';
}

.icon-pandora:before {
  content: '\e96f';
}

.icon-panorama-fisheye:before {
  content: '\e970';
}

.icon-panorama-horizontal:before {
  content: '\e971';
}

.icon-panorama-vertical:before {
  content: '\e972';
}

.icon-panorama-wide-angle:before {
  content: '\e973';
}

.icon-panorama:before {
  content: '\e974';
}

.icon-paper-cut-vertical:before {
  content: '\e975';
}

.icon-paperclip:before {
  content: '\e976';
}

.icon-parking:before {
  content: '\e977';
}

.icon-pause-circle-outline:before {
  content: '\e978';
}

.icon-pause-circle:before {
  content: '\e979';
}

.icon-pause-octagon-outline:before {
  content: '\e97a';
}

.icon-pause-octagon:before {
  content: '\e97b';
}

.icon-pause:before {
  content: '\e97c';
}

.icon-paw:before {
  content: '\e97d';
}

.icon-pen:before {
  content: '\e97e';
}

.icon-pencil-box-outline:before {
  content: '\e97f';
}

.icon-pencil-box:before {
  content: '\e980';
}

.icon-pencil:before {
  content: '\e981';
}

.icon-people:before {
  content: '\e982';
}

.icon-percent:before {
  content: '\e983';
}

.icon-person-box:before {
  content: '\e984';
}

.icon-person-minus:before {
  content: '\e985';
}

.icon-person-plus:before {
  content: '\e986';
}

.icon-pharmacy:before {
  content: '\e987';
}

.icon-phone-bluetooth:before {
  content: '\e988';
}

.icon-phone-dots:before {
  content: '\e989';
}

.icon-phone-forward:before {
  content: '\e98a';
}

.icon-phone-hangup:before {
  content: '\e98b';
}

.icon-phone-in-talk:before {
  content: '\e98c';
}

.icon-phone-incoming:before {
  content: '\e98d';
}

.icon-phone-locked:before {
  content: '\e98e';
}

.icon-phone-log:before {
  content: '\e98f';
}

.icon-phone-missed:before {
  content: '\e990';
}

.icon-phone-outgoing:before {
  content: '\e991';
}

.icon-phone-paused:before {
  content: '\e992';
}

.icon-phone:before {
  content: '\e993';
}

.icon-picture:before {
  content: '\e994';
}

.icon-pig:before {
  content: '\e995';
}

.icon-pill:before {
  content: '\e996';
}

.icon-pin-off:before {
  content: '\e997';
}

.icon-pin:before {
  content: '\e998';
}

.icon-pine-tree-box:before {
  content: '\e999';
}

.icon-pine-tree:before {
  content: '\e99a';
}

.icon-pinterest-box:before {
  content: '\e99b';
}

.icon-pinterest:before {
  content: '\e99c';
}

.icon-pizza:before {
  content: '\e99d';
}

.icon-plane:before {
  content: '\e99e';
}

.icon-play-box-outline:before {
  content: '\e99f';
}

.icon-play-circle-outline:before {
  content: '\e9a0';
}

.icon-play-circle:before {
  content: '\e9a1';
}

.icon-play:before {
  content: '\e9a2';
}

.icon-playlist-minus:before {
  content: '\e9a3';
}

.icon-playlist-plus:before {
  content: '\e9a4';
}

.icon-playstation:before {
  content: '\e9a5';
}

.icon-plus-box:before {
  content: '\e9a6';
}

.icon-plus-circle-outline:before {
  content: '\e9a7';
}

.icon-plus-circle:before {
  content: '\e9a8';
}

.icon-plus-network:before {
  content: '\e9a9';
}

.icon-plus-one:before {
  content: '\e9aa';
}

.icon-plus:before {
  content: '\e9ab';
}

.icon-pocket:before {
  content: '\e9ac';
}

.icon-poll-box:before {
  content: '\e9ad';
}

.icon-poll:before {
  content: '\e9ae';
}

.icon-polymer:before {
  content: '\e9af';
}

.icon-popcorn:before {
  content: '\e9b0';
}

.icon-pound-box:before {
  content: '\e9b1';
}

.icon-pound:before {
  content: '\e9b2';
}

.icon-power-settings:before {
  content: '\e9b3';
}

.icon-power-socket:before {
  content: '\e9b4';
}

.icon-power:before {
  content: '\e9b5';
}

.icon-presentation-play:before {
  content: '\e9b6';
}

.icon-presentation:before {
  content: '\e9b7';
}

.icon-printer-3d:before {
  content: '\e9b8';
}

.icon-printer:before {
  content: '\e9b9';
}

.icon-pulse:before {
  content: '\e9ba';
}

.icon-puzzle:before {
  content: '\e9bb';
}

.icon-qrcode:before {
  content: '\e9bc';
}

.icon-quadcopter:before {
  content: '\e9bd';
}

.icon-quality-high:before {
  content: '\e9be';
}

.icon-question-mark-circle:before {
  content: '\e9bf';
}

.icon-quick-reply:before {
  content: '\e9c0';
}

.icon-quicktime:before {
  content: '\e9c1';
}

.icon-rabbit:before {
  content: '\e9c2';
}

.icon-radiator:before {
  content: '\e9c3';
}

.icon-radio-tower:before {
  content: '\e9c4';
}

.icon-radio:before {
  content: '\e9c5';
}

.icon-radioactive:before {
  content: '\e9c6';
}

.icon-radiobox-blank:before {
  content: '\e9c7';
}

.icon-radiobox-marked:before {
  content: '\e9c8';
}

.icon-raspberrypi:before {
  content: '\e9c9';
}

.icon-rdio:before {
  content: '\e9ca';
}

.icon-read:before {
  content: '\e9cb';
}

.icon-readability:before {
  content: '\e9cc';
}

.icon-receipt:before {
  content: '\e9cd';
}

.icon-recycle:before {
  content: '\e9ce';
}

.icon-reddit:before {
  content: '\e9cf';
}

.icon-redo-variant:before {
  content: '\e9d0';
}

.icon-redo:before {
  content: '\e9d1';
}

.icon-refresh:before {
  content: '\e9d2';
}

.icon-relative-scale:before {
  content: '\e9d3';
}

.icon-reload:before {
  content: '\e9d4';
}

.icon-remote:before {
  content: '\e9d5';
}

.icon-rename-box:before {
  content: '\e9d6';
}

.icon-repeat-off:before {
  content: '\e9d7';
}

.icon-repeat-once:before {
  content: '\e9d8';
}

.icon-repeat:before {
  content: '\e9d9';
}

.icon-replay:before {
  content: '\e9da';
}

.icon-reply-all:before {
  content: '\e9db';
}

.icon-reply:before {
  content: '\e9dc';
}

.icon-reproduction:before {
  content: '\e9dd';
}

.icon-resize-bottom-right:before {
  content: '\e9de';
}

.icon-responsive:before {
  content: '\e9df';
}

.icon-restore:before {
  content: '\e9e0';
}

.icon-rewind:before {
  content: '\e9e1';
}

.icon-ribbon:before {
  content: '\e9e2';
}

.icon-road:before {
  content: '\e9e3';
}

.icon-rocket:before {
  content: '\e9e4';
}

.icon-rotate-3d:before {
  content: '\e9e5';
}

.icon-rotate-left-variant:before {
  content: '\e9e6';
}

.icon-rotate-left:before {
  content: '\e9e7';
}

.icon-rotate-right-variant:before {
  content: '\e9e8';
}

.icon-rotate-right:before {
  content: '\e9e9';
}

.icon-routes:before {
  content: '\e9ea';
}

.icon-rss-box:before {
  content: '\e9eb';
}

.icon-ruler:before {
  content: '\e9ec';
}

.icon-run:before {
  content: '\e9ed';
}

.icon-sale:before {
  content: '\e9ee';
}

.icon-satellite-variant:before {
  content: '\e9ef';
}

.icon-satellite:before {
  content: '\e9f0';
}

.icon-scale-bathroom:before {
  content: '\e9f1';
}

.icon-scale:before {
  content: '\e9f2';
}

.icon-school:before {
  content: '\e9f3';
}

.icon-screen-rotation-lock:before {
  content: '\e9f4';
}

.icon-screen-rotation:before {
  content: '\e9f5';
}

.icon-script:before {
  content: '\e9f6';
}

.icon-security-network:before {
  content: '\e9f7';
}

.icon-security:before {
  content: '\e9f8';
}

.icon-select-all:before {
  content: '\e9f9';
}

.icon-select-inverse:before {
  content: '\e9fa';
}

.icon-select-off:before {
  content: '\e9fb';
}

.icon-select:before {
  content: '\e9fc';
}

.icon-send:before {
  content: '\e9fd';
}

.icon-server-minus:before {
  content: '\e9fe';
}

.icon-server-network-off:before {
  content: '\e9ff';
}

.icon-server-network:before {
  content: '\ea00';
}

.icon-server-off:before {
  content: '\ea01';
}

.icon-server-plus:before {
  content: '\ea02';
}

.icon-server-remove:before {
  content: '\ea03';
}

.icon-server-security:before {
  content: '\ea04';
}

.icon-server:before {
  content: '\ea05';
}

.icon-shape-plus:before {
  content: '\ea06';
}

.icon-share-variant:before {
  content: '\ea07';
}

.icon-share:before {
  content: '\ea08';
}

.icon-shield-outline:before {
  content: '\ea09';
}

.icon-shield:before {
  content: '\ea0a';
}

.icon-shopping-music:before {
  content: '\ea0b';
}

.icon-shopping:before {
  content: '\ea0c';
}

.icon-shuffle:before {
  content: '\ea0d';
}

.icon-sigma:before {
  content: '\ea0e';
}

.icon-sign-caution:before {
  content: '\ea0f';
}

.icon-signal:before {
  content: '\ea10';
}

.icon-silverware-fork:before {
  content: '\ea11';
}

.icon-silverware-spoon:before {
  content: '\ea12';
}

.icon-silverware-variant:before {
  content: '\ea13';
}

.icon-silverware:before {
  content: '\ea14';
}

.icon-sim-alert:before {
  content: '\ea15';
}

.icon-sim:before {
  content: '\ea16';
}

.icon-sitemap:before {
  content: '\ea17';
}

.icon-skip-next:before {
  content: '\ea18';
}

.icon-skip-previous:before {
  content: '\ea19';
}

.icon-skype-business:before {
  content: '\ea1a';
}

.icon-skype:before {
  content: '\ea1b';
}

.icon-sleep-off:before {
  content: '\ea1c';
}

.icon-sleep:before {
  content: '\ea1d';
}

.icon-smoking-off:before {
  content: '\ea1e';
}

.icon-smoking:before {
  content: '\ea1f';
}

.icon-snapchat:before {
  content: '\ea20';
}

.icon-snowman:before {
  content: '\ea21';
}

.icon-sofa:before {
  content: '\ea22';
}

.icon-sort-alphabetical:before {
  content: '\ea23';
}

.icon-sort-ascending:before {
  content: '\ea24';
}

.icon-sort-descending:before {
  content: '\ea25';
}

.icon-sort-numeric:before {
  content: '\ea26';
}

.icon-sort-variant:before {
  content: '\ea27';
}

.icon-sort:before {
  content: '\ea28';
}

.icon-soundcloud:before {
  content: '\ea29';
}

.icon-source-fork:before {
  content: '\ea2a';
}

.icon-source-pull:before {
  content: '\ea2b';
}

.icon-speaker-off:before {
  content: '\ea2c';
}

.icon-speaker:before {
  content: '\ea2d';
}

.icon-speedometer:before {
  content: '\ea2e';
}

.icon-spellcheck:before {
  content: '\ea2f';
}

.icon-spotify:before {
  content: '\ea30';
}

.icon-spotlight-beam:before {
  content: '\ea31';
}

.icon-spotlight:before {
  content: '\ea32';
}

.icon-spreadsheet:before {
  content: '\ea33';
}

.icon-square-inc-cash:before {
  content: '\ea34';
}

.icon-square-inc:before {
  content: '\ea35';
}

.icon-stackoverflow:before {
  content: '\ea36';
}

.icon-star-circle:before {
  content: '\ea37';
}

.icon-star-half:before {
  content: '\ea38';
}

.icon-star-of-david:before {
  content: '\ea39';
}

.icon-star-outline:before {
  content: '\ea3a';
}

.icon-star:before {
  content: '\ea3b';
}

.icon-steam:before {
  content: '\ea3c';
}

.icon-stethoscope:before {
  content: '\ea3d';
}

.icon-stocking:before {
  content: '\ea3e';
}

.icon-stop:before {
  content: '\ea3f';
}

.icon-store-24-hour:before {
  content: '\ea40';
}

.icon-store:before {
  content: '\ea41';
}

.icon-stove:before {
  content: '\ea42';
}

.icon-subway:before {
  content: '\ea43';
}

.icon-sunglasses:before {
  content: '\ea44';
}

.icon-swap-horizontal:before {
  content: '\ea45';
}

.icon-swap-vertical:before {
  content: '\ea46';
}

.icon-swim:before {
  content: '\ea47';
}

.icon-sword:before {
  content: '\ea48';
}

.icon-sync-alert:before {
  content: '\ea49';
}

.icon-sync-off:before {
  content: '\ea4a';
}

.icon-sync:before {
  content: '\ea4b';
}

.icon-tab-unselected:before {
  content: '\ea4c';
}

.icon-tab:before {
  content: '\ea4d';
}

.icon-table-column-plus-after:before {
  content: '\ea4e';
}

.icon-table-column-plus-before:before {
  content: '\ea4f';
}

.icon-table-column-remove:before {
  content: '\ea50';
}

.icon-table-column-width:before {
  content: '\ea51';
}

.icon-table-edit:before {
  content: '\ea52';
}

.icon-table-large:before {
  content: '\ea53';
}

.icon-table-row-height:before {
  content: '\ea54';
}

.icon-table-row-plus-after:before {
  content: '\ea55';
}

.icon-table-row-plus-before:before {
  content: '\ea56';
}

.icon-table-row-remove:before {
  content: '\ea57';
}

.icon-table:before {
  content: '\ea58';
}

.icon-tablet-android:before {
  content: '\ea59';
}

.icon-tablet-ipad:before {
  content: '\ea5a';
}

.icon-tablet:before {
  content: '\ea5b';
}

.icon-tag-faces:before {
  content: '\ea5c';
}

.icon-tag-multiple:before {
  content: '\ea5d';
}

.icon-tag-outline:before {
  content: '\ea5e';
}

.icon-tag-text-outline:before {
  content: '\ea5f';
}

.icon-tag:before {
  content: '\ea60';
}

.icon-taxi:before {
  content: '\ea61';
}

.icon-teamviewer:before {
  content: '\ea62';
}

.icon-telegram:before {
  content: '\ea63';
}

.icon-television-guide:before {
  content: '\ea64';
}

.icon-television:before {
  content: '\ea65';
}

.icon-temperature-celsius:before {
  content: '\ea66';
}

.icon-temperature-fahrenheit:before {
  content: '\ea67';
}

.icon-temperature-kelvin:before {
  content: '\ea68';
}

.icon-tennis:before {
  content: '\ea69';
}

.icon-tent:before {
  content: '\ea6a';
}

.icon-terrain:before {
  content: '\ea6b';
}

.icon-text-to-speech-off:before {
  content: '\ea6c';
}

.icon-text-to-speech:before {
  content: '\ea6d';
}

.icon-texture:before {
  content: '\ea6e';
}

.icon-theater:before {
  content: '\ea6f';
}

.icon-theme-light-dark:before {
  content: '\ea70';
}

.icon-thermometer-lines:before {
  content: '\ea71';
}

.icon-thermometer:before {
  content: '\ea72';
}

.icon-thumb-down-outline:before {
  content: '\ea73';
}

.icon-thumb-down:before {
  content: '\ea74';
}

.icon-thumb-up-outline:before {
  content: '\ea75';
}

.icon-thumb-up:before {
  content: '\ea76';
}

.icon-thumbs-up-down:before {
  content: '\ea77';
}

.icon-ticket-account:before {
  content: '\ea78';
}

.icon-ticket:before {
  content: '\ea79';
}

.icon-tie:before {
  content: '\ea7a';
}

.icon-tile-four:before {
  content: '\ea7b';
}

.icon-timelapse:before {
  content: '\ea7c';
}

.icon-timer-3:before {
  content: '\ea7d';
}

.icon-timer-10:before {
  content: '\ea7e';
}

.icon-timer-off:before {
  content: '\ea7f';
}

.icon-timer-sand:before {
  content: '\ea80';
}

.icon-timer:before {
  content: '\ea81';
}

.icon-timetable:before {
  content: '\ea82';
}

.icon-toggle-switch-off:before {
  content: '\ea83';
}

.icon-toggle-switch-on:before {
  content: '\ea84';
}

.icon-tooltip-edit:before {
  content: '\ea85';
}

.icon-tooltip-image:before {
  content: '\ea86';
}

.icon-tooltip-outline-plus:before {
  content: '\ea87';
}

.icon-tooltip-outline:before {
  content: '\ea88';
}

.icon-tooltip-text:before {
  content: '\ea89';
}

.icon-tooltip:before {
  content: '\ea8a';
}

.icon-tor:before {
  content: '\ea8b';
}

.icon-traffic-light:before {
  content: '\ea8c';
}

.icon-train:before {
  content: '\ea8d';
}

.icon-tram:before {
  content: '\ea8e';
}

.icon-transcribe-close:before {
  content: '\ea8f';
}

.icon-transcribe:before {
  content: '\ea90';
}

.icon-transfer:before {
  content: '\ea91';
}

.icon-trash:before {
  content: '\ea92';
}

.icon-tree:before {
  content: '\ea93';
}

.icon-trello:before {
  content: '\ea94';
}

.icon-trending-down:before {
  content: '\ea95';
}

.icon-trending-neutral:before {
  content: '\ea96';
}

.icon-trending-up:before {
  content: '\ea97';
}

.icon-truck:before {
  content: '\ea98';
}

.icon-tshirt-crew:before {
  content: '\ea99';
}

.icon-tshirt-v:before {
  content: '\ea9a';
}

.icon-tumblr-reblog:before {
  content: '\ea9b';
}

.icon-tumblr:before {
  content: '\ea9c';
}

.icon-twitch:before {
  content: '\ea9d';
}

.icon-twitter-box:before {
  content: '\ea9e';
}

.icon-twitter-circle:before {
  content: '\ea9f';
}

.icon-twitter-retweet:before {
  content: '\eaa0';
}

.icon-twitter:before {
  content: '\eaa1';
}

.icon-ubuntu:before {
  content: '\eaa2';
}

.icon-umbrella-outline:before {
  content: '\eaa3';
}

.icon-umbrella:before {
  content: '\eaa4';
}

.icon-undo-variant:before {
  content: '\eaa5';
}

.icon-undo:before {
  content: '\eaa6';
}

.icon-unfold-less:before {
  content: '\eaa7';
}

.icon-unfold-more:before {
  content: '\eaa8';
}

.icon-ungroup:before {
  content: '\eaa9';
}

.icon-untappd:before {
  content: '\eaaa';
}

.icon-upload:before {
  content: '\eaab';
}

.icon-usb:before {
  content: '\eaac';
}

.icon-vector-curve:before {
  content: '\eaad';
}

.icon-vector-point:before {
  content: '\eaae';
}

.icon-vector-square:before {
  content: '\eaaf';
}

.icon-verified:before {
  content: '\eab0';
}

.icon-vibration:before {
  content: '\eab1';
}

.icon-video-off:before {
  content: '\eab2';
}

.icon-video-switch:before {
  content: '\eab3';
}

.icon-video:before {
  content: '\eab4';
}

.icon-view-agenda:before {
  content: '\eab5';
}

.icon-view-array:before {
  content: '\eab6';
}

.icon-view-carousel:before {
  content: '\eab7';
}

.icon-view-column:before {
  content: '\eab8';
}

.icon-view-dashboard:before {
  content: '\eab9';
}

.icon-view-day:before {
  content: '\eaba';
}

.icon-view-headline:before {
  content: '\eabb';
}

.icon-view-list:before {
  content: '\eabc';
}

.icon-view-module:before {
  content: '\eabd';
}

.icon-view-quilt:before {
  content: '\eabe';
}

.icon-view-stream:before {
  content: '\eabf';
}

.icon-view-week:before {
  content: '\eac0';
}

.icon-vimeo:before {
  content: '\eac1';
}

.icon-vine:before {
  content: '\eac2';
}

.icon-vk-box:before {
  content: '\eac3';
}

.icon-vk-circle:before {
  content: '\eac4';
}

.icon-vk:before {
  content: '\eac5';
}

.icon-voicemail:before {
  content: '\eac6';
}

.icon-volume-high:before {
  content: '\eac7';
}

.icon-volume-low:before {
  content: '\eac8';
}

.icon-volume-medium:before {
  content: '\eac9';
}

.icon-volume-off:before {
  content: '\eaca';
}

.icon-volume:before {
  content: '\eacb';
}

.icon-vpn:before {
  content: '\eacc';
}

.icon-walk:before {
  content: '\eacd';
}

.icon-wallet-giftcard:before {
  content: '\eace';
}

.icon-wallet-membership:before {
  content: '\eacf';
}

.icon-wallet-travel:before {
  content: '\ead0';
}

.icon-wallet:before {
  content: '\ead1';
}

.icon-washing-machine:before {
  content: '\ead2';
}

.icon-watch-export:before {
  content: '\ead3';
}

.icon-watch-import:before {
  content: '\ead4';
}

.icon-watch:before {
  content: '\ead5';
}

.icon-water-off:before {
  content: '\ead6';
}

.icon-water-pump:before {
  content: '\ead7';
}

.icon-water:before {
  content: '\ead8';
}

.icon-weather-cloudy:before {
  content: '\ead9';
}

.icon-weather-fog:before {
  content: '\eada';
}

.icon-weather-hail:before {
  content: '\eadb';
}

.icon-weather-lightning:before {
  content: '\eadc';
}

.icon-weather-night:before {
  content: '\eadd';
}

.icon-weather-partlycloudy:before {
  content: '\eade';
}

.icon-weather-pouring:before {
  content: '\eadf';
}

.icon-weather-rainy:before {
  content: '\eae0';
}

.icon-weather-snowy:before {
  content: '\eae1';
}

.icon-weather-sunny:before {
  content: '\eae2';
}

.icon-weather-sunset-down:before {
  content: '\eae3';
}

.icon-weather-sunset-up:before {
  content: '\eae4';
}

.icon-weather-sunset:before {
  content: '\eae5';
}

.icon-weather-windy-variant:before {
  content: '\eae6';
}

.icon-weather-windy:before {
  content: '\eae7';
}

.icon-web:before {
  content: '\eae8';
}

.icon-webcam:before {
  content: '\eae9';
}

.icon-weight-kilogram:before {
  content: '\eaea';
}

.icon-weight:before {
  content: '\eaeb';
}

.icon-whatsapp:before {
  content: '\eaec';
}

.icon-wheelchair-accessibility:before {
  content: '\eaed';
}

.icon-white-balance-auto:before {
  content: '\eaee';
}

.icon-white-balance-incandescent:before {
  content: '\eaef';
}

.icon-white-balance-irradescent:before {
  content: '\eaf0';
}

.icon-white-balance-sunny:before {
  content: '\eaf1';
}

.icon-wifi:before {
  content: '\eaf2';
}

.icon-wii:before {
  content: '\eaf3';
}

.icon-wikipedia:before {
  content: '\eaf4';
}

.icon-window-close:before {
  content: '\eaf5';
}

.icon-window-closed:before {
  content: '\eaf6';
}

.icon-window-maximize:before {
  content: '\eaf7';
}

.icon-window-minimize:before {
  content: '\eaf8';
}

.icon-window-open:before {
  content: '\eaf9';
}

.icon-window-restore:before {
  content: '\eafa';
}

.icon-windows:before {
  content: '\eafb';
}

.icon-wordpress:before {
  content: '\eafc';
}

.icon-worker:before {
  content: '\eafd';
}

.icon-wunderlist:before {
  content: '\eafe';
}

.icon-xbox-controller-off:before {
  content: '\eaff';
}

.icon-xbox-controller:before {
  content: '\eb00';
}

.icon-xbox:before {
  content: '\eb01';
}

.icon-xda:before {
  content: '\eb02';
}

.icon-xml:before {
  content: '\eb03';
}

.icon-yeast:before {
  content: '\eb04';
}

.icon-yelp:before {
  content: '\eb05';
}

.icon-youtube-play:before {
  content: '\eb06';
}

.icon-youtube:before {
  content: '\eb07';
}

.icon-zip-box:before {
  content: '\eb08';
}

/*----------------------------------------------------------------*/
/*  Variables
/*----------------------------------------------------------------*/
/*-----------------------------------------------------------------------*/
/* Contains custom elements, components and general styles that
/* follows Google(TM) Material Design(TM) specs
/*
/* https://www.google.com/design/spec/material-design/introduction.html
/*-----------------------------------------------------------------------*/
/*----------------------------------------------------------------*/
/*  Avatars
/*----------------------------------------------------------------*/
.avatar {
  width: 40px;
  min-width: 40px;
  height: 40px;
  line-height: 40px;
  margin: 0 8px 0 0;
  border-radius: 50%;
  font-size: 17px;
  font-weight: 500;
  text-align: center;
  color: #ffffff;
}

.avatar.square {
  border-radius: 0;
}

.avatar.small {
  width: 20px;
  min-width: 20px;
  height: 20px;
  line-height: 20px;
}

.avatar.big {
  width: 72px;
  min-width: 72px;
  height: 72px;
  line-height: 72px;
}

.avatar.huge {
  width: 96px;
  min-width: 96px;
  height: 96px;
  line-height: 96px;
}

/*----------------------------------------------------------------*/
/*  Forms
/*----------------------------------------------------------------*/
.form-wrapper {
  background: #ffffff;
  padding: 16px;
}

.form-wrapper .form-title {
  font-size: 21px;
  padding: 8px 0;
}

/*----------------------------------------------------------------*/
/*  Navigation - Simple
/*----------------------------------------------------------------*/
.navigation-simple .item {
  position: relative;
  cursor: pointer;
  text-align: left;
  margin: 0;
  padding: 0 24px;
  text-transform: none;
  line-height: 48px;
  max-height: 48px;
  height: 48px;
}

.navigation-simple .item md-icon {
  margin: 0 16px 0 0;
}

.navigation-simple .item .title {
  font-size: 13px;
  font-weight: 500;
  line-height: 1;
}

.navigation-simple .item.selected {
  background-color: rgba(0, 0, 0, 0.06);
}

.navigation-simple .subheader {
  font-size: 13px;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
  font-weight: 500;
  margin-top: 8px;
}

.navigation-simple .subheader.light {
  border-top: 1px solid rgba(255, 255, 255, 0.12);
}

.navigation-simple md-divider {
  margin: 8px 0;
}

/*----------------------------------------------------------------*/
/*  Pagination
/*----------------------------------------------------------------*/
.simple-pagination {
  position: relative;
  display: inline-flex;
  flex-direction: row;
  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);
  background-color: #ffffff;
  padding: 0 8px;
}

.simple-pagination .pagination-item {
  min-width: 48px;
  min-height: 56px;
  line-height: 56px;
  border-radius: 0;
  margin: 0;
  font-weight: normal;
  color: rgba(0, 0, 0, 0.54);
}

.simple-pagination .pagination-item:hover {
  color: rgba(0, 0, 0, 0.87);
}

.simple-pagination .pagination-item.active {
  cursor: default;
  color: rgba(0, 0, 0, 0.87);
}

.simple-pagination .pagination-item.disabled {
  cursor: default;
  color: rgba(0, 0, 0, 0.26);
}

/*----------------------------------------------------------------*/
/*  Price Tables
/*----------------------------------------------------------------*/
.price-tables .price-table {
  position: relative;
  background-color: #ffffff;
  width: 280px;
  border-radius: 2px;
  margin: 24px 24px 0 0;
  overflow: hidden;
}

.price-tables .price-table.style-1 .package-type {
  font-size: 17px;
  padding: 16px 24px;
}

.price-tables .price-table.style-1 .package-type .sale {
  font-size: 13px;
  font-weight: 600;
}

.price-tables .price-table.style-1 .price {
  padding: 32px 32px 16px 32px;
}

.price-tables .price-table.style-1 .price .currency {
  padding-right: 4px;
  font-size: 24px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.54);
}

.price-tables .price-table.style-1 .price .value {
  font-size: 72px;
  font-weight: 300;
  line-height: 1;
}

.price-tables .price-table.style-1 .price .period {
  padding: 0 0 5px 4px;
  font-size: 17px;
  color: rgba(0, 0, 0, 0.54);
}

.price-tables .price-table.style-1 md-divider {
  margin: 16px 32px;
}

.price-tables .price-table.style-1 .terms {
  padding: 16px 32px;
  font-size: 15px;
}

.price-tables .price-table.style-1 .cta-button {
  margin: 16px auto 32px auto;
  width: 128px;
}

.price-tables .price-table.style-2 .badge {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  font-size: 11px;
  font-weight: 500;
  padding: 6px 8px;
}

.price-tables .price-table.style-2 .package-type {
  padding: 48px 32px 24px 32px;
  font-size: 20px;
  font-weight: 500;
  text-align: center;
}

.price-tables .price-table.style-2 .price {
  padding: 0 32px 8px 32px;
}

.price-tables .price-table.style-2 .price .currency {
  padding-right: 4px;
  font-size: 24px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.54);
}

.price-tables .price-table.style-2 .price .value {
  font-size: 56px;
  font-weight: 300;
  line-height: 1;
}

.price-tables .price-table.style-2 .period {
  padding: 0 32px;
  font-size: 15px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.54);
  text-align: center;
}

.price-tables .price-table.style-2 .terms {
  padding: 32px;
  font-size: 15px;
}

.price-tables .price-table.style-2 .terms .term {
  padding-bottom: 8px;
}

.price-tables .price-table.style-2 .terms .term:last-child {
  padding-bottom: 0;
}

.price-tables .price-table.style-2 .cta-button {
  margin: 8px auto 32px auto;
  width: 128px;
}

.price-tables .price-table.style-3 .package-type {
  padding: 32px;
  text-align: center;
}

.price-tables .price-table.style-3 .package-type .title {
  font-size: 34px;
}

.price-tables .price-table.style-3 .package-type .subtitle {
  font-size: 17px;
  color: rgba(0, 0, 0, 0.54);
  font-weight: 500;
}

.price-tables .price-table.style-3 .price {
  padding: 16px 32px;
}

.price-tables .price-table.style-3 .price .currency {
  padding-right: 4px;
  font-size: 15px;
  font-weight: 500;
}

.price-tables .price-table.style-3 .price .value {
  font-size: 34px;
  font-weight: 300;
  line-height: 1;
}

.price-tables .price-table.style-3 .price .period {
  padding-left: 4px;
  text-align: center;
}

.price-tables .price-table.style-3 .terms {
  margin: 32px;
  font-size: 15px;
  color: rgba(0, 0, 0, 0.54);
}

.price-tables .price-table.style-3 .terms .term {
  padding-bottom: 16px;
}

.price-tables .price-table.style-3 .terms .term:last-child {
  padding-bottom: 0;
}

.price-tables .price-table.style-3 .cta-button {
  margin: 8px 32px;
}

.price-tables .price-table.style-3 .note {
  padding: 8px 32px 16px 32px;
  text-align: center;
  color: rgba(0, 0, 0, 0.54);
}

/*----------------------------------------------------------------*/
/*  Table - Simple
/*----------------------------------------------------------------*/
.simple-table-container {
  background: #ffffff;
}

.simple-table-container .table-title {
  font-size: 20px;
  padding: 24px;
}

table.simple {
  width: 100%;
  border: none;
  border-spacing: 0;
  text-align: left;
}

table.simple thead tr th {
  padding: 16px 8px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.54);
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  white-space: nowrap;
  min-width: 120px;
}

table.simple thead tr th:first-child {
  padding-left: 24px;
}

table.simple thead tr th:last-child {
  padding-right: 24px;
}

table.simple tbody tr td {
  padding: 16px 8px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

table.simple tbody tr td:first-child {
  padding-left: 24px;
}

table.simple tbody tr td:last-child {
  padding-right: 24px;
}

table.simple tbody tr:last-child td {
  border-bottom: none;
}

table.simple.clickable tbody tr {
  cursor: pointer;
}

table.simple.clickable tbody tr:hover {
  background: rgba(0, 0, 0, 0.03);
}

/*----------------------------------------------------------------*/
/*  Variables
/*----------------------------------------------------------------*/
/*----------------------------------------------------------------*/
/*  Typography
/*----------------------------------------------------------------*/
html {
  font-size: 62.5%;
  font-family: 'Poppins', 'Roboto', 'Helvetica Neue', 'Arial', sans-serif !important;
  line-height: 1.4;
  letter-spacing: -0.1px;
}

body {
  font-size: 1.3rem;
  font-family: 'Poppins', 'Roboto', 'Helvetica Neue', 'Arial', sans-serif !important;
}

html,
body {
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
}

form {
  font-size: 1.6rem;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-weight: normal;
}

h1,
.h1 {
  font-size: 2.4rem;
}

h2,
.h2 {
  font-size: 2rem;
}

h3,
.h3 {
  font-size: 1.6rem;
}

h4,
.h4 {
  font-size: 1.4rem;
}

h5,
.h5 {
  font-size: 1.3rem;
}

h6,
.h6 {
  font-size: 1.2rem;
}

a {
  text-decoration: none;
}

a:hover,
a:active {
  text-decoration: underline;
}

abbr {
  cursor: help;
  border-bottom: 1px dotted rgba(0, 0, 0, 0.54);
}

blockquote {
  border-left: 3px solid rgba(0, 0, 0, 0.12);
  font-style: italic;
  margin: 1em 0;
  padding-left: 16px;
}

blockquote footer {
  font-style: normal;
}

blockquote footer:before {
  content: '\2014 \00A0';
}

blockquote.reverse {
  border-left: none;
  border-right: 3px solid rgba(0, 0, 0, 0.12);
  text-align: right;
  padding-left: 0;
  padding-right: 16px;
}

blockquote.reverse footer:before {
  content: '';
}

blockquote.reverse footer:after {
  content: '\2014 \00A0';
}

code {
  font-family: 'Monaco', 'Menlo', 'Consolas', 'Ubuntu Mono', monospace;
}

code:not(.highlight) {
  background: rgba(0, 0, 0, 0.065);
  color: #106cc8;
  margin: 0 1px;
  padding: 2px 3px;
  border-radius: 2px;
}

dl dt {
  font-weight: bold;
}

dl dd {
  margin: 4px 0 16px 0;
}

mark {
  background: #f7f49a;
}

pre {
  line-height: 1.6;
  margin: 8px 16px;
  white-space: pre-wrap;
}

small {
  font-size: 80%;
}

table thead tr th {
  text-align: left;
}

.text-italic {
  font-style: italic;
}

.text-semibold {
  font-weight: 600;
}

.text-bold,
strong {
  font-weight: 700;
}

.text-strike {
  text-decoration: line-through;
}

.text-super {
  vertical-align: super;
}

.text-sub {
  vertical-align: sub;
}

.text-capitalize {
  text-transform: capitalize;
}

.text-lowercase {
  text-transform: lowercase;
}

.text-uppercase {
  text-transform: uppercase;
}

.text-left {
  text-align: left;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.font-weight-100 {
  font-weight: 100;
}

.font-weight-200 {
  font-weight: 200;
}

.font-weight-300 {
  font-weight: 300;
}

.font-weight-400 {
  font-weight: 400;
}

.font-weight-500 {
  font-weight: 500;
}

.font-weight-600 {
  font-weight: 600;
}

.font-weight-700 {
  font-weight: 700;
}

.font-weight-800 {
  font-weight: 800;
}

.font-weight-900 {
  font-weight: 900;
}

.font-size-2 {
  font-size: 2px;
}

.font-size-4 {
  font-size: 4px;
}

.font-size-6 {
  font-size: 6px;
}

.font-size-8 {
  font-size: 8px;
}

.font-size-10 {
  font-size: 10px;
}

.font-size-12 {
  font-size: 12px;
}

.font-size-14 {
  font-size: 14px;
}

.font-size-16 {
  font-size: 16px;
}

.font-size-18 {
  font-size: 18px;
}

.font-size-20 {
  font-size: 20px;
}

.font-size-22 {
  font-size: 22px;
}

.font-size-24 {
  font-size: 24px;
}

.font-size-26 {
  font-size: 26px;
}

.font-size-28 {
  font-size: 28px;
}

.font-size-30 {
  font-size: 30px;
}

.font-size-32 {
  font-size: 32px;
}

.font-size-34 {
  font-size: 34px;
}

.font-size-36 {
  font-size: 36px;
}

.font-size-38 {
  font-size: 38px;
}

.font-size-40 {
  font-size: 40px;
}

.font-size-42 {
  font-size: 42px;
}

.font-size-44 {
  font-size: 44px;
}

.font-size-46 {
  font-size: 46px;
}

.font-size-48 {
  font-size: 48px;
}

.font-size-50 {
  font-size: 50px;
}

.font-size-52 {
  font-size: 52px;
}

.font-size-54 {
  font-size: 54px;
}

.font-size-56 {
  font-size: 56px;
}

.font-size-58 {
  font-size: 58px;
}

.font-size-60 {
  font-size: 60px;
}

.font-size-62 {
  font-size: 62px;
}

.font-size-64 {
  font-size: 64px;
}

.font-size-66 {
  font-size: 66px;
}

.font-size-68 {
  font-size: 68px;
}

.font-size-70 {
  font-size: 70px;
}

.font-size-72 {
  font-size: 72px;
}

.font-size-74 {
  font-size: 74px;
}

.font-size-76 {
  font-size: 76px;
}

.font-size-78 {
  font-size: 78px;
}

.font-size-80 {
  font-size: 80px;
}

.font-size-82 {
  font-size: 82px;
}

.font-size-84 {
  font-size: 84px;
}

.font-size-86 {
  font-size: 86px;
}

.font-size-88 {
  font-size: 88px;
}

.font-size-90 {
  font-size: 90px;
}

.font-size-92 {
  font-size: 92px;
}

.font-size-94 {
  font-size: 94px;
}

.font-size-96 {
  font-size: 96px;
}

.font-size-98 {
  font-size: 98px;
}

.font-size-100 {
  font-size: 100px;
}

.font-size-102 {
  font-size: 102px;
}

.font-size-104 {
  font-size: 104px;
}

.font-size-106 {
  font-size: 106px;
}

.font-size-108 {
  font-size: 108px;
}

.font-size-110 {
  font-size: 110px;
}

.font-size-112 {
  font-size: 112px;
}

.font-size-114 {
  font-size: 114px;
}

.font-size-116 {
  font-size: 116px;
}

.font-size-118 {
  font-size: 118px;
}

.font-size-120 {
  font-size: 120px;
}

.line-height-2 {
  line-height: 2px;
}

.line-height-4 {
  line-height: 4px;
}

.line-height-6 {
  line-height: 6px;
}

.line-height-8 {
  line-height: 8px;
}

.line-height-10 {
  line-height: 10px;
}

.line-height-12 {
  line-height: 12px;
}

.line-height-14 {
  line-height: 14px;
}

.line-height-16 {
  line-height: 16px;
}

.line-height-18 {
  line-height: 18px;
}

.line-height-20 {
  line-height: 20px;
}

.line-height-22 {
  line-height: 22px;
}

.line-height-24 {
  line-height: 24px;
}

.line-height-26 {
  line-height: 26px;
}

.line-height-28 {
  line-height: 28px;
}

.line-height-30 {
  line-height: 30px;
}

.line-height-32 {
  line-height: 32px;
}

.line-height-34 {
  line-height: 34px;
}

.line-height-36 {
  line-height: 36px;
}

.line-height-38 {
  line-height: 38px;
}

.line-height-40 {
  line-height: 40px;
}

.line-height-42 {
  line-height: 42px;
}

.line-height-44 {
  line-height: 44px;
}

.line-height-46 {
  line-height: 46px;
}

.line-height-48 {
  line-height: 48px;
}

.line-height-50 {
  line-height: 50px;
}

.line-height-52 {
  line-height: 52px;
}

.line-height-54 {
  line-height: 54px;
}

.line-height-56 {
  line-height: 56px;
}

.line-height-58 {
  line-height: 58px;
}

.line-height-60 {
  line-height: 60px;
}

.line-height-62 {
  line-height: 62px;
}

.line-height-64 {
  line-height: 64px;
}

.line-height-66 {
  line-height: 66px;
}

.line-height-68 {
  line-height: 68px;
}

.line-height-70 {
  line-height: 70px;
}

.line-height-72 {
  line-height: 72px;
}

.line-height-74 {
  line-height: 74px;
}

.line-height-76 {
  line-height: 76px;
}

.line-height-78 {
  line-height: 78px;
}

.line-height-80 {
  line-height: 80px;
}

.line-height-82 {
  line-height: 82px;
}

.line-height-84 {
  line-height: 84px;
}

.line-height-86 {
  line-height: 86px;
}

.line-height-88 {
  line-height: 88px;
}

.line-height-90 {
  line-height: 90px;
}

.line-height-92 {
  line-height: 92px;
}

.line-height-94 {
  line-height: 94px;
}

.line-height-96 {
  line-height: 96px;
}

.line-height-98 {
  line-height: 98px;
}

.line-height-100 {
  line-height: 100px;
}

.line-height-102 {
  line-height: 102px;
}

.line-height-104 {
  line-height: 104px;
}

.line-height-106 {
  line-height: 106px;
}

.line-height-108 {
  line-height: 108px;
}

.line-height-110 {
  line-height: 110px;
}

.line-height-112 {
  line-height: 112px;
}

.line-height-114 {
  line-height: 114px;
}

.line-height-116 {
  line-height: 116px;
}

.line-height-118 {
  line-height: 118px;
}

.line-height-120 {
  line-height: 120px;
}

.text-boxed,
.text-boxed-light {
  border-radius: 2px;
  padding: 4px 8px;
  margin: 0 8px;
  font-size: 11px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.54);
  background-color: rgba(0, 0, 0, 0.12);
  white-space: nowrap;
}

.text-boxed-light {
  background-color: rgba(255, 255, 255, 0.7);
}

.text-truncate {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.text-nowrap {
  white-space: nowrap;
}

.pagination>li>a {
  color: #3c4252;
}

.pagination>.active>a,
.pagination>.active>a:hover {
  background-color: #3c4252;
  border-color: #3c4252;
}

.ico-blanco {
  color: white !important;
}

.angular-google-map-container {
  height: 400px;
}

/*----------------------------------------------------------------*/
/*  Variables
/*----------------------------------------------------------------*/
.moment-picker .moment-picker-container {
  width: 296px;
  border: none;
  border-radius: 2px;
  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);
  margin-left: 0;
  padding: 8px;
}

.moment-picker .moment-picker-container th,
.moment-picker .moment-picker-container td {
  min-width: 0;
  width: 40px;
  height: 40px;
  padding: 8px;
  text-shadow: none;
  border-radius: 35px;
}

.moment-picker .moment-picker-container th:hover,
.moment-picker .moment-picker-container td:hover {
  background: #f5f5f5;
  background-image: none;
}

.moment-picker .moment-picker-container td.selected {
  background: #03a9f4;
  background-image: none;
}

.moment-picker .moment-picker-container .header-view th {
  border-radius: 0;
  white-space: nowrap;
  width: auto;
}

.moment-picker .moment-picker-container .header-view th:first-child,
.moment-picker .moment-picker-container .header-view th:last-child {
  width: 20%;
}

/*----------------------------------------------------------------*/
/*  Variables
/*----------------------------------------------------------------*/
/*----------------------------------------------------------------*/
/*  @ Chart C3
/*----------------------------------------------------------------*/
.c3 {
  transition: all 300ms ease;
  /*-- Chart --*/
  /*-- Line --*/
  /*-- Point --*/
  /*-- Axis --*/
  /*-- Grid --*/
  /*-- Text on Chart --*/
  /*-- Bar --*/
  /*-- Focus --*/
  /*-- Region --*/
  /*-- Brush --*/
  /*-- Select - Drag --*/
  /*-- Legend --*/
  /*-- Tooltip --*/
  /*-- Area --*/
  /*-- Arc --*/
}

.c3 svg {
  font: 12px RobotoDraft, Roboto, 'Helvetica Neue', sans-serif;
}

.c3 path,
.c3 line {
  fill: none;
  stroke: #000;
}

.c3 text {
  font-family: 'Poppins', 'Roboto', 'Helvetica Neue', 'Arial', sans-serif;
  user-select: none;
}

.c3 .c3-legend-item-tile,
.c3 .c3-xgrid-focus,
.c3 .c3-ygrid,
.c3 .c3-event-rect,
.c3 .c3-bars path {
  shape-rendering: crispEdges;
}

.c3 .c3-chart-line {
  transition: all 300ms ease;
}

.c3 .c3-line {
  stroke-width: 1px;
}

.c3.stroke-3 .c3-line {
  stroke-width: 3px;
}

.c3.stroke-2 .c3-line {
  stroke-width: 2px;
}

.c3 .c3-circle {
  transition: all 300ms ease;
  stroke: white;
  stroke-width: 2;
}

.c3 .c3-circle._expanded_ {
  stroke-width: 3;
  stroke: white;
}

.c3 .c3-chart-arc path {
  stroke: #fff;
}

.c3 .c3-chart-arc text {
  fill: #fff;
  font-size: 13px;
}

.c3 .c3-grid line {
  stroke: rgba(0, 0, 0, 0.04);
  stroke-width: 1px;
  stroke-dasharray: 0;
}

.c3 .c3-grid text {
  fill: #aaa;
}

.c3 .c3-axis .tick {
  stroke-width: 0;
}

.c3 .c3-axis text {
  fill: rgba(0, 0, 0, 0.33);
}

.c3 .c3-axis line,
.c3 .c3-axis path {
  stroke: rgba(0, 0, 0, 0.04);
}

.c3 .c3-xgrid,
.c3 .c3-ygrid {
  stroke-dasharray: 0 0;
}

.c3 .c3-text.c3-empty {
  fill: #808080;
  font-size: 2em;
}

.c3 .c3-bar {
  stroke-width: 0;
}

.c3 .c3-bar._expanded_ {
  fill-opacity: 0.75;
}

.c3 .c3-target.c3-focused {
  opacity: 1;
}

.c3 .c3-target.c3-focused path.c3-line,
.c3 .c3-target.c3-focused .c3-target.c3-focused path.c3-step {
  stroke-width: 3px;
  transition: all 300ms ease;
}

.c3 .c3-target.c3-defocused {
  opacity: 0.3 !important;
}

.c3 .c3-region {
  fill: steelblue;
  fill-opacity: 0.1;
}

.c3 .c3-brush .extent {
  fill-opacity: 0.1;
}

.c3 .c3-legend-item {
  font-size: 12px;
}

.c3 .c3-legend-item-hidden {
  opacity: 0.15;
}

.c3 .c3-legend-background {
  opacity: 0.75;
  fill: white;
  stroke: lightgray;
  stroke-width: 1;
}

.c3 .c3-tooltip-container {
  z-index: 10;
}

.c3 .c3-tooltip {
  border-collapse: collapse;
  border-spacing: 0;
  background-color: #fff;
  empty-cells: show;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.14),
    0 4px 5px 0 rgba(0, 0, 0, 0.098), 0 1px 10px 0 rgba(0, 0, 0, 0.084);
  opacity: 1;
  border-radius: 2px;
  overflow: hidden;
  padding: 4px 0;
}

.c3 .c3-tooltip tr {
  border: none;
}

.c3 .c3-tooltip th {
  background-color: transparent;
  font-size: 14px;
  font-weight: 400;
  padding: 8px 12px;
  text-align: left;
  color: rgba(0, 0, 0, 0.54);
}

.c3 .c3-tooltip td {
  font-size: 13px;
  padding: 4px 12px !important;
  background-color: #fff;
  border-left: none;
  color: rgba(0, 0, 0, 0.84);
}

.c3 .c3-tooltip td>span {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-right: 6px;
}

.c3 .c3-tooltip td.value {
  font-size: 14px !important;
  text-align: right;
  color: rgba(0, 0, 0, 0.84);
}

.c3 .c3-area {
  stroke-width: 0;
  opacity: 0.2;
}

.c3 .c3-chart-arcs-title {
  dominant-baseline: middle;
  font-size: 1.3em;
}

.c3 .c3-chart-arcs .c3-chart-arcs-background {
  fill: #e0e0e0;
  stroke: none;
}

.c3 .c3-chart-arcs .c3-chart-arcs-gauge-unit {
  fill: #000;
  font-size: 16px;
}

.c3 .c3-chart-arcs .c3-chart-arcs-gauge-max {
  fill: #777;
}

.c3 .c3-chart-arcs .c3-chart-arcs-gauge-min {
  fill: #777;
}

.c3 .c3-chart-arc .c3-gauge-value {
  fill: #000;
}

.ct-label {
  font-size: 13px;
}

.ct-chart-donut .ct-label,
.ct-chart-pie .ct-label {
  font-size: 13px;
}

.chart-legend,
.bar-legend,
.line-legend,
.pie-legend,
.radar-legend,
.polararea-legend,
.doughnut-legend {
  margin-top: 15px;
}

table.dataTable {
  width: 100%;
  margin: 0 auto !important;
  clear: both;
  border-spacing: 0;
}

table.dataTable thead tr {
  background: #ffffff;
}

table.dataTable thead th {
  text-align: left;
  vertical-align: middle;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  padding: 8px 8px;
}

table.dataTable thead th:first-child {
  padding-left: 24px;
}

table.dataTable thead th:last-child {
  border-right: none;
  padding-right: 24px;
}

table.dataTable thead th:active {
  outline: none;
}

table.dataTable thead th.dt-head-left {
  text-align: left;
}

table.dataTable thead th.dt-head-center {
  text-align: center;
}

table.dataTable thead th.dt-head-right {
  text-align: right;
}

table.dataTable thead th.dt-head-justify {
  text-align: justify;
}

table.dataTable thead th.dt-head-nowrap {
  white-space: nowrap;
}

table.dataTable thead th .table-header .column-title {
  display: block;
  font-weight: 600;
  white-space: nowrap;
}

table.dataTable thead th .table-header .selectize-control {
  margin-top: 15px;
}

table.dataTable thead th .table-header .selectize-control.single .selectize-input {
  padding: 7px 10px;
}

table.dataTable thead th .table-header .selectize-control.single .selectize-input:after {
  right: 10px;
  border-width: 5px 4px 0 4px;
  border-color: rgba(0, 0, 0, 0.12) transparent transparent transparent;
}

table.dataTable thead th .table-header .column-search-input {
  display: inline-block;
  margin-top: 15px;
  width: 100%;
  height: 33px;
}

table.dataTable thead td {
  padding: 15px;
  vertical-align: middle;
}

table.dataTable thead td:active {
  outline: none;
}

table.dataTable thead td.dt-head-left {
  text-align: left;
}

table.dataTable thead td.dt-head-center {
  text-align: center;
}

table.dataTable thead td.dt-head-right {
  text-align: right;
}

table.dataTable thead td.dt-head-justify {
  text-align: justify;
}

table.dataTable thead td.dt-head-nowrap {
  white-space: nowrap;
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc {
  background: none;
}

table.dataTable thead .sorting .table-header .column-title,
table.dataTable thead .sorting_asc .table-header .column-title,
table.dataTable thead .sorting_desc .table-header .column-title {
  cursor: pointer;
}

table.dataTable thead .sorting .table-header .column-title:after,
table.dataTable thead .sorting_asc .table-header .column-title:after,
table.dataTable thead .sorting_desc .table-header .column-title:after {
  position: relative;
  font-family: 'icomoon';
  font-weight: normal;
  margin-left: 10px;
  top: 2px;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.54);
}

table.dataTable thead .sorting .table-header .column-title:after {
  content: '\eaa8';
}

table.dataTable thead .sorting_asc .table-header .column-title:after {
  content: '\e718';
}

table.dataTable thead .sorting_desc .table-header .column-title:after {
  content: '\e715';
}

table.dataTable tfoot th {
  font-weight: 600;
  text-align: left;
  padding: 10px 18px 6px 18px;
  border-top: 1px solid #111111;
}

table.dataTable tfoot th.dt-head-left {
  text-align: left;
}

table.dataTable tfoot th.dt-head-center {
  text-align: center;
}

table.dataTable tfoot th.dt-head-right {
  text-align: right;
}

table.dataTable tfoot th.dt-head-justify {
  text-align: justify;
}

table.dataTable tfoot th.dt-head-nowrap {
  white-space: nowrap;
}

table.dataTable tfoot td {
  padding: 10px 18px 6px 18px;
  border-top: 1px solid #111111;
}

table.dataTable tfoot td.dt-head-left {
  text-align: left;
}

table.dataTable tfoot td.dt-head-center {
  text-align: center;
}

table.dataTable tfoot td.dt-head-right {
  text-align: right;
}

table.dataTable tfoot td.dt-head-justify {
  text-align: justify;
}

table.dataTable tfoot td.dt-head-nowrap {
  white-space: nowrap;
}

table.dataTable tbody tr {
  background-color: #ffffff;
}

table.dataTable tbody tr.selected {
  background-color: #b0bed9;
}

table.dataTable tbody tr.details-open td.detail-column i {
  background: #ffffff;
}

table.dataTable tbody tr.details-row.odd tr {
  background: #ffffff;
}

table.dataTable tbody tr.details-row>td {
  padding: 0;
}

table.dataTable tbody th {
  padding: 14px 15px;
  vertical-align: middle;
}

table.dataTable tbody th.dt-body-left {
  text-align: left;
}

table.dataTable tbody th.dt-body-center {
  text-align: center;
}

table.dataTable tbody th.dt-body-right {
  text-align: right;
}

table.dataTable tbody th.dt-body-justify {
  text-align: justify;
}

table.dataTable tbody th.dt-body-nowrap {
  white-space: nowrap;
}

table.dataTable tbody td {
  padding: 2px 8px;
  vertical-align: middle;
}

table.dataTable tbody td:first-child {
  padding-left: 24px;
}

table.dataTable tbody td:last-child {
  padding-right: 24px;
}

table.dataTable tbody td.dt-body-left {
  text-align: left;
}

table.dataTable tbody td.dt-body-center {
  text-align: center;
}

table.dataTable tbody td.dt-body-right {
  text-align: right;
}

table.dataTable tbody td.dt-body-justify {
  text-align: justify;
}

table.dataTable tbody td.dt-body-nowrap {
  white-space: nowrap;
}

table.dataTable th.dt-left {
  text-align: left;
}

table.dataTable th.dt-center {
  text-align: center;
}

table.dataTable th.dt-right {
  text-align: right;
}

table.dataTable th.dt-justify {
  text-align: justify;
}

table.dataTable th.dt-nowrap {
  white-space: nowrap;
}

table.dataTable td.dt-left {
  text-align: left;
}

table.dataTable td.dt-center {
  text-align: center;
}

table.dataTable td.dataTables_empty {
  height: 51px;
  text-align: center;
}

table.dataTable td.dt-right {
  text-align: right;
}

table.dataTable td.dt-justify {
  text-align: justify;
}

table.dataTable td.dt-nowrap {
  white-space: nowrap;
}

table.dataTable.row-border thead {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

table.dataTable.row-border tbody tr:first-child th {
  border-top: none;
}

table.dataTable.row-border tbody tr:first-child td {
  border-top: none;
}

table.dataTable.row-border tbody tr:last-child td {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

table.dataTable.row-border tbody th {
  border-top: 1px solid rgba(0, 0, 0, 0.12);
}

table.dataTable.row-border tbody td {
  border-top: 1px solid rgba(0, 0, 0, 0.12);
}

table.dataTable.cell-border tbody tr:first-child th {
  border-top: none;
}

table.dataTable.cell-border tbody tr:first-child td {
  border-top: none;
}

table.dataTable.cell-border tbody th {
  border-top: 1px solid rgba(0, 0, 0, 0.12);
  border-right: 1px solid rgba(0, 0, 0, 0.12);
}

table.dataTable.cell-border tbody th:last-child {
  border-right: none;
}

table.dataTable.cell-border tbody td {
  border-top: 1px solid rgba(0, 0, 0, 0.12);
  border-right: 1px solid rgba(0, 0, 0, 0.12);
}

table.dataTable.cell-border tbody td:last-child {
  border-right: none;
}

table.dataTable.stripe tbody tr.odd {
  background-color: #ffffff;
}

table.dataTable.stripe tbody tr.odd.selected {
  background-color: #abb9d3;
}

table.dataTable.hover tbody tr:hover {
  background-color: whitesmoke;
}

table.dataTable.hover tbody tr:hover.selected {
  background-color: #a9b7d1;
}

table.dataTable.hover tbody tr.odd:hover {
  background-color: whitesmoke;
}

table.dataTable.hover tbody tr.odd:hover.selected {
  background-color: #a9b7d1;
}

table.dataTable.hover tbody tr.even:hover {
  background-color: whitesmoke;
}

table.dataTable.hover tbody tr.even:hover.selected {
  background-color: #a9b7d1;
}

table.dataTable.order-column tbody tr>.sorting_1 {
  background-color: #f9f9f9;
}

table.dataTable.order-column tbody tr>.sorting_2 {
  background-color: #f9f9f9;
}

table.dataTable.order-column tbody tr>.sorting_3 {
  background-color: #f9f9f9;
}

table.dataTable.order-column tbody tr.selected>.sorting_1 {
  background-color: #acbad4;
}

table.dataTable.order-column tbody tr.selected>.sorting_2 {
  background-color: #acbad4;
}

table.dataTable.order-column tbody tr.selected>.sorting_3 {
  background-color: #acbad4;
}

table.dataTable.order-column.stripe tbody tr.odd>.sorting_1 {
  background-color: #f1f1f1;
}

table.dataTable.order-column.stripe tbody tr.odd>.sorting_2 {
  background-color: #f3f3f3;
}

table.dataTable.order-column.stripe tbody tr.odd>.sorting_3 {
  background-color: whitesmoke;
}

table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_1 {
  background-color: #a6b3cd;
}

table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_2 {
  background-color: #a7b5ce;
}

table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_3 {
  background-color: #a9b6d0;
}

table.dataTable.order-column.stripe tbody tr.even>.sorting_1 {
  background-color: #f9f9f9;
}

table.dataTable.order-column.stripe tbody tr.even>.sorting_2 {
  background-color: #fbfbfb;
}

table.dataTable.order-column.stripe tbody tr.even>.sorting_3 {
  background-color: #fdfdfd;
}

table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_1 {
  background-color: #acbad4;
}

table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_2 {
  background-color: #adbbd6;
}

table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_3 {
  background-color: #afbdd8;
}

table.dataTable.order-column.hover tbody tr:hover>.sorting_1 {
  background-color: #eaeaea;
}

table.dataTable.order-column.hover tbody tr:hover>.sorting_2 {
  background-color: #ebebeb;
}

table.dataTable.order-column.hover tbody tr:hover>.sorting_3 {
  background-color: #eeeeee;
}

table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_1 {
  background-color: #a1aec7;
}

table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_2 {
  background-color: #a2afc8;
}

table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_3 {
  background-color: #a4b2cb;
}

table.dataTable.order-column.hover tbody tr.odd:hover>.sorting_1 {
  background-color: #eaeaea;
}

table.dataTable.order-column.hover tbody tr.odd:hover>.sorting_2 {
  background-color: #ebebeb;
}

table.dataTable.order-column.hover tbody tr.odd:hover>.sorting_3 {
  background-color: #eeeeee;
}

table.dataTable.order-column.hover tbody tr.odd:hover.selected>.sorting_1 {
  background-color: #a1aec7;
}

table.dataTable.order-column.hover tbody tr.odd:hover.selected>.sorting_2 {
  background-color: #a2afc8;
}

table.dataTable.order-column.hover tbody tr.odd:hover.selected>.sorting_3 {
  background-color: #a4b2cb;
}

table.dataTable.order-column.hover tbody tr.even:hover>.sorting_1 {
  background-color: #eaeaea;
}

table.dataTable.order-column.hover tbody tr.even:hover>.sorting_2 {
  background-color: #ebebeb;
}

table.dataTable.order-column.hover tbody tr.even:hover>.sorting_3 {
  background-color: #eeeeee;
}

table.dataTable.order-column.hover tbody tr.even:hover.selected>.sorting_1 {
  background-color: #a1aec7;
}

table.dataTable.order-column.hover tbody tr.even:hover.selected>.sorting_2 {
  background-color: #a2afc8;
}

table.dataTable.order-column.hover tbody tr.even:hover.selected>.sorting_3 {
  background-color: #a4b2cb;
}

table.dataTable.no-footer {
  border-bottom: none;
}

table.dataTable.nowrap th {
  white-space: nowrap;
}

table.dataTable.nowrap td {
  white-space: nowrap;
}

table.dataTable.compact thead th {
  padding: 5px 9px;
}

table.dataTable.compact thead td {
  padding: 5px 9px;
}

table.dataTable.compact tfoot th {
  padding: 5px 9px 3px 9px;
}

table.dataTable.compact tfoot td {
  padding: 5px 9px 3px 9px;
}

table.dataTable.compact tbody th {
  padding: 4px 5px;
}

table.dataTable.compact tbody td {
  padding: 4px 5px;
}

/*
 * Control feature layout
 */
.dataTables_wrapper {
  display: flex;
  flex: 1 0 auto;
  flex-direction: column;
  min-height: 0;
  padding: 0;
}

.dataTables_wrapper .top {
  padding: 16px 24px;
}

.dataTables_wrapper .bottom {
  display: flex;
  min-height: 64px;
  justify-content: space-between;
  padding: 16px 8px;
}

.dataTables_wrapper .bottom .left {
  display: flex;
  flex: 0 0 50%;
  max-width: 50%;
  align-self: center;
  padding: 0 8px;
}

.dataTables_wrapper .bottom .left .length {
  display: block;
}

.dataTables_wrapper .bottom .right {
  display: flex;
  flex: 0 0 50%;
  max-width: 50%;
  align-self: center;
  justify-content: flex-end;
  padding: 0 8px;
}

.dataTables_wrapper .bottom .right .info {
  display: block;
  align-self: center;
}

.dataTables_wrapper .bottom .right .info .dataTables_info {
  padding: 0 8px;
  font-weight: 600;
}

.dataTables_wrapper .bottom .right .pagination {
  display: block;
  align-self: center;
  white-space: nowrap;
}

.dataTables_wrapper .bottom .right .pagination .dataTables_paginate {
  padding: 0;
  margin: 0 !important;
}

.dataTables_wrapper .dataTables_filter {
  float: right;
}

.dataTables_wrapper .dataTables_filter input {
  margin-left: 0.5em;
  border: 1px solid rgba(0, 0, 0, 0.12);
  height: 24px;
  padding: 4px 8px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
  background: #ffffff;
  color: rgba(0, 0, 0, 0.87);
  border: 1px solid rgba(0, 0, 0, 0.12);
  padding: 9px 12px;
  border-radius: 2px;
  cursor: pointer;
  user-select: none;
  margin: 0 2px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  box-shadow: inset 999em 0 0 0 rgba(0, 0, 0, 0.05);
  color: rgba(0, 0, 0, 0.87) !important;
  border: 1px solid rgba(0, 0, 0, 0.12) !important;
  background: none;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:active {
  box-shadow: inset 999em 0 0 0 rgba(0, 0, 0, 0.08),
    inset 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 0 0 rgba(255, 255, 255, 0.35);
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
  color: rgba(0, 0, 0, 0.54) !important;
  border-color: rgba(0, 0, 0, 0.12) !important;
  background: #ffffff !important;
  box-shadow: none !important;
  cursor: default;
}

.dataTables_wrapper .dataTables_processing {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 40px;
  margin-left: -50%;
  margin-top: -25px;
  padding-top: 20px;
  text-align: center;
  font-size: 1.2em;
  background-color: white;
  background: -webkit-gradient(linear,
      left top,
      right top,
      color-stop(0%, rgba(255, 255, 255, 0)),
      color-stop(25%, rgba(255, 255, 255, 0.9)),
      color-stop(75%, rgba(255, 255, 255, 0.9)),
      color-stop(100%, rgba(255, 255, 255, 0)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 0.9) 25%,
      rgba(255, 255, 255, 0.9) 75%,
      rgba(255, 255, 255, 0) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -moz-linear-gradient(left,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 0.9) 25%,
      rgba(255, 255, 255, 0.9) 75%,
      rgba(255, 255, 255, 0) 100%);
  /* FF3.6+ */
  background: -ms-linear-gradient(left,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 0.9) 25%,
      rgba(255, 255, 255, 0.9) 75%,
      rgba(255, 255, 255, 0) 100%);
  /* IE10+ */
  background: -o-linear-gradient(left,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 0.9) 25%,
      rgba(255, 255, 255, 0.9) 75%,
      rgba(255, 255, 255, 0) 100%);
  /* Opera 11.10+ */
  background: linear-gradient(to right,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 0.9) 25%,
      rgba(255, 255, 255, 0.9) 75%,
      rgba(255, 255, 255, 0) 100%);
  /* W3C */
}

.dataTables_wrapper .dataTables_scroll {
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
  clear: both;
  min-height: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  /* Clear the table border & shadows */
}

.dataTables_wrapper .dataTables_scroll table.dataTable {
  box-shadow: none;
}

.dataTables_wrapper .dataTables_scroll table.dataTable.row-border thead {
  border: none;
}

.dataTables_wrapper .dataTables_scroll .dataTables_scrollHead {
  display: flex;
  min-height: 56px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.095), 0 1px 1px 0 rgba(0, 0, 0, 0.1),
    0 2px 1px 0 rgba(0, 0, 0, 0.05);
  background: #ffffff;
  overflow: visible !important;
}

.dataTables_wrapper .dataTables_scroll .dataTables_scrollHead tr th:last-child .table-header .column-title {
  position: relative;
  left: 7px;
}

.dataTables_wrapper .dataTables_scroll .dataTables_scrollBody {
  display: flex;
  overflow-x: hidden !important;
  overflow-y: scroll !important;
  -webkit-overflow-scrolling: touch;
}

.dataTables_wrapper .dataTables_scroll .dataTables_scrollBody th>.dataTables_sizing {
  height: 0;
  overflow: hidden;
  margin: 0 !important;
  padding: 0 !important;
}

.dataTables_wrapper .dataTables_scroll .dataTables_scrollBody td>.dataTables_sizing {
  height: 0;
  overflow: hidden;
  margin: 0 !important;
  padding: 0 !important;
}

.dataTables_wrapper.no-footer .dataTables_scrollBody {
  border-bottom: none;
}

.dataTables_wrapper.no-footer .dataTables_scrollHead table,
.dataTables_wrapper.no-footer .dataTables_scrollBody table {
  border-top: none;
  border-bottom: none;
  margin: 0;
}

.dataTables_wrapper:after {
  visibility: hidden;
  display: block;
  content: '';
  clear: both;
  height: 0;
}

/* DataTable Specific Content Rules & Fixes */
table.dataTable .show-details {
  padding: 5px 10px;
  font-weight: bold;
}

table.dataTable .action-buttons {
  display: flex;
  justify-content: center;
}

table.dataTable .action-buttons .button {
  padding: 8px;
}

/* Fullpage datatable */
.fullpage-datatable .dataTables_wrapper {
  height: 100%;
  max-height: 100%;
  padding: 0;
}

/* Fullpage datatable IE11 Fix */
.explorer-11 .fullpage-datatable .dataTables_scroll {
  flex: 1;
}

/* Responsive datatable */
table.dataTable.dtr-inline.collapsed.dtr-inline.collapsed>tbody>tr>td:first-child,
table.dataTable.dtr-inline.collapsed.dtr-inline.collapsed>tbody>tr>th:first-child {
  padding-left: 40px;
}

table.dataTable.dtr-inline.collapsed.dtr-inline.collapsed>tbody>tr>td:first-child:before,
table.dataTable.dtr-inline.collapsed.dtr-inline.collapsed>tbody>tr>th:first-child:before {
  content: '+';
  width: 15px;
  height: 15px;
  line-height: 15px;
  top: 50%;
  margin-top: -7px;
  left: 8px;
  color: rgba(0, 0, 0, 0.54);
  background: none;
  border: none;
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.54);
  font-weight: bold;
}

table.dataTable.dtr-inline.collapsed.dtr-inline.collapsed>tbody>tr.parent>td:first-child:before,
table.dataTable.dtr-inline.collapsed.dtr-inline.collapsed>tbody>tr.parent>th:first-child:before {
  background: none;
}

table.dataTable.dtr-inline.collapsed>tbody>tr.child ul {
  display: block;
}

table.dataTable.dtr-inline.collapsed>tbody>tr.child ul li {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  padding: 8px 0;
}

table.dataTable.dtr-inline.collapsed>tbody>tr.child ul li:first-child {
  padding-top: 0;
}

table.dataTable.dtr-inline.collapsed>tbody>tr.child ul li:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

table.dataTable.dtr-inline.collapsed>tbody>tr.child ul li .dtr-title {
  margin-right: 8px;
}

/*

github.com style (c) Vasily Polovnyov <vast@whiteants.net>

*/
hljs,
[hljs] {
  display: block;
  overflow-x: auto;
  color: #333;
  background: #f8f8f8;
  -webkit-text-size-adjust: none;
}

.hljs-comment,
.diff .hljs-header {
  color: #998;
  font-style: italic;
}

.hljs-keyword,
.css .rule .hljs-keyword,
.hljs-winutils,
.nginx .hljs-title,
.hljs-subst,
.hljs-request,
.hljs-status {
  color: #333;
  font-weight: bold;
}

.hljs-number,
.hljs-hexcolor,
.ruby .hljs-constant {
  color: #008080;
}

.hljs-string,
.hljs-tag .hljs-value,
.hljs-doctag,
.tex .hljs-formula {
  color: #d14;
}

.hljs-title,
.hljs-id,
.scss .hljs-preprocessor {
  color: #900;
  font-weight: bold;
}

.hljs-list .hljs-keyword,
.hljs-subst {
  font-weight: normal;
}

.hljs-class .hljs-title,
.hljs-type,
.vhdl .hljs-literal,
.tex .hljs-command {
  color: #458;
  font-weight: bold;
}

.hljs-tag,
.hljs-tag .hljs-title,
.hljs-rule .hljs-property,
.django .hljs-tag .hljs-keyword {
  color: #000080;
  font-weight: normal;
}

.hljs-attribute,
.hljs-variable,
.lisp .hljs-body,
.hljs-name {
  color: #008080;
}

.hljs-regexp {
  color: #009926;
}

.hljs-symbol,
.ruby .hljs-symbol .hljs-string,
.lisp .hljs-keyword,
.clojure .hljs-keyword,
.scheme .hljs-keyword,
.tex .hljs-special,
.hljs-prompt {
  color: #990073;
}

.hljs-built_in {
  color: #0086b3;
}

.hljs-preprocessor,
.hljs-pragma,
.hljs-pi,
.hljs-doctype,
.hljs-shebang,
.hljs-cdata {
  color: #999;
  font-weight: bold;
}

.hljs-deletion {
  background: #fdd;
}

.hljs-addition {
  background: #dfd;
}

.diff .hljs-change {
  background: #0086b3;
}

.hljs-chunk {
  color: #aaa;
}

/*----------------------------------------------------------------*/
/*  Variables
/*----------------------------------------------------------------*/
nvd3 {
  display: block;
  width: 100%;
  height: 100%;
}

nvd3.remove-x-lines .nv-x .tick line {
  display: none;
}

nvd3.remove-y-lines .nv-y .tick line {
  display: none;
}

nvd3.remove-line-stroke .nv-groups path.nv-line {
  stroke-width: 0 !important;
}

nvd3.remove-opacity .nv-groups .nv-group {
  fill-opacity: 1 !important;
}

nvd3.show-line-points .nv-line .nv-scatter .nv-groups .nv-point {
  fill-opacity: 1 !important;
  stroke-opacity: 1 !important;
}

.nvd3 text {
  font-family: 'Poppins', 'Roboto', 'Helvetica Neue', 'Arial', sans-serif;
}

.nvd3 line.nv-guideline {
  stroke: rgba(0, 0, 0, 0.54);
}

.nvd3 .nv-groups .nv-point.hover {
  stroke-width: 3px !important;
  fill-opacity: 1 !important;
  stroke-opacity: 1 !important;
}

.nvtooltip {
  background: none;
  color: white;
  padding: 0;
  border: none;
}

.nvtooltip.gravity-n:after {
  display: block;
  position: absolute;
  content: '';
  width: 0;
  height: 0;
  left: 50%;
  bottom: 100%;
  margin-left: -5px;
  border: 5px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.87);
}

.nvtooltip.gravity-s:after {
  display: block;
  position: absolute;
  content: '';
  width: 0;
  height: 0;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border: 5px solid transparent;
  border-top-color: rgba(0, 0, 0, 0.87);
}

.nvtooltip.gravity-e:after {
  display: block;
  position: absolute;
  content: '';
  width: 0;
  height: 0;
  top: 50%;
  right: 0;
  margin-top: -6px;
  margin-right: -11px;
  border: 6px solid transparent;
  border-left-color: rgba(0, 0, 0, 0.87);
}

.nvtooltip.gravity-w:after {
  display: block;
  position: absolute;
  content: '';
  width: 0;
  height: 0;
  top: 50%;
  margin-top: -6px;
  margin-left: -11px;
  border: 6px solid transparent;
  border-right-color: rgba(0, 0, 0, 0.87);
}

.nvtooltip table {
  background: rgba(0, 0, 0, 0.87);
  padding: 8px 12px;
  margin: 0;
  border-radius: 2px;
}

.nvtooltip table tbody tr td.legend-color-guide div {
  border: none;
}

.nvtooltip table tbody tr td:last-child {
  padding-right: 0;
}

.ps-container:hover .ps-in-scrolling {
  pointer-events: auto;
}

.ps-container .ps-in-scrolling {
  pointer-events: auto;
}

.ps-container>.ps-scrollbar-x-rail {
  background: none !important;
  margin: 4px 0;
  height: 4px;
  z-index: 49;
}

.ps-container>.ps-scrollbar-x-rail>.ps-scrollbar-x {
  height: 4px;
}

.ps-container>.ps-scrollbar-y-rail {
  background: none !important;
  margin: 4px 0;
  width: 4px;
  z-index: 49;
}

.ps-container>.ps-scrollbar-y-rail>.ps-scrollbar-y {
  width: 4px;
}

.ta-root {
  display: block;
}

.ta-root .ta-scroll-window.form-control {
  border: 1px solid rgba(0, 0, 0, 0.12);
}

.ta-root.focussed>.ta-scroll-window.form-control {
  outline: 0px solid transparent;
  border: 1px solid rgba(0, 0, 0, 0.12);
  box-shadow: none;
}

.ta-root textarea.ta-editor.ta-html {
  resize: vertical;
  width: 100% !important;
  border: 1px solid rgba(0, 0, 0, 0.12);
  padding: 16px;
}

.ta-root .ta-toolbar {
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-bottom: none;
  background: #f5f5f5;
}

.ta-root .ta-toolbar .ta-group {
  display: flex;
  align-items: center;
  align-content: center;
  flex-wrap: wrap;
}

.ta-root .ta-toolbar .ta-group #toolbarWC,
.ta-root .ta-toolbar .ta-group #toolbarCC {
  display: inline-block !important;
  line-height: 24px;
}

.ta-root .ta-toolbar .ta-group .md-button {
  width: 40px;
  min-width: 40px;
  line-height: 14px;
  height: 36px;
  min-height: 36px;
  padding: 6px;
  margin: 4px 0;
}

.ta-root .ta-toolbar .ta-group .md-button i {
  font-size: 20px;
  width: 20px;
  height: 20px;
  line-height: 20px;
}

/*----------------------------------------------------------------*/
/*  Helpers
/*----------------------------------------------------------------*/
[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak {
  display: none !important;
}

.no-padding {
  padding: 0 !important;
}

.no-margin {
  margin: 0 !important;
}

.no-radius {
  border-radius: 0;
}

.divider-vertical {
  background: rgba(0, 0, 0, 0.12);
  height: 24px;
  width: 1px;
  margin: 0 8px;
}

.hidden {
  visibility: hidden;
  opacity: 0;
}

[fill-width] {
  min-width: 100%;
}

[fill-height] {
  min-height: 100%;
}

.full-height {
  height: 100% !important;
}

a img {
  display: block;
  outline: none;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: top;
  border: none;
}

.scrollable {
  display: block;
  position: relative;
  overflow-x: auto;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.scrollable.only-x {
  overflow-x: auto;
  overflow-y: hidden;
}

.scrollable.only-y {
  overflow-x: hidden;
  overflow-y: auto;
}

.flex-scrollable {
  position: relative;
  overflow-x: auto;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.flex-scrollable.only-x {
  overflow-x: auto;
  overflow-y: hidden;
}

.flex-scrollable.only-y {
  overflow-x: hidden;
  overflow-y: auto;
}

.background-image-center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}

.align-vertical:before {
  display: inline-block;
  height: 100%;
  content: '';
  vertical-align: middle;
}

.align-vertical .align-vertical-top,
.align-vertical .align-vertical-middle,
.align-vertical .align-vertical-bottom {
  display: inline-block;
}

.align-vertical .align-vertical-top {
  vertical-align: top;
}

.align-vertical .align-vertical-middle {
  vertical-align: middle;
}

.align-vertical .align-vertical-bottom {
  vertical-align: bottom;
}

.padding-0,
.p-0 {
  padding: 0px;
}

.padding-top-0,
.pt-0 {
  padding-top: 0px;
}

.padding-right-0,
.pr-0 {
  padding-right: 0px;
}

.padding-bottom-0,
.pb-0 {
  padding-bottom: 0px;
}

.padding-left-0,
.pl-0 {
  padding-left: 0px;
}

.padding-horizontal-0,
.ph-0 {
  padding-left: 0px;
  padding-right: 0px;
}

.padding-vertical-0,
.pv-0 {
  padding-top: 0px;
  padding-bottom: 0px;
}

.padding-5,
.p-5 {
  padding: 5px;
}

.padding-top-5,
.pt-5 {
  padding-top: 5px;
}

.padding-right-5,
.pr-5 {
  padding-right: 5px;
}

.padding-bottom-5,
.pb-5 {
  padding-bottom: 5px;
}

.padding-left-5,
.pl-5 {
  padding-left: 5px;
}

.padding-horizontal-5,
.ph-5 {
  padding-left: 5px;
  padding-right: 5px;
}

.padding-vertical-5,
.pv-5 {
  padding-top: 5px;
  padding-bottom: 5px;
}

.padding-10,
.p-10 {
  padding: 10px;
}

.padding-top-10,
.pt-10 {
  padding-top: 10px;
}

.padding-right-10,
.pr-10 {
  padding-right: 10px;
}

.padding-bottom-10,
.pb-10 {
  padding-bottom: 10px;
}

.padding-left-10,
.pl-10 {
  padding-left: 10px;
}

.padding-horizontal-10,
.ph-10 {
  padding-left: 10px;
  padding-right: 10px;
}

.padding-vertical-10,
.pv-10 {
  padding-top: 10px;
  padding-bottom: 10px;
}

.padding-15,
.p-15 {
  padding: 15px;
}

.padding-top-15,
.pt-15 {
  padding-top: 15px;
}

.padding-right-15,
.pr-15 {
  padding-right: 15px;
}

.padding-bottom-15,
.pb-15 {
  padding-bottom: 15px;
}

.padding-left-15,
.pl-15 {
  padding-left: 15px;
}

.padding-horizontal-15,
.ph-15 {
  padding-left: 15px;
  padding-right: 15px;
}

.padding-vertical-15,
.pv-15 {
  padding-top: 15px;
  padding-bottom: 15px;
}

.padding-20,
.p-20 {
  padding: 20px;
}

.padding-top-20,
.pt-20 {
  padding-top: 20px;
}

.padding-right-20,
.pr-20 {
  padding-right: 20px;
}

.padding-bottom-20,
.pb-20 {
  padding-bottom: 20px;
}

.padding-left-20,
.pl-20 {
  padding-left: 20px;
}

.padding-horizontal-20,
.ph-20 {
  padding-left: 20px;
  padding-right: 20px;
}

.padding-vertical-20,
.pv-20 {
  padding-top: 20px;
  padding-bottom: 20px;
}

.padding-25,
.p-25 {
  padding: 25px;
}

.padding-top-25,
.pt-25 {
  padding-top: 25px;
}

.padding-right-25,
.pr-25 {
  padding-right: 25px;
}

.padding-bottom-25,
.pb-25 {
  padding-bottom: 25px;
}

.padding-left-25,
.pl-25 {
  padding-left: 25px;
}

.padding-horizontal-25,
.ph-25 {
  padding-left: 25px;
  padding-right: 25px;
}

.padding-vertical-25,
.pv-25 {
  padding-top: 25px;
  padding-bottom: 25px;
}

.padding-30,
.p-30 {
  padding: 30px;
}

.padding-top-30,
.pt-30 {
  padding-top: 30px;
}

.padding-right-30,
.pr-30 {
  padding-right: 30px;
}

.padding-bottom-30,
.pb-30 {
  padding-bottom: 30px;
}

.padding-left-30,
.pl-30 {
  padding-left: 30px;
}

.padding-horizontal-30,
.ph-30 {
  padding-left: 30px;
  padding-right: 30px;
}

.padding-vertical-30,
.pv-30 {
  padding-top: 30px;
  padding-bottom: 30px;
}

.padding-35,
.p-35 {
  padding: 35px;
}

.padding-top-35,
.pt-35 {
  padding-top: 35px;
}

.padding-right-35,
.pr-35 {
  padding-right: 35px;
}

.padding-bottom-35,
.pb-35 {
  padding-bottom: 35px;
}

.padding-left-35,
.pl-35 {
  padding-left: 35px;
}

.padding-horizontal-35,
.ph-35 {
  padding-left: 35px;
  padding-right: 35px;
}

.padding-vertical-35,
.pv-35 {
  padding-top: 35px;
  padding-bottom: 35px;
}

.padding-40,
.p-40 {
  padding: 40px;
}

.padding-top-40,
.pt-40 {
  padding-top: 40px;
}

.padding-right-40,
.pr-40 {
  padding-right: 40px;
}

.padding-bottom-40,
.pb-40 {
  padding-bottom: 40px;
}

.padding-left-40,
.pl-40 {
  padding-left: 40px;
}

.padding-horizontal-40,
.ph-40 {
  padding-left: 40px;
  padding-right: 40px;
}

.padding-vertical-40,
.pv-40 {
  padding-top: 40px;
  padding-bottom: 40px;
}

.padding-45,
.p-45 {
  padding: 45px;
}

.padding-top-45,
.pt-45 {
  padding-top: 45px;
}

.padding-right-45,
.pr-45 {
  padding-right: 45px;
}

.padding-bottom-45,
.pb-45 {
  padding-bottom: 45px;
}

.padding-left-45,
.pl-45 {
  padding-left: 45px;
}

.padding-horizontal-45,
.ph-45 {
  padding-left: 45px;
  padding-right: 45px;
}

.padding-vertical-45,
.pv-45 {
  padding-top: 45px;
  padding-bottom: 45px;
}

.padding-50,
.p-50 {
  padding: 50px;
}

.padding-top-50,
.pt-50 {
  padding-top: 50px;
}

.padding-right-50,
.pr-50 {
  padding-right: 50px;
}

.padding-bottom-50,
.pb-50 {
  padding-bottom: 50px;
}

.padding-left-50,
.pl-50 {
  padding-left: 50px;
}

.padding-horizontal-50,
.ph-50 {
  padding-left: 50px;
  padding-right: 50px;
}

.padding-vertical-50,
.pv-50 {
  padding-top: 50px;
  padding-bottom: 50px;
}

.padding-55,
.p-55 {
  padding: 55px;
}

.padding-top-55,
.pt-55 {
  padding-top: 55px;
}

.padding-right-55,
.pr-55 {
  padding-right: 55px;
}

.padding-bottom-55,
.pb-55 {
  padding-bottom: 55px;
}

.padding-left-55,
.pl-55 {
  padding-left: 55px;
}

.padding-horizontal-55,
.ph-55 {
  padding-left: 55px;
  padding-right: 55px;
}

.padding-vertical-55,
.pv-55 {
  padding-top: 55px;
  padding-bottom: 55px;
}

.padding-60,
.p-60 {
  padding: 60px;
}

.padding-top-60,
.pt-60 {
  padding-top: 60px;
}

.padding-right-60,
.pr-60 {
  padding-right: 60px;
}

.padding-bottom-60,
.pb-60 {
  padding-bottom: 60px;
}

.padding-left-60,
.pl-60 {
  padding-left: 60px;
}

.padding-horizontal-60,
.ph-60 {
  padding-left: 60px;
  padding-right: 60px;
}

.padding-vertical-60,
.pv-60 {
  padding-top: 60px;
  padding-bottom: 60px;
}

.padding-65,
.p-65 {
  padding: 65px;
}

.padding-top-65,
.pt-65 {
  padding-top: 65px;
}

.padding-right-65,
.pr-65 {
  padding-right: 65px;
}

.padding-bottom-65,
.pb-65 {
  padding-bottom: 65px;
}

.padding-left-65,
.pl-65 {
  padding-left: 65px;
}

.padding-horizontal-65,
.ph-65 {
  padding-left: 65px;
  padding-right: 65px;
}

.padding-vertical-65,
.pv-65 {
  padding-top: 65px;
  padding-bottom: 65px;
}

.padding-70,
.p-70 {
  padding: 70px;
}

.padding-top-70,
.pt-70 {
  padding-top: 70px;
}

.padding-right-70,
.pr-70 {
  padding-right: 70px;
}

.padding-bottom-70,
.pb-70 {
  padding-bottom: 70px;
}

.padding-left-70,
.pl-70 {
  padding-left: 70px;
}

.padding-horizontal-70,
.ph-70 {
  padding-left: 70px;
  padding-right: 70px;
}

.padding-vertical-70,
.pv-70 {
  padding-top: 70px;
  padding-bottom: 70px;
}

.padding-75,
.p-75 {
  padding: 75px;
}

.padding-top-75,
.pt-75 {
  padding-top: 75px;
}

.padding-right-75,
.pr-75 {
  padding-right: 75px;
}

.padding-bottom-75,
.pb-75 {
  padding-bottom: 75px;
}

.padding-left-75,
.pl-75 {
  padding-left: 75px;
}

.padding-horizontal-75,
.ph-75 {
  padding-left: 75px;
  padding-right: 75px;
}

.padding-vertical-75,
.pv-75 {
  padding-top: 75px;
  padding-bottom: 75px;
}

.padding-80,
.p-80 {
  padding: 80px;
}

.padding-top-80,
.pt-80 {
  padding-top: 80px;
}

.padding-right-80,
.pr-80 {
  padding-right: 80px;
}

.padding-bottom-80,
.pb-80 {
  padding-bottom: 80px;
}

.padding-left-80,
.pl-80 {
  padding-left: 80px;
}

.padding-horizontal-80,
.ph-80 {
  padding-left: 80px;
  padding-right: 80px;
}

.padding-vertical-80,
.pv-80 {
  padding-top: 80px;
  padding-bottom: 80px;
}

.padding-85,
.p-85 {
  padding: 85px;
}

.padding-top-85,
.pt-85 {
  padding-top: 85px;
}

.padding-right-85,
.pr-85 {
  padding-right: 85px;
}

.padding-bottom-85,
.pb-85 {
  padding-bottom: 85px;
}

.padding-left-85,
.pl-85 {
  padding-left: 85px;
}

.padding-horizontal-85,
.ph-85 {
  padding-left: 85px;
  padding-right: 85px;
}

.padding-vertical-85,
.pv-85 {
  padding-top: 85px;
  padding-bottom: 85px;
}

.padding-90,
.p-90 {
  padding: 90px;
}

.padding-top-90,
.pt-90 {
  padding-top: 90px;
}

.padding-right-90,
.pr-90 {
  padding-right: 90px;
}

.padding-bottom-90,
.pb-90 {
  padding-bottom: 90px;
}

.padding-left-90,
.pl-90 {
  padding-left: 90px;
}

.padding-horizontal-90,
.ph-90 {
  padding-left: 90px;
  padding-right: 90px;
}

.padding-vertical-90,
.pv-90 {
  padding-top: 90px;
  padding-bottom: 90px;
}

.padding-95,
.p-95 {
  padding: 95px;
}

.padding-top-95,
.pt-95 {
  padding-top: 95px;
}

.padding-right-95,
.pr-95 {
  padding-right: 95px;
}

.padding-bottom-95,
.pb-95 {
  padding-bottom: 95px;
}

.padding-left-95,
.pl-95 {
  padding-left: 95px;
}

.padding-horizontal-95,
.ph-95 {
  padding-left: 95px;
  padding-right: 95px;
}

.padding-vertical-95,
.pv-95 {
  padding-top: 95px;
  padding-bottom: 95px;
}

.padding-100,
.p-100 {
  padding: 100px;
}

.padding-top-100,
.pt-100 {
  padding-top: 100px;
}

.padding-right-100,
.pr-100 {
  padding-right: 100px;
}

.padding-bottom-100,
.pb-100 {
  padding-bottom: 100px;
}

.padding-left-100,
.pl-100 {
  padding-left: 100px;
}

.padding-horizontal-100,
.ph-100 {
  padding-left: 100px;
  padding-right: 100px;
}

.padding-vertical-100,
.pv-100 {
  padding-top: 100px;
  padding-bottom: 100px;
}

.padding-8,
.p-8 {
  padding: 8px;
}

.padding-top-8,
.pt-8 {
  padding-top: 8px;
}

.padding-right-8,
.pr-8 {
  padding-right: 8px;
}

.padding-bottom-8,
.pb-8 {
  padding-bottom: 8px;
}

.padding-left-8,
.pl-8 {
  padding-left: 8px;
}

.padding-horizontal-8,
.ph-8 {
  padding-left: 8px;
  padding-right: 8px;
}

.padding-vertical-8,
.pv-8 {
  padding-top: 8px;
  padding-bottom: 8px;
}

.padding-16,
.p-16 {
  padding: 16px;
}

.padding-top-16,
.pt-16 {
  padding-top: 16px;
}

.padding-right-16,
.pr-16 {
  padding-right: 16px;
}

.padding-bottom-16,
.pb-16 {
  padding-bottom: 16px;
}

.padding-left-16,
.pl-16 {
  padding-left: 16px;
}

.padding-horizontal-16,
.ph-16 {
  padding-left: 16px;
  padding-right: 16px;
}

.padding-vertical-16,
.pv-16 {
  padding-top: 16px;
  padding-bottom: 16px;
}

.padding-24,
.p-24 {
  padding: 24px;
}

.padding-top-24,
.pt-24 {
  padding-top: 24px;
}

.padding-right-24,
.pr-24 {
  padding-right: 24px;
}

.padding-bottom-24,
.pb-24 {
  padding-bottom: 24px;
}

.padding-left-24,
.pl-24 {
  padding-left: 24px;
}

.padding-horizontal-24,
.ph-24 {
  padding-left: 24px;
  padding-right: 24px;
}

.padding-vertical-24,
.pv-24 {
  padding-top: 24px;
  padding-bottom: 24px;
}

.padding-32,
.p-32 {
  padding: 32px;
}

.padding-top-32,
.pt-32 {
  padding-top: 32px;
}

.padding-right-32,
.pr-32 {
  padding-right: 32px;
}

.padding-bottom-32,
.pb-32 {
  padding-bottom: 32px;
}

.padding-left-32,
.pl-32 {
  padding-left: 32px;
}

.padding-horizontal-32,
.ph-32 {
  padding-left: 32px;
  padding-right: 32px;
}

.padding-vertical-32,
.pv-32 {
  padding-top: 32px;
  padding-bottom: 32px;
}

.padding-48,
.p-48 {
  padding: 48px;
}

.padding-top-48,
.pt-48 {
  padding-top: 48px;
}

.padding-right-48,
.pr-48 {
  padding-right: 48px;
}

.padding-bottom-48,
.pb-48 {
  padding-bottom: 48px;
}

.padding-left-48,
.pl-48 {
  padding-left: 48px;
}

.padding-horizontal-48,
.ph-48 {
  padding-left: 48px;
  padding-right: 48px;
}

.padding-vertical-48,
.pv-48 {
  padding-top: 48px;
  padding-bottom: 48px;
}

.padding-56,
.p-56 {
  padding: 56px;
}

.padding-top-56,
.pt-56 {
  padding-top: 56px;
}

.padding-right-56,
.pr-56 {
  padding-right: 56px;
}

.padding-bottom-56,
.pb-56 {
  padding-bottom: 56px;
}

.padding-left-56,
.pl-56 {
  padding-left: 56px;
}

.padding-horizontal-56,
.ph-56 {
  padding-left: 56px;
  padding-right: 56px;
}

.padding-vertical-56,
.pv-56 {
  padding-top: 56px;
  padding-bottom: 56px;
}

.padding-64,
.p-64 {
  padding: 64px;
}

.padding-top-64,
.pt-64 {
  padding-top: 64px;
}

.padding-right-64,
.pr-64 {
  padding-right: 64px;
}

.padding-bottom-64,
.pb-64 {
  padding-bottom: 64px;
}

.padding-left-64,
.pl-64 {
  padding-left: 64px;
}

.padding-horizontal-64,
.ph-64 {
  padding-left: 64px;
  padding-right: 64px;
}

.padding-vertical-64,
.pv-64 {
  padding-top: 64px;
  padding-bottom: 64px;
}

.padding-72,
.p-72 {
  padding: 72px;
}

.padding-top-72,
.pt-72 {
  padding-top: 72px;
}

.padding-right-72,
.pr-72 {
  padding-right: 72px;
}

.padding-bottom-72,
.pb-72 {
  padding-bottom: 72px;
}

.padding-left-72,
.pl-72 {
  padding-left: 72px;
}

.padding-horizontal-72,
.ph-72 {
  padding-left: 72px;
  padding-right: 72px;
}

.padding-vertical-72,
.pv-72 {
  padding-top: 72px;
  padding-bottom: 72px;
}

.padding-88,
.p-88 {
  padding: 88px;
}

.padding-top-88,
.pt-88 {
  padding-top: 88px;
}

.padding-right-88,
.pr-88 {
  padding-right: 88px;
}

.padding-bottom-88,
.pb-88 {
  padding-bottom: 88px;
}

.padding-left-88,
.pl-88 {
  padding-left: 88px;
}

.padding-horizontal-88,
.ph-88 {
  padding-left: 88px;
  padding-right: 88px;
}

.padding-vertical-88,
.pv-88 {
  padding-top: 88px;
  padding-bottom: 88px;
}

.padding-96,
.p-96 {
  padding: 96px;
}

.padding-top-96,
.pt-96 {
  padding-top: 96px;
}

.padding-right-96,
.pr-96 {
  padding-right: 96px;
}

.padding-bottom-96,
.pb-96 {
  padding-bottom: 96px;
}

.padding-left-96,
.pl-96 {
  padding-left: 96px;
}

.padding-horizontal-96,
.ph-96 {
  padding-left: 96px;
  padding-right: 96px;
}

.padding-vertical-96,
.pv-96 {
  padding-top: 96px;
  padding-bottom: 96px;
}

.margin-0,
.m-0 {
  margin: 0px;
}

.margin-top-0,
.mt-0 {
  margin-top: 0px;
}

.margin-right-0,
.mr-0 {
  margin-right: 0px;
}

.margin-bottom-0,
.mb-0 {
  margin-bottom: 0px;
}

.margin-left-0,
.ml-0 {
  margin-left: 0px;
}

.margin-horizontal-0,
.mh-0 {
  margin-left: 0px;
  margin-right: 0px;
}

.margin-vertical-0,
.mv-0 {
  margin-top: 0px;
  margin-bottom: 0px;
}

.margin-5,
.m-5 {
  margin: 5px;
}

.margin-top-5,
.mt-5 {
  margin-top: 5px;
}

.margin-right-5,
.mr-5 {
  margin-right: 5px;
}

.margin-bottom-5,
.mb-5 {
  margin-bottom: 5px;
}

.margin-left-5,
.ml-5 {
  margin-left: 5px;
}

.margin-horizontal-5,
.mh-5 {
  margin-left: 5px;
  margin-right: 5px;
}

.margin-vertical-5,
.mv-5 {
  margin-top: 5px;
  margin-bottom: 5px;
}

.margin-10,
.m-10 {
  margin: 10px;
}

.margin-top-10,
.mt-10 {
  margin-top: 10px;
}

.margin-right-10,
.mr-10 {
  margin-right: 10px;
}

.margin-bottom-10,
.mb-10 {
  margin-bottom: 10px;
}

.margin-left-10,
.ml-10 {
  margin-left: 10px;
}

.margin-horizontal-10,
.mh-10 {
  margin-left: 10px;
  margin-right: 10px;
}

.margin-vertical-10,
.mv-10 {
  margin-top: 10px;
  margin-bottom: 10px;
}

.margin-15,
.m-15 {
  margin: 15px;
}

.margin-top-15,
.mt-15 {
  margin-top: 15px;
}

.margin-right-15,
.mr-15 {
  margin-right: 15px;
}

.margin-bottom-15,
.mb-15 {
  margin-bottom: 15px;
}

.margin-left-15,
.ml-15 {
  margin-left: 15px;
}

.margin-horizontal-15,
.mh-15 {
  margin-left: 15px;
  margin-right: 15px;
}

.margin-vertical-15,
.mv-15 {
  margin-top: 15px;
  margin-bottom: 15px;
}

.margin-20,
.m-20 {
  margin: 20px;
}

.margin-top-20,
.mt-20 {
  margin-top: 20px;
}

.margin-right-20,
.mr-20 {
  margin-right: 20px;
}

.margin-bottom-20,
.mb-20 {
  margin-bottom: 20px;
}

.margin-left-20,
.ml-20 {
  margin-left: 20px;
}

.margin-horizontal-20,
.mh-20 {
  margin-left: 20px;
  margin-right: 20px;
}

.margin-vertical-20,
.mv-20 {
  margin-top: 20px;
  margin-bottom: 20px;
}

.margin-25,
.m-25 {
  margin: 25px;
}

.margin-top-25,
.mt-25 {
  margin-top: 25px;
}

.margin-right-25,
.mr-25 {
  margin-right: 25px;
}

.margin-bottom-25,
.mb-25 {
  margin-bottom: 25px;
}

.margin-left-25,
.ml-25 {
  margin-left: 25px;
}

.margin-horizontal-25,
.mh-25 {
  margin-left: 25px;
  margin-right: 25px;
}

.margin-vertical-25,
.mv-25 {
  margin-top: 25px;
  margin-bottom: 25px;
}

.margin-30,
.m-30 {
  margin: 30px;
}

.margin-top-30,
.mt-30 {
  margin-top: 30px;
}

.margin-right-30,
.mr-30 {
  margin-right: 30px;
}

.margin-bottom-30,
.mb-30 {
  margin-bottom: 30px;
}

.margin-left-30,
.ml-30 {
  margin-left: 30px;
}

.margin-horizontal-30,
.mh-30 {
  margin-left: 30px;
  margin-right: 30px;
}

.margin-vertical-30,
.mv-30 {
  margin-top: 30px;
  margin-bottom: 30px;
}

.margin-35,
.m-35 {
  margin: 35px;
}

.margin-top-35,
.mt-35 {
  margin-top: 35px;
}

.margin-right-35,
.mr-35 {
  margin-right: 35px;
}

.margin-bottom-35,
.mb-35 {
  margin-bottom: 35px;
}

.margin-left-35,
.ml-35 {
  margin-left: 35px;
}

.margin-horizontal-35,
.mh-35 {
  margin-left: 35px;
  margin-right: 35px;
}

.margin-vertical-35,
.mv-35 {
  margin-top: 35px;
  margin-bottom: 35px;
}

.margin-40,
.m-40 {
  margin: 40px;
}

.margin-top-40,
.mt-40 {
  margin-top: 40px;
}

.margin-right-40,
.mr-40 {
  margin-right: 40px;
}

.margin-bottom-40,
.mb-40 {
  margin-bottom: 40px;
}

.margin-left-40,
.ml-40 {
  margin-left: 40px;
}

.margin-horizontal-40,
.mh-40 {
  margin-left: 40px;
  margin-right: 40px;
}

.margin-vertical-40,
.mv-40 {
  margin-top: 40px;
  margin-bottom: 40px;
}

.margin-45,
.m-45 {
  margin: 45px;
}

.margin-top-45,
.mt-45 {
  margin-top: 45px;
}

.margin-right-45,
.mr-45 {
  margin-right: 45px;
}

.margin-bottom-45,
.mb-45 {
  margin-bottom: 45px;
}

.margin-left-45,
.ml-45 {
  margin-left: 45px;
}

.margin-horizontal-45,
.mh-45 {
  margin-left: 45px;
  margin-right: 45px;
}

.margin-vertical-45,
.mv-45 {
  margin-top: 45px;
  margin-bottom: 45px;
}

.margin-50,
.m-50 {
  margin: 50px;
}

.margin-top-50,
.mt-50 {
  margin-top: 50px;
}

.margin-right-50,
.mr-50 {
  margin-right: 50px;
}

.margin-bottom-50,
.mb-50 {
  margin-bottom: 50px;
}

.margin-left-50,
.ml-50 {
  margin-left: 50px;
}

.margin-horizontal-50,
.mh-50 {
  margin-left: 50px;
  margin-right: 50px;
}

.margin-vertical-50,
.mv-50 {
  margin-top: 50px;
  margin-bottom: 50px;
}

.margin-55,
.m-55 {
  margin: 55px;
}

.margin-top-55,
.mt-55 {
  margin-top: 55px;
}

.margin-right-55,
.mr-55 {
  margin-right: 55px;
}

.margin-bottom-55,
.mb-55 {
  margin-bottom: 55px;
}

.margin-left-55,
.ml-55 {
  margin-left: 55px;
}

.margin-horizontal-55,
.mh-55 {
  margin-left: 55px;
  margin-right: 55px;
}

.margin-vertical-55,
.mv-55 {
  margin-top: 55px;
  margin-bottom: 55px;
}

.margin-60,
.m-60 {
  margin: 60px;
}

.margin-top-60,
.mt-60 {
  margin-top: 60px;
}

.margin-right-60,
.mr-60 {
  margin-right: 60px;
}

.margin-bottom-60,
.mb-60 {
  margin-bottom: 60px;
}

.margin-left-60,
.ml-60 {
  margin-left: 60px;
}

.margin-horizontal-60,
.mh-60 {
  margin-left: 60px;
  margin-right: 60px;
}

.margin-vertical-60,
.mv-60 {
  margin-top: 60px;
  margin-bottom: 60px;
}

.margin-65,
.m-65 {
  margin: 65px;
}

.margin-top-65,
.mt-65 {
  margin-top: 65px;
}

.margin-right-65,
.mr-65 {
  margin-right: 65px;
}

.margin-bottom-65,
.mb-65 {
  margin-bottom: 65px;
}

.margin-left-65,
.ml-65 {
  margin-left: 65px;
}

.margin-horizontal-65,
.mh-65 {
  margin-left: 65px;
  margin-right: 65px;
}

.margin-vertical-65,
.mv-65 {
  margin-top: 65px;
  margin-bottom: 65px;
}

.margin-70,
.m-70 {
  margin: 70px;
}

.margin-top-70,
.mt-70 {
  margin-top: 70px;
}

.margin-right-70,
.mr-70 {
  margin-right: 70px;
}

.margin-bottom-70,
.mb-70 {
  margin-bottom: 70px;
}

.margin-left-70,
.ml-70 {
  margin-left: 70px;
}

.margin-horizontal-70,
.mh-70 {
  margin-left: 70px;
  margin-right: 70px;
}

.margin-vertical-70,
.mv-70 {
  margin-top: 70px;
  margin-bottom: 70px;
}

.margin-75,
.m-75 {
  margin: 75px;
}

.margin-top-75,
.mt-75 {
  margin-top: 75px;
}

.margin-right-75,
.mr-75 {
  margin-right: 75px;
}

.margin-bottom-75,
.mb-75 {
  margin-bottom: 75px;
}

.margin-left-75,
.ml-75 {
  margin-left: 75px;
}

.margin-horizontal-75,
.mh-75 {
  margin-left: 75px;
  margin-right: 75px;
}

.margin-vertical-75,
.mv-75 {
  margin-top: 75px;
  margin-bottom: 75px;
}

.margin-80,
.m-80 {
  margin: 80px;
}

.margin-top-80,
.mt-80 {
  margin-top: 80px;
}

.margin-right-80,
.mr-80 {
  margin-right: 80px;
}

.margin-bottom-80,
.mb-80 {
  margin-bottom: 80px;
}

.margin-left-80,
.ml-80 {
  margin-left: 80px;
}

.margin-horizontal-80,
.mh-80 {
  margin-left: 80px;
  margin-right: 80px;
}

.margin-vertical-80,
.mv-80 {
  margin-top: 80px;
  margin-bottom: 80px;
}

.margin-85,
.m-85 {
  margin: 85px;
}

.margin-top-85,
.mt-85 {
  margin-top: 85px;
}

.margin-right-85,
.mr-85 {
  margin-right: 85px;
}

.margin-bottom-85,
.mb-85 {
  margin-bottom: 85px;
}

.margin-left-85,
.ml-85 {
  margin-left: 85px;
}

.margin-horizontal-85,
.mh-85 {
  margin-left: 85px;
  margin-right: 85px;
}

.margin-vertical-85,
.mv-85 {
  margin-top: 85px;
  margin-bottom: 85px;
}

.margin-90,
.m-90 {
  margin: 90px;
}

.margin-top-90,
.mt-90 {
  margin-top: 90px;
}

.margin-right-90,
.mr-90 {
  margin-right: 90px;
}

.margin-bottom-90,
.mb-90 {
  margin-bottom: 90px;
}

.margin-left-90,
.ml-90 {
  margin-left: 90px;
}

.margin-horizontal-90,
.mh-90 {
  margin-left: 90px;
  margin-right: 90px;
}

.margin-vertical-90,
.mv-90 {
  margin-top: 90px;
  margin-bottom: 90px;
}

.margin-95,
.m-95 {
  margin: 95px;
}

.margin-top-95,
.mt-95 {
  margin-top: 95px;
}

.margin-right-95,
.mr-95 {
  margin-right: 95px;
}

.margin-bottom-95,
.mb-95 {
  margin-bottom: 95px;
}

.margin-left-95,
.ml-95 {
  margin-left: 95px;
}

.margin-horizontal-95,
.mh-95 {
  margin-left: 95px;
  margin-right: 95px;
}

.margin-vertical-95,
.mv-95 {
  margin-top: 95px;
  margin-bottom: 95px;
}

.margin-100,
.m-100 {
  margin: 100px;
}

.margin-top-100,
.mt-100 {
  margin-top: 100px;
}

.margin-right-100,
.mr-100 {
  margin-right: 100px;
}

.margin-bottom-100,
.mb-100 {
  margin-bottom: 100px;
}

.margin-left-100,
.ml-100 {
  margin-left: 100px;
}

.margin-horizontal-100,
.mh-100 {
  margin-left: 100px;
  margin-right: 100px;
}

.margin-vertical-100,
.mv-100 {
  margin-top: 100px;
  margin-bottom: 100px;
}

.margin-8,
.m-8 {
  margin: 8px;
}

.margin-top-8,
.mt-8 {
  margin-top: 8px;
}

.margin-right-8,
.mr-8 {
  margin-right: 8px;
}

.margin-bottom-8,
.mb-8 {
  margin-bottom: 8px;
}

.margin-left-8,
.ml-8 {
  margin-left: 8px;
}

.margin-horizontal-8,
.mh-8 {
  margin-left: 8px;
  margin-right: 8px;
}

.margin-vertical-8,
.mv-8 {
  margin-top: 8px;
  margin-bottom: 8px;
}

.margin-16,
.m-16 {
  margin: 16px;
}

.margin-top-16,
.mt-16 {
  margin-top: 16px;
}

.margin-right-16,
.mr-16 {
  margin-right: 16px;
}

.margin-bottom-16,
.mb-16 {
  margin-bottom: 16px;
}

.margin-left-16,
.ml-16 {
  margin-left: 16px;
}

.margin-horizontal-16,
.mh-16 {
  margin-left: 16px;
  margin-right: 16px;
}

.margin-vertical-16,
.mv-16 {
  margin-top: 16px;
  margin-bottom: 16px;
}

.margin-24,
.m-24 {
  margin: 24px;
}

.margin-top-24,
.mt-24 {
  margin-top: 24px;
}

.margin-right-24,
.mr-24 {
  margin-right: 24px;
}

.margin-bottom-24,
.mb-24 {
  margin-bottom: 24px;
}

.margin-left-24,
.ml-24 {
  margin-left: 24px;
}

.margin-horizontal-24,
.mh-24 {
  margin-left: 24px;
  margin-right: 24px;
}

.margin-vertical-24,
.mv-24 {
  margin-top: 24px;
  margin-bottom: 24px;
}

.margin-32,
.m-32 {
  margin: 32px;
}

.margin-top-32,
.mt-32 {
  margin-top: 32px;
}

.margin-right-32,
.mr-32 {
  margin-right: 32px;
}

.margin-bottom-32,
.mb-32 {
  margin-bottom: 32px;
}

.margin-left-32,
.ml-32 {
  margin-left: 32px;
}

.margin-horizontal-32,
.mh-32 {
  margin-left: 32px;
  margin-right: 32px;
}

.margin-vertical-32,
.mv-32 {
  margin-top: 32px;
  margin-bottom: 32px;
}

.margin-48,
.m-48 {
  margin: 48px;
}

.margin-top-48,
.mt-48 {
  margin-top: 48px;
}

.margin-right-48,
.mr-48 {
  margin-right: 48px;
}

.margin-bottom-48,
.mb-48 {
  margin-bottom: 48px;
}

.margin-left-48,
.ml-48 {
  margin-left: 48px;
}

.margin-horizontal-48,
.mh-48 {
  margin-left: 48px;
  margin-right: 48px;
}

.margin-vertical-48,
.mv-48 {
  margin-top: 48px;
  margin-bottom: 48px;
}

.margin-56,
.m-56 {
  margin: 56px;
}

.margin-top-56,
.mt-56 {
  margin-top: 56px;
}

.margin-right-56,
.mr-56 {
  margin-right: 56px;
}

.margin-bottom-56,
.mb-56 {
  margin-bottom: 56px;
}

.margin-left-56,
.ml-56 {
  margin-left: 56px;
}

.margin-horizontal-56,
.mh-56 {
  margin-left: 56px;
  margin-right: 56px;
}

.margin-vertical-56,
.mv-56 {
  margin-top: 56px;
  margin-bottom: 56px;
}

.margin-64,
.m-64 {
  margin: 64px;
}

.margin-top-64,
.mt-64 {
  margin-top: 64px;
}

.margin-right-64,
.mr-64 {
  margin-right: 64px;
}

.margin-bottom-64,
.mb-64 {
  margin-bottom: 64px;
}

.margin-left-64,
.ml-64 {
  margin-left: 64px;
}

.margin-horizontal-64,
.mh-64 {
  margin-left: 64px;
  margin-right: 64px;
}

.margin-vertical-64,
.mv-64 {
  margin-top: 64px;
  margin-bottom: 64px;
}

.margin-72,
.m-72 {
  margin: 72px;
}

.margin-top-72,
.mt-72 {
  margin-top: 72px;
}

.margin-right-72,
.mr-72 {
  margin-right: 72px;
}

.margin-bottom-72,
.mb-72 {
  margin-bottom: 72px;
}

.margin-left-72,
.ml-72 {
  margin-left: 72px;
}

.margin-horizontal-72,
.mh-72 {
  margin-left: 72px;
  margin-right: 72px;
}

.margin-vertical-72,
.mv-72 {
  margin-top: 72px;
  margin-bottom: 72px;
}

.margin-88,
.m-88 {
  margin: 88px;
}

.margin-top-88,
.mt-88 {
  margin-top: 88px;
}

.margin-right-88,
.mr-88 {
  margin-right: 88px;
}

.margin-bottom-88,
.mb-88 {
  margin-bottom: 88px;
}

.margin-left-88,
.ml-88 {
  margin-left: 88px;
}

.margin-horizontal-88,
.mh-88 {
  margin-left: 88px;
  margin-right: 88px;
}

.margin-vertical-88,
.mv-88 {
  margin-top: 88px;
  margin-bottom: 88px;
}

.margin-96,
.m-96 {
  margin: 96px;
}

.margin-top-96,
.mt-96 {
  margin-top: 96px;
}

.margin-right-96,
.mr-96 {
  margin-right: 96px;
}

.margin-bottom-96,
.mb-96 {
  margin-bottom: 96px;
}

.margin-left-96,
.ml-96 {
  margin-left: 96px;
}

.margin-horizontal-96,
.mh-96 {
  margin-left: 96px;
  margin-right: 96px;
}

.margin-vertical-96,
.mv-96 {
  margin-top: 96px;
  margin-bottom: 96px;
}

.height-0,
.h-0 {
  height: 0px !important;
  min-height: 0px !important;
  max-height: 0px !important;
}

.width-0,
.w-0 {
  width: 0px !important;
  min-width: 0px !important;
  max-width: 0px !important;
}

.height-5,
.h-5 {
  height: 5px !important;
  min-height: 5px !important;
  max-height: 5px !important;
}

.width-5,
.w-5 {
  width: 5px !important;
  min-width: 5px !important;
  max-width: 5px !important;
}

.height-10,
.h-10 {
  height: 10px !important;
  min-height: 10px !important;
  max-height: 10px !important;
}

.width-10,
.w-10 {
  width: 10px !important;
  min-width: 10px !important;
  max-width: 10px !important;
}

.height-15,
.h-15 {
  height: 15px !important;
  min-height: 15px !important;
  max-height: 15px !important;
}

.width-15,
.w-15 {
  width: 15px !important;
  min-width: 15px !important;
  max-width: 15px !important;
}

.height-20,
.h-20 {
  height: 20px !important;
  min-height: 20px !important;
  max-height: 20px !important;
}

.width-20,
.w-20 {
  width: 20px !important;
  min-width: 20px !important;
  max-width: 20px !important;
}

.height-25,
.h-25 {
  height: 25px !important;
  min-height: 25px !important;
  max-height: 25px !important;
}

.width-25,
.w-25 {
  width: 25px !important;
  min-width: 25px !important;
  max-width: 25px !important;
}

.height-30,
.h-30 {
  height: 30px !important;
  min-height: 30px !important;
  max-height: 30px !important;
}

.width-30,
.w-30 {
  width: 30px !important;
  min-width: 30px !important;
  max-width: 30px !important;
}

.height-35,
.h-35 {
  height: 35px !important;
  min-height: 35px !important;
  max-height: 35px !important;
}

.width-35,
.w-35 {
  width: 35px !important;
  min-width: 35px !important;
  max-width: 35px !important;
}

.height-40,
.h-40 {
  height: 40px !important;
  min-height: 40px !important;
  max-height: 40px !important;
}

.width-40,
.w-40 {
  width: 40px !important;
  min-width: 40px !important;
  max-width: 40px !important;
}

.height-45,
.h-45 {
  height: 45px !important;
  min-height: 45px !important;
  max-height: 45px !important;
}

.width-45,
.w-45 {
  width: 45px !important;
  min-width: 45px !important;
  max-width: 45px !important;
}

.height-50,
.h-50 {
  height: 50px !important;
  min-height: 50px !important;
  max-height: 50px !important;
}

.width-50,
.w-50 {
  width: 50px !important;
  min-width: 50px !important;
  max-width: 50px !important;
}

.height-55,
.h-55 {
  height: 55px !important;
  min-height: 55px !important;
  max-height: 55px !important;
}

.width-55,
.w-55 {
  width: 55px !important;
  min-width: 55px !important;
  max-width: 55px !important;
}

.height-60,
.h-60 {
  height: 60px !important;
  min-height: 60px !important;
  max-height: 60px !important;
}

.width-60,
.w-60 {
  width: 60px !important;
  min-width: 60px !important;
  max-width: 60px !important;
}

.height-65,
.h-65 {
  height: 65px !important;
  min-height: 65px !important;
  max-height: 65px !important;
}

.width-65,
.w-65 {
  width: 65px !important;
  min-width: 65px !important;
  max-width: 65px !important;
}

.height-70,
.h-70 {
  height: 70px !important;
  min-height: 70px !important;
  max-height: 70px !important;
}

.width-70,
.w-70 {
  width: 70px !important;
  min-width: 70px !important;
  max-width: 70px !important;
}

.height-75,
.h-75 {
  height: 75px !important;
  min-height: 75px !important;
  max-height: 75px !important;
}

.width-75,
.w-75 {
  width: 75px !important;
  min-width: 75px !important;
  max-width: 75px !important;
}

.height-80,
.h-80 {
  height: 80px !important;
  min-height: 80px !important;
  max-height: 80px !important;
}

.width-80,
.w-80 {
  width: 80px !important;
  min-width: 80px !important;
  max-width: 80px !important;
}

.height-85,
.h-85 {
  height: 85px !important;
  min-height: 85px !important;
  max-height: 85px !important;
}

.width-85,
.w-85 {
  width: 85px !important;
  min-width: 85px !important;
  max-width: 85px !important;
}

.height-90,
.h-90 {
  height: 90px !important;
  min-height: 90px !important;
  max-height: 90px !important;
}

.width-90,
.w-90 {
  width: 90px !important;
  min-width: 90px !important;
  max-width: 90px !important;
}

.height-95,
.h-95 {
  height: 95px !important;
  min-height: 95px !important;
  max-height: 95px !important;
}

.width-95,
.w-95 {
  width: 95px !important;
  min-width: 95px !important;
  max-width: 95px !important;
}

.height-100,
.h-100 {
  height: 100px !important;
  min-height: 100px !important;
  max-height: 100px !important;
}

.width-100,
.w-100 {
  width: 100px !important;
  min-width: 100px !important;
  max-width: 100px !important;
}

.height-105,
.h-105 {
  height: 105px !important;
  min-height: 105px !important;
  max-height: 105px !important;
}

.width-105,
.w-105 {
  width: 105px !important;
  min-width: 105px !important;
  max-width: 105px !important;
}

.height-110,
.h-110 {
  height: 110px !important;
  min-height: 110px !important;
  max-height: 110px !important;
}

.width-110,
.w-110 {
  width: 110px !important;
  min-width: 110px !important;
  max-width: 110px !important;
}

.height-115,
.h-115 {
  height: 115px !important;
  min-height: 115px !important;
  max-height: 115px !important;
}

.width-115,
.w-115 {
  width: 115px !important;
  min-width: 115px !important;
  max-width: 115px !important;
}

.height-120,
.h-120 {
  height: 120px !important;
  min-height: 120px !important;
  max-height: 120px !important;
}

.width-120,
.w-120 {
  width: 120px !important;
  min-width: 120px !important;
  max-width: 120px !important;
}

.height-125,
.h-125 {
  height: 125px !important;
  min-height: 125px !important;
  max-height: 125px !important;
}

.width-125,
.w-125 {
  width: 125px !important;
  min-width: 125px !important;
  max-width: 125px !important;
}

.height-130,
.h-130 {
  height: 130px !important;
  min-height: 130px !important;
  max-height: 130px !important;
}

.width-130,
.w-130 {
  width: 130px !important;
  min-width: 130px !important;
  max-width: 130px !important;
}

.height-135,
.h-135 {
  height: 135px !important;
  min-height: 135px !important;
  max-height: 135px !important;
}

.width-135,
.w-135 {
  width: 135px !important;
  min-width: 135px !important;
  max-width: 135px !important;
}

.height-140,
.h-140 {
  height: 140px !important;
  min-height: 140px !important;
  max-height: 140px !important;
}

.width-140,
.w-140 {
  width: 140px !important;
  min-width: 140px !important;
  max-width: 140px !important;
}

.height-145,
.h-145 {
  height: 145px !important;
  min-height: 145px !important;
  max-height: 145px !important;
}

.width-145,
.w-145 {
  width: 145px !important;
  min-width: 145px !important;
  max-width: 145px !important;
}

.height-150,
.h-150 {
  height: 150px !important;
  min-height: 150px !important;
  max-height: 150px !important;
}

.width-150,
.w-150 {
  width: 150px !important;
  min-width: 150px !important;
  max-width: 150px !important;
}

.height-155,
.h-155 {
  height: 155px !important;
  min-height: 155px !important;
  max-height: 155px !important;
}

.width-155,
.w-155 {
  width: 155px !important;
  min-width: 155px !important;
  max-width: 155px !important;
}

.height-160,
.h-160 {
  height: 160px !important;
  min-height: 160px !important;
  max-height: 160px !important;
}

.width-160,
.w-160 {
  width: 160px !important;
  min-width: 160px !important;
  max-width: 160px !important;
}

.height-165,
.h-165 {
  height: 165px !important;
  min-height: 165px !important;
  max-height: 165px !important;
}

.width-165,
.w-165 {
  width: 165px !important;
  min-width: 165px !important;
  max-width: 165px !important;
}

.height-170,
.h-170 {
  height: 170px !important;
  min-height: 170px !important;
  max-height: 170px !important;
}

.width-170,
.w-170 {
  width: 170px !important;
  min-width: 170px !important;
  max-width: 170px !important;
}

.height-175,
.h-175 {
  height: 175px !important;
  min-height: 175px !important;
  max-height: 175px !important;
}

.width-175,
.w-175 {
  width: 175px !important;
  min-width: 175px !important;
  max-width: 175px !important;
}

.height-180,
.h-180 {
  height: 180px !important;
  min-height: 180px !important;
  max-height: 180px !important;
}

.width-180,
.w-180 {
  width: 180px !important;
  min-width: 180px !important;
  max-width: 180px !important;
}

.height-185,
.h-185 {
  height: 185px !important;
  min-height: 185px !important;
  max-height: 185px !important;
}

.width-185,
.w-185 {
  width: 185px !important;
  min-width: 185px !important;
  max-width: 185px !important;
}

.height-190,
.h-190 {
  height: 190px !important;
  min-height: 190px !important;
  max-height: 190px !important;
}

.width-190,
.w-190 {
  width: 190px !important;
  min-width: 190px !important;
  max-width: 190px !important;
}

.height-195,
.h-195 {
  height: 195px !important;
  min-height: 195px !important;
  max-height: 195px !important;
}

.width-195,
.w-195 {
  width: 195px !important;
  min-width: 195px !important;
  max-width: 195px !important;
}

.height-200,
.h-200 {
  height: 200px !important;
  min-height: 200px !important;
  max-height: 200px !important;
}

.width-200,
.w-200 {
  width: 200px !important;
  min-width: 200px !important;
  max-width: 200px !important;
}

.height-205,
.h-205 {
  height: 205px !important;
  min-height: 205px !important;
  max-height: 205px !important;
}

.width-205,
.w-205 {
  width: 205px !important;
  min-width: 205px !important;
  max-width: 205px !important;
}

.height-210,
.h-210 {
  height: 210px !important;
  min-height: 210px !important;
  max-height: 210px !important;
}

.width-210,
.w-210 {
  width: 210px !important;
  min-width: 210px !important;
  max-width: 210px !important;
}

.height-215,
.h-215 {
  height: 215px !important;
  min-height: 215px !important;
  max-height: 215px !important;
}

.width-215,
.w-215 {
  width: 215px !important;
  min-width: 215px !important;
  max-width: 215px !important;
}

.height-220,
.h-220 {
  height: 220px !important;
  min-height: 220px !important;
  max-height: 220px !important;
}

.width-220,
.w-220 {
  width: 220px !important;
  min-width: 220px !important;
  max-width: 220px !important;
}

.height-225,
.h-225 {
  height: 225px !important;
  min-height: 225px !important;
  max-height: 225px !important;
}

.width-225,
.w-225 {
  width: 225px !important;
  min-width: 225px !important;
  max-width: 225px !important;
}

.height-230,
.h-230 {
  height: 230px !important;
  min-height: 230px !important;
  max-height: 230px !important;
}

.width-230,
.w-230 {
  width: 230px !important;
  min-width: 230px !important;
  max-width: 230px !important;
}

.height-235,
.h-235 {
  height: 235px !important;
  min-height: 235px !important;
  max-height: 235px !important;
}

.width-235,
.w-235 {
  width: 235px !important;
  min-width: 235px !important;
  max-width: 235px !important;
}

.height-240,
.h-240 {
  height: 240px !important;
  min-height: 240px !important;
  max-height: 240px !important;
}

.width-240,
.w-240 {
  width: 240px !important;
  min-width: 240px !important;
  max-width: 240px !important;
}

.height-245,
.h-245 {
  height: 245px !important;
  min-height: 245px !important;
  max-height: 245px !important;
}

.width-245,
.w-245 {
  width: 245px !important;
  min-width: 245px !important;
  max-width: 245px !important;
}

.height-250,
.h-250 {
  height: 250px !important;
  min-height: 250px !important;
  max-height: 250px !important;
}

.width-250,
.w-250 {
  width: 250px !important;
  min-width: 250px !important;
  max-width: 250px !important;
}

.height-255,
.h-255 {
  height: 255px !important;
  min-height: 255px !important;
  max-height: 255px !important;
}

.width-255,
.w-255 {
  width: 255px !important;
  min-width: 255px !important;
  max-width: 255px !important;
}

.height-260,
.h-260 {
  height: 260px !important;
  min-height: 260px !important;
  max-height: 260px !important;
}

.width-260,
.w-260 {
  width: 260px !important;
  min-width: 260px !important;
  max-width: 260px !important;
}

.height-265,
.h-265 {
  height: 265px !important;
  min-height: 265px !important;
  max-height: 265px !important;
}

.width-265,
.w-265 {
  width: 265px !important;
  min-width: 265px !important;
  max-width: 265px !important;
}

.height-270,
.h-270 {
  height: 270px !important;
  min-height: 270px !important;
  max-height: 270px !important;
}

.width-270,
.w-270 {
  width: 270px !important;
  min-width: 270px !important;
  max-width: 270px !important;
}

.height-275,
.h-275 {
  height: 275px !important;
  min-height: 275px !important;
  max-height: 275px !important;
}

.width-275,
.w-275 {
  width: 275px !important;
  min-width: 275px !important;
  max-width: 275px !important;
}

.height-280,
.h-280 {
  height: 280px !important;
  min-height: 280px !important;
  max-height: 280px !important;
}

.width-280,
.w-280 {
  width: 280px !important;
  min-width: 280px !important;
  max-width: 280px !important;
}

.height-285,
.h-285 {
  height: 285px !important;
  min-height: 285px !important;
  max-height: 285px !important;
}

.width-285,
.w-285 {
  width: 285px !important;
  min-width: 285px !important;
  max-width: 285px !important;
}

.height-290,
.h-290 {
  height: 290px !important;
  min-height: 290px !important;
  max-height: 290px !important;
}

.width-290,
.w-290 {
  width: 290px !important;
  min-width: 290px !important;
  max-width: 290px !important;
}

.height-295,
.h-295 {
  height: 295px !important;
  min-height: 295px !important;
  max-height: 295px !important;
}

.width-295,
.w-295 {
  width: 295px !important;
  min-width: 295px !important;
  max-width: 295px !important;
}

.height-300,
.h-300 {
  height: 300px !important;
  min-height: 300px !important;
  max-height: 300px !important;
}

.width-300,
.w-300 {
  width: 300px !important;
  min-width: 300px !important;
  max-width: 300px !important;
}

.height-305,
.h-305 {
  height: 305px !important;
  min-height: 305px !important;
  max-height: 305px !important;
}

.width-305,
.w-305 {
  width: 305px !important;
  min-width: 305px !important;
  max-width: 305px !important;
}

.height-310,
.h-310 {
  height: 310px !important;
  min-height: 310px !important;
  max-height: 310px !important;
}

.width-310,
.w-310 {
  width: 310px !important;
  min-width: 310px !important;
  max-width: 310px !important;
}

.height-315,
.h-315 {
  height: 315px !important;
  min-height: 315px !important;
  max-height: 315px !important;
}

.width-315,
.w-315 {
  width: 315px !important;
  min-width: 315px !important;
  max-width: 315px !important;
}

.height-320,
.h-320 {
  height: 320px !important;
  min-height: 320px !important;
  max-height: 320px !important;
}

.width-320,
.w-320 {
  width: 320px !important;
  min-width: 320px !important;
  max-width: 320px !important;
}

.height-325,
.h-325 {
  height: 325px !important;
  min-height: 325px !important;
  max-height: 325px !important;
}

.width-325,
.w-325 {
  width: 325px !important;
  min-width: 325px !important;
  max-width: 325px !important;
}

.height-330,
.h-330 {
  height: 330px !important;
  min-height: 330px !important;
  max-height: 330px !important;
}

.width-330,
.w-330 {
  width: 330px !important;
  min-width: 330px !important;
  max-width: 330px !important;
}

.height-335,
.h-335 {
  height: 335px !important;
  min-height: 335px !important;
  max-height: 335px !important;
}

.width-335,
.w-335 {
  width: 335px !important;
  min-width: 335px !important;
  max-width: 335px !important;
}

.height-340,
.h-340 {
  height: 340px !important;
  min-height: 340px !important;
  max-height: 340px !important;
}

.width-340,
.w-340 {
  width: 340px !important;
  min-width: 340px !important;
  max-width: 340px !important;
}

.height-345,
.h-345 {
  height: 345px !important;
  min-height: 345px !important;
  max-height: 345px !important;
}

.width-345,
.w-345 {
  width: 345px !important;
  min-width: 345px !important;
  max-width: 345px !important;
}

.height-350,
.h-350 {
  height: 350px !important;
  min-height: 350px !important;
  max-height: 350px !important;
}

.width-350,
.w-350 {
  width: 350px !important;
  min-width: 350px !important;
  max-width: 350px !important;
}

.height-355,
.h-355 {
  height: 355px !important;
  min-height: 355px !important;
  max-height: 355px !important;
}

.width-355,
.w-355 {
  width: 355px !important;
  min-width: 355px !important;
  max-width: 355px !important;
}

.height-360,
.h-360 {
  height: 360px !important;
  min-height: 360px !important;
  max-height: 360px !important;
}

.width-360,
.w-360 {
  width: 360px !important;
  min-width: 360px !important;
  max-width: 360px !important;
}

.height-365,
.h-365 {
  height: 365px !important;
  min-height: 365px !important;
  max-height: 365px !important;
}

.width-365,
.w-365 {
  width: 365px !important;
  min-width: 365px !important;
  max-width: 365px !important;
}

.height-370,
.h-370 {
  height: 370px !important;
  min-height: 370px !important;
  max-height: 370px !important;
}

.width-370,
.w-370 {
  width: 370px !important;
  min-width: 370px !important;
  max-width: 370px !important;
}

.height-375,
.h-375 {
  height: 375px !important;
  min-height: 375px !important;
  max-height: 375px !important;
}

.width-375,
.w-375 {
  width: 375px !important;
  min-width: 375px !important;
  max-width: 375px !important;
}

.height-380,
.h-380 {
  height: 380px !important;
  min-height: 380px !important;
  max-height: 380px !important;
}

.width-380,
.w-380 {
  width: 380px !important;
  min-width: 380px !important;
  max-width: 380px !important;
}

.height-385,
.h-385 {
  height: 385px !important;
  min-height: 385px !important;
  max-height: 385px !important;
}

.width-385,
.w-385 {
  width: 385px !important;
  min-width: 385px !important;
  max-width: 385px !important;
}

.height-390,
.h-390 {
  height: 390px !important;
  min-height: 390px !important;
  max-height: 390px !important;
}

.width-390,
.w-390 {
  width: 390px !important;
  min-width: 390px !important;
  max-width: 390px !important;
}

.height-395,
.h-395 {
  height: 395px !important;
  min-height: 395px !important;
  max-height: 395px !important;
}

.width-395,
.w-395 {
  width: 395px !important;
  min-width: 395px !important;
  max-width: 395px !important;
}

.height-400,
.h-400 {
  height: 400px !important;
  min-height: 400px !important;
  max-height: 400px !important;
}

.width-400,
.w-400 {
  width: 400px !important;
  min-width: 400px !important;
  max-width: 400px !important;
}

.height-405,
.h-405 {
  height: 405px !important;
  min-height: 405px !important;
  max-height: 405px !important;
}

.width-405,
.w-405 {
  width: 405px !important;
  min-width: 405px !important;
  max-width: 405px !important;
}

.height-410,
.h-410 {
  height: 410px !important;
  min-height: 410px !important;
  max-height: 410px !important;
}

.width-410,
.w-410 {
  width: 410px !important;
  min-width: 410px !important;
  max-width: 410px !important;
}

.height-415,
.h-415 {
  height: 415px !important;
  min-height: 415px !important;
  max-height: 415px !important;
}

.width-415,
.w-415 {
  width: 415px !important;
  min-width: 415px !important;
  max-width: 415px !important;
}

.height-420,
.h-420 {
  height: 420px !important;
  min-height: 420px !important;
  max-height: 420px !important;
}

.width-420,
.w-420 {
  width: 420px !important;
  min-width: 420px !important;
  max-width: 420px !important;
}

.height-425,
.h-425 {
  height: 425px !important;
  min-height: 425px !important;
  max-height: 425px !important;
}

.width-425,
.w-425 {
  width: 425px !important;
  min-width: 425px !important;
  max-width: 425px !important;
}

.height-430,
.h-430 {
  height: 430px !important;
  min-height: 430px !important;
  max-height: 430px !important;
}

.width-430,
.w-430 {
  width: 430px !important;
  min-width: 430px !important;
  max-width: 430px !important;
}

.height-435,
.h-435 {
  height: 435px !important;
  min-height: 435px !important;
  max-height: 435px !important;
}

.width-435,
.w-435 {
  width: 435px !important;
  min-width: 435px !important;
  max-width: 435px !important;
}

.height-440,
.h-440 {
  height: 440px !important;
  min-height: 440px !important;
  max-height: 440px !important;
}

.width-440,
.w-440 {
  width: 440px !important;
  min-width: 440px !important;
  max-width: 440px !important;
}

.height-445,
.h-445 {
  height: 445px !important;
  min-height: 445px !important;
  max-height: 445px !important;
}

.width-445,
.w-445 {
  width: 445px !important;
  min-width: 445px !important;
  max-width: 445px !important;
}

.height-450,
.h-450 {
  height: 450px !important;
  min-height: 450px !important;
  max-height: 450px !important;
}

.width-450,
.w-450 {
  width: 450px !important;
  min-width: 450px !important;
  max-width: 450px !important;
}

.height-455,
.h-455 {
  height: 455px !important;
  min-height: 455px !important;
  max-height: 455px !important;
}

.width-455,
.w-455 {
  width: 455px !important;
  min-width: 455px !important;
  max-width: 455px !important;
}

.height-460,
.h-460 {
  height: 460px !important;
  min-height: 460px !important;
  max-height: 460px !important;
}

.width-460,
.w-460 {
  width: 460px !important;
  min-width: 460px !important;
  max-width: 460px !important;
}

.height-465,
.h-465 {
  height: 465px !important;
  min-height: 465px !important;
  max-height: 465px !important;
}

.width-465,
.w-465 {
  width: 465px !important;
  min-width: 465px !important;
  max-width: 465px !important;
}

.height-470,
.h-470 {
  height: 470px !important;
  min-height: 470px !important;
  max-height: 470px !important;
}

.width-470,
.w-470 {
  width: 470px !important;
  min-width: 470px !important;
  max-width: 470px !important;
}

.height-475,
.h-475 {
  height: 475px !important;
  min-height: 475px !important;
  max-height: 475px !important;
}

.width-475,
.w-475 {
  width: 475px !important;
  min-width: 475px !important;
  max-width: 475px !important;
}

.height-480,
.h-480 {
  height: 480px !important;
  min-height: 480px !important;
  max-height: 480px !important;
}

.width-480,
.w-480 {
  width: 480px !important;
  min-width: 480px !important;
  max-width: 480px !important;
}

.height-485,
.h-485 {
  height: 485px !important;
  min-height: 485px !important;
  max-height: 485px !important;
}

.width-485,
.w-485 {
  width: 485px !important;
  min-width: 485px !important;
  max-width: 485px !important;
}

.height-490,
.h-490 {
  height: 490px !important;
  min-height: 490px !important;
  max-height: 490px !important;
}

.width-490,
.w-490 {
  width: 490px !important;
  min-width: 490px !important;
  max-width: 490px !important;
}

.height-495,
.h-495 {
  height: 495px !important;
  min-height: 495px !important;
  max-height: 495px !important;
}

.width-495,
.w-495 {
  width: 495px !important;
  min-width: 495px !important;
  max-width: 495px !important;
}

.height-500,
.h-500 {
  height: 500px !important;
  min-height: 500px !important;
  max-height: 500px !important;
}

.width-500,
.w-500 {
  width: 500px !important;
  min-width: 500px !important;
  max-width: 500px !important;
}

.height-8,
.h-8 {
  height: 8px !important;
  min-height: 8px !important;
  max-height: 8px !important;
}

.width-8,
.w-8 {
  width: 8px !important;
  min-width: 8px !important;
  max-width: 8px !important;
}

.height-16,
.h-16 {
  height: 16px !important;
  min-height: 16px !important;
  max-height: 16px !important;
}

.width-16,
.w-16 {
  width: 16px !important;
  min-width: 16px !important;
  max-width: 16px !important;
}

.height-24,
.h-24 {
  height: 24px !important;
  min-height: 24px !important;
  max-height: 24px !important;
}

.width-24,
.w-24 {
  width: 24px !important;
  min-width: 24px !important;
  max-width: 24px !important;
}

.height-32,
.h-32 {
  height: 32px !important;
  min-height: 32px !important;
  max-height: 32px !important;
}

.width-32,
.w-32 {
  width: 32px !important;
  min-width: 32px !important;
  max-width: 32px !important;
}

.height-48,
.h-48 {
  height: 48px !important;
  min-height: 48px !important;
  max-height: 48px !important;
}

.width-48,
.w-48 {
  width: 48px !important;
  min-width: 48px !important;
  max-width: 48px !important;
}

.height-56,
.h-56 {
  height: 56px !important;
  min-height: 56px !important;
  max-height: 56px !important;
}

.width-56,
.w-56 {
  width: 56px !important;
  min-width: 56px !important;
  max-width: 56px !important;
}

.height-64,
.h-64 {
  height: 64px !important;
  min-height: 64px !important;
  max-height: 64px !important;
}

.width-64,
.w-64 {
  width: 64px !important;
  min-width: 64px !important;
  max-width: 64px !important;
}

.height-72,
.h-72 {
  height: 72px !important;
  min-height: 72px !important;
  max-height: 72px !important;
}

.width-72,
.w-72 {
  width: 72px !important;
  min-width: 72px !important;
  max-width: 72px !important;
}

.height-88,
.h-88 {
  height: 88px !important;
  min-height: 88px !important;
  max-height: 88px !important;
}

.width-88,
.w-88 {
  width: 88px !important;
  min-width: 88px !important;
  max-width: 88px !important;
}

.height-96,
.h-96 {
  height: 96px !important;
  min-height: 96px !important;
  max-height: 96px !important;
}

.width-96,
.w-96 {
  width: 96px !important;
  min-width: 96px !important;
  max-width: 96px !important;
}

.height-104,
.h-104 {
  height: 104px !important;
  min-height: 104px !important;
  max-height: 104px !important;
}

.width-104,
.w-104 {
  width: 104px !important;
  min-width: 104px !important;
  max-width: 104px !important;
}

.height-112,
.h-112 {
  height: 112px !important;
  min-height: 112px !important;
  max-height: 112px !important;
}

.width-112,
.w-112 {
  width: 112px !important;
  min-width: 112px !important;
  max-width: 112px !important;
}

.height-128,
.h-128 {
  height: 128px !important;
  min-height: 128px !important;
  max-height: 128px !important;
}

.width-128,
.w-128 {
  width: 128px !important;
  min-width: 128px !important;
  max-width: 128px !important;
}

.height-136,
.h-136 {
  height: 136px !important;
  min-height: 136px !important;
  max-height: 136px !important;
}

.width-136,
.w-136 {
  width: 136px !important;
  min-width: 136px !important;
  max-width: 136px !important;
}

.height-144,
.h-144 {
  height: 144px !important;
  min-height: 144px !important;
  max-height: 144px !important;
}

.width-144,
.w-144 {
  width: 144px !important;
  min-width: 144px !important;
  max-width: 144px !important;
}

.height-152,
.h-152 {
  height: 152px !important;
  min-height: 152px !important;
  max-height: 152px !important;
}

.width-152,
.w-152 {
  width: 152px !important;
  min-width: 152px !important;
  max-width: 152px !important;
}

.height-168,
.h-168 {
  height: 168px !important;
  min-height: 168px !important;
  max-height: 168px !important;
}

.width-168,
.w-168 {
  width: 168px !important;
  min-width: 168px !important;
  max-width: 168px !important;
}

.height-176,
.h-176 {
  height: 176px !important;
  min-height: 176px !important;
  max-height: 176px !important;
}

.width-176,
.w-176 {
  width: 176px !important;
  min-width: 176px !important;
  max-width: 176px !important;
}

.height-184,
.h-184 {
  height: 184px !important;
  min-height: 184px !important;
  max-height: 184px !important;
}

.width-184,
.w-184 {
  width: 184px !important;
  min-width: 184px !important;
  max-width: 184px !important;
}

.height-192,
.h-192 {
  height: 192px !important;
  min-height: 192px !important;
  max-height: 192px !important;
}

.width-192,
.w-192 {
  width: 192px !important;
  min-width: 192px !important;
  max-width: 192px !important;
}

.height-208,
.h-208 {
  height: 208px !important;
  min-height: 208px !important;
  max-height: 208px !important;
}

.width-208,
.w-208 {
  width: 208px !important;
  min-width: 208px !important;
  max-width: 208px !important;
}

.height-216,
.h-216 {
  height: 216px !important;
  min-height: 216px !important;
  max-height: 216px !important;
}

.width-216,
.w-216 {
  width: 216px !important;
  min-width: 216px !important;
  max-width: 216px !important;
}

.height-224,
.h-224 {
  height: 224px !important;
  min-height: 224px !important;
  max-height: 224px !important;
}

.width-224,
.w-224 {
  width: 224px !important;
  min-width: 224px !important;
  max-width: 224px !important;
}

.height-232,
.h-232 {
  height: 232px !important;
  min-height: 232px !important;
  max-height: 232px !important;
}

.width-232,
.w-232 {
  width: 232px !important;
  min-width: 232px !important;
  max-width: 232px !important;
}

.height-248,
.h-248 {
  height: 248px !important;
  min-height: 248px !important;
  max-height: 248px !important;
}

.width-248,
.w-248 {
  width: 248px !important;
  min-width: 248px !important;
  max-width: 248px !important;
}

.height-256,
.h-256 {
  height: 256px !important;
  min-height: 256px !important;
  max-height: 256px !important;
}

.width-256,
.w-256 {
  width: 256px !important;
  min-width: 256px !important;
  max-width: 256px !important;
}

.height-264,
.h-264 {
  height: 264px !important;
  min-height: 264px !important;
  max-height: 264px !important;
}

.width-264,
.w-264 {
  width: 264px !important;
  min-width: 264px !important;
  max-width: 264px !important;
}

.height-272,
.h-272 {
  height: 272px !important;
  min-height: 272px !important;
  max-height: 272px !important;
}

.width-272,
.w-272 {
  width: 272px !important;
  min-width: 272px !important;
  max-width: 272px !important;
}

.height-288,
.h-288 {
  height: 288px !important;
  min-height: 288px !important;
  max-height: 288px !important;
}

.width-288,
.w-288 {
  width: 288px !important;
  min-width: 288px !important;
  max-width: 288px !important;
}

.height-296,
.h-296 {
  height: 296px !important;
  min-height: 296px !important;
  max-height: 296px !important;
}

.width-296,
.w-296 {
  width: 296px !important;
  min-width: 296px !important;
  max-width: 296px !important;
}

.height-304,
.h-304 {
  height: 304px !important;
  min-height: 304px !important;
  max-height: 304px !important;
}

.width-304,
.w-304 {
  width: 304px !important;
  min-width: 304px !important;
  max-width: 304px !important;
}

.height-312,
.h-312 {
  height: 312px !important;
  min-height: 312px !important;
  max-height: 312px !important;
}

.width-312,
.w-312 {
  width: 312px !important;
  min-width: 312px !important;
  max-width: 312px !important;
}

.height-328,
.h-328 {
  height: 328px !important;
  min-height: 328px !important;
  max-height: 328px !important;
}

.width-328,
.w-328 {
  width: 328px !important;
  min-width: 328px !important;
  max-width: 328px !important;
}

.height-336,
.h-336 {
  height: 336px !important;
  min-height: 336px !important;
  max-height: 336px !important;
}

.width-336,
.w-336 {
  width: 336px !important;
  min-width: 336px !important;
  max-width: 336px !important;
}

.height-344,
.h-344 {
  height: 344px !important;
  min-height: 344px !important;
  max-height: 344px !important;
}

.width-344,
.w-344 {
  width: 344px !important;
  min-width: 344px !important;
  max-width: 344px !important;
}

.height-352,
.h-352 {
  height: 352px !important;
  min-height: 352px !important;
  max-height: 352px !important;
}

.width-352,
.w-352 {
  width: 352px !important;
  min-width: 352px !important;
  max-width: 352px !important;
}

.height-368,
.h-368 {
  height: 368px !important;
  min-height: 368px !important;
  max-height: 368px !important;
}

.width-368,
.w-368 {
  width: 368px !important;
  min-width: 368px !important;
  max-width: 368px !important;
}

.height-376,
.h-376 {
  height: 376px !important;
  min-height: 376px !important;
  max-height: 376px !important;
}

.width-376,
.w-376 {
  width: 376px !important;
  min-width: 376px !important;
  max-width: 376px !important;
}

.height-384,
.h-384 {
  height: 384px !important;
  min-height: 384px !important;
  max-height: 384px !important;
}

.width-384,
.w-384 {
  width: 384px !important;
  min-width: 384px !important;
  max-width: 384px !important;
}

.height-392,
.h-392 {
  height: 392px !important;
  min-height: 392px !important;
  max-height: 392px !important;
}

.width-392,
.w-392 {
  width: 392px !important;
  min-width: 392px !important;
  max-width: 392px !important;
}

.height-408,
.h-408 {
  height: 408px !important;
  min-height: 408px !important;
  max-height: 408px !important;
}

.width-408,
.w-408 {
  width: 408px !important;
  min-width: 408px !important;
  max-width: 408px !important;
}

.height-416,
.h-416 {
  height: 416px !important;
  min-height: 416px !important;
  max-height: 416px !important;
}

.width-416,
.w-416 {
  width: 416px !important;
  min-width: 416px !important;
  max-width: 416px !important;
}

.height-424,
.h-424 {
  height: 424px !important;
  min-height: 424px !important;
  max-height: 424px !important;
}

.width-424,
.w-424 {
  width: 424px !important;
  min-width: 424px !important;
  max-width: 424px !important;
}

.height-432,
.h-432 {
  height: 432px !important;
  min-height: 432px !important;
  max-height: 432px !important;
}

.width-432,
.w-432 {
  width: 432px !important;
  min-width: 432px !important;
  max-width: 432px !important;
}

.height-448,
.h-448 {
  height: 448px !important;
  min-height: 448px !important;
  max-height: 448px !important;
}

.width-448,
.w-448 {
  width: 448px !important;
  min-width: 448px !important;
  max-width: 448px !important;
}

.height-456,
.h-456 {
  height: 456px !important;
  min-height: 456px !important;
  max-height: 456px !important;
}

.width-456,
.w-456 {
  width: 456px !important;
  min-width: 456px !important;
  max-width: 456px !important;
}

.height-464,
.h-464 {
  height: 464px !important;
  min-height: 464px !important;
  max-height: 464px !important;
}

.width-464,
.w-464 {
  width: 464px !important;
  min-width: 464px !important;
  max-width: 464px !important;
}

.height-472,
.h-472 {
  height: 472px !important;
  min-height: 472px !important;
  max-height: 472px !important;
}

.width-472,
.w-472 {
  width: 472px !important;
  min-width: 472px !important;
  max-width: 472px !important;
}

.height-488,
.h-488 {
  height: 488px !important;
  min-height: 488px !important;
  max-height: 488px !important;
}

.width-488,
.w-488 {
  width: 488px !important;
  min-width: 488px !important;
  max-width: 488px !important;
}

.height-496,
.h-496 {
  height: 496px !important;
  min-height: 496px !important;
  max-height: 496px !important;
}

.width-496,
.w-496 {
  width: 496px !important;
  min-width: 496px !important;
  max-width: 496px !important;
}

.height-504,
.h-504 {
  height: 504px !important;
  min-height: 504px !important;
  max-height: 504px !important;
}

.width-504,
.w-504 {
  width: 504px !important;
  min-width: 504px !important;
  max-width: 504px !important;
}

.height-512,
.h-512 {
  height: 512px !important;
  min-height: 512px !important;
  max-height: 512px !important;
}

.width-512,
.w-512 {
  width: 512px !important;
  min-width: 512px !important;
  max-width: 512px !important;
}

.height-528,
.h-528 {
  height: 528px !important;
  min-height: 528px !important;
  max-height: 528px !important;
}

.width-528,
.w-528 {
  width: 528px !important;
  min-width: 528px !important;
  max-width: 528px !important;
}

.height-536,
.h-536 {
  height: 536px !important;
  min-height: 536px !important;
  max-height: 536px !important;
}

.width-536,
.w-536 {
  width: 536px !important;
  min-width: 536px !important;
  max-width: 536px !important;
}

.height-544,
.h-544 {
  height: 544px !important;
  min-height: 544px !important;
  max-height: 544px !important;
}

.width-544,
.w-544 {
  width: 544px !important;
  min-width: 544px !important;
  max-width: 544px !important;
}

.height-552,
.h-552 {
  height: 552px !important;
  min-height: 552px !important;
  max-height: 552px !important;
}

.width-552,
.w-552 {
  width: 552px !important;
  min-width: 552px !important;
  max-width: 552px !important;
}

.height-568,
.h-568 {
  height: 568px !important;
  min-height: 568px !important;
  max-height: 568px !important;
}

.width-568,
.w-568 {
  width: 568px !important;
  min-width: 568px !important;
  max-width: 568px !important;
}

.height-576,
.h-576 {
  height: 576px !important;
  min-height: 576px !important;
  max-height: 576px !important;
}

.width-576,
.w-576 {
  width: 576px !important;
  min-width: 576px !important;
  max-width: 576px !important;
}

.height-584,
.h-584 {
  height: 584px !important;
  min-height: 584px !important;
  max-height: 584px !important;
}

.width-584,
.w-584 {
  width: 584px !important;
  min-width: 584px !important;
  max-width: 584px !important;
}

.height-592,
.h-592 {
  height: 592px !important;
  min-height: 592px !important;
  max-height: 592px !important;
}

.width-592,
.w-592 {
  width: 592px !important;
  min-width: 592px !important;
  max-width: 592px !important;
}

.height-608,
.h-608 {
  height: 608px !important;
  min-height: 608px !important;
  max-height: 608px !important;
}

.width-608,
.w-608 {
  width: 608px !important;
  min-width: 608px !important;
  max-width: 608px !important;
}

.height-616,
.h-616 {
  height: 616px !important;
  min-height: 616px !important;
  max-height: 616px !important;
}

.width-616,
.w-616 {
  width: 616px !important;
  min-width: 616px !important;
  max-width: 616px !important;
}

.height-624,
.h-624 {
  height: 624px !important;
  min-height: 624px !important;
  max-height: 624px !important;
}

.width-624,
.w-624 {
  width: 624px !important;
  min-width: 624px !important;
  max-width: 624px !important;
}

.height-632,
.h-632 {
  height: 632px !important;
  min-height: 632px !important;
  max-height: 632px !important;
}

.width-632,
.w-632 {
  width: 632px !important;
  min-width: 632px !important;
  max-width: 632px !important;
}

.height-648,
.h-648 {
  height: 648px !important;
  min-height: 648px !important;
  max-height: 648px !important;
}

.width-648,
.w-648 {
  width: 648px !important;
  min-width: 648px !important;
  max-width: 648px !important;
}

.height-656,
.h-656 {
  height: 656px !important;
  min-height: 656px !important;
  max-height: 656px !important;
}

.width-656,
.w-656 {
  width: 656px !important;
  min-width: 656px !important;
  max-width: 656px !important;
}

.height-664,
.h-664 {
  height: 664px !important;
  min-height: 664px !important;
  max-height: 664px !important;
}

.width-664,
.w-664 {
  width: 664px !important;
  min-width: 664px !important;
  max-width: 664px !important;
}

.height-672,
.h-672 {
  height: 672px !important;
  min-height: 672px !important;
  max-height: 672px !important;
}

.width-672,
.w-672 {
  width: 672px !important;
  min-width: 672px !important;
  max-width: 672px !important;
}

.height-688,
.h-688 {
  height: 688px !important;
  min-height: 688px !important;
  max-height: 688px !important;
}

.width-688,
.w-688 {
  width: 688px !important;
  min-width: 688px !important;
  max-width: 688px !important;
}

.height-696,
.h-696 {
  height: 696px !important;
  min-height: 696px !important;
  max-height: 696px !important;
}

.width-696,
.w-696 {
  width: 696px !important;
  min-width: 696px !important;
  max-width: 696px !important;
}

.height-704,
.h-704 {
  height: 704px !important;
  min-height: 704px !important;
  max-height: 704px !important;
}

.width-704,
.w-704 {
  width: 704px !important;
  min-width: 704px !important;
  max-width: 704px !important;
}

.height-712,
.h-712 {
  height: 712px !important;
  min-height: 712px !important;
  max-height: 712px !important;
}

.width-712,
.w-712 {
  width: 712px !important;
  min-width: 712px !important;
  max-width: 712px !important;
}

.height-728,
.h-728 {
  height: 728px !important;
  min-height: 728px !important;
  max-height: 728px !important;
}

.width-728,
.w-728 {
  width: 728px !important;
  min-width: 728px !important;
  max-width: 728px !important;
}

.height-736,
.h-736 {
  height: 736px !important;
  min-height: 736px !important;
  max-height: 736px !important;
}

.width-736,
.w-736 {
  width: 736px !important;
  min-width: 736px !important;
  max-width: 736px !important;
}

.height-744,
.h-744 {
  height: 744px !important;
  min-height: 744px !important;
  max-height: 744px !important;
}

.width-744,
.w-744 {
  width: 744px !important;
  min-width: 744px !important;
  max-width: 744px !important;
}

.height-752,
.h-752 {
  height: 752px !important;
  min-height: 752px !important;
  max-height: 752px !important;
}

.width-752,
.w-752 {
  width: 752px !important;
  min-width: 752px !important;
  max-width: 752px !important;
}

.height-768,
.h-768 {
  height: 768px !important;
  min-height: 768px !important;
  max-height: 768px !important;
}

.width-768,
.w-768 {
  width: 768px !important;
  min-width: 768px !important;
  max-width: 768px !important;
}

.height-776,
.h-776 {
  height: 776px !important;
  min-height: 776px !important;
  max-height: 776px !important;
}

.width-776,
.w-776 {
  width: 776px !important;
  min-width: 776px !important;
  max-width: 776px !important;
}

.height-784,
.h-784 {
  height: 784px !important;
  min-height: 784px !important;
  max-height: 784px !important;
}

.width-784,
.w-784 {
  width: 784px !important;
  min-width: 784px !important;
  max-width: 784px !important;
}

.height-792,
.h-792 {
  height: 792px !important;
  min-height: 792px !important;
  max-height: 792px !important;
}

.width-792,
.w-792 {
  width: 792px !important;
  min-width: 792px !important;
  max-width: 792px !important;
}

.border,
.b {
  border: 1px solid rgba(0, 0, 0, 0.12);
}

.border-top,
.bt {
  border-top: 1px solid rgba(0, 0, 0, 0.12);
}

.border-right,
.br {
  border-right: 1px solid rgba(0, 0, 0, 0.12);
}

.border-bottom,
.bb {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

.border-left,
.bl {
  border-left: 1px solid rgba(0, 0, 0, 0.12);
}

.border-horizontal,
.bh {
  border-left: 1px solid rgba(0, 0, 0, 0.12);
  border-right: 1px solid rgba(0, 0, 0, 0.12);
}

.border-vertical,
.bv {
  border-top: 1px solid rgba(0, 0, 0, 0.12);
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

.brad-1 {
  border-radius: 1px;
}

.brad-2 {
  border-radius: 2px;
}

.brad-3 {
  border-radius: 3px;
}

.brad-4 {
  border-radius: 4px;
}

.brad-5 {
  border-radius: 5px;
}

.brad-6 {
  border-radius: 6px;
}

.brad-7 {
  border-radius: 7px;
}

.brad-8 {
  border-radius: 8px;
}

.brad-9 {
  border-radius: 9px;
}

.brad-10 {
  border-radius: 10px;
}

.brad-11 {
  border-radius: 11px;
}

.brad-12 {
  border-radius: 12px;
}

/*----------------------------------------------------------------*/
/*  Print
/*----------------------------------------------------------------*/
@media all {

  /* Never show page break in normal view */
  .page-break {
    display: none;
  }
}

@media print {

  /* Page Styles */
  @page {}

  /* Page break */
  .page-break {
    display: block;
    break-after: always;
    page-break-after: always;
  }

  /* General styles */
  #main #vertical-navigation {
    display: none;
  }

  #main #toolbar {
    display: none;
  }

  #main #quick-panel {
    display: none;
  }

  #main #content {
    position: relative !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    background: none !important;
  }

  ms-theme-options {
    display: none;
  }

  .ps-scrollbar-x-rail,
  .ps-scrollbar-y-rail {
    display: none !important;
  }

  /* Printable page specific styles */
  .printable {
    overflow: visible !important;
  }

  .printable .template-layout {
    display: inline !important;
  }
}

/*----------------------------------------------------------------*/
/*  Variables
/*----------------------------------------------------------------*/
#editUserForm,
#editApplicationForm,
.editForm {
  visibility: hidden;
}

.form-control {
  border-radius: 0 !important;
}

.listado,
.formulariox {
  transition: 0.5s;
}

.formulariox {
  opacity: 0;
  visibility: hidden;
  display: block;
}

@media only screen and (max-width: 800px) {
  .formulariox {
    width: 100% !important;
    display: block;
  }

  .vanish {
    display: none !important;
  }
}

.angular-google-map-container {
  height: 400px;
}

.collapsing {
  position: auto !important;
  height: auto !important;
  overflow: auto !important;
}

.md-datepicker-input-container {
  width: 70% !important;
}

div.DTS div.dataTables_scrollBody {
  background: transparent !important;
}

button.dt-button,
div.dt-button,
a.dt-button {
  background-color: #3c4252 !important;
  color: #c3c4c9 !important;
  background-image: none !important;
}

button.dt-button.active,
div.dt-button.active,
a.dt-button.active {
  background-color: #3c4252 !important;
  color: #c3c4c9 !important;
  background-image: none !important;
}

button.buttons-columnVisibility:not(.active),
div.buttons-columnVisibility:not(.active),
a.buttons-columnVisibility:not(.active) {
  background-color: #737e9b !important;
  color: #c3c4c9 !important;
  background-image: none !important;
}

table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child:before,
table.dataTable.dtr-inline.collapsed>tbody>tr>th:first-child:before {
  color: white !important;
  border: 2px solid white !important;
  border-radius: 14px !important;
  box-shadow: 0 0 3px #444 !important;
  box-sizing: content-box;
  text-align: center;
  font-family: Poppins, 'Courier New', Courier, monospace;
  line-height: 14px;
  content: '+';
  background-color: #31b131 !important;
}

@media only screen and (max-width: 960px) {
  .frame-z {
    height: 500px !important;
  }

  .mapaUR .angular-google-map {
    margin-bottom: 20px !important;
  }

  md-card {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

@media only screen and (max-width: 600px) {
  #toolbar #navigation-toggle {
    border-right: none !important;
  }
}

ui-gmap-google-map {
  height: 100%;
}

@media only screen and (min-width: 900px) {
  .trazabilidad {
    width: 100% !important;
  }

  .mediacion {
    width: 100% !important;
  }
}

.dataTables_filter {
  visibility: hidden !important;
}

.dt-button-collection {
  overflow-y: scroll !important;
  max-height: 140px !important;
}

label {
  font-weight: normal;
}

.badgesEstados {
  background: #e0e0e0 !important;
  color: #424242 !important;
  cursor: default !important;
  border-radius: 16px !important;
  display: block !important;
  height: 32px !important;
  line-height: 32px !important;
  margin: 8px 8px 0 0 !important;
  padding: 0 12px !important;
  float: left !important;
  box-sizing: border-box !important;
  max-width: 100% !important;
  font-family: Poppins, Roboto, 'Helvetica Neue', sans-serif !important;
  font-size: 16px !important;
  position: relative !important;
}

.label {
  border-radius: 0 !important;
  padding: 0.4em 0.6em 0.3em !important;
}

.table-statistics td,
.table-statistics th {
  border: 0px !important;
  /* padding:8px 4px !important;*/
}

.servihabitat-green-bg {
  background-color: rgba(0, 84, 66, 0.8);
}

.servihabitat-orange-bg {
  background-color: rgba(240, 127, 10, 0.8);
}

.md-button.md-fab.md-mini {
  width: 36px !important;
  height: 36px !important;
}

.focused {
  background-color: rgba(158, 158, 158, 0.2) !important;
}

.loadingInforme {
  opacity: 0.3;
  pointer-events: none;
}

.loading-report {
  text-align: center;
  width: 95%;
  padding: 32px;
  font-size: 20px;
  top: 50px;
  position: absolute;
  overflow: hidden;
}

#noOverflow {
  overflow: visible;
}

text-angular .ta-editor {
  overflow-y: scroll !important;
  height: 250px !important;
}

#oc {
  height: 50vh;
}

.expandcollapse-item {
  overflow: hidden;
  margin-left: -14px !important;
}

.expandcollapse-heading-collapsed {
  cursor: pointer;
  padding: 15px 20px;
  position: relative;
  z-index: 100000000;
}

.expandcollapse-heading-expanded {
  cursor: pointer;
  z-index: 100000000;
  padding: 15px 20px;
  position: relative;
}

.expand-collapse-content {
  padding: 20px;
}

.volumetric-options .ms-theme-options-button {
  position: absolute;
  top: 160px;
  right: 0;
  z-index: 50;
  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);
  width: 48px;
  height: 48px;
  line-height: 48px;
  text-align: center;
  cursor: pointer;
  border-radius: 0;
  margin: 0;
  pointer-events: auto;
  opacity: 0.75;
}

.volumetric-options .ms-theme-options-button:hover {
  opacity: 1;
}

.volumetric-options md-sidenav {
  width: 384px;
  min-width: 384px;
  max-width: 384px;
  opacity: 0.95;
}

.volumetric-options md-sidenav .ms-theme-options-list {
  background: #ffffff;
  z-index: 12;
  pointer-events: auto;
}

.volumetric-options md-sidenav .ms-theme-options-list .theme-option {
  padding: 16px;
}

.volumetric-options md-sidenav .ms-theme-options-list .theme-option.layout-options md-radio-button {
  width: 160px;
  max-width: 160px;
  margin: 8px 8px 16px 8px;
}

.volumetric-options md-sidenav .ms-theme-options-list .theme-option.layout-options md-radio-button:hover ._md-label img,
.volumetric-options md-sidenav .ms-theme-options-list .theme-option.layout-options md-radio-button.md-checked ._md-label img {
  opacity: 1;
}

.volumetric-options md-sidenav .ms-theme-options-list .theme-option.layout-options md-radio-button ._md-container {
  display: none;
}

.volumetric-options md-sidenav .ms-theme-options-list .theme-option.layout-options md-radio-button ._md-label {
  margin-left: 0;
}

.volumetric-options md-sidenav .ms-theme-options-list .theme-option.layout-options md-radio-button ._md-label img {
  opacity: 0.8;
  margin-bottom: 8px;
}

.volumetric-options md-sidenav .ms-theme-options-list .theme-option.color-palettes md-menu-item {
  max-width: 192px;
}

.volumetric-options md-sidenav .ms-theme-options-list .theme-option.color-palettes .theme-button {
  border-bottom: 16px solid;
  text-align: left;
  width: 101px;
  height: 88px;
  box-shadow: none;
  opacity: 0.8;
}

.volumetric-options md-sidenav .ms-theme-options-list .theme-option.color-palettes .theme-button:hover,
.volumetric-options md-sidenav .ms-theme-options-list .theme-option.color-palettes .theme-button.active {
  opacity: 1;
}

.volumetric-options md-sidenav .ms-theme-options-list .theme-option md-radio-button {
  margin: 8px;
}

.volumetric-options md-sidenav .ms-theme-options-list .theme-option .option-title {
  font-size: 14px;
  font-weight: 500;
  padding: 0 8px 12px 8px;
}

.bolsacards {
  height: 40px;
  transition: 0.5s;
}

.bolsacards md-card-title {
  padding: 12px 0 15px 7px;
}

.bolsacards md-card-title h2 {
  margin-top: 0 !important;
}

.bolsacards md-card-title md-icon {
  width: 40px;
  height: 43px;
}

.bolsacards md-card-title .scrollable span {
  display: block;
}

.drag-over {
  background-color: #ddd !important;
}

.dragging {
  border: 1px dashed #ddd;
}

.dtp {
  width: auto !important;
}

.dtp-content {
  max-width: none !important;
  padding: unset !important;
}

.subidaF {
  border-radius: 0 !important;
  min-height: auto !important;
}

#fondoAVEr {
  height: 80vh;
  display: block;
  margin-left: auto;
  margin-right: auto;
  background-size: cover;
  opacity: 0.1;
}

.material-icons.md-48 {
  font-size: 48px !important;
}

.mano-enlace {
  cursor: pointer !important;
  text-decoration: none !important;
}

@media only screen and (min-width: 1280px) {
  .toggleValidations {
    text-align: right !important;
  }
}

md-input-container label {
  word-wrap: break-word;
  white-space: normal !important;
}

.md-select-value>span:not(.md-select-icon) {
  text-overflow: initial !important;
  white-space: normal !important;
  word-wrap: break-word !important;
}

.green-600-fg {
  text-decoration: underline !important;
}

a.green-600-fg {
  text-decoration: none !important;
}

.mailtasknoScroll {
  max-height: none !important;
}

md-content {
  overflow-x: hidden !important;
}

.selects-options-deletables {
  width: 95% !important;
  display: inline-block !important;
}

.md-toast-content {
  margin-top: 60px !important;
}

.docs-v2 {
  height: 400px;
  overflow-y: scroll;
}

/*----------------------------------------------------------------*/
/*  Angular Material Extend
/*  Adds and/or modifies Angular Material styles
/*----------------------------------------------------------------*/
/* --- FIXES --- */
[layout]>* {
  min-height: auto;
  min-height: initial;
}

md-card>img,
md-card> :not(md-card-content) img {
  height: inherit;
  height: initial;
}

.md-datepicker-calendar-pane * {
  box-sizing: initial;
}

/* --- MODIFICATIONS --- */
md-autocomplete-wrap>input[type='search'] {
  background: #ffffff;
  padding: 0 15px !important;
}

md-backdrop.md-opaque {
  background-color: rgba(33, 33, 33, 0.48) !important;
}

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

md-checkbox.no-label {
  margin: 0;
}

md-chip .md-chip-remove md-icon {
  margin-left: 2px;
}

md-chip .md-chip-remove md-icon svg {
  width: 18px;
  height: 18px;
  max-width: 18px;
  max-height: 18px;
  margin: 4px;
}

md-datepicker .md-datepicker-button {
  padding: 0 !important;
  margin: 0 !important;
  vertical-align: middle;
}

md-datepicker .md-datepicker-input-container {
  margin-left: 0;
}

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

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

md-dialog md-dialog-actions {
  min-height: 64px;
  padding-top: 8px;
  padding-bottom: 8px;
}

md-dialog md-dialog-actions .md-button {
  margin: 0 8px;
}

md-input-container.no-errors-spacer .md-errors-spacer {
  display: none;
}

md-input-container .input-hint {
  position: absolute;
  right: auto;
  bottom: 7px;
  left: 2px;
  font-size: 12px;
  line-height: 14px;
  transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
  color: rgba(0, 0, 0, 0.54);
}

md-input-container.md-icon-left .input-hint {
  left: 38px;
}

md-list-item .md-list-item-text p {
  font-size: 13px !important;
}

md-menu,
.md-menu {
  padding: 0;
}

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

md-menu-content.md-menu-bar-menu.md-dense .md-button,
md-menu-content.md-menu-bar-menu.md-dense md-menu-item {
  height: 40px;
  line-height: 40px;
}

md-menu-content.md-menu-bar-menu.md-dense .md-button.md-indent>md-icon,
md-menu-content.md-menu-bar-menu.md-dense md-menu-item.md-indent>md-icon {
  top: 8px;
}

.md-open-menu-container md-menu-content md-menu-item.selected {
  opacity: 0.4;
}

md-menu-content md-menu-item .md-button {
  text-align: left;
}

md-select.simplified {
  margin: 0 8px;
}

md-select.simplified .md-select-value {
  border: none !important;
  box-sizing: border-box;
  padding: 0;
}

md-select.simplified .md-select-value *:first-child {
  transform: none;
  height: auto;
}

md-select.simplified .md-select-value .md-select-icon {
  transform: none;
  font-size: 16px;
}

md-select.simplified .md-select-value .md-select-icon:after {
  top: 1px;
}

md-select[multiple] md-select-value>*:first-child {
  display: flex;
}

md-select[multiple] md-select-value>*:first-child>*:first-child {
  flex: 0;
}

md-select[multiple] md-select-value>*:first-child .md-container {
  padding-right: 6px;
}

md-select[multiple] md-select-value>*:first-child .md-container:first-of-type {
  padding-right: 0;
}

md-select-menu md-select-header {
  position: relative;
  display: flex;
  align-items: center;
  width: auto;
  height: 48px;
  padding-left: 10.667px;
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1), 0 0 0 0 rgba(0, 0, 0, 0.14),
    0 0 0 0 rgba(0, 0, 0, 0.12);
  cursor: pointer;
}

md-select-menu md-select-header input[type='search'] {
  border: none;
  outline: none;
  height: 100%;
  width: 100%;
  padding: 0;
}

md-sidenav {
  -webkit-overflow-scrolling: touch;
}

md-tab-content {
  touch-action: initial !important;
}

md-toolbar.colored-toolbar {
  color: rgba(255, 255, 255, 0.87);
}

md-toolbar.colored-toolbar md-menu-bar md-menu._md-open>button {
  background: rgba(0, 0, 0, 0.12);
}

md-toolbar.colored-toolbar md-menu._md-open>button {
  background: rgba(0, 0, 0, 0.12);
}

md-toolbar.colored-toolbar input {
  color: rgba(255, 255, 255, 0.87) !important;
}

md-progress-circular[disabled] {
  visibility: hidden;
}

/*----------------------------------------------------------------*/
/*  Animations
/*----------------------------------------------------------------*/
.animate-slide-up {
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000px;
  transition-property: none;
  transition-duration: 400ms;
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  opacity: 1;
}

.animate-slide-up.ng-enter {
  transform: translateY(100%);
  opacity: 0;
}

.animate-slide-up.ng-enter.ng-enter-active {
  transition-property: all;
  transform: translateY(0);
  opacity: 1;
}

.animate-slide-up.ng-leave {
  transform: translateY(0);
  opacity: 1;
}

.animate-slide-up.ng-leave.ng-leave-active {
  transition-property: all;
  transform: translateY(-100%);
  opacity: 0;
}

.animate-slide-up.ng-hide {
  transform: translateY(-100%);
  opacity: 0;
}

.animate-slide-up.ng-hide-add-active,
.animate-slide-up.ng-hide-remove-active {
  transition-property: all;
}

.animate-slide-down {
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000px;
  transition-property: none;
  transition-duration: 400ms;
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  opacity: 1;
}

.animate-slide-down.ng-enter {
  transform: translateY(-100%);
  opacity: 0;
}

.animate-slide-down.ng-enter.ng-enter-active {
  transition-property: all;
  transform: translateY(0);
  opacity: 1;
}

.animate-slide-down.ng-leave {
  transform: translateY(0);
  opacity: 1;
}

.animate-slide-down.ng-leave.ng-leave-active {
  transition-property: all;
  transform: translateY(100%);
  opacity: 0;
}

.animate-slide-down.ng-hide {
  transform: translateY(-100%);
  opacity: 0;
}

.animate-slide-down.ng-hide-add-active,
.animate-slide-down.ng-hide-remove-active {
  transition-property: all;
}

.animate-slide-left {
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000px;
  transition-property: none;
  transition-duration: 400ms;
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  opacity: 1;
}

.animate-slide-left.ng-enter {
  transform: translateX(100%);
  opacity: 0;
}

.animate-slide-left.ng-enter.ng-enter-active {
  transition-property: all;
  transform: translateX(0);
  opacity: 1;
}

.animate-slide-left.ng-leave {
  transform: translateX(0);
  opacity: 1;
}

.animate-slide-left.ng-leave.ng-leave-active {
  transition-property: all;
  transform: translateX(-100%);
  opacity: 0;
}

.animate-slide-left.ng-hide {
  transform: translateX(-100%);
  opacity: 0;
}

.animate-slide-left.ng-hide-add-active,
.animate-slide-left.ng-hide-remove-active {
  transition-property: all;
}

.animate-slide-right {
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000px;
  transition-property: none;
  transition-duration: 400ms;
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  opacity: 1;
}

.animate-slide-right.ng-enter {
  transform: translateX(-100%);
  opacity: 0;
}

.animate-slide-right.ng-enter.ng-enter-active {
  transition-property: all;
  transform: translateX(0);
  opacity: 1;
}

.animate-slide-right.ng-leave {
  transform: translateX(0);
  opacity: 1;
}

.animate-slide-right.ng-leave.ng-leave-active {
  transition-property: all;
  transform: translateX(100%);
  opacity: 0;
}

.animate-slide-right.ng-hide {
  transform: translateX(100%);
  opacity: 0;
}

.animate-slide-right.ng-hide-add-active,
.animate-slide-right.ng-hide-remove-active {
  transition-property: all;
}

.animate-fade-in-out {
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000px;
  transition-property: none;
  transition-duration: 400ms;
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  opacity: 1;
}

.animate-fade-in-out.ng-enter {
  opacity: 0;
}

.animate-fade-in-out.ng-enter.ng-enter-active {
  transition-property: all;
  opacity: 1;
}

.animate-fade-in-out.ng-leave {
  opacity: 1;
}

.animate-fade-in-out.ng-leave.ng-leave-active {
  transition-property: all;
  opacity: 0;
}

.animate-fade-in-out.ng-hide {
  opacity: 0;
}

.animate-fade-in-out.ng-hide-add-active,
.animate-fade-in-out.ng-hide-remove-active {
  transition-property: all;
}

/*----------------------------------------------------------------*/
/*  @ Custom Animation Keyframes
/*----------------------------------------------------------------*/
@keyframes slide-in-left {
  0% {
    opacity: 0;
    transform: translateX(-500px);
  }

  65% {
    opacity: 1;
    transform: translateX(0);
  }

  100% {
    transform: translateX(0);
  }
}

@keyframes slide-in-right {
  0% {
    opacity: 0;
    transform: translateX(500px);
  }

  65% {
    opacity: 1;
    transform: translateX(0);
  }

  100% {
    transform: translateX(0);
  }
}

@keyframes slide-in-bottom {
  0% {
    opacity: 0;
    transform: translateY(200px);
  }

  65% {
    opacity: 1;
    transform: translateY(0);
  }

  100% {
    transform: translateY(0);
  }
}

.animate-rotate {
  animation: rotate 1.75s linear infinite;
}

@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

/*----------------------------------------------------------------*/
/*  Variables
/*----------------------------------------------------------------*/
/*----------------------------------------------------------------*/
/*  Colors
/*----------------------------------------------------------------*/
.black-fg,
.black-text {
  color: rgba(0, 0, 0, 0.87) !important;
}

.black-fg.secondary-text,
.black-fg .secondary-text,
.black-fg.icon,
.black-fg .icon,
.black-text.secondary-text,
.black-text .secondary-text,
.black-text.icon,
.black-text .icon {
  color: rgba(0, 0, 0, 0.54) !important;
}

.black-fg.hint-text,
.black-fg .hint-text,
.black-fg.disabled-text,
.black-fg .disabled-text,
.black-text.hint-text,
.black-text .hint-text,
.black-text.disabled-text,
.black-text .disabled-text {
  color: rgba(0, 0, 0, 0.26) !important;
}

.black-fg.divider,
.black-fg .divider,
.black-fg.faint-text,
.black-fg .faint-text,
.black-text.divider,
.black-text .divider,
.black-text.faint-text,
.black-text .faint-text {
  color: rgba(0, 0, 0, 0.12) !important;
}

.white-fg,
.white-text {
  color: white !important;
}

.white-fg.secondary-text,
.white-fg .secondary-text,
.white-fg.icon,
.white-fg .icon,
.white-text.secondary-text,
.white-text .secondary-text,
.white-text.icon,
.white-text .icon {
  color: rgba(255, 255, 255, 0.7) !important;
}

.white-fg.hint-text,
.white-fg .hint-text,
.white-fg.disabled-text,
.white-fg .disabled-text,
.white-text.hint-text,
.white-text .hint-text,
.white-text.disabled-text,
.white-text .disabled-text {
  color: rgba(255, 255, 255, 0.3) !important;
}

.white-fg.divider,
.white-fg .divider,
.white-fg.faint-text,
.white-fg .faint-text,
.white-text.divider,
.white-text .divider,
.white-text.faint-text,
.white-text .faint-text {
  color: rgba(255, 255, 255, 0.12) !important;
}

.white-fg md-icon,
.white-text md-icon {
  color: #ffffff;
}

.white-fg md-progress-linear .md-container,
.white-text md-progress-linear .md-container {
  background: rgba(255, 255, 255, 0.3);
}

.white-fg md-progress-linear .md-bar,
.white-text md-progress-linear .md-bar {
  background: rgba(255, 255, 255, 0.7);
}

.red-50-bg {
  background-color: #ffebee !important;
}

.md-red-50-bg {
  background-color: #ffebee !important;
  color: rgba(0, 0, 0, 0.87);
}

.red-50-fg {
  color: #ffebee !important;
}

.red-50-border {
  border-color: #ffebee !important;
}

.red-50-border-top {
  border-top-color: #ffebee !important;
}

.red-50-border-right {
  border-right-color: #ffebee !important;
}

.red-50-border-bottom {
  border-bottom-color: #ffebee !important;
}

.red-50-border-left {
  border-left-color: #ffebee !important;
}

.red-100-bg {
  background-color: #ffcdd2 !important;
}

.md-red-100-bg {
  background-color: #ffcdd2 !important;
  color: rgba(0, 0, 0, 0.87);
}

.red-100-fg {
  color: #ffcdd2 !important;
}

.red-100-border {
  border-color: #ffcdd2 !important;
}

.red-100-border-top {
  border-top-color: #ffcdd2 !important;
}

.red-100-border-right {
  border-right-color: #ffcdd2 !important;
}

.red-100-border-bottom {
  border-bottom-color: #ffcdd2 !important;
}

.red-100-border-left {
  border-left-color: #ffcdd2 !important;
}

.red-200-bg {
  background-color: #ef9a9a !important;
}

.md-red-200-bg {
  background-color: #ef9a9a !important;
  color: rgba(0, 0, 0, 0.87);
}

.red-200-fg {
  color: #ef9a9a !important;
}

.red-200-border {
  border-color: #ef9a9a !important;
}

.red-200-border-top {
  border-top-color: #ef9a9a !important;
}

.red-200-border-right {
  border-right-color: #ef9a9a !important;
}

.red-200-border-bottom {
  border-bottom-color: #ef9a9a !important;
}

.red-200-border-left {
  border-left-color: #ef9a9a !important;
}

.red-300-bg {
  background-color: #e57373 !important;
}

.md-red-300-bg {
  background-color: #e57373 !important;
  color: rgba(0, 0, 0, 0.87);
}

.red-300-fg {
  color: #e57373 !important;
}

.red-300-border {
  border-color: #e57373 !important;
}

.red-300-border-top {
  border-top-color: #e57373 !important;
}

.red-300-border-right {
  border-right-color: #e57373 !important;
}

.red-300-border-bottom {
  border-bottom-color: #e57373 !important;
}

.red-300-border-left {
  border-left-color: #e57373 !important;
}

.red-400-bg {
  background-color: #ef5350 !important;
}

.md-red-400-bg {
  background-color: #ef5350 !important;
  color: white;
}

.red-400-fg {
  color: #ef5350 !important;
}

.red-400-border {
  border-color: #ef5350 !important;
}

.red-400-border-top {
  border-top-color: #ef5350 !important;
}

.red-400-border-right {
  border-right-color: #ef5350 !important;
}

.red-400-border-bottom {
  border-bottom-color: #ef5350 !important;
}

.red-400-border-left {
  border-left-color: #ef5350 !important;
}

.red-500-bg {
  background-color: #f44336 !important;
}

.md-red-500-bg {
  background-color: #f44336 !important;
  color: white;
}

.red-500-fg {
  color: #f44336 !important;
}

.red-500-border {
  border-color: #f44336 !important;
}

.red-500-border-top {
  border-top-color: #f44336 !important;
}

.red-500-border-right {
  border-right-color: #f44336 !important;
}

.red-500-border-bottom {
  border-bottom-color: #f44336 !important;
}

.red-500-border-left {
  border-left-color: #f44336 !important;
}

.md-red-bg {
  background-color: #f44336 !important;
  color: white;
}

.red-bg {
  background-color: #f44336 !important;
}

.red-fg {
  color: #f44336 !important;
}

.red-border {
  border-color: #f44336 !important;
}

.red-border-top {
  border-top-color: #f44336 !important;
}

.red-border-right {
  border-right-color: #f44336 !important;
}

.red-border-bottom {
  border-bottom-color: #f44336 !important;
}

.red-border-left {
  border-left-color: #f44336 !important;
}

.red-600-bg {
  background-color: #e53935 !important;
}

.md-red-600-bg {
  background-color: #e53935 !important;
  color: white;
}

.red-600-fg {
  color: #e53935 !important;
}

.red-600-border {
  border-color: #e53935 !important;
}

.red-600-border-top {
  border-top-color: #e53935 !important;
}

.red-600-border-right {
  border-right-color: #e53935 !important;
}

.red-600-border-bottom {
  border-bottom-color: #e53935 !important;
}

.red-600-border-left {
  border-left-color: #e53935 !important;
}

.red-700-bg {
  background-color: #d32f2f !important;
}

.md-red-700-bg {
  background-color: #d32f2f !important;
  color: white;
}

.red-700-fg {
  color: #d32f2f !important;
}

.red-700-border {
  border-color: #d32f2f !important;
}

.red-700-border-top {
  border-top-color: #d32f2f !important;
}

.red-700-border-right {
  border-right-color: #d32f2f !important;
}

.red-700-border-bottom {
  border-bottom-color: #d32f2f !important;
}

.red-700-border-left {
  border-left-color: #d32f2f !important;
}

.red-800-bg {
  background-color: #c62828 !important;
}

.md-red-800-bg {
  background-color: #c62828 !important;
  color: rgba(255, 255, 255, 0.87);
}

.red-800-fg {
  color: #c62828 !important;
}

.red-800-border {
  border-color: #c62828 !important;
}

.red-800-border-top {
  border-top-color: #c62828 !important;
}

.red-800-border-right {
  border-right-color: #c62828 !important;
}

.red-800-border-bottom {
  border-bottom-color: #c62828 !important;
}

.red-800-border-left {
  border-left-color: #c62828 !important;
}

.red-900-bg {
  background-color: #b71c1c !important;
}

.md-red-900-bg {
  background-color: #b71c1c !important;
  color: rgba(255, 255, 255, 0.87);
}

.red-900-fg {
  color: #b71c1c !important;
}

.red-900-border {
  border-color: #b71c1c !important;
}

.red-900-border-top {
  border-top-color: #b71c1c !important;
}

.red-900-border-right {
  border-right-color: #b71c1c !important;
}

.red-900-border-bottom {
  border-bottom-color: #b71c1c !important;
}

.red-900-border-left {
  border-left-color: #b71c1c !important;
}

.red-A100-bg {
  background-color: #ff8a80 !important;
}

.md-red-A100-bg {
  background-color: #ff8a80 !important;
  color: rgba(0, 0, 0, 0.87);
}

.red-A100-fg {
  color: #ff8a80 !important;
}

.red-A100-border {
  border-color: #ff8a80 !important;
}

.red-A100-border-top {
  border-top-color: #ff8a80 !important;
}

.red-A100-border-right {
  border-right-color: #ff8a80 !important;
}

.red-A100-border-bottom {
  border-bottom-color: #ff8a80 !important;
}

.red-A100-border-left {
  border-left-color: #ff8a80 !important;
}

.red-A200-bg {
  background-color: #ff5252 !important;
}

.md-red-A200-bg {
  background-color: #ff5252 !important;
  color: white;
}

.red-A200-fg {
  color: #ff5252 !important;
}

.red-A200-border {
  border-color: #ff5252 !important;
}

.red-A200-border-top {
  border-top-color: #ff5252 !important;
}

.red-A200-border-right {
  border-right-color: #ff5252 !important;
}

.red-A200-border-bottom {
  border-bottom-color: #ff5252 !important;
}

.red-A200-border-left {
  border-left-color: #ff5252 !important;
}

.red-A400-bg {
  background-color: #ff1744 !important;
}

.md-red-A400-bg {
  background-color: #ff1744 !important;
  color: white;
}

.red-A400-fg {
  color: #ff1744 !important;
}

.red-A400-border {
  border-color: #ff1744 !important;
}

.red-A400-border-top {
  border-top-color: #ff1744 !important;
}

.red-A400-border-right {
  border-right-color: #ff1744 !important;
}

.red-A400-border-bottom {
  border-bottom-color: #ff1744 !important;
}

.red-A400-border-left {
  border-left-color: #ff1744 !important;
}

.red-A700-bg {
  background-color: #d50000 !important;
}

.md-red-A700-bg {
  background-color: #d50000 !important;
  color: white;
}

.red-A700-fg {
  color: #d50000 !important;
}

.red-A700-border {
  border-color: #d50000 !important;
}

.red-A700-border-top {
  border-top-color: #d50000 !important;
}

.red-A700-border-right {
  border-right-color: #d50000 !important;
}

.red-A700-border-bottom {
  border-bottom-color: #d50000 !important;
}

.red-A700-border-left {
  border-left-color: #d50000 !important;
}

.pink-50-bg {
  background-color: #fce4ec !important;
}

.md-pink-50-bg {
  background-color: #fce4ec !important;
  color: rgba(0, 0, 0, 0.87);
}

.pink-50-fg {
  color: #fce4ec !important;
}

.pink-50-border {
  border-color: #fce4ec !important;
}

.pink-50-border-top {
  border-top-color: #fce4ec !important;
}

.pink-50-border-right {
  border-right-color: #fce4ec !important;
}

.pink-50-border-bottom {
  border-bottom-color: #fce4ec !important;
}

.pink-50-border-left {
  border-left-color: #fce4ec !important;
}

.pink-100-bg {
  background-color: #f8bbd0 !important;
}

.md-pink-100-bg {
  background-color: #f8bbd0 !important;
  color: rgba(0, 0, 0, 0.87);
}

.pink-100-fg {
  color: #f8bbd0 !important;
}

.pink-100-border {
  border-color: #f8bbd0 !important;
}

.pink-100-border-top {
  border-top-color: #f8bbd0 !important;
}

.pink-100-border-right {
  border-right-color: #f8bbd0 !important;
}

.pink-100-border-bottom {
  border-bottom-color: #f8bbd0 !important;
}

.pink-100-border-left {
  border-left-color: #f8bbd0 !important;
}

.pink-200-bg {
  background-color: #f48fb1 !important;
}

.md-pink-200-bg {
  background-color: #f48fb1 !important;
  color: rgba(0, 0, 0, 0.87);
}

.pink-200-fg {
  color: #f48fb1 !important;
}

.pink-200-border {
  border-color: #f48fb1 !important;
}

.pink-200-border-top {
  border-top-color: #f48fb1 !important;
}

.pink-200-border-right {
  border-right-color: #f48fb1 !important;
}

.pink-200-border-bottom {
  border-bottom-color: #f48fb1 !important;
}

.pink-200-border-left {
  border-left-color: #f48fb1 !important;
}

.pink-300-bg {
  background-color: #f06292 !important;
}

.md-pink-300-bg {
  background-color: #f06292 !important;
  color: rgba(255, 255, 255, 0.87);
}

.pink-300-fg {
  color: #f06292 !important;
}

.pink-300-border {
  border-color: #f06292 !important;
}

.pink-300-border-top {
  border-top-color: #f06292 !important;
}

.pink-300-border-right {
  border-right-color: #f06292 !important;
}

.pink-300-border-bottom {
  border-bottom-color: #f06292 !important;
}

.pink-300-border-left {
  border-left-color: #f06292 !important;
}

.pink-400-bg {
  background-color: #ec407a !important;
}

.md-pink-400-bg {
  background-color: #ec407a !important;
  color: rgba(255, 255, 255, 0.87);
}

.pink-400-fg {
  color: #ec407a !important;
}

.pink-400-border {
  border-color: #ec407a !important;
}

.pink-400-border-top {
  border-top-color: #ec407a !important;
}

.pink-400-border-right {
  border-right-color: #ec407a !important;
}

.pink-400-border-bottom {
  border-bottom-color: #ec407a !important;
}

.pink-400-border-left {
  border-left-color: #ec407a !important;
}

.pink-500-bg {
  background-color: #e91e63 !important;
}

.md-pink-500-bg {
  background-color: #e91e63 !important;
  color: white;
}

.pink-500-fg {
  color: #e91e63 !important;
}

.pink-500-border {
  border-color: #e91e63 !important;
}

.pink-500-border-top {
  border-top-color: #e91e63 !important;
}

.pink-500-border-right {
  border-right-color: #e91e63 !important;
}

.pink-500-border-bottom {
  border-bottom-color: #e91e63 !important;
}

.pink-500-border-left {
  border-left-color: #e91e63 !important;
}

.md-pink-bg {
  background-color: #e91e63 !important;
  color: white;
}

.pink-bg {
  background-color: #e91e63 !important;
}

.pink-fg {
  color: #e91e63 !important;
}

.pink-border {
  border-color: #e91e63 !important;
}

.pink-border-top {
  border-top-color: #e91e63 !important;
}

.pink-border-right {
  border-right-color: #e91e63 !important;
}

.pink-border-bottom {
  border-bottom-color: #e91e63 !important;
}

.pink-border-left {
  border-left-color: #e91e63 !important;
}

.pink-600-bg {
  background-color: #d81b60 !important;
}

.md-pink-600-bg {
  background-color: #d81b60 !important;
  color: white;
}

.pink-600-fg {
  color: #d81b60 !important;
}

.pink-600-border {
  border-color: #d81b60 !important;
}

.pink-600-border-top {
  border-top-color: #d81b60 !important;
}

.pink-600-border-right {
  border-right-color: #d81b60 !important;
}

.pink-600-border-bottom {
  border-bottom-color: #d81b60 !important;
}

.pink-600-border-left {
  border-left-color: #d81b60 !important;
}

.pink-700-bg {
  background-color: #c2185b !important;
}

.md-pink-700-bg {
  background-color: #c2185b !important;
  color: rgba(255, 255, 255, 0.87);
}

.pink-700-fg {
  color: #c2185b !important;
}

.pink-700-border {
  border-color: #c2185b !important;
}

.pink-700-border-top {
  border-top-color: #c2185b !important;
}

.pink-700-border-right {
  border-right-color: #c2185b !important;
}

.pink-700-border-bottom {
  border-bottom-color: #c2185b !important;
}

.pink-700-border-left {
  border-left-color: #c2185b !important;
}

.pink-800-bg {
  background-color: #ad1457 !important;
}

.md-pink-800-bg {
  background-color: #ad1457 !important;
  color: rgba(255, 255, 255, 0.87);
}

.pink-800-fg {
  color: #ad1457 !important;
}

.pink-800-border {
  border-color: #ad1457 !important;
}

.pink-800-border-top {
  border-top-color: #ad1457 !important;
}

.pink-800-border-right {
  border-right-color: #ad1457 !important;
}

.pink-800-border-bottom {
  border-bottom-color: #ad1457 !important;
}

.pink-800-border-left {
  border-left-color: #ad1457 !important;
}

.pink-900-bg {
  background-color: #880e4f !important;
}

.md-pink-900-bg {
  background-color: #880e4f !important;
  color: rgba(255, 255, 255, 0.87);
}

.pink-900-fg {
  color: #880e4f !important;
}

.pink-900-border {
  border-color: #880e4f !important;
}

.pink-900-border-top {
  border-top-color: #880e4f !important;
}

.pink-900-border-right {
  border-right-color: #880e4f !important;
}

.pink-900-border-bottom {
  border-bottom-color: #880e4f !important;
}

.pink-900-border-left {
  border-left-color: #880e4f !important;
}

.pink-A100-bg {
  background-color: #ff80ab !important;
}

.md-pink-A100-bg {
  background-color: #ff80ab !important;
  color: rgba(0, 0, 0, 0.87);
}

.pink-A100-fg {
  color: #ff80ab !important;
}

.pink-A100-border {
  border-color: #ff80ab !important;
}

.pink-A100-border-top {
  border-top-color: #ff80ab !important;
}

.pink-A100-border-right {
  border-right-color: #ff80ab !important;
}

.pink-A100-border-bottom {
  border-bottom-color: #ff80ab !important;
}

.pink-A100-border-left {
  border-left-color: #ff80ab !important;
}

.pink-A200-bg {
  background-color: #ff4081 !important;
}

.md-pink-A200-bg {
  background-color: #ff4081 !important;
  color: white;
}

.pink-A200-fg {
  color: #ff4081 !important;
}

.pink-A200-border {
  border-color: #ff4081 !important;
}

.pink-A200-border-top {
  border-top-color: #ff4081 !important;
}

.pink-A200-border-right {
  border-right-color: #ff4081 !important;
}

.pink-A200-border-bottom {
  border-bottom-color: #ff4081 !important;
}

.pink-A200-border-left {
  border-left-color: #ff4081 !important;
}

.pink-A400-bg {
  background-color: #f50057 !important;
}

.md-pink-A400-bg {
  background-color: #f50057 !important;
  color: white;
}

.pink-A400-fg {
  color: #f50057 !important;
}

.pink-A400-border {
  border-color: #f50057 !important;
}

.pink-A400-border-top {
  border-top-color: #f50057 !important;
}

.pink-A400-border-right {
  border-right-color: #f50057 !important;
}

.pink-A400-border-bottom {
  border-bottom-color: #f50057 !important;
}

.pink-A400-border-left {
  border-left-color: #f50057 !important;
}

.pink-A700-bg {
  background-color: #c51162 !important;
}

.md-pink-A700-bg {
  background-color: #c51162 !important;
  color: white;
}

.pink-A700-fg {
  color: #c51162 !important;
}

.pink-A700-border {
  border-color: #c51162 !important;
}

.pink-A700-border-top {
  border-top-color: #c51162 !important;
}

.pink-A700-border-right {
  border-right-color: #c51162 !important;
}

.pink-A700-border-bottom {
  border-bottom-color: #c51162 !important;
}

.pink-A700-border-left {
  border-left-color: #c51162 !important;
}

.purple-50-bg {
  background-color: #f3e5f5 !important;
}

.md-purple-50-bg {
  background-color: #f3e5f5 !important;
  color: rgba(0, 0, 0, 0.87);
}

.purple-50-fg {
  color: #f3e5f5 !important;
}

.purple-50-border {
  border-color: #f3e5f5 !important;
}

.purple-50-border-top {
  border-top-color: #f3e5f5 !important;
}

.purple-50-border-right {
  border-right-color: #f3e5f5 !important;
}

.purple-50-border-bottom {
  border-bottom-color: #f3e5f5 !important;
}

.purple-50-border-left {
  border-left-color: #f3e5f5 !important;
}

.purple-100-bg {
  background-color: #e1bee7 !important;
}

.md-purple-100-bg {
  background-color: #e1bee7 !important;
  color: rgba(0, 0, 0, 0.87);
}

.purple-100-fg {
  color: #e1bee7 !important;
}

.purple-100-border {
  border-color: #e1bee7 !important;
}

.purple-100-border-top {
  border-top-color: #e1bee7 !important;
}

.purple-100-border-right {
  border-right-color: #e1bee7 !important;
}

.purple-100-border-bottom {
  border-bottom-color: #e1bee7 !important;
}

.purple-100-border-left {
  border-left-color: #e1bee7 !important;
}

.purple-200-bg {
  background-color: #ce93d8 !important;
}

.md-purple-200-bg {
  background-color: #ce93d8 !important;
  color: rgba(0, 0, 0, 0.87);
}

.purple-200-fg {
  color: #ce93d8 !important;
}

.purple-200-border {
  border-color: #ce93d8 !important;
}

.purple-200-border-top {
  border-top-color: #ce93d8 !important;
}

.purple-200-border-right {
  border-right-color: #ce93d8 !important;
}

.purple-200-border-bottom {
  border-bottom-color: #ce93d8 !important;
}

.purple-200-border-left {
  border-left-color: #ce93d8 !important;
}

.purple-300-bg {
  background-color: #ba68c8 !important;
}

.md-purple-300-bg {
  background-color: #ba68c8 !important;
  color: white;
}

.purple-300-fg {
  color: #ba68c8 !important;
}

.purple-300-border {
  border-color: #ba68c8 !important;
}

.purple-300-border-top {
  border-top-color: #ba68c8 !important;
}

.purple-300-border-right {
  border-right-color: #ba68c8 !important;
}

.purple-300-border-bottom {
  border-bottom-color: #ba68c8 !important;
}

.purple-300-border-left {
  border-left-color: #ba68c8 !important;
}

.purple-400-bg {
  background-color: #ab47bc !important;
}

.md-purple-400-bg {
  background-color: #ab47bc !important;
  color: white;
}

.purple-400-fg {
  color: #ab47bc !important;
}

.purple-400-border {
  border-color: #ab47bc !important;
}

.purple-400-border-top {
  border-top-color: #ab47bc !important;
}

.purple-400-border-right {
  border-right-color: #ab47bc !important;
}

.purple-400-border-bottom {
  border-bottom-color: #ab47bc !important;
}

.purple-400-border-left {
  border-left-color: #ab47bc !important;
}

.purple-500-bg {
  background-color: #9c27b0 !important;
}

.md-purple-500-bg {
  background-color: #9c27b0 !important;
  color: rgba(255, 255, 255, 0.87);
}

.purple-500-fg {
  color: #9c27b0 !important;
}

.purple-500-border {
  border-color: #9c27b0 !important;
}

.purple-500-border-top {
  border-top-color: #9c27b0 !important;
}

.purple-500-border-right {
  border-right-color: #9c27b0 !important;
}

.purple-500-border-bottom {
  border-bottom-color: #9c27b0 !important;
}

.purple-500-border-left {
  border-left-color: #9c27b0 !important;
}

.md-purple-bg {
  background-color: #9c27b0 !important;
  color: rgba(255, 255, 255, 0.87);
}

.purple-bg {
  background-color: #9c27b0 !important;
}

.purple-fg {
  color: #9c27b0 !important;
}

.purple-border {
  border-color: #9c27b0 !important;
}

.purple-border-top {
  border-top-color: #9c27b0 !important;
}

.purple-border-right {
  border-right-color: #9c27b0 !important;
}

.purple-border-bottom {
  border-bottom-color: #9c27b0 !important;
}

.purple-border-left {
  border-left-color: #9c27b0 !important;
}

.purple-600-bg {
  background-color: #8e24aa !important;
}

.md-purple-600-bg {
  background-color: #8e24aa !important;
  color: rgba(255, 255, 255, 0.87);
}

.purple-600-fg {
  color: #8e24aa !important;
}

.purple-600-border {
  border-color: #8e24aa !important;
}

.purple-600-border-top {
  border-top-color: #8e24aa !important;
}

.purple-600-border-right {
  border-right-color: #8e24aa !important;
}

.purple-600-border-bottom {
  border-bottom-color: #8e24aa !important;
}

.purple-600-border-left {
  border-left-color: #8e24aa !important;
}

.purple-700-bg {
  background-color: #7b1fa2 !important;
}

.md-purple-700-bg {
  background-color: #7b1fa2 !important;
  color: rgba(255, 255, 255, 0.87);
}

.purple-700-fg {
  color: #7b1fa2 !important;
}

.purple-700-border {
  border-color: #7b1fa2 !important;
}

.purple-700-border-top {
  border-top-color: #7b1fa2 !important;
}

.purple-700-border-right {
  border-right-color: #7b1fa2 !important;
}

.purple-700-border-bottom {
  border-bottom-color: #7b1fa2 !important;
}

.purple-700-border-left {
  border-left-color: #7b1fa2 !important;
}

.purple-800-bg {
  background-color: #6a1b9a !important;
}

.md-purple-800-bg {
  background-color: #6a1b9a !important;
  color: rgba(255, 255, 255, 0.87);
}

.purple-800-fg {
  color: #6a1b9a !important;
}

.purple-800-border {
  border-color: #6a1b9a !important;
}

.purple-800-border-top {
  border-top-color: #6a1b9a !important;
}

.purple-800-border-right {
  border-right-color: #6a1b9a !important;
}

.purple-800-border-bottom {
  border-bottom-color: #6a1b9a !important;
}

.purple-800-border-left {
  border-left-color: #6a1b9a !important;
}

.purple-900-bg {
  background-color: #4a148c !important;
}

.md-purple-900-bg {
  background-color: #4a148c !important;
  color: rgba(255, 255, 255, 0.87);
}

.purple-900-fg {
  color: #4a148c !important;
}

.purple-900-border {
  border-color: #4a148c !important;
}

.purple-900-border-top {
  border-top-color: #4a148c !important;
}

.purple-900-border-right {
  border-right-color: #4a148c !important;
}

.purple-900-border-bottom {
  border-bottom-color: #4a148c !important;
}

.purple-900-border-left {
  border-left-color: #4a148c !important;
}

.purple-A100-bg {
  background-color: #ea80fc !important;
}

.md-purple-A100-bg {
  background-color: #ea80fc !important;
  color: rgba(0, 0, 0, 0.87);
}

.purple-A100-fg {
  color: #ea80fc !important;
}

.purple-A100-border {
  border-color: #ea80fc !important;
}

.purple-A100-border-top {
  border-top-color: #ea80fc !important;
}

.purple-A100-border-right {
  border-right-color: #ea80fc !important;
}

.purple-A100-border-bottom {
  border-bottom-color: #ea80fc !important;
}

.purple-A100-border-left {
  border-left-color: #ea80fc !important;
}

.purple-A200-bg {
  background-color: #e040fb !important;
}

.md-purple-A200-bg {
  background-color: #e040fb !important;
  color: white;
}

.purple-A200-fg {
  color: #e040fb !important;
}

.purple-A200-border {
  border-color: #e040fb !important;
}

.purple-A200-border-top {
  border-top-color: #e040fb !important;
}

.purple-A200-border-right {
  border-right-color: #e040fb !important;
}

.purple-A200-border-bottom {
  border-bottom-color: #e040fb !important;
}

.purple-A200-border-left {
  border-left-color: #e040fb !important;
}

.purple-A400-bg {
  background-color: #d500f9 !important;
}

.md-purple-A400-bg {
  background-color: #d500f9 !important;
  color: white;
}

.purple-A400-fg {
  color: #d500f9 !important;
}

.purple-A400-border {
  border-color: #d500f9 !important;
}

.purple-A400-border-top {
  border-top-color: #d500f9 !important;
}

.purple-A400-border-right {
  border-right-color: #d500f9 !important;
}

.purple-A400-border-bottom {
  border-bottom-color: #d500f9 !important;
}

.purple-A400-border-left {
  border-left-color: #d500f9 !important;
}

.purple-A700-bg {
  background-color: #aa00ff !important;
}

.md-purple-A700-bg {
  background-color: #aa00ff !important;
  color: white;
}

.purple-A700-fg {
  color: #aa00ff !important;
}

.purple-A700-border {
  border-color: #aa00ff !important;
}

.purple-A700-border-top {
  border-top-color: #aa00ff !important;
}

.purple-A700-border-right {
  border-right-color: #aa00ff !important;
}

.purple-A700-border-bottom {
  border-bottom-color: #aa00ff !important;
}

.purple-A700-border-left {
  border-left-color: #aa00ff !important;
}

.deep-purple-50-bg {
  background-color: #ede7f6 !important;
}

.md-deep-purple-50-bg {
  background-color: #ede7f6 !important;
  color: rgba(0, 0, 0, 0.87);
}

.deep-purple-50-fg {
  color: #ede7f6 !important;
}

.deep-purple-50-border {
  border-color: #ede7f6 !important;
}

.deep-purple-50-border-top {
  border-top-color: #ede7f6 !important;
}

.deep-purple-50-border-right {
  border-right-color: #ede7f6 !important;
}

.deep-purple-50-border-bottom {
  border-bottom-color: #ede7f6 !important;
}

.deep-purple-50-border-left {
  border-left-color: #ede7f6 !important;
}

.deep-purple-100-bg {
  background-color: #d1c4e9 !important;
}

.md-deep-purple-100-bg {
  background-color: #d1c4e9 !important;
  color: rgba(0, 0, 0, 0.87);
}

.deep-purple-100-fg {
  color: #d1c4e9 !important;
}

.deep-purple-100-border {
  border-color: #d1c4e9 !important;
}

.deep-purple-100-border-top {
  border-top-color: #d1c4e9 !important;
}

.deep-purple-100-border-right {
  border-right-color: #d1c4e9 !important;
}

.deep-purple-100-border-bottom {
  border-bottom-color: #d1c4e9 !important;
}

.deep-purple-100-border-left {
  border-left-color: #d1c4e9 !important;
}

.deep-purple-200-bg {
  background-color: #b39ddb !important;
}

.md-deep-purple-200-bg {
  background-color: #b39ddb !important;
  color: rgba(0, 0, 0, 0.87);
}

.deep-purple-200-fg {
  color: #b39ddb !important;
}

.deep-purple-200-border {
  border-color: #b39ddb !important;
}

.deep-purple-200-border-top {
  border-top-color: #b39ddb !important;
}

.deep-purple-200-border-right {
  border-right-color: #b39ddb !important;
}

.deep-purple-200-border-bottom {
  border-bottom-color: #b39ddb !important;
}

.deep-purple-200-border-left {
  border-left-color: #b39ddb !important;
}

.deep-purple-300-bg {
  background-color: #9575cd !important;
}

.md-deep-purple-300-bg {
  background-color: #9575cd !important;
  color: white;
}

.deep-purple-300-fg {
  color: #9575cd !important;
}

.deep-purple-300-border {
  border-color: #9575cd !important;
}

.deep-purple-300-border-top {
  border-top-color: #9575cd !important;
}

.deep-purple-300-border-right {
  border-right-color: #9575cd !important;
}

.deep-purple-300-border-bottom {
  border-bottom-color: #9575cd !important;
}

.deep-purple-300-border-left {
  border-left-color: #9575cd !important;
}

.deep-purple-400-bg {
  background-color: #7e57c2 !important;
}

.md-deep-purple-400-bg {
  background-color: #7e57c2 !important;
  color: white;
}

.deep-purple-400-fg {
  color: #7e57c2 !important;
}

.deep-purple-400-border {
  border-color: #7e57c2 !important;
}

.deep-purple-400-border-top {
  border-top-color: #7e57c2 !important;
}

.deep-purple-400-border-right {
  border-right-color: #7e57c2 !important;
}

.deep-purple-400-border-bottom {
  border-bottom-color: #7e57c2 !important;
}

.deep-purple-400-border-left {
  border-left-color: #7e57c2 !important;
}

.deep-purple-500-bg {
  background-color: #673ab7 !important;
}

.md-deep-purple-500-bg {
  background-color: #673ab7 !important;
  color: rgba(255, 255, 255, 0.87);
}

.deep-purple-500-fg {
  color: #673ab7 !important;
}

.deep-purple-500-border {
  border-color: #673ab7 !important;
}

.deep-purple-500-border-top {
  border-top-color: #673ab7 !important;
}

.deep-purple-500-border-right {
  border-right-color: #673ab7 !important;
}

.deep-purple-500-border-bottom {
  border-bottom-color: #673ab7 !important;
}

.deep-purple-500-border-left {
  border-left-color: #673ab7 !important;
}

.md-deep-purple-bg {
  background-color: #673ab7 !important;
  color: rgba(255, 255, 255, 0.87);
}

.deep-purple-bg {
  background-color: #673ab7 !important;
}

.deep-purple-fg {
  color: #673ab7 !important;
}

.deep-purple-border {
  border-color: #673ab7 !important;
}

.deep-purple-border-top {
  border-top-color: #673ab7 !important;
}

.deep-purple-border-right {
  border-right-color: #673ab7 !important;
}

.deep-purple-border-bottom {
  border-bottom-color: #673ab7 !important;
}

.deep-purple-border-left {
  border-left-color: #673ab7 !important;
}

.deep-purple-600-bg {
  background-color: #5e35b1 !important;
}

.md-deep-purple-600-bg {
  background-color: #5e35b1 !important;
  color: rgba(255, 255, 255, 0.87);
}

.deep-purple-600-fg {
  color: #5e35b1 !important;
}

.deep-purple-600-border {
  border-color: #5e35b1 !important;
}

.deep-purple-600-border-top {
  border-top-color: #5e35b1 !important;
}

.deep-purple-600-border-right {
  border-right-color: #5e35b1 !important;
}

.deep-purple-600-border-bottom {
  border-bottom-color: #5e35b1 !important;
}

.deep-purple-600-border-left {
  border-left-color: #5e35b1 !important;
}

.deep-purple-700-bg {
  background-color: #512da8 !important;
}

.md-deep-purple-700-bg {
  background-color: #512da8 !important;
  color: rgba(255, 255, 255, 0.87);
}

.deep-purple-700-fg {
  color: #512da8 !important;
}

.deep-purple-700-border {
  border-color: #512da8 !important;
}

.deep-purple-700-border-top {
  border-top-color: #512da8 !important;
}

.deep-purple-700-border-right {
  border-right-color: #512da8 !important;
}

.deep-purple-700-border-bottom {
  border-bottom-color: #512da8 !important;
}

.deep-purple-700-border-left {
  border-left-color: #512da8 !important;
}

.deep-purple-800-bg {
  background-color: #4527a0 !important;
}

.md-deep-purple-800-bg {
  background-color: #4527a0 !important;
  color: rgba(255, 255, 255, 0.87);
}

.deep-purple-800-fg {
  color: #4527a0 !important;
}

.deep-purple-800-border {
  border-color: #4527a0 !important;
}

.deep-purple-800-border-top {
  border-top-color: #4527a0 !important;
}

.deep-purple-800-border-right {
  border-right-color: #4527a0 !important;
}

.deep-purple-800-border-bottom {
  border-bottom-color: #4527a0 !important;
}

.deep-purple-800-border-left {
  border-left-color: #4527a0 !important;
}

.deep-purple-900-bg {
  background-color: #311b92 !important;
}

.md-deep-purple-900-bg {
  background-color: #311b92 !important;
  color: rgba(255, 255, 255, 0.87);
}

.deep-purple-900-fg {
  color: #311b92 !important;
}

.deep-purple-900-border {
  border-color: #311b92 !important;
}

.deep-purple-900-border-top {
  border-top-color: #311b92 !important;
}

.deep-purple-900-border-right {
  border-right-color: #311b92 !important;
}

.deep-purple-900-border-bottom {
  border-bottom-color: #311b92 !important;
}

.deep-purple-900-border-left {
  border-left-color: #311b92 !important;
}

.deep-purple-A100-bg {
  background-color: #b388ff !important;
}

.md-deep-purple-A100-bg {
  background-color: #b388ff !important;
  color: rgba(0, 0, 0, 0.87);
}

.deep-purple-A100-fg {
  color: #b388ff !important;
}

.deep-purple-A100-border {
  border-color: #b388ff !important;
}

.deep-purple-A100-border-top {
  border-top-color: #b388ff !important;
}

.deep-purple-A100-border-right {
  border-right-color: #b388ff !important;
}

.deep-purple-A100-border-bottom {
  border-bottom-color: #b388ff !important;
}

.deep-purple-A100-border-left {
  border-left-color: #b388ff !important;
}

.deep-purple-A200-bg {
  background-color: #7c4dff !important;
}

.md-deep-purple-A200-bg {
  background-color: #7c4dff !important;
  color: white;
}

.deep-purple-A200-fg {
  color: #7c4dff !important;
}

.deep-purple-A200-border {
  border-color: #7c4dff !important;
}

.deep-purple-A200-border-top {
  border-top-color: #7c4dff !important;
}

.deep-purple-A200-border-right {
  border-right-color: #7c4dff !important;
}

.deep-purple-A200-border-bottom {
  border-bottom-color: #7c4dff !important;
}

.deep-purple-A200-border-left {
  border-left-color: #7c4dff !important;
}

.deep-purple-A400-bg {
  background-color: #651fff !important;
}

.md-deep-purple-A400-bg {
  background-color: #651fff !important;
  color: rgba(255, 255, 255, 0.87);
}

.deep-purple-A400-fg {
  color: #651fff !important;
}

.deep-purple-A400-border {
  border-color: #651fff !important;
}

.deep-purple-A400-border-top {
  border-top-color: #651fff !important;
}

.deep-purple-A400-border-right {
  border-right-color: #651fff !important;
}

.deep-purple-A400-border-bottom {
  border-bottom-color: #651fff !important;
}

.deep-purple-A400-border-left {
  border-left-color: #651fff !important;
}

.deep-purple-A700-bg {
  background-color: #6200ea !important;
}

.md-deep-purple-A700-bg {
  background-color: #6200ea !important;
  color: rgba(255, 255, 255, 0.87);
}

.deep-purple-A700-fg {
  color: #6200ea !important;
}

.deep-purple-A700-border {
  border-color: #6200ea !important;
}

.deep-purple-A700-border-top {
  border-top-color: #6200ea !important;
}

.deep-purple-A700-border-right {
  border-right-color: #6200ea !important;
}

.deep-purple-A700-border-bottom {
  border-bottom-color: #6200ea !important;
}

.deep-purple-A700-border-left {
  border-left-color: #6200ea !important;
}

.indigo-50-bg {
  background-color: #e8eaf6 !important;
}

.md-indigo-50-bg {
  background-color: #e8eaf6 !important;
  color: rgba(0, 0, 0, 0.87);
}

.indigo-50-fg {
  color: #e8eaf6 !important;
}

.indigo-50-border {
  border-color: #e8eaf6 !important;
}

.indigo-50-border-top {
  border-top-color: #e8eaf6 !important;
}

.indigo-50-border-right {
  border-right-color: #e8eaf6 !important;
}

.indigo-50-border-bottom {
  border-bottom-color: #e8eaf6 !important;
}

.indigo-50-border-left {
  border-left-color: #e8eaf6 !important;
}

.indigo-100-bg {
  background-color: #c5cae9 !important;
}

.md-indigo-100-bg {
  background-color: #c5cae9 !important;
  color: rgba(0, 0, 0, 0.87);
}

.indigo-100-fg {
  color: #c5cae9 !important;
}

.indigo-100-border {
  border-color: #c5cae9 !important;
}

.indigo-100-border-top {
  border-top-color: #c5cae9 !important;
}

.indigo-100-border-right {
  border-right-color: #c5cae9 !important;
}

.indigo-100-border-bottom {
  border-bottom-color: #c5cae9 !important;
}

.indigo-100-border-left {
  border-left-color: #c5cae9 !important;
}

.indigo-200-bg {
  background-color: #9fa8da !important;
}

.md-indigo-200-bg {
  background-color: #9fa8da !important;
  color: rgba(0, 0, 0, 0.87);
}

.indigo-200-fg {
  color: #9fa8da !important;
}

.indigo-200-border {
  border-color: #9fa8da !important;
}

.indigo-200-border-top {
  border-top-color: #9fa8da !important;
}

.indigo-200-border-right {
  border-right-color: #9fa8da !important;
}

.indigo-200-border-bottom {
  border-bottom-color: #9fa8da !important;
}

.indigo-200-border-left {
  border-left-color: #9fa8da !important;
}

.indigo-300-bg {
  background-color: #7986cb !important;
}

.md-indigo-300-bg {
  background-color: #7986cb !important;
  color: white;
}

.indigo-300-fg {
  color: #7986cb !important;
}

.indigo-300-border {
  border-color: #7986cb !important;
}

.indigo-300-border-top {
  border-top-color: #7986cb !important;
}

.indigo-300-border-right {
  border-right-color: #7986cb !important;
}

.indigo-300-border-bottom {
  border-bottom-color: #7986cb !important;
}

.indigo-300-border-left {
  border-left-color: #7986cb !important;
}

.indigo-400-bg {
  background-color: #5c6bc0 !important;
}

.md-indigo-400-bg {
  background-color: #5c6bc0 !important;
  color: white;
}

.indigo-400-fg {
  color: #5c6bc0 !important;
}

.indigo-400-border {
  border-color: #5c6bc0 !important;
}

.indigo-400-border-top {
  border-top-color: #5c6bc0 !important;
}

.indigo-400-border-right {
  border-right-color: #5c6bc0 !important;
}

.indigo-400-border-bottom {
  border-bottom-color: #5c6bc0 !important;
}

.indigo-400-border-left {
  border-left-color: #5c6bc0 !important;
}

.indigo-500-bg {
  background-color: #3f51b5 !important;
}

.md-indigo-500-bg {
  background-color: #3f51b5 !important;
  color: rgba(255, 255, 255, 0.87);
}

.indigo-500-fg {
  color: #3f51b5 !important;
}

.indigo-500-border {
  border-color: #3f51b5 !important;
}

.indigo-500-border-top {
  border-top-color: #3f51b5 !important;
}

.indigo-500-border-right {
  border-right-color: #3f51b5 !important;
}

.indigo-500-border-bottom {
  border-bottom-color: #3f51b5 !important;
}

.indigo-500-border-left {
  border-left-color: #3f51b5 !important;
}

.md-indigo-bg {
  background-color: #3f51b5 !important;
  color: rgba(255, 255, 255, 0.87);
}

.indigo-bg {
  background-color: #3f51b5 !important;
}

.indigo-fg {
  color: #3f51b5 !important;
}

.indigo-border {
  border-color: #3f51b5 !important;
}

.indigo-border-top {
  border-top-color: #3f51b5 !important;
}

.indigo-border-right {
  border-right-color: #3f51b5 !important;
}

.indigo-border-bottom {
  border-bottom-color: #3f51b5 !important;
}

.indigo-border-left {
  border-left-color: #3f51b5 !important;
}

.indigo-600-bg {
  background-color: #3949ab !important;
}

.md-indigo-600-bg {
  background-color: #3949ab !important;
  color: rgba(255, 255, 255, 0.87);
}

.indigo-600-fg {
  color: #3949ab !important;
}

.indigo-600-border {
  border-color: #3949ab !important;
}

.indigo-600-border-top {
  border-top-color: #3949ab !important;
}

.indigo-600-border-right {
  border-right-color: #3949ab !important;
}

.indigo-600-border-bottom {
  border-bottom-color: #3949ab !important;
}

.indigo-600-border-left {
  border-left-color: #3949ab !important;
}

.indigo-700-bg {
  background-color: #303f9f !important;
}

.md-indigo-700-bg {
  background-color: #303f9f !important;
  color: rgba(255, 255, 255, 0.87);
}

.indigo-700-fg {
  color: #303f9f !important;
}

.indigo-700-border {
  border-color: #303f9f !important;
}

.indigo-700-border-top {
  border-top-color: #303f9f !important;
}

.indigo-700-border-right {
  border-right-color: #303f9f !important;
}

.indigo-700-border-bottom {
  border-bottom-color: #303f9f !important;
}

.indigo-700-border-left {
  border-left-color: #303f9f !important;
}

.indigo-800-bg {
  background-color: #283593 !important;
}

.md-indigo-800-bg {
  background-color: #283593 !important;
  color: rgba(255, 255, 255, 0.87);
}

.indigo-800-fg {
  color: #283593 !important;
}

.indigo-800-border {
  border-color: #283593 !important;
}

.indigo-800-border-top {
  border-top-color: #283593 !important;
}

.indigo-800-border-right {
  border-right-color: #283593 !important;
}

.indigo-800-border-bottom {
  border-bottom-color: #283593 !important;
}

.indigo-800-border-left {
  border-left-color: #283593 !important;
}

.indigo-900-bg {
  background-color: #1a237e !important;
}

.md-indigo-900-bg {
  background-color: #1a237e !important;
  color: rgba(255, 255, 255, 0.87);
}

.indigo-900-fg {
  color: #1a237e !important;
}

.indigo-900-border {
  border-color: #1a237e !important;
}

.indigo-900-border-top {
  border-top-color: #1a237e !important;
}

.indigo-900-border-right {
  border-right-color: #1a237e !important;
}

.indigo-900-border-bottom {
  border-bottom-color: #1a237e !important;
}

.indigo-900-border-left {
  border-left-color: #1a237e !important;
}

.indigo-A100-bg {
  background-color: #8c9eff !important;
}

.md-indigo-A100-bg {
  background-color: #8c9eff !important;
  color: rgba(0, 0, 0, 0.87);
}

.indigo-A100-fg {
  color: #8c9eff !important;
}

.indigo-A100-border {
  border-color: #8c9eff !important;
}

.indigo-A100-border-top {
  border-top-color: #8c9eff !important;
}

.indigo-A100-border-right {
  border-right-color: #8c9eff !important;
}

.indigo-A100-border-bottom {
  border-bottom-color: #8c9eff !important;
}

.indigo-A100-border-left {
  border-left-color: #8c9eff !important;
}

.indigo-A200-bg {
  background-color: #536dfe !important;
}

.md-indigo-A200-bg {
  background-color: #536dfe !important;
  color: white;
}

.indigo-A200-fg {
  color: #536dfe !important;
}

.indigo-A200-border {
  border-color: #536dfe !important;
}

.indigo-A200-border-top {
  border-top-color: #536dfe !important;
}

.indigo-A200-border-right {
  border-right-color: #536dfe !important;
}

.indigo-A200-border-bottom {
  border-bottom-color: #536dfe !important;
}

.indigo-A200-border-left {
  border-left-color: #536dfe !important;
}

.indigo-A400-bg {
  background-color: #3d5afe !important;
}

.md-indigo-A400-bg {
  background-color: #3d5afe !important;
  color: white;
}

.indigo-A400-fg {
  color: #3d5afe !important;
}

.indigo-A400-border {
  border-color: #3d5afe !important;
}

.indigo-A400-border-top {
  border-top-color: #3d5afe !important;
}

.indigo-A400-border-right {
  border-right-color: #3d5afe !important;
}

.indigo-A400-border-bottom {
  border-bottom-color: #3d5afe !important;
}

.indigo-A400-border-left {
  border-left-color: #3d5afe !important;
}

.indigo-A700-bg {
  background-color: #304ffe !important;
}

.md-indigo-A700-bg {
  background-color: #304ffe !important;
  color: rgba(255, 255, 255, 0.87);
}

.indigo-A700-fg {
  color: #304ffe !important;
}

.indigo-A700-border {
  border-color: #304ffe !important;
}

.indigo-A700-border-top {
  border-top-color: #304ffe !important;
}

.indigo-A700-border-right {
  border-right-color: #304ffe !important;
}

.indigo-A700-border-bottom {
  border-bottom-color: #304ffe !important;
}

.indigo-A700-border-left {
  border-left-color: #304ffe !important;
}

.blue-50-bg {
  background-color: #e3f2fd !important;
}

.md-blue-50-bg {
  background-color: #e3f2fd !important;
  color: rgba(0, 0, 0, 0.87);
}

.blue-50-fg {
  color: #e3f2fd !important;
}

.blue-50-border {
  border-color: #e3f2fd !important;
}

.blue-50-border-top {
  border-top-color: #e3f2fd !important;
}

.blue-50-border-right {
  border-right-color: #e3f2fd !important;
}

.blue-50-border-bottom {
  border-bottom-color: #e3f2fd !important;
}

.blue-50-border-left {
  border-left-color: #e3f2fd !important;
}

.blue-100-bg {
  background-color: #bbdefb !important;
}

.md-blue-100-bg {
  background-color: #bbdefb !important;
  color: rgba(0, 0, 0, 0.87);
}

.blue-100-fg {
  color: #bbdefb !important;
}

.blue-100-border {
  border-color: #bbdefb !important;
}

.blue-100-border-top {
  border-top-color: #bbdefb !important;
}

.blue-100-border-right {
  border-right-color: #bbdefb !important;
}

.blue-100-border-bottom {
  border-bottom-color: #bbdefb !important;
}

.blue-100-border-left {
  border-left-color: #bbdefb !important;
}

.blue-200-bg {
  background-color: #90caf9 !important;
}

.md-blue-200-bg {
  background-color: #90caf9 !important;
  color: rgba(0, 0, 0, 0.87);
}

.blue-200-fg {
  color: #90caf9 !important;
}

.blue-200-border {
  border-color: #90caf9 !important;
}

.blue-200-border-top {
  border-top-color: #90caf9 !important;
}

.blue-200-border-right {
  border-right-color: #90caf9 !important;
}

.blue-200-border-bottom {
  border-bottom-color: #90caf9 !important;
}

.blue-200-border-left {
  border-left-color: #90caf9 !important;
}

.blue-300-bg {
  background-color: #64b5f6 !important;
}

.md-blue-300-bg {
  background-color: #64b5f6 !important;
  color: rgba(0, 0, 0, 0.87);
}

.blue-300-fg {
  color: #64b5f6 !important;
}

.blue-300-border {
  border-color: #64b5f6 !important;
}

.blue-300-border-top {
  border-top-color: #64b5f6 !important;
}

.blue-300-border-right {
  border-right-color: #64b5f6 !important;
}

.blue-300-border-bottom {
  border-bottom-color: #64b5f6 !important;
}

.blue-300-border-left {
  border-left-color: #64b5f6 !important;
}

.blue-400-bg {
  background-color: #42a5f5 !important;
}

.md-blue-400-bg {
  background-color: #42a5f5 !important;
  color: rgba(0, 0, 0, 0.87);
}

.blue-400-fg {
  color: #42a5f5 !important;
}

.blue-400-border {
  border-color: #42a5f5 !important;
}

.blue-400-border-top {
  border-top-color: #42a5f5 !important;
}

.blue-400-border-right {
  border-right-color: #42a5f5 !important;
}

.blue-400-border-bottom {
  border-bottom-color: #42a5f5 !important;
}

.blue-400-border-left {
  border-left-color: #42a5f5 !important;
}

.blue-500-bg {
  background-color: #2196f3 !important;
}

.md-blue-500-bg {
  background-color: #2196f3 !important;
  color: white;
}

.blue-500-fg {
  color: #2196f3 !important;
}

.blue-500-border {
  border-color: #2196f3 !important;
}

.blue-500-border-top {
  border-top-color: #2196f3 !important;
}

.blue-500-border-right {
  border-right-color: #2196f3 !important;
}

.blue-500-border-bottom {
  border-bottom-color: #2196f3 !important;
}

.blue-500-border-left {
  border-left-color: #2196f3 !important;
}

.md-blue-bg {
  background-color: #2196f3 !important;
  color: white;
}

.blue-bg {
  background-color: #2196f3 !important;
}

.blue-fg {
  color: #2196f3 !important;
}

.blue-border {
  border-color: #2196f3 !important;
}

.blue-border-top {
  border-top-color: #2196f3 !important;
}

.blue-border-right {
  border-right-color: #2196f3 !important;
}

.blue-border-bottom {
  border-bottom-color: #2196f3 !important;
}

.blue-border-left {
  border-left-color: #2196f3 !important;
}

.blue-600-bg {
  background-color: #1e88e5 !important;
}

.md-blue-600-bg {
  background-color: #1e88e5 !important;
  color: white;
}

.blue-600-fg {
  color: #1e88e5 !important;
}

.blue-600-border {
  border-color: #1e88e5 !important;
}

.blue-600-border-top {
  border-top-color: #1e88e5 !important;
}

.blue-600-border-right {
  border-right-color: #1e88e5 !important;
}

.blue-600-border-bottom {
  border-bottom-color: #1e88e5 !important;
}

.blue-600-border-left {
  border-left-color: #1e88e5 !important;
}

.blue-700-bg {
  background-color: #1976d2 !important;
}

.md-blue-700-bg {
  background-color: #1976d2 !important;
  color: white;
}

.blue-700-fg {
  color: #1976d2 !important;
}

.blue-700-border {
  border-color: #1976d2 !important;
}

.blue-700-border-top {
  border-top-color: #1976d2 !important;
}

.blue-700-border-right {
  border-right-color: #1976d2 !important;
}

.blue-700-border-bottom {
  border-bottom-color: #1976d2 !important;
}

.blue-700-border-left {
  border-left-color: #1976d2 !important;
}

.blue-800-bg {
  background-color: #1565c0 !important;
}

.md-blue-800-bg {
  background-color: #1565c0 !important;
  color: rgba(255, 255, 255, 0.87);
}

.blue-800-fg {
  color: #1565c0 !important;
}

.blue-800-border {
  border-color: #1565c0 !important;
}

.blue-800-border-top {
  border-top-color: #1565c0 !important;
}

.blue-800-border-right {
  border-right-color: #1565c0 !important;
}

.blue-800-border-bottom {
  border-bottom-color: #1565c0 !important;
}

.blue-800-border-left {
  border-left-color: #1565c0 !important;
}

.blue-900-bg {
  background-color: #0d47a1 !important;
}

.md-blue-900-bg {
  background-color: #0d47a1 !important;
  color: rgba(255, 255, 255, 0.87);
}

.blue-900-fg {
  color: #0d47a1 !important;
}

.blue-900-border {
  border-color: #0d47a1 !important;
}

.blue-900-border-top {
  border-top-color: #0d47a1 !important;
}

.blue-900-border-right {
  border-right-color: #0d47a1 !important;
}

.blue-900-border-bottom {
  border-bottom-color: #0d47a1 !important;
}

.blue-900-border-left {
  border-left-color: #0d47a1 !important;
}

.blue-A100-bg {
  background-color: #82b1ff !important;
}

.md-blue-A100-bg {
  background-color: #82b1ff !important;
  color: rgba(0, 0, 0, 0.87);
}

.blue-A100-fg {
  color: #82b1ff !important;
}

.blue-A100-border {
  border-color: #82b1ff !important;
}

.blue-A100-border-top {
  border-top-color: #82b1ff !important;
}

.blue-A100-border-right {
  border-right-color: #82b1ff !important;
}

.blue-A100-border-bottom {
  border-bottom-color: #82b1ff !important;
}

.blue-A100-border-left {
  border-left-color: #82b1ff !important;
}

.blue-A200-bg {
  background-color: #448aff !important;
}

.md-blue-A200-bg {
  background-color: #448aff !important;
  color: white;
}

.blue-A200-fg {
  color: #448aff !important;
}

.blue-A200-border {
  border-color: #448aff !important;
}

.blue-A200-border-top {
  border-top-color: #448aff !important;
}

.blue-A200-border-right {
  border-right-color: #448aff !important;
}

.blue-A200-border-bottom {
  border-bottom-color: #448aff !important;
}

.blue-A200-border-left {
  border-left-color: #448aff !important;
}

.blue-A400-bg {
  background-color: #2979ff !important;
}

.md-blue-A400-bg {
  background-color: #2979ff !important;
  color: white;
}

.blue-A400-fg {
  color: #2979ff !important;
}

.blue-A400-border {
  border-color: #2979ff !important;
}

.blue-A400-border-top {
  border-top-color: #2979ff !important;
}

.blue-A400-border-right {
  border-right-color: #2979ff !important;
}

.blue-A400-border-bottom {
  border-bottom-color: #2979ff !important;
}

.blue-A400-border-left {
  border-left-color: #2979ff !important;
}

.blue-A700-bg {
  background-color: #2962ff !important;
}

.md-blue-A700-bg {
  background-color: #2962ff !important;
  color: white;
}

.blue-A700-fg {
  color: #2962ff !important;
}

.blue-A700-border {
  border-color: #2962ff !important;
}

.blue-A700-border-top {
  border-top-color: #2962ff !important;
}

.blue-A700-border-right {
  border-right-color: #2962ff !important;
}

.blue-A700-border-bottom {
  border-bottom-color: #2962ff !important;
}

.blue-A700-border-left {
  border-left-color: #2962ff !important;
}

.light-blue-50-bg {
  background-color: #e1f5fe !important;
}

.md-light-blue-50-bg {
  background-color: #e1f5fe !important;
  color: rgba(0, 0, 0, 0.87);
}

.light-blue-50-fg {
  color: #e1f5fe !important;
}

.light-blue-50-border {
  border-color: #e1f5fe !important;
}

.light-blue-50-border-top {
  border-top-color: #e1f5fe !important;
}

.light-blue-50-border-right {
  border-right-color: #e1f5fe !important;
}

.light-blue-50-border-bottom {
  border-bottom-color: #e1f5fe !important;
}

.light-blue-50-border-left {
  border-left-color: #e1f5fe !important;
}

.light-blue-100-bg {
  background-color: #b3e5fc !important;
}

.md-light-blue-100-bg {
  background-color: #b3e5fc !important;
  color: rgba(0, 0, 0, 0.87);
}

.light-blue-100-fg {
  color: #b3e5fc !important;
}

.light-blue-100-border {
  border-color: #b3e5fc !important;
}

.light-blue-100-border-top {
  border-top-color: #b3e5fc !important;
}

.light-blue-100-border-right {
  border-right-color: #b3e5fc !important;
}

.light-blue-100-border-bottom {
  border-bottom-color: #b3e5fc !important;
}

.light-blue-100-border-left {
  border-left-color: #b3e5fc !important;
}

.light-blue-200-bg {
  background-color: #81d4fa !important;
}

.md-light-blue-200-bg {
  background-color: #81d4fa !important;
  color: rgba(0, 0, 0, 0.87);
}

.light-blue-200-fg {
  color: #81d4fa !important;
}

.light-blue-200-border {
  border-color: #81d4fa !important;
}

.light-blue-200-border-top {
  border-top-color: #81d4fa !important;
}

.light-blue-200-border-right {
  border-right-color: #81d4fa !important;
}

.light-blue-200-border-bottom {
  border-bottom-color: #81d4fa !important;
}

.light-blue-200-border-left {
  border-left-color: #81d4fa !important;
}

.light-blue-300-bg {
  background-color: #4fc3f7 !important;
}

.md-light-blue-300-bg {
  background-color: #4fc3f7 !important;
  color: rgba(0, 0, 0, 0.87);
}

.light-blue-300-fg {
  color: #4fc3f7 !important;
}

.light-blue-300-border {
  border-color: #4fc3f7 !important;
}

.light-blue-300-border-top {
  border-top-color: #4fc3f7 !important;
}

.light-blue-300-border-right {
  border-right-color: #4fc3f7 !important;
}

.light-blue-300-border-bottom {
  border-bottom-color: #4fc3f7 !important;
}

.light-blue-300-border-left {
  border-left-color: #4fc3f7 !important;
}

.light-blue-400-bg {
  background-color: #29b6f6 !important;
}

.md-light-blue-400-bg {
  background-color: #29b6f6 !important;
  color: rgba(0, 0, 0, 0.87);
}

.light-blue-400-fg {
  color: #29b6f6 !important;
}

.light-blue-400-border {
  border-color: #29b6f6 !important;
}

.light-blue-400-border-top {
  border-top-color: #29b6f6 !important;
}

.light-blue-400-border-right {
  border-right-color: #29b6f6 !important;
}

.light-blue-400-border-bottom {
  border-bottom-color: #29b6f6 !important;
}

.light-blue-400-border-left {
  border-left-color: #29b6f6 !important;
}

.light-blue-500-bg {
  background-color: #03a9f4 !important;
}

.md-light-blue-500-bg {
  background-color: #03a9f4 !important;
  color: rgba(0, 0, 0, 0.87);
}

.light-blue-500-fg {
  color: #03a9f4 !important;
}

.light-blue-500-border {
  border-color: #03a9f4 !important;
}

.light-blue-500-border-top {
  border-top-color: #03a9f4 !important;
}

.light-blue-500-border-right {
  border-right-color: #03a9f4 !important;
}

.light-blue-500-border-bottom {
  border-bottom-color: #03a9f4 !important;
}

.light-blue-500-border-left {
  border-left-color: #03a9f4 !important;
}

.md-light-blue-bg {
  background-color: #03a9f4 !important;
  color: rgba(0, 0, 0, 0.87);
}

.light-blue-bg {
  background-color: #03a9f4 !important;
}

.light-blue-fg {
  color: #03a9f4 !important;
}

.light-blue-border {
  border-color: #03a9f4 !important;
}

.light-blue-border-top {
  border-top-color: #03a9f4 !important;
}

.light-blue-border-right {
  border-right-color: #03a9f4 !important;
}

.light-blue-border-bottom {
  border-bottom-color: #03a9f4 !important;
}

.light-blue-border-left {
  border-left-color: #03a9f4 !important;
}

.light-blue-600-bg {
  background-color: #039be5 !important;
}

.md-light-blue-600-bg {
  background-color: #039be5 !important;
  color: white;
}

.light-blue-600-fg {
  color: #039be5 !important;
}

.light-blue-600-border {
  border-color: #039be5 !important;
}

.light-blue-600-border-top {
  border-top-color: #039be5 !important;
}

.light-blue-600-border-right {
  border-right-color: #039be5 !important;
}

.light-blue-600-border-bottom {
  border-bottom-color: #039be5 !important;
}

.light-blue-600-border-left {
  border-left-color: #039be5 !important;
}

.light-blue-700-bg {
  background-color: #0288d1 !important;
}

.md-light-blue-700-bg {
  background-color: #0288d1 !important;
  color: white;
}

.light-blue-700-fg {
  color: #0288d1 !important;
}

.light-blue-700-border {
  border-color: #0288d1 !important;
}

.light-blue-700-border-top {
  border-top-color: #0288d1 !important;
}

.light-blue-700-border-right {
  border-right-color: #0288d1 !important;
}

.light-blue-700-border-bottom {
  border-bottom-color: #0288d1 !important;
}

.light-blue-700-border-left {
  border-left-color: #0288d1 !important;
}

.light-blue-800-bg {
  background-color: #0277bd !important;
}

.md-light-blue-800-bg {
  background-color: #0277bd !important;
  color: white;
}

.light-blue-800-fg {
  color: #0277bd !important;
}

.light-blue-800-border {
  border-color: #0277bd !important;
}

.light-blue-800-border-top {
  border-top-color: #0277bd !important;
}

.light-blue-800-border-right {
  border-right-color: #0277bd !important;
}

.light-blue-800-border-bottom {
  border-bottom-color: #0277bd !important;
}

.light-blue-800-border-left {
  border-left-color: #0277bd !important;
}

.light-blue-900-bg {
  background-color: #01579b !important;
}

.md-light-blue-900-bg {
  background-color: #01579b !important;
  color: white;
}

.light-blue-900-fg {
  color: #01579b !important;
}

.light-blue-900-border {
  border-color: #01579b !important;
}

.light-blue-900-border-top {
  border-top-color: #01579b !important;
}

.light-blue-900-border-right {
  border-right-color: #01579b !important;
}

.light-blue-900-border-bottom {
  border-bottom-color: #01579b !important;
}

.light-blue-900-border-left {
  border-left-color: #01579b !important;
}

.light-blue-A100-bg {
  background-color: #80d8ff !important;
}

.md-light-blue-A100-bg {
  background-color: #80d8ff !important;
  color: rgba(0, 0, 0, 0.87);
}

.light-blue-A100-fg {
  color: #80d8ff !important;
}

.light-blue-A100-border {
  border-color: #80d8ff !important;
}

.light-blue-A100-border-top {
  border-top-color: #80d8ff !important;
}

.light-blue-A100-border-right {
  border-right-color: #80d8ff !important;
}

.light-blue-A100-border-bottom {
  border-bottom-color: #80d8ff !important;
}

.light-blue-A100-border-left {
  border-left-color: #80d8ff !important;
}

.light-blue-A200-bg {
  background-color: #40c4ff !important;
}

.md-light-blue-A200-bg {
  background-color: #40c4ff !important;
  color: rgba(0, 0, 0, 0.87);
}

.light-blue-A200-fg {
  color: #40c4ff !important;
}

.light-blue-A200-border {
  border-color: #40c4ff !important;
}

.light-blue-A200-border-top {
  border-top-color: #40c4ff !important;
}

.light-blue-A200-border-right {
  border-right-color: #40c4ff !important;
}

.light-blue-A200-border-bottom {
  border-bottom-color: #40c4ff !important;
}

.light-blue-A200-border-left {
  border-left-color: #40c4ff !important;
}

.light-blue-A400-bg {
  background-color: #00b0ff !important;
}

.md-light-blue-A400-bg {
  background-color: #00b0ff !important;
  color: rgba(0, 0, 0, 0.87);
}

.light-blue-A400-fg {
  color: #00b0ff !important;
}

.light-blue-A400-border {
  border-color: #00b0ff !important;
}

.light-blue-A400-border-top {
  border-top-color: #00b0ff !important;
}

.light-blue-A400-border-right {
  border-right-color: #00b0ff !important;
}

.light-blue-A400-border-bottom {
  border-bottom-color: #00b0ff !important;
}

.light-blue-A400-border-left {
  border-left-color: #00b0ff !important;
}

.light-blue-A700-bg {
  background-color: #0091ea !important;
}

.md-light-blue-A700-bg {
  background-color: #0091ea !important;
  color: white;
}

.light-blue-A700-fg {
  color: #0091ea !important;
}

.light-blue-A700-border {
  border-color: #0091ea !important;
}

.light-blue-A700-border-top {
  border-top-color: #0091ea !important;
}

.light-blue-A700-border-right {
  border-right-color: #0091ea !important;
}

.light-blue-A700-border-bottom {
  border-bottom-color: #0091ea !important;
}

.light-blue-A700-border-left {
  border-left-color: #0091ea !important;
}

.cyan-50-bg {
  background-color: #e0f7fa !important;
}

.md-cyan-50-bg {
  background-color: #e0f7fa !important;
  color: rgba(0, 0, 0, 0.87);
}

.cyan-50-fg {
  color: #e0f7fa !important;
}

.cyan-50-border {
  border-color: #e0f7fa !important;
}

.cyan-50-border-top {
  border-top-color: #e0f7fa !important;
}

.cyan-50-border-right {
  border-right-color: #e0f7fa !important;
}

.cyan-50-border-bottom {
  border-bottom-color: #e0f7fa !important;
}

.cyan-50-border-left {
  border-left-color: #e0f7fa !important;
}

.cyan-100-bg {
  background-color: #b2ebf2 !important;
}

.md-cyan-100-bg {
  background-color: #b2ebf2 !important;
  color: rgba(0, 0, 0, 0.87);
}

.cyan-100-fg {
  color: #b2ebf2 !important;
}

.cyan-100-border {
  border-color: #b2ebf2 !important;
}

.cyan-100-border-top {
  border-top-color: #b2ebf2 !important;
}

.cyan-100-border-right {
  border-right-color: #b2ebf2 !important;
}

.cyan-100-border-bottom {
  border-bottom-color: #b2ebf2 !important;
}

.cyan-100-border-left {
  border-left-color: #b2ebf2 !important;
}

.cyan-200-bg {
  background-color: #80deea !important;
}

.md-cyan-200-bg {
  background-color: #80deea !important;
  color: rgba(0, 0, 0, 0.87);
}

.cyan-200-fg {
  color: #80deea !important;
}

.cyan-200-border {
  border-color: #80deea !important;
}

.cyan-200-border-top {
  border-top-color: #80deea !important;
}

.cyan-200-border-right {
  border-right-color: #80deea !important;
}

.cyan-200-border-bottom {
  border-bottom-color: #80deea !important;
}

.cyan-200-border-left {
  border-left-color: #80deea !important;
}

.cyan-300-bg {
  background-color: #4dd0e1 !important;
}

.md-cyan-300-bg {
  background-color: #4dd0e1 !important;
  color: rgba(0, 0, 0, 0.87);
}

.cyan-300-fg {
  color: #4dd0e1 !important;
}

.cyan-300-border {
  border-color: #4dd0e1 !important;
}

.cyan-300-border-top {
  border-top-color: #4dd0e1 !important;
}

.cyan-300-border-right {
  border-right-color: #4dd0e1 !important;
}

.cyan-300-border-bottom {
  border-bottom-color: #4dd0e1 !important;
}

.cyan-300-border-left {
  border-left-color: #4dd0e1 !important;
}

.cyan-400-bg {
  background-color: #26c6da !important;
}

.md-cyan-400-bg {
  background-color: #26c6da !important;
  color: rgba(0, 0, 0, 0.87);
}

.cyan-400-fg {
  color: #26c6da !important;
}

.cyan-400-border {
  border-color: #26c6da !important;
}

.cyan-400-border-top {
  border-top-color: #26c6da !important;
}

.cyan-400-border-right {
  border-right-color: #26c6da !important;
}

.cyan-400-border-bottom {
  border-bottom-color: #26c6da !important;
}

.cyan-400-border-left {
  border-left-color: #26c6da !important;
}

.cyan-500-bg {
  background-color: #00bcd4 !important;
}

.md-cyan-500-bg {
  background-color: #00bcd4 !important;
  color: rgba(0, 0, 0, 0.87);
}

.cyan-500-fg {
  color: #00bcd4 !important;
}

.cyan-500-border {
  border-color: #00bcd4 !important;
}

.cyan-500-border-top {
  border-top-color: #00bcd4 !important;
}

.cyan-500-border-right {
  border-right-color: #00bcd4 !important;
}

.cyan-500-border-bottom {
  border-bottom-color: #00bcd4 !important;
}

.cyan-500-border-left {
  border-left-color: #00bcd4 !important;
}

.md-cyan-bg {
  background-color: #00bcd4 !important;
  color: rgba(0, 0, 0, 0.87);
}

.cyan-bg {
  background-color: #00bcd4 !important;
}

.cyan-fg {
  color: #00bcd4 !important;
}

.cyan-border {
  border-color: #00bcd4 !important;
}

.cyan-border-top {
  border-top-color: #00bcd4 !important;
}

.cyan-border-right {
  border-right-color: #00bcd4 !important;
}

.cyan-border-bottom {
  border-bottom-color: #00bcd4 !important;
}

.cyan-border-left {
  border-left-color: #00bcd4 !important;
}

.cyan-600-bg {
  background-color: #00acc1 !important;
}

.md-cyan-600-bg {
  background-color: #00acc1 !important;
  color: rgba(0, 0, 0, 0.87);
}

.cyan-600-fg {
  color: #00acc1 !important;
}

.cyan-600-border {
  border-color: #00acc1 !important;
}

.cyan-600-border-top {
  border-top-color: #00acc1 !important;
}

.cyan-600-border-right {
  border-right-color: #00acc1 !important;
}

.cyan-600-border-bottom {
  border-bottom-color: #00acc1 !important;
}

.cyan-600-border-left {
  border-left-color: #00acc1 !important;
}

.cyan-700-bg {
  background-color: #0097a7 !important;
}

.md-cyan-700-bg {
  background-color: #0097a7 !important;
  color: white;
}

.cyan-700-fg {
  color: #0097a7 !important;
}

.cyan-700-border {
  border-color: #0097a7 !important;
}

.cyan-700-border-top {
  border-top-color: #0097a7 !important;
}

.cyan-700-border-right {
  border-right-color: #0097a7 !important;
}

.cyan-700-border-bottom {
  border-bottom-color: #0097a7 !important;
}

.cyan-700-border-left {
  border-left-color: #0097a7 !important;
}

.cyan-800-bg {
  background-color: #00838f !important;
}

.md-cyan-800-bg {
  background-color: #00838f !important;
  color: white;
}

.cyan-800-fg {
  color: #00838f !important;
}

.cyan-800-border {
  border-color: #00838f !important;
}

.cyan-800-border-top {
  border-top-color: #00838f !important;
}

.cyan-800-border-right {
  border-right-color: #00838f !important;
}

.cyan-800-border-bottom {
  border-bottom-color: #00838f !important;
}

.cyan-800-border-left {
  border-left-color: #00838f !important;
}

.cyan-900-bg {
  background-color: #006064 !important;
}

.md-cyan-900-bg {
  background-color: #006064 !important;
  color: white;
}

.cyan-900-fg {
  color: #006064 !important;
}

.cyan-900-border {
  border-color: #006064 !important;
}

.cyan-900-border-top {
  border-top-color: #006064 !important;
}

.cyan-900-border-right {
  border-right-color: #006064 !important;
}

.cyan-900-border-bottom {
  border-bottom-color: #006064 !important;
}

.cyan-900-border-left {
  border-left-color: #006064 !important;
}

.cyan-A100-bg {
  background-color: #84ffff !important;
}

.md-cyan-A100-bg {
  background-color: #84ffff !important;
  color: rgba(0, 0, 0, 0.87);
}

.cyan-A100-fg {
  color: #84ffff !important;
}

.cyan-A100-border {
  border-color: #84ffff !important;
}

.cyan-A100-border-top {
  border-top-color: #84ffff !important;
}

.cyan-A100-border-right {
  border-right-color: #84ffff !important;
}

.cyan-A100-border-bottom {
  border-bottom-color: #84ffff !important;
}

.cyan-A100-border-left {
  border-left-color: #84ffff !important;
}

.cyan-A200-bg {
  background-color: #18ffff !important;
}

.md-cyan-A200-bg {
  background-color: #18ffff !important;
  color: rgba(0, 0, 0, 0.87);
}

.cyan-A200-fg {
  color: #18ffff !important;
}

.cyan-A200-border {
  border-color: #18ffff !important;
}

.cyan-A200-border-top {
  border-top-color: #18ffff !important;
}

.cyan-A200-border-right {
  border-right-color: #18ffff !important;
}

.cyan-A200-border-bottom {
  border-bottom-color: #18ffff !important;
}

.cyan-A200-border-left {
  border-left-color: #18ffff !important;
}

.cyan-A400-bg {
  background-color: #00e5ff !important;
}

.md-cyan-A400-bg {
  background-color: #00e5ff !important;
  color: rgba(0, 0, 0, 0.87);
}

.cyan-A400-fg {
  color: #00e5ff !important;
}

.cyan-A400-border {
  border-color: #00e5ff !important;
}

.cyan-A400-border-top {
  border-top-color: #00e5ff !important;
}

.cyan-A400-border-right {
  border-right-color: #00e5ff !important;
}

.cyan-A400-border-bottom {
  border-bottom-color: #00e5ff !important;
}

.cyan-A400-border-left {
  border-left-color: #00e5ff !important;
}

.cyan-A700-bg {
  background-color: #00b8d4 !important;
}

.md-cyan-A700-bg {
  background-color: #00b8d4 !important;
  color: rgba(0, 0, 0, 0.87);
}

.cyan-A700-fg {
  color: #00b8d4 !important;
}

.cyan-A700-border {
  border-color: #00b8d4 !important;
}

.cyan-A700-border-top {
  border-top-color: #00b8d4 !important;
}

.cyan-A700-border-right {
  border-right-color: #00b8d4 !important;
}

.cyan-A700-border-bottom {
  border-bottom-color: #00b8d4 !important;
}

.cyan-A700-border-left {
  border-left-color: #00b8d4 !important;
}

.teal-50-bg {
  background-color: #e0f2f1 !important;
}

.md-teal-50-bg {
  background-color: #e0f2f1 !important;
  color: rgba(0, 0, 0, 0.87);
}

.teal-50-fg {
  color: #e0f2f1 !important;
}

.teal-50-border {
  border-color: #e0f2f1 !important;
}

.teal-50-border-top {
  border-top-color: #e0f2f1 !important;
}

.teal-50-border-right {
  border-right-color: #e0f2f1 !important;
}

.teal-50-border-bottom {
  border-bottom-color: #e0f2f1 !important;
}

.teal-50-border-left {
  border-left-color: #e0f2f1 !important;
}

.teal-100-bg {
  background-color: #b2dfdb !important;
}

.md-teal-100-bg {
  background-color: #b2dfdb !important;
  color: rgba(0, 0, 0, 0.87);
}

.teal-100-fg {
  color: #b2dfdb !important;
}

.teal-100-border {
  border-color: #b2dfdb !important;
}

.teal-100-border-top {
  border-top-color: #b2dfdb !important;
}

.teal-100-border-right {
  border-right-color: #b2dfdb !important;
}

.teal-100-border-bottom {
  border-bottom-color: #b2dfdb !important;
}

.teal-100-border-left {
  border-left-color: #b2dfdb !important;
}

.teal-200-bg {
  background-color: #80cbc4 !important;
}

.md-teal-200-bg {
  background-color: #80cbc4 !important;
  color: rgba(0, 0, 0, 0.87);
}

.teal-200-fg {
  color: #80cbc4 !important;
}

.teal-200-border {
  border-color: #80cbc4 !important;
}

.teal-200-border-top {
  border-top-color: #80cbc4 !important;
}

.teal-200-border-right {
  border-right-color: #80cbc4 !important;
}

.teal-200-border-bottom {
  border-bottom-color: #80cbc4 !important;
}

.teal-200-border-left {
  border-left-color: #80cbc4 !important;
}

.teal-300-bg {
  background-color: #4db6ac !important;
}

.md-teal-300-bg {
  background-color: #4db6ac !important;
  color: rgba(0, 0, 0, 0.87);
}

.teal-300-fg {
  color: #4db6ac !important;
}

.teal-300-border {
  border-color: #4db6ac !important;
}

.teal-300-border-top {
  border-top-color: #4db6ac !important;
}

.teal-300-border-right {
  border-right-color: #4db6ac !important;
}

.teal-300-border-bottom {
  border-bottom-color: #4db6ac !important;
}

.teal-300-border-left {
  border-left-color: #4db6ac !important;
}

.teal-400-bg {
  background-color: #26a69a !important;
}

.md-teal-400-bg {
  background-color: #26a69a !important;
  color: rgba(0, 0, 0, 0.87);
}

.teal-400-fg {
  color: #26a69a !important;
}

.teal-400-border {
  border-color: #26a69a !important;
}

.teal-400-border-top {
  border-top-color: #26a69a !important;
}

.teal-400-border-right {
  border-right-color: #26a69a !important;
}

.teal-400-border-bottom {
  border-bottom-color: #26a69a !important;
}

.teal-400-border-left {
  border-left-color: #26a69a !important;
}

.teal-500-bg {
  background-color: #009688 !important;
}

.md-teal-500-bg {
  background-color: #009688 !important;
  color: white;
}

.teal-500-fg {
  color: #009688 !important;
}

.teal-500-border {
  border-color: #009688 !important;
}

.teal-500-border-top {
  border-top-color: #009688 !important;
}

.teal-500-border-right {
  border-right-color: #009688 !important;
}

.teal-500-border-bottom {
  border-bottom-color: #009688 !important;
}

.teal-500-border-left {
  border-left-color: #009688 !important;
}

.md-teal-bg {
  background-color: #009688 !important;
  color: white;
}

.teal-bg {
  background-color: #009688 !important;
}

.teal-fg {
  color: #009688 !important;
}

.teal-border {
  border-color: #009688 !important;
}

.teal-border-top {
  border-top-color: #009688 !important;
}

.teal-border-right {
  border-right-color: #009688 !important;
}

.teal-border-bottom {
  border-bottom-color: #009688 !important;
}

.teal-border-left {
  border-left-color: #009688 !important;
}

.teal-600-bg {
  background-color: #00897b !important;
}

.md-teal-600-bg {
  background-color: #00897b !important;
  color: white;
}

.teal-600-fg {
  color: #00897b !important;
}

.teal-600-border {
  border-color: #00897b !important;
}

.teal-600-border-top {
  border-top-color: #00897b !important;
}

.teal-600-border-right {
  border-right-color: #00897b !important;
}

.teal-600-border-bottom {
  border-bottom-color: #00897b !important;
}

.teal-600-border-left {
  border-left-color: #00897b !important;
}

.teal-700-bg {
  background-color: #00796b !important;
}

.md-teal-700-bg {
  background-color: #00796b !important;
  color: white;
}

.teal-700-fg {
  color: #00796b !important;
}

.teal-700-border {
  border-color: #00796b !important;
}

.teal-700-border-top {
  border-top-color: #00796b !important;
}

.teal-700-border-right {
  border-right-color: #00796b !important;
}

.teal-700-border-bottom {
  border-bottom-color: #00796b !important;
}

.teal-700-border-left {
  border-left-color: #00796b !important;
}

.teal-800-bg {
  background-color: #00695c !important;
}

.md-teal-800-bg {
  background-color: #00695c !important;
  color: rgba(255, 255, 255, 0.87);
}

.teal-800-fg {
  color: #00695c !important;
}

.teal-800-border {
  border-color: #00695c !important;
}

.teal-800-border-top {
  border-top-color: #00695c !important;
}

.teal-800-border-right {
  border-right-color: #00695c !important;
}

.teal-800-border-bottom {
  border-bottom-color: #00695c !important;
}

.teal-800-border-left {
  border-left-color: #00695c !important;
}

.teal-900-bg {
  background-color: #004d40 !important;
}

.md-teal-900-bg {
  background-color: #004d40 !important;
  color: rgba(255, 255, 255, 0.87);
}

.teal-900-fg {
  color: #004d40 !important;
}

.teal-900-border {
  border-color: #004d40 !important;
}

.teal-900-border-top {
  border-top-color: #004d40 !important;
}

.teal-900-border-right {
  border-right-color: #004d40 !important;
}

.teal-900-border-bottom {
  border-bottom-color: #004d40 !important;
}

.teal-900-border-left {
  border-left-color: #004d40 !important;
}

.teal-A100-bg {
  background-color: #a7ffeb !important;
}

.md-teal-A100-bg {
  background-color: #a7ffeb !important;
  color: rgba(0, 0, 0, 0.87);
}

.teal-A100-fg {
  color: #a7ffeb !important;
}

.teal-A100-border {
  border-color: #a7ffeb !important;
}

.teal-A100-border-top {
  border-top-color: #a7ffeb !important;
}

.teal-A100-border-right {
  border-right-color: #a7ffeb !important;
}

.teal-A100-border-bottom {
  border-bottom-color: #a7ffeb !important;
}

.teal-A100-border-left {
  border-left-color: #a7ffeb !important;
}

.teal-A200-bg {
  background-color: #64ffda !important;
}

.md-teal-A200-bg {
  background-color: #64ffda !important;
  color: rgba(0, 0, 0, 0.87);
}

.teal-A200-fg {
  color: #64ffda !important;
}

.teal-A200-border {
  border-color: #64ffda !important;
}

.teal-A200-border-top {
  border-top-color: #64ffda !important;
}

.teal-A200-border-right {
  border-right-color: #64ffda !important;
}

.teal-A200-border-bottom {
  border-bottom-color: #64ffda !important;
}

.teal-A200-border-left {
  border-left-color: #64ffda !important;
}

.teal-A400-bg {
  background-color: #1de9b6 !important;
}

.md-teal-A400-bg {
  background-color: #1de9b6 !important;
  color: rgba(0, 0, 0, 0.87);
}

.teal-A400-fg {
  color: #1de9b6 !important;
}

.teal-A400-border {
  border-color: #1de9b6 !important;
}

.teal-A400-border-top {
  border-top-color: #1de9b6 !important;
}

.teal-A400-border-right {
  border-right-color: #1de9b6 !important;
}

.teal-A400-border-bottom {
  border-bottom-color: #1de9b6 !important;
}

.teal-A400-border-left {
  border-left-color: #1de9b6 !important;
}

.teal-A700-bg {
  background-color: #00bfa5 !important;
}

.md-teal-A700-bg {
  background-color: #00bfa5 !important;
  color: rgba(0, 0, 0, 0.87);
}

.teal-A700-fg {
  color: #00bfa5 !important;
}

.teal-A700-border {
  border-color: #00bfa5 !important;
}

.teal-A700-border-top {
  border-top-color: #00bfa5 !important;
}

.teal-A700-border-right {
  border-right-color: #00bfa5 !important;
}

.teal-A700-border-bottom {
  border-bottom-color: #00bfa5 !important;
}

.teal-A700-border-left {
  border-left-color: #00bfa5 !important;
}

.green-50-bg {
  background-color: #e8f5e9 !important;
}

.md-green-50-bg {
  background-color: #e8f5e9 !important;
  color: rgba(0, 0, 0, 0.87);
}

.green-50-fg {
  color: #e8f5e9 !important;
}

.green-50-border {
  border-color: #e8f5e9 !important;
}

.green-50-border-top {
  border-top-color: #e8f5e9 !important;
}

.green-50-border-right {
  border-right-color: #e8f5e9 !important;
}

.green-50-border-bottom {
  border-bottom-color: #e8f5e9 !important;
}

.green-50-border-left {
  border-left-color: #e8f5e9 !important;
}

.green-100-bg {
  background-color: #c8e6c9 !important;
}

.md-green-100-bg {
  background-color: #c8e6c9 !important;
  color: rgba(0, 0, 0, 0.87);
}

.green-100-fg {
  color: #c8e6c9 !important;
}

.green-100-border {
  border-color: #c8e6c9 !important;
}

.green-100-border-top {
  border-top-color: #c8e6c9 !important;
}

.green-100-border-right {
  border-right-color: #c8e6c9 !important;
}

.green-100-border-bottom {
  border-bottom-color: #c8e6c9 !important;
}

.green-100-border-left {
  border-left-color: #c8e6c9 !important;
}

.green-200-bg {
  background-color: #a5d6a7 !important;
}

.md-green-200-bg {
  background-color: #a5d6a7 !important;
  color: rgba(0, 0, 0, 0.87);
}

.green-200-fg {
  color: #a5d6a7 !important;
}

.green-200-border {
  border-color: #a5d6a7 !important;
}

.green-200-border-top {
  border-top-color: #a5d6a7 !important;
}

.green-200-border-right {
  border-right-color: #a5d6a7 !important;
}

.green-200-border-bottom {
  border-bottom-color: #a5d6a7 !important;
}

.green-200-border-left {
  border-left-color: #a5d6a7 !important;
}

.green-300-bg {
  background-color: #81c784 !important;
}

.md-green-300-bg {
  background-color: #81c784 !important;
  color: rgba(0, 0, 0, 0.87);
}

.green-300-fg {
  color: #81c784 !important;
}

.green-300-border {
  border-color: #81c784 !important;
}

.green-300-border-top {
  border-top-color: #81c784 !important;
}

.green-300-border-right {
  border-right-color: #81c784 !important;
}

.green-300-border-bottom {
  border-bottom-color: #81c784 !important;
}

.green-300-border-left {
  border-left-color: #81c784 !important;
}

.green-400-bg {
  background-color: #66bb6a !important;
}

.md-green-400-bg {
  background-color: #66bb6a !important;
  color: rgba(0, 0, 0, 0.87);
}

.green-400-fg {
  color: #66bb6a !important;
}

.green-400-border {
  border-color: #66bb6a !important;
}

.green-400-border-top {
  border-top-color: #66bb6a !important;
}

.green-400-border-right {
  border-right-color: #66bb6a !important;
}

.green-400-border-bottom {
  border-bottom-color: #66bb6a !important;
}

.green-400-border-left {
  border-left-color: #66bb6a !important;
}

.green-500-bg {
  background-color: #4caf50 !important;
}

.md-green-500-bg {
  background-color: #4caf50 !important;
  color: rgba(0, 0, 0, 0.87);
}

.green-500-fg {
  color: #4caf50 !important;
}

.green-500-border {
  border-color: #4caf50 !important;
}

.green-500-border-top {
  border-top-color: #4caf50 !important;
}

.green-500-border-right {
  border-right-color: #4caf50 !important;
}

.green-500-border-bottom {
  border-bottom-color: #4caf50 !important;
}

.green-500-border-left {
  border-left-color: #4caf50 !important;
}

.md-green-bg {
  background-color: #4caf50 !important;
  color: rgba(0, 0, 0, 0.87);
}

.green-bg {
  background-color: #4caf50 !important;
}

.green-fg {
  color: #4caf50 !important;
}

.green-border {
  border-color: #4caf50 !important;
}

.green-border-top {
  border-top-color: #4caf50 !important;
}

.green-border-right {
  border-right-color: #4caf50 !important;
}

.green-border-bottom {
  border-bottom-color: #4caf50 !important;
}

.green-border-left {
  border-left-color: #4caf50 !important;
}

.green-600-bg {
  background-color: #43a047 !important;
}

.md-green-600-bg {
  background-color: #43a047 !important;
  color: white;
}

.green-600-fg {
  color: #43a047 !important;
}

.green-600-border {
  border-color: #43a047 !important;
}

.green-600-border-top {
  border-top-color: #43a047 !important;
}

.green-600-border-right {
  border-right-color: #43a047 !important;
}

.green-600-border-bottom {
  border-bottom-color: #43a047 !important;
}

.green-600-border-left {
  border-left-color: #43a047 !important;
}

.green-700-bg {
  background-color: #388e3c !important;
}

.md-green-700-bg {
  background-color: #388e3c !important;
  color: white;
}

.green-700-fg {
  color: #388e3c !important;
}

.green-700-border {
  border-color: #388e3c !important;
}

.green-700-border-top {
  border-top-color: #388e3c !important;
}

.green-700-border-right {
  border-right-color: #388e3c !important;
}

.green-700-border-bottom {
  border-bottom-color: #388e3c !important;
}

.green-700-border-left {
  border-left-color: #388e3c !important;
}

.green-800-bg {
  background-color: #2e7d32 !important;
}

.md-green-800-bg {
  background-color: #2e7d32 !important;
  color: rgba(255, 255, 255, 0.87);
}

.green-800-fg {
  color: #2e7d32 !important;
}

.green-800-border {
  border-color: #2e7d32 !important;
}

.green-800-border-top {
  border-top-color: #2e7d32 !important;
}

.green-800-border-right {
  border-right-color: #2e7d32 !important;
}

.green-800-border-bottom {
  border-bottom-color: #2e7d32 !important;
}

.green-800-border-left {
  border-left-color: #2e7d32 !important;
}

.green-900-bg {
  background-color: #1b5e20 !important;
}

.md-green-900-bg {
  background-color: #1b5e20 !important;
  color: rgba(255, 255, 255, 0.87);
}

.green-900-fg {
  color: #1b5e20 !important;
}

.green-900-border {
  border-color: #1b5e20 !important;
}

.green-900-border-top {
  border-top-color: #1b5e20 !important;
}

.green-900-border-right {
  border-right-color: #1b5e20 !important;
}

.green-900-border-bottom {
  border-bottom-color: #1b5e20 !important;
}

.green-900-border-left {
  border-left-color: #1b5e20 !important;
}

.green-A100-bg {
  background-color: #b9f6ca !important;
}

.md-green-A100-bg {
  background-color: #b9f6ca !important;
  color: rgba(0, 0, 0, 0.87);
}

.green-A100-fg {
  color: #b9f6ca !important;
}

.green-A100-border {
  border-color: #b9f6ca !important;
}

.green-A100-border-top {
  border-top-color: #b9f6ca !important;
}

.green-A100-border-right {
  border-right-color: #b9f6ca !important;
}

.green-A100-border-bottom {
  border-bottom-color: #b9f6ca !important;
}

.green-A100-border-left {
  border-left-color: #b9f6ca !important;
}

.green-A200-bg {
  background-color: #69f0ae !important;
}

.md-green-A200-bg {
  background-color: #69f0ae !important;
  color: rgba(0, 0, 0, 0.87);
}

.green-A200-fg {
  color: #69f0ae !important;
}

.green-A200-border {
  border-color: #69f0ae !important;
}

.green-A200-border-top {
  border-top-color: #69f0ae !important;
}

.green-A200-border-right {
  border-right-color: #69f0ae !important;
}

.green-A200-border-bottom {
  border-bottom-color: #69f0ae !important;
}

.green-A200-border-left {
  border-left-color: #69f0ae !important;
}

.green-A400-bg {
  background-color: #00e676 !important;
}

.md-green-A400-bg {
  background-color: #00e676 !important;
  color: rgba(0, 0, 0, 0.87);
}

.green-A400-fg {
  color: #00e676 !important;
}

.green-A400-border {
  border-color: #00e676 !important;
}

.green-A400-border-top {
  border-top-color: #00e676 !important;
}

.green-A400-border-right {
  border-right-color: #00e676 !important;
}

.green-A400-border-bottom {
  border-bottom-color: #00e676 !important;
}

.green-A400-border-left {
  border-left-color: #00e676 !important;
}

.green-A700-bg {
  background-color: #00c853 !important;
}

.md-green-A700-bg {
  background-color: #00c853 !important;
  color: rgba(0, 0, 0, 0.87);
}

.green-A700-fg {
  color: #00c853 !important;
}

.green-A700-border {
  border-color: #00c853 !important;
}

.green-A700-border-top {
  border-top-color: #00c853 !important;
}

.green-A700-border-right {
  border-right-color: #00c853 !important;
}

.green-A700-border-bottom {
  border-bottom-color: #00c853 !important;
}

.green-A700-border-left {
  border-left-color: #00c853 !important;
}

.light-green-50-bg {
  background-color: #f1f8e9 !important;
}

.md-light-green-50-bg {
  background-color: #f1f8e9 !important;
  color: rgba(0, 0, 0, 0.87);
}

.light-green-50-fg {
  color: #f1f8e9 !important;
}

.light-green-50-border {
  border-color: #f1f8e9 !important;
}

.light-green-50-border-top {
  border-top-color: #f1f8e9 !important;
}

.light-green-50-border-right {
  border-right-color: #f1f8e9 !important;
}

.light-green-50-border-bottom {
  border-bottom-color: #f1f8e9 !important;
}

.light-green-50-border-left {
  border-left-color: #f1f8e9 !important;
}

.light-green-100-bg {
  background-color: #dcedc8 !important;
}

.md-light-green-100-bg {
  background-color: #dcedc8 !important;
  color: rgba(0, 0, 0, 0.87);
}

.light-green-100-fg {
  color: #dcedc8 !important;
}

.light-green-100-border {
  border-color: #dcedc8 !important;
}

.light-green-100-border-top {
  border-top-color: #dcedc8 !important;
}

.light-green-100-border-right {
  border-right-color: #dcedc8 !important;
}

.light-green-100-border-bottom {
  border-bottom-color: #dcedc8 !important;
}

.light-green-100-border-left {
  border-left-color: #dcedc8 !important;
}

.light-green-200-bg {
  background-color: #c5e1a5 !important;
}

.md-light-green-200-bg {
  background-color: #c5e1a5 !important;
  color: rgba(0, 0, 0, 0.87);
}

.light-green-200-fg {
  color: #c5e1a5 !important;
}

.light-green-200-border {
  border-color: #c5e1a5 !important;
}

.light-green-200-border-top {
  border-top-color: #c5e1a5 !important;
}

.light-green-200-border-right {
  border-right-color: #c5e1a5 !important;
}

.light-green-200-border-bottom {
  border-bottom-color: #c5e1a5 !important;
}

.light-green-200-border-left {
  border-left-color: #c5e1a5 !important;
}

.light-green-300-bg {
  background-color: #aed581 !important;
}

.md-light-green-300-bg {
  background-color: #aed581 !important;
  color: rgba(0, 0, 0, 0.87);
}

.light-green-300-fg {
  color: #aed581 !important;
}

.light-green-300-border {
  border-color: #aed581 !important;
}

.light-green-300-border-top {
  border-top-color: #aed581 !important;
}

.light-green-300-border-right {
  border-right-color: #aed581 !important;
}

.light-green-300-border-bottom {
  border-bottom-color: #aed581 !important;
}

.light-green-300-border-left {
  border-left-color: #aed581 !important;
}

.light-green-400-bg {
  background-color: #9ccc65 !important;
}

.md-light-green-400-bg {
  background-color: #9ccc65 !important;
  color: rgba(0, 0, 0, 0.87);
}

.light-green-400-fg {
  color: #9ccc65 !important;
}

.light-green-400-border {
  border-color: #9ccc65 !important;
}

.light-green-400-border-top {
  border-top-color: #9ccc65 !important;
}

.light-green-400-border-right {
  border-right-color: #9ccc65 !important;
}

.light-green-400-border-bottom {
  border-bottom-color: #9ccc65 !important;
}

.light-green-400-border-left {
  border-left-color: #9ccc65 !important;
}

.light-green-500-bg {
  background-color: #8bc34a !important;
}

.md-light-green-500-bg {
  background-color: #8bc34a !important;
  color: rgba(0, 0, 0, 0.87);
}

.light-green-500-fg {
  color: #8bc34a !important;
}

.light-green-500-border {
  border-color: #8bc34a !important;
}

.light-green-500-border-top {
  border-top-color: #8bc34a !important;
}

.light-green-500-border-right {
  border-right-color: #8bc34a !important;
}

.light-green-500-border-bottom {
  border-bottom-color: #8bc34a !important;
}

.light-green-500-border-left {
  border-left-color: #8bc34a !important;
}

.md-light-green-bg {
  background-color: #8bc34a !important;
  color: rgba(0, 0, 0, 0.87);
}

.light-green-bg {
  background-color: #8bc34a !important;
}

.light-green-fg {
  color: #8bc34a !important;
}

.light-green-border {
  border-color: #8bc34a !important;
}

.light-green-border-top {
  border-top-color: #8bc34a !important;
}

.light-green-border-right {
  border-right-color: #8bc34a !important;
}

.light-green-border-bottom {
  border-bottom-color: #8bc34a !important;
}

.light-green-border-left {
  border-left-color: #8bc34a !important;
}

.light-green-600-bg {
  background-color: #7cb342 !important;
}

.md-light-green-600-bg {
  background-color: #7cb342 !important;
  color: rgba(0, 0, 0, 0.87);
}

.light-green-600-fg {
  color: #7cb342 !important;
}

.light-green-600-border {
  border-color: #7cb342 !important;
}

.light-green-600-border-top {
  border-top-color: #7cb342 !important;
}

.light-green-600-border-right {
  border-right-color: #7cb342 !important;
}

.light-green-600-border-bottom {
  border-bottom-color: #7cb342 !important;
}

.light-green-600-border-left {
  border-left-color: #7cb342 !important;
}

.light-green-700-bg {
  background-color: #689f38 !important;
}

.md-light-green-700-bg {
  background-color: #689f38 !important;
  color: white;
}

.light-green-700-fg {
  color: #689f38 !important;
}

.light-green-700-border {
  border-color: #689f38 !important;
}

.light-green-700-border-top {
  border-top-color: #689f38 !important;
}

.light-green-700-border-right {
  border-right-color: #689f38 !important;
}

.light-green-700-border-bottom {
  border-bottom-color: #689f38 !important;
}

.light-green-700-border-left {
  border-left-color: #689f38 !important;
}

.light-green-800-bg {
  background-color: #558b2f !important;
}

.md-light-green-800-bg {
  background-color: #558b2f !important;
  color: white;
}

.light-green-800-fg {
  color: #558b2f !important;
}

.light-green-800-border {
  border-color: #558b2f !important;
}

.light-green-800-border-top {
  border-top-color: #558b2f !important;
}

.light-green-800-border-right {
  border-right-color: #558b2f !important;
}

.light-green-800-border-bottom {
  border-bottom-color: #558b2f !important;
}

.light-green-800-border-left {
  border-left-color: #558b2f !important;
}

.light-green-900-bg {
  background-color: #33691e !important;
}

.md-light-green-900-bg {
  background-color: #33691e !important;
  color: white;
}

.light-green-900-fg {
  color: #33691e !important;
}

.light-green-900-border {
  border-color: #33691e !important;
}

.light-green-900-border-top {
  border-top-color: #33691e !important;
}

.light-green-900-border-right {
  border-right-color: #33691e !important;
}

.light-green-900-border-bottom {
  border-bottom-color: #33691e !important;
}

.light-green-900-border-left {
  border-left-color: #33691e !important;
}

.light-green-A100-bg {
  background-color: #ccff90 !important;
}

.md-light-green-A100-bg {
  background-color: #ccff90 !important;
  color: rgba(0, 0, 0, 0.87);
}

.light-green-A100-fg {
  color: #ccff90 !important;
}

.light-green-A100-border {
  border-color: #ccff90 !important;
}

.light-green-A100-border-top {
  border-top-color: #ccff90 !important;
}

.light-green-A100-border-right {
  border-right-color: #ccff90 !important;
}

.light-green-A100-border-bottom {
  border-bottom-color: #ccff90 !important;
}

.light-green-A100-border-left {
  border-left-color: #ccff90 !important;
}

.light-green-A200-bg {
  background-color: #b2ff59 !important;
}

.md-light-green-A200-bg {
  background-color: #b2ff59 !important;
  color: rgba(0, 0, 0, 0.87);
}

.light-green-A200-fg {
  color: #b2ff59 !important;
}

.light-green-A200-border {
  border-color: #b2ff59 !important;
}

.light-green-A200-border-top {
  border-top-color: #b2ff59 !important;
}

.light-green-A200-border-right {
  border-right-color: #b2ff59 !important;
}

.light-green-A200-border-bottom {
  border-bottom-color: #b2ff59 !important;
}

.light-green-A200-border-left {
  border-left-color: #b2ff59 !important;
}

.light-green-A400-bg {
  background-color: #76ff03 !important;
}

.md-light-green-A400-bg {
  background-color: #76ff03 !important;
  color: rgba(0, 0, 0, 0.87);
}

.light-green-A400-fg {
  color: #76ff03 !important;
}

.light-green-A400-border {
  border-color: #76ff03 !important;
}

.light-green-A400-border-top {
  border-top-color: #76ff03 !important;
}

.light-green-A400-border-right {
  border-right-color: #76ff03 !important;
}

.light-green-A400-border-bottom {
  border-bottom-color: #76ff03 !important;
}

.light-green-A400-border-left {
  border-left-color: #76ff03 !important;
}

.light-green-A700-bg {
  background-color: #64dd17 !important;
}

.md-light-green-A700-bg {
  background-color: #64dd17 !important;
  color: rgba(0, 0, 0, 0.87);
}

.light-green-A700-fg {
  color: #64dd17 !important;
}

.light-green-A700-border {
  border-color: #64dd17 !important;
}

.light-green-A700-border-top {
  border-top-color: #64dd17 !important;
}

.light-green-A700-border-right {
  border-right-color: #64dd17 !important;
}

.light-green-A700-border-bottom {
  border-bottom-color: #64dd17 !important;
}

.light-green-A700-border-left {
  border-left-color: #64dd17 !important;
}

.lime-50-bg {
  background-color: #f9fbe7 !important;
}

.md-lime-50-bg {
  background-color: #f9fbe7 !important;
  color: rgba(0, 0, 0, 0.87);
}

.lime-50-fg {
  color: #f9fbe7 !important;
}

.lime-50-border {
  border-color: #f9fbe7 !important;
}

.lime-50-border-top {
  border-top-color: #f9fbe7 !important;
}

.lime-50-border-right {
  border-right-color: #f9fbe7 !important;
}

.lime-50-border-bottom {
  border-bottom-color: #f9fbe7 !important;
}

.lime-50-border-left {
  border-left-color: #f9fbe7 !important;
}

.lime-100-bg {
  background-color: #f0f4c3 !important;
}

.md-lime-100-bg {
  background-color: #f0f4c3 !important;
  color: rgba(0, 0, 0, 0.87);
}

.lime-100-fg {
  color: #f0f4c3 !important;
}

.lime-100-border {
  border-color: #f0f4c3 !important;
}

.lime-100-border-top {
  border-top-color: #f0f4c3 !important;
}

.lime-100-border-right {
  border-right-color: #f0f4c3 !important;
}

.lime-100-border-bottom {
  border-bottom-color: #f0f4c3 !important;
}

.lime-100-border-left {
  border-left-color: #f0f4c3 !important;
}

.lime-200-bg {
  background-color: #e6ee9c !important;
}

.md-lime-200-bg {
  background-color: #e6ee9c !important;
  color: rgba(0, 0, 0, 0.87);
}

.lime-200-fg {
  color: #e6ee9c !important;
}

.lime-200-border {
  border-color: #e6ee9c !important;
}

.lime-200-border-top {
  border-top-color: #e6ee9c !important;
}

.lime-200-border-right {
  border-right-color: #e6ee9c !important;
}

.lime-200-border-bottom {
  border-bottom-color: #e6ee9c !important;
}

.lime-200-border-left {
  border-left-color: #e6ee9c !important;
}

.lime-300-bg {
  background-color: #dce775 !important;
}

.md-lime-300-bg {
  background-color: #dce775 !important;
  color: rgba(0, 0, 0, 0.87);
}

.lime-300-fg {
  color: #dce775 !important;
}

.lime-300-border {
  border-color: #dce775 !important;
}

.lime-300-border-top {
  border-top-color: #dce775 !important;
}

.lime-300-border-right {
  border-right-color: #dce775 !important;
}

.lime-300-border-bottom {
  border-bottom-color: #dce775 !important;
}

.lime-300-border-left {
  border-left-color: #dce775 !important;
}

.lime-400-bg {
  background-color: #d4e157 !important;
}

.md-lime-400-bg {
  background-color: #d4e157 !important;
  color: rgba(0, 0, 0, 0.87);
}

.lime-400-fg {
  color: #d4e157 !important;
}

.lime-400-border {
  border-color: #d4e157 !important;
}

.lime-400-border-top {
  border-top-color: #d4e157 !important;
}

.lime-400-border-right {
  border-right-color: #d4e157 !important;
}

.lime-400-border-bottom {
  border-bottom-color: #d4e157 !important;
}

.lime-400-border-left {
  border-left-color: #d4e157 !important;
}

.lime-500-bg {
  background-color: #cddc39 !important;
}

.md-lime-500-bg {
  background-color: #cddc39 !important;
  color: rgba(0, 0, 0, 0.87);
}

.lime-500-fg {
  color: #cddc39 !important;
}

.lime-500-border {
  border-color: #cddc39 !important;
}

.lime-500-border-top {
  border-top-color: #cddc39 !important;
}

.lime-500-border-right {
  border-right-color: #cddc39 !important;
}

.lime-500-border-bottom {
  border-bottom-color: #cddc39 !important;
}

.lime-500-border-left {
  border-left-color: #cddc39 !important;
}

.md-lime-bg {
  background-color: #cddc39 !important;
  color: rgba(0, 0, 0, 0.87);
}

.lime-bg {
  background-color: #cddc39 !important;
}

.lime-fg {
  color: #cddc39 !important;
}

.lime-border {
  border-color: #cddc39 !important;
}

.lime-border-top {
  border-top-color: #cddc39 !important;
}

.lime-border-right {
  border-right-color: #cddc39 !important;
}

.lime-border-bottom {
  border-bottom-color: #cddc39 !important;
}

.lime-border-left {
  border-left-color: #cddc39 !important;
}

.lime-600-bg {
  background-color: #c0ca33 !important;
}

.md-lime-600-bg {
  background-color: #c0ca33 !important;
  color: rgba(0, 0, 0, 0.87);
}

.lime-600-fg {
  color: #c0ca33 !important;
}

.lime-600-border {
  border-color: #c0ca33 !important;
}

.lime-600-border-top {
  border-top-color: #c0ca33 !important;
}

.lime-600-border-right {
  border-right-color: #c0ca33 !important;
}

.lime-600-border-bottom {
  border-bottom-color: #c0ca33 !important;
}

.lime-600-border-left {
  border-left-color: #c0ca33 !important;
}

.lime-700-bg {
  background-color: #afb42b !important;
}

.md-lime-700-bg {
  background-color: #afb42b !important;
  color: rgba(0, 0, 0, 0.87);
}

.lime-700-fg {
  color: #afb42b !important;
}

.lime-700-border {
  border-color: #afb42b !important;
}

.lime-700-border-top {
  border-top-color: #afb42b !important;
}

.lime-700-border-right {
  border-right-color: #afb42b !important;
}

.lime-700-border-bottom {
  border-bottom-color: #afb42b !important;
}

.lime-700-border-left {
  border-left-color: #afb42b !important;
}

.lime-800-bg {
  background-color: #9e9d24 !important;
}

.md-lime-800-bg {
  background-color: #9e9d24 !important;
  color: rgba(0, 0, 0, 0.87);
}

.lime-800-fg {
  color: #9e9d24 !important;
}

.lime-800-border {
  border-color: #9e9d24 !important;
}

.lime-800-border-top {
  border-top-color: #9e9d24 !important;
}

.lime-800-border-right {
  border-right-color: #9e9d24 !important;
}

.lime-800-border-bottom {
  border-bottom-color: #9e9d24 !important;
}

.lime-800-border-left {
  border-left-color: #9e9d24 !important;
}

.lime-900-bg {
  background-color: #827717 !important;
}

.md-lime-900-bg {
  background-color: #827717 !important;
  color: white;
}

.lime-900-fg {
  color: #827717 !important;
}

.lime-900-border {
  border-color: #827717 !important;
}

.lime-900-border-top {
  border-top-color: #827717 !important;
}

.lime-900-border-right {
  border-right-color: #827717 !important;
}

.lime-900-border-bottom {
  border-bottom-color: #827717 !important;
}

.lime-900-border-left {
  border-left-color: #827717 !important;
}

.lime-A100-bg {
  background-color: #f4ff81 !important;
}

.md-lime-A100-bg {
  background-color: #f4ff81 !important;
  color: rgba(0, 0, 0, 0.87);
}

.lime-A100-fg {
  color: #f4ff81 !important;
}

.lime-A100-border {
  border-color: #f4ff81 !important;
}

.lime-A100-border-top {
  border-top-color: #f4ff81 !important;
}

.lime-A100-border-right {
  border-right-color: #f4ff81 !important;
}

.lime-A100-border-bottom {
  border-bottom-color: #f4ff81 !important;
}

.lime-A100-border-left {
  border-left-color: #f4ff81 !important;
}

.lime-A200-bg {
  background-color: #eeff41 !important;
}

.md-lime-A200-bg {
  background-color: #eeff41 !important;
  color: rgba(0, 0, 0, 0.87);
}

.lime-A200-fg {
  color: #eeff41 !important;
}

.lime-A200-border {
  border-color: #eeff41 !important;
}

.lime-A200-border-top {
  border-top-color: #eeff41 !important;
}

.lime-A200-border-right {
  border-right-color: #eeff41 !important;
}

.lime-A200-border-bottom {
  border-bottom-color: #eeff41 !important;
}

.lime-A200-border-left {
  border-left-color: #eeff41 !important;
}

.lime-A400-bg {
  background-color: #c6ff00 !important;
}

.md-lime-A400-bg {
  background-color: #c6ff00 !important;
  color: rgba(0, 0, 0, 0.87);
}

.lime-A400-fg {
  color: #c6ff00 !important;
}

.lime-A400-border {
  border-color: #c6ff00 !important;
}

.lime-A400-border-top {
  border-top-color: #c6ff00 !important;
}

.lime-A400-border-right {
  border-right-color: #c6ff00 !important;
}

.lime-A400-border-bottom {
  border-bottom-color: #c6ff00 !important;
}

.lime-A400-border-left {
  border-left-color: #c6ff00 !important;
}

.lime-A700-bg {
  background-color: #aeea00 !important;
}

.md-lime-A700-bg {
  background-color: #aeea00 !important;
  color: rgba(0, 0, 0, 0.87);
}

.lime-A700-fg {
  color: #aeea00 !important;
}

.lime-A700-border {
  border-color: #aeea00 !important;
}

.lime-A700-border-top {
  border-top-color: #aeea00 !important;
}

.lime-A700-border-right {
  border-right-color: #aeea00 !important;
}

.lime-A700-border-bottom {
  border-bottom-color: #aeea00 !important;
}

.lime-A700-border-left {
  border-left-color: #aeea00 !important;
}

.yellow-50-bg {
  background-color: #fffde7 !important;
}

.md-yellow-50-bg {
  background-color: #fffde7 !important;
  color: rgba(0, 0, 0, 0.87);
}

.yellow-50-fg {
  color: #fffde7 !important;
}

.yellow-50-border {
  border-color: #fffde7 !important;
}

.yellow-50-border-top {
  border-top-color: #fffde7 !important;
}

.yellow-50-border-right {
  border-right-color: #fffde7 !important;
}

.yellow-50-border-bottom {
  border-bottom-color: #fffde7 !important;
}

.yellow-50-border-left {
  border-left-color: #fffde7 !important;
}

.yellow-100-bg {
  background-color: #fff9c4 !important;
}

.md-yellow-100-bg {
  background-color: #fff9c4 !important;
  color: rgba(0, 0, 0, 0.87);
}

.yellow-100-fg {
  color: #fff9c4 !important;
}

.yellow-100-border {
  border-color: #fff9c4 !important;
}

.yellow-100-border-top {
  border-top-color: #fff9c4 !important;
}

.yellow-100-border-right {
  border-right-color: #fff9c4 !important;
}

.yellow-100-border-bottom {
  border-bottom-color: #fff9c4 !important;
}

.yellow-100-border-left {
  border-left-color: #fff9c4 !important;
}

.yellow-200-bg {
  background-color: #fff59d !important;
}

.md-yellow-200-bg {
  background-color: #fff59d !important;
  color: rgba(0, 0, 0, 0.87);
}

.yellow-200-fg {
  color: #fff59d !important;
}

.yellow-200-border {
  border-color: #fff59d !important;
}

.yellow-200-border-top {
  border-top-color: #fff59d !important;
}

.yellow-200-border-right {
  border-right-color: #fff59d !important;
}

.yellow-200-border-bottom {
  border-bottom-color: #fff59d !important;
}

.yellow-200-border-left {
  border-left-color: #fff59d !important;
}

.yellow-300-bg {
  background-color: #fff176 !important;
}

.md-yellow-300-bg {
  background-color: #fff176 !important;
  color: rgba(0, 0, 0, 0.87);
}

.yellow-300-fg {
  color: #fff176 !important;
}

.yellow-300-border {
  border-color: #fff176 !important;
}

.yellow-300-border-top {
  border-top-color: #fff176 !important;
}

.yellow-300-border-right {
  border-right-color: #fff176 !important;
}

.yellow-300-border-bottom {
  border-bottom-color: #fff176 !important;
}

.yellow-300-border-left {
  border-left-color: #fff176 !important;
}

.yellow-400-bg {
  background-color: #ffee58 !important;
}

.md-yellow-400-bg {
  background-color: #ffee58 !important;
  color: rgba(0, 0, 0, 0.87);
}

.yellow-400-fg {
  color: #ffee58 !important;
}

.yellow-400-border {
  border-color: #ffee58 !important;
}

.yellow-400-border-top {
  border-top-color: #ffee58 !important;
}

.yellow-400-border-right {
  border-right-color: #ffee58 !important;
}

.yellow-400-border-bottom {
  border-bottom-color: #ffee58 !important;
}

.yellow-400-border-left {
  border-left-color: #ffee58 !important;
}

.yellow-500-bg {
  background-color: #ffeb3b !important;
}

.md-yellow-500-bg {
  background-color: #ffeb3b !important;
  color: rgba(0, 0, 0, 0.87);
}

.yellow-500-fg {
  color: #ffeb3b !important;
}

.yellow-500-border {
  border-color: #ffeb3b !important;
}

.yellow-500-border-top {
  border-top-color: #ffeb3b !important;
}

.yellow-500-border-right {
  border-right-color: #ffeb3b !important;
}

.yellow-500-border-bottom {
  border-bottom-color: #ffeb3b !important;
}

.yellow-500-border-left {
  border-left-color: #ffeb3b !important;
}

.md-yellow-bg {
  background-color: #ffeb3b !important;
  color: rgba(0, 0, 0, 0.87);
}

.yellow-bg {
  background-color: #ffeb3b !important;
}

.yellow-fg {
  color: #ffeb3b !important;
}

.yellow-border {
  border-color: #ffeb3b !important;
}

.yellow-border-top {
  border-top-color: #ffeb3b !important;
}

.yellow-border-right {
  border-right-color: #ffeb3b !important;
}

.yellow-border-bottom {
  border-bottom-color: #ffeb3b !important;
}

.yellow-border-left {
  border-left-color: #ffeb3b !important;
}

.yellow-600-bg {
  background-color: #fdd835 !important;
}

.md-yellow-600-bg {
  background-color: #fdd835 !important;
  color: rgba(0, 0, 0, 0.87);
}

.yellow-600-fg {
  color: #fdd835 !important;
}

.yellow-600-border {
  border-color: #fdd835 !important;
}

.yellow-600-border-top {
  border-top-color: #fdd835 !important;
}

.yellow-600-border-right {
  border-right-color: #fdd835 !important;
}

.yellow-600-border-bottom {
  border-bottom-color: #fdd835 !important;
}

.yellow-600-border-left {
  border-left-color: #fdd835 !important;
}

.yellow-700-bg {
  background-color: #fbc02d !important;
}

.md-yellow-700-bg {
  background-color: #fbc02d !important;
  color: rgba(0, 0, 0, 0.87);
}

.yellow-700-fg {
  color: #fbc02d !important;
}

.yellow-700-border {
  border-color: #fbc02d !important;
}

.yellow-700-border-top {
  border-top-color: #fbc02d !important;
}

.yellow-700-border-right {
  border-right-color: #fbc02d !important;
}

.yellow-700-border-bottom {
  border-bottom-color: #fbc02d !important;
}

.yellow-700-border-left {
  border-left-color: #fbc02d !important;
}

.yellow-800-bg {
  background-color: #f9a825 !important;
}

.md-yellow-800-bg {
  background-color: #f9a825 !important;
  color: rgba(0, 0, 0, 0.87);
}

.yellow-800-fg {
  color: #f9a825 !important;
}

.yellow-800-border {
  border-color: #f9a825 !important;
}

.yellow-800-border-top {
  border-top-color: #f9a825 !important;
}

.yellow-800-border-right {
  border-right-color: #f9a825 !important;
}

.yellow-800-border-bottom {
  border-bottom-color: #f9a825 !important;
}

.yellow-800-border-left {
  border-left-color: #f9a825 !important;
}

.yellow-900-bg {
  background-color: #f57f17 !important;
}

.md-yellow-900-bg {
  background-color: #f57f17 !important;
  color: rgba(0, 0, 0, 0.87);
}

.yellow-900-fg {
  color: #f57f17 !important;
}

.yellow-900-border {
  border-color: #f57f17 !important;
}

.yellow-900-border-top {
  border-top-color: #f57f17 !important;
}

.yellow-900-border-right {
  border-right-color: #f57f17 !important;
}

.yellow-900-border-bottom {
  border-bottom-color: #f57f17 !important;
}

.yellow-900-border-left {
  border-left-color: #f57f17 !important;
}

.yellow-A100-bg {
  background-color: #ffff8d !important;
}

.md-yellow-A100-bg {
  background-color: #ffff8d !important;
  color: rgba(0, 0, 0, 0.87);
}

.yellow-A100-fg {
  color: #ffff8d !important;
}

.yellow-A100-border {
  border-color: #ffff8d !important;
}

.yellow-A100-border-top {
  border-top-color: #ffff8d !important;
}

.yellow-A100-border-right {
  border-right-color: #ffff8d !important;
}

.yellow-A100-border-bottom {
  border-bottom-color: #ffff8d !important;
}

.yellow-A100-border-left {
  border-left-color: #ffff8d !important;
}

.yellow-A200-bg {
  background-color: #ffff00 !important;
}

.md-yellow-A200-bg {
  background-color: #ffff00 !important;
  color: rgba(0, 0, 0, 0.87);
}

.yellow-A200-fg {
  color: #ffff00 !important;
}

.yellow-A200-border {
  border-color: #ffff00 !important;
}

.yellow-A200-border-top {
  border-top-color: #ffff00 !important;
}

.yellow-A200-border-right {
  border-right-color: #ffff00 !important;
}

.yellow-A200-border-bottom {
  border-bottom-color: #ffff00 !important;
}

.yellow-A200-border-left {
  border-left-color: #ffff00 !important;
}

.yellow-A400-bg {
  background-color: #ffea00 !important;
}

.md-yellow-A400-bg {
  background-color: #ffea00 !important;
  color: rgba(0, 0, 0, 0.87);
}

.yellow-A400-fg {
  color: #ffea00 !important;
}

.yellow-A400-border {
  border-color: #ffea00 !important;
}

.yellow-A400-border-top {
  border-top-color: #ffea00 !important;
}

.yellow-A400-border-right {
  border-right-color: #ffea00 !important;
}

.yellow-A400-border-bottom {
  border-bottom-color: #ffea00 !important;
}

.yellow-A400-border-left {
  border-left-color: #ffea00 !important;
}

.yellow-A700-bg {
  background-color: #ffd600 !important;
}

.md-yellow-A700-bg {
  background-color: #ffd600 !important;
  color: rgba(0, 0, 0, 0.87);
}

.yellow-A700-fg {
  color: #ffd600 !important;
}

.yellow-A700-border {
  border-color: #ffd600 !important;
}

.yellow-A700-border-top {
  border-top-color: #ffd600 !important;
}

.yellow-A700-border-right {
  border-right-color: #ffd600 !important;
}

.yellow-A700-border-bottom {
  border-bottom-color: #ffd600 !important;
}

.yellow-A700-border-left {
  border-left-color: #ffd600 !important;
}

.amber-50-bg {
  background-color: #fff8e1 !important;
}

.md-amber-50-bg {
  background-color: #fff8e1 !important;
  color: rgba(0, 0, 0, 0.87);
}

.amber-50-fg {
  color: #fff8e1 !important;
}

.amber-50-border {
  border-color: #fff8e1 !important;
}

.amber-50-border-top {
  border-top-color: #fff8e1 !important;
}

.amber-50-border-right {
  border-right-color: #fff8e1 !important;
}

.amber-50-border-bottom {
  border-bottom-color: #fff8e1 !important;
}

.amber-50-border-left {
  border-left-color: #fff8e1 !important;
}

.amber-100-bg {
  background-color: #ffecb3 !important;
}

.md-amber-100-bg {
  background-color: #ffecb3 !important;
  color: rgba(0, 0, 0, 0.87);
}

.amber-100-fg {
  color: #ffecb3 !important;
}

.amber-100-border {
  border-color: #ffecb3 !important;
}

.amber-100-border-top {
  border-top-color: #ffecb3 !important;
}

.amber-100-border-right {
  border-right-color: #ffecb3 !important;
}

.amber-100-border-bottom {
  border-bottom-color: #ffecb3 !important;
}

.amber-100-border-left {
  border-left-color: #ffecb3 !important;
}

.amber-200-bg {
  background-color: #ffe082 !important;
}

.md-amber-200-bg {
  background-color: #ffe082 !important;
  color: rgba(0, 0, 0, 0.87);
}

.amber-200-fg {
  color: #ffe082 !important;
}

.amber-200-border {
  border-color: #ffe082 !important;
}

.amber-200-border-top {
  border-top-color: #ffe082 !important;
}

.amber-200-border-right {
  border-right-color: #ffe082 !important;
}

.amber-200-border-bottom {
  border-bottom-color: #ffe082 !important;
}

.amber-200-border-left {
  border-left-color: #ffe082 !important;
}

.amber-300-bg {
  background-color: #ffd54f !important;
}

.md-amber-300-bg {
  background-color: #ffd54f !important;
  color: rgba(0, 0, 0, 0.87);
}

.amber-300-fg {
  color: #ffd54f !important;
}

.amber-300-border {
  border-color: #ffd54f !important;
}

.amber-300-border-top {
  border-top-color: #ffd54f !important;
}

.amber-300-border-right {
  border-right-color: #ffd54f !important;
}

.amber-300-border-bottom {
  border-bottom-color: #ffd54f !important;
}

.amber-300-border-left {
  border-left-color: #ffd54f !important;
}

.amber-400-bg {
  background-color: #ffca28 !important;
}

.md-amber-400-bg {
  background-color: #ffca28 !important;
  color: rgba(0, 0, 0, 0.87);
}

.amber-400-fg {
  color: #ffca28 !important;
}

.amber-400-border {
  border-color: #ffca28 !important;
}

.amber-400-border-top {
  border-top-color: #ffca28 !important;
}

.amber-400-border-right {
  border-right-color: #ffca28 !important;
}

.amber-400-border-bottom {
  border-bottom-color: #ffca28 !important;
}

.amber-400-border-left {
  border-left-color: #ffca28 !important;
}

.amber-500-bg {
  background-color: #ffc107 !important;
}

.md-amber-500-bg {
  background-color: #ffc107 !important;
  color: rgba(0, 0, 0, 0.87);
}

.amber-500-fg {
  color: #ffc107 !important;
}

.amber-500-border {
  border-color: #ffc107 !important;
}

.amber-500-border-top {
  border-top-color: #ffc107 !important;
}

.amber-500-border-right {
  border-right-color: #ffc107 !important;
}

.amber-500-border-bottom {
  border-bottom-color: #ffc107 !important;
}

.amber-500-border-left {
  border-left-color: #ffc107 !important;
}

.md-amber-bg {
  background-color: #ffc107 !important;
  color: rgba(0, 0, 0, 0.87);
}

.amber-bg {
  background-color: #ffc107 !important;
}

.amber-fg {
  color: #ffc107 !important;
}

.amber-border {
  border-color: #ffc107 !important;
}

.amber-border-top {
  border-top-color: #ffc107 !important;
}

.amber-border-right {
  border-right-color: #ffc107 !important;
}

.amber-border-bottom {
  border-bottom-color: #ffc107 !important;
}

.amber-border-left {
  border-left-color: #ffc107 !important;
}

.amber-600-bg {
  background-color: #ffb300 !important;
}

.md-amber-600-bg {
  background-color: #ffb300 !important;
  color: rgba(0, 0, 0, 0.87);
}

.amber-600-fg {
  color: #ffb300 !important;
}

.amber-600-border {
  border-color: #ffb300 !important;
}

.amber-600-border-top {
  border-top-color: #ffb300 !important;
}

.amber-600-border-right {
  border-right-color: #ffb300 !important;
}

.amber-600-border-bottom {
  border-bottom-color: #ffb300 !important;
}

.amber-600-border-left {
  border-left-color: #ffb300 !important;
}

.amber-700-bg {
  background-color: #ffa000 !important;
}

.md-amber-700-bg {
  background-color: #ffa000 !important;
  color: rgba(0, 0, 0, 0.87);
}

.amber-700-fg {
  color: #ffa000 !important;
}

.amber-700-border {
  border-color: #ffa000 !important;
}

.amber-700-border-top {
  border-top-color: #ffa000 !important;
}

.amber-700-border-right {
  border-right-color: #ffa000 !important;
}

.amber-700-border-bottom {
  border-bottom-color: #ffa000 !important;
}

.amber-700-border-left {
  border-left-color: #ffa000 !important;
}

.amber-800-bg {
  background-color: #ff8f00 !important;
}

.md-amber-800-bg {
  background-color: #ff8f00 !important;
  color: rgba(0, 0, 0, 0.87);
}

.amber-800-fg {
  color: #ff8f00 !important;
}

.amber-800-border {
  border-color: #ff8f00 !important;
}

.amber-800-border-top {
  border-top-color: #ff8f00 !important;
}

.amber-800-border-right {
  border-right-color: #ff8f00 !important;
}

.amber-800-border-bottom {
  border-bottom-color: #ff8f00 !important;
}

.amber-800-border-left {
  border-left-color: #ff8f00 !important;
}

.amber-900-bg {
  background-color: #ff6f00 !important;
}

.md-amber-900-bg {
  background-color: #ff6f00 !important;
  color: rgba(0, 0, 0, 0.87);
}

.amber-900-fg {
  color: #ff6f00 !important;
}

.amber-900-border {
  border-color: #ff6f00 !important;
}

.amber-900-border-top {
  border-top-color: #ff6f00 !important;
}

.amber-900-border-right {
  border-right-color: #ff6f00 !important;
}

.amber-900-border-bottom {
  border-bottom-color: #ff6f00 !important;
}

.amber-900-border-left {
  border-left-color: #ff6f00 !important;
}

.amber-A100-bg {
  background-color: #ffe57f !important;
}

.md-amber-A100-bg {
  background-color: #ffe57f !important;
  color: rgba(0, 0, 0, 0.87);
}

.amber-A100-fg {
  color: #ffe57f !important;
}

.amber-A100-border {
  border-color: #ffe57f !important;
}

.amber-A100-border-top {
  border-top-color: #ffe57f !important;
}

.amber-A100-border-right {
  border-right-color: #ffe57f !important;
}

.amber-A100-border-bottom {
  border-bottom-color: #ffe57f !important;
}

.amber-A100-border-left {
  border-left-color: #ffe57f !important;
}

.amber-A200-bg {
  background-color: #ffd740 !important;
}

.md-amber-A200-bg {
  background-color: #ffd740 !important;
  color: rgba(0, 0, 0, 0.87);
}

.amber-A200-fg {
  color: #ffd740 !important;
}

.amber-A200-border {
  border-color: #ffd740 !important;
}

.amber-A200-border-top {
  border-top-color: #ffd740 !important;
}

.amber-A200-border-right {
  border-right-color: #ffd740 !important;
}

.amber-A200-border-bottom {
  border-bottom-color: #ffd740 !important;
}

.amber-A200-border-left {
  border-left-color: #ffd740 !important;
}

.amber-A400-bg {
  background-color: #ffc400 !important;
}

.md-amber-A400-bg {
  background-color: #ffc400 !important;
  color: rgba(0, 0, 0, 0.87);
}

.amber-A400-fg {
  color: #ffc400 !important;
}

.amber-A400-border {
  border-color: #ffc400 !important;
}

.amber-A400-border-top {
  border-top-color: #ffc400 !important;
}

.amber-A400-border-right {
  border-right-color: #ffc400 !important;
}

.amber-A400-border-bottom {
  border-bottom-color: #ffc400 !important;
}

.amber-A400-border-left {
  border-left-color: #ffc400 !important;
}

.amber-A700-bg {
  background-color: #ffab00 !important;
}

.md-amber-A700-bg {
  background-color: #ffab00 !important;
  color: rgba(0, 0, 0, 0.87);
}

.amber-A700-fg {
  color: #ffab00 !important;
}

.amber-A700-border {
  border-color: #ffab00 !important;
}

.amber-A700-border-top {
  border-top-color: #ffab00 !important;
}

.amber-A700-border-right {
  border-right-color: #ffab00 !important;
}

.amber-A700-border-bottom {
  border-bottom-color: #ffab00 !important;
}

.amber-A700-border-left {
  border-left-color: #ffab00 !important;
}

.orange-50-bg {
  background-color: #fff3e0 !important;
}

.md-orange-50-bg {
  background-color: #fff3e0 !important;
  color: rgba(0, 0, 0, 0.87);
}

.orange-50-fg {
  color: #fff3e0 !important;
}

.orange-50-border {
  border-color: #fff3e0 !important;
}

.orange-50-border-top {
  border-top-color: #fff3e0 !important;
}

.orange-50-border-right {
  border-right-color: #fff3e0 !important;
}

.orange-50-border-bottom {
  border-bottom-color: #fff3e0 !important;
}

.orange-50-border-left {
  border-left-color: #fff3e0 !important;
}

.orange-100-bg {
  background-color: #ffe0b2 !important;
}

.md-orange-100-bg {
  background-color: #ffe0b2 !important;
  color: rgba(0, 0, 0, 0.87);
}

.orange-100-fg {
  color: #ffe0b2 !important;
}

.orange-100-border {
  border-color: #ffe0b2 !important;
}

.orange-100-border-top {
  border-top-color: #ffe0b2 !important;
}

.orange-100-border-right {
  border-right-color: #ffe0b2 !important;
}

.orange-100-border-bottom {
  border-bottom-color: #ffe0b2 !important;
}

.orange-100-border-left {
  border-left-color: #ffe0b2 !important;
}

.orange-200-bg {
  background-color: #ffcc80 !important;
}

.md-orange-200-bg {
  background-color: #ffcc80 !important;
  color: rgba(0, 0, 0, 0.87);
}

.orange-200-fg {
  color: #ffcc80 !important;
}

.orange-200-border {
  border-color: #ffcc80 !important;
}

.orange-200-border-top {
  border-top-color: #ffcc80 !important;
}

.orange-200-border-right {
  border-right-color: #ffcc80 !important;
}

.orange-200-border-bottom {
  border-bottom-color: #ffcc80 !important;
}

.orange-200-border-left {
  border-left-color: #ffcc80 !important;
}

.orange-300-bg {
  background-color: #ffb74d !important;
}

.md-orange-300-bg {
  background-color: #ffb74d !important;
  color: rgba(0, 0, 0, 0.87);
}

.orange-300-fg {
  color: #ffb74d !important;
}

.orange-300-border {
  border-color: #ffb74d !important;
}

.orange-300-border-top {
  border-top-color: #ffb74d !important;
}

.orange-300-border-right {
  border-right-color: #ffb74d !important;
}

.orange-300-border-bottom {
  border-bottom-color: #ffb74d !important;
}

.orange-300-border-left {
  border-left-color: #ffb74d !important;
}

.orange-400-bg {
  background-color: #ffa726 !important;
}

.md-orange-400-bg {
  background-color: #ffa726 !important;
  color: rgba(0, 0, 0, 0.87);
}

.orange-400-fg {
  color: #ffa726 !important;
}

.orange-400-border {
  border-color: #ffa726 !important;
}

.orange-400-border-top {
  border-top-color: #ffa726 !important;
}

.orange-400-border-right {
  border-right-color: #ffa726 !important;
}

.orange-400-border-bottom {
  border-bottom-color: #ffa726 !important;
}

.orange-400-border-left {
  border-left-color: #ffa726 !important;
}

.orange-500-bg {
  background-color: #ff9800 !important;
}

.md-orange-500-bg {
  background-color: #ff9800 !important;
  color: rgba(0, 0, 0, 0.87);
}

.orange-500-fg {
  color: #ff9800 !important;
}

.orange-500-border {
  border-color: #ff9800 !important;
}

.orange-500-border-top {
  border-top-color: #ff9800 !important;
}

.orange-500-border-right {
  border-right-color: #ff9800 !important;
}

.orange-500-border-bottom {
  border-bottom-color: #ff9800 !important;
}

.orange-500-border-left {
  border-left-color: #ff9800 !important;
}

.md-orange-bg {
  background-color: #ff9800 !important;
  color: rgba(0, 0, 0, 0.87);
}

.orange-bg {
  background-color: #ff9800 !important;
}

.orange-fg {
  color: #ff9800 !important;
}

.orange-border {
  border-color: #ff9800 !important;
}

.orange-border-top {
  border-top-color: #ff9800 !important;
}

.orange-border-right {
  border-right-color: #ff9800 !important;
}

.orange-border-bottom {
  border-bottom-color: #ff9800 !important;
}

.orange-border-left {
  border-left-color: #ff9800 !important;
}

.orange-600-bg {
  background-color: #fb8c00 !important;
}

.md-orange-600-bg {
  background-color: #fb8c00 !important;
  color: rgba(0, 0, 0, 0.87);
}

.orange-600-fg {
  color: #fb8c00 !important;
}

.orange-600-border {
  border-color: #fb8c00 !important;
}

.orange-600-border-top {
  border-top-color: #fb8c00 !important;
}

.orange-600-border-right {
  border-right-color: #fb8c00 !important;
}

.orange-600-border-bottom {
  border-bottom-color: #fb8c00 !important;
}

.orange-600-border-left {
  border-left-color: #fb8c00 !important;
}

.orange-700-bg {
  background-color: #f57c00 !important;
}

.md-orange-700-bg {
  background-color: #f57c00 !important;
  color: rgba(0, 0, 0, 0.87);
}

.orange-700-fg {
  color: #f57c00 !important;
}

.orange-700-border {
  border-color: #f57c00 !important;
}

.orange-700-border-top {
  border-top-color: #f57c00 !important;
}

.orange-700-border-right {
  border-right-color: #f57c00 !important;
}

.orange-700-border-bottom {
  border-bottom-color: #f57c00 !important;
}

.orange-700-border-left {
  border-left-color: #f57c00 !important;
}

.orange-800-bg {
  background-color: #ef6c00 !important;
}

.md-orange-800-bg {
  background-color: #ef6c00 !important;
  color: white;
}

.orange-800-fg {
  color: #ef6c00 !important;
}

.orange-800-border {
  border-color: #ef6c00 !important;
}

.orange-800-border-top {
  border-top-color: #ef6c00 !important;
}

.orange-800-border-right {
  border-right-color: #ef6c00 !important;
}

.orange-800-border-bottom {
  border-bottom-color: #ef6c00 !important;
}

.orange-800-border-left {
  border-left-color: #ef6c00 !important;
}

.orange-900-bg {
  background-color: #e65100 !important;
}

.md-orange-900-bg {
  background-color: #e65100 !important;
  color: white;
}

.orange-900-fg {
  color: #e65100 !important;
}

.orange-900-border {
  border-color: #e65100 !important;
}

.orange-900-border-top {
  border-top-color: #e65100 !important;
}

.orange-900-border-right {
  border-right-color: #e65100 !important;
}

.orange-900-border-bottom {
  border-bottom-color: #e65100 !important;
}

.orange-900-border-left {
  border-left-color: #e65100 !important;
}

.orange-A100-bg {
  background-color: #ffd180 !important;
}

.md-orange-A100-bg {
  background-color: #ffd180 !important;
  color: rgba(0, 0, 0, 0.87);
}

.orange-A100-fg {
  color: #ffd180 !important;
}

.orange-A100-border {
  border-color: #ffd180 !important;
}

.orange-A100-border-top {
  border-top-color: #ffd180 !important;
}

.orange-A100-border-right {
  border-right-color: #ffd180 !important;
}

.orange-A100-border-bottom {
  border-bottom-color: #ffd180 !important;
}

.orange-A100-border-left {
  border-left-color: #ffd180 !important;
}

.orange-A200-bg {
  background-color: #ffab40 !important;
}

.md-orange-A200-bg {
  background-color: #ffab40 !important;
  color: rgba(0, 0, 0, 0.87);
}

.orange-A200-fg {
  color: #ffab40 !important;
}

.orange-A200-border {
  border-color: #ffab40 !important;
}

.orange-A200-border-top {
  border-top-color: #ffab40 !important;
}

.orange-A200-border-right {
  border-right-color: #ffab40 !important;
}

.orange-A200-border-bottom {
  border-bottom-color: #ffab40 !important;
}

.orange-A200-border-left {
  border-left-color: #ffab40 !important;
}

.orange-A400-bg {
  background-color: #ff9100 !important;
}

.md-orange-A400-bg {
  background-color: #ff9100 !important;
  color: rgba(0, 0, 0, 0.87);
}

.orange-A400-fg {
  color: #ff9100 !important;
}

.orange-A400-border {
  border-color: #ff9100 !important;
}

.orange-A400-border-top {
  border-top-color: #ff9100 !important;
}

.orange-A400-border-right {
  border-right-color: #ff9100 !important;
}

.orange-A400-border-bottom {
  border-bottom-color: #ff9100 !important;
}

.orange-A400-border-left {
  border-left-color: #ff9100 !important;
}

.orange-A700-bg {
  background-color: #ff6d00 !important;
}

.md-orange-A700-bg {
  background-color: #ff6d00 !important;
  color: rgba(0, 0, 0, 0.87);
}

.orange-A700-fg {
  color: #ff6d00 !important;
}

.orange-A700-border {
  border-color: #ff6d00 !important;
}

.orange-A700-border-top {
  border-top-color: #ff6d00 !important;
}

.orange-A700-border-right {
  border-right-color: #ff6d00 !important;
}

.orange-A700-border-bottom {
  border-bottom-color: #ff6d00 !important;
}

.orange-A700-border-left {
  border-left-color: #ff6d00 !important;
}

.deep-orange-50-bg {
  background-color: #fbe9e7 !important;
}

.md-deep-orange-50-bg {
  background-color: #fbe9e7 !important;
  color: rgba(0, 0, 0, 0.87);
}

.deep-orange-50-fg {
  color: #fbe9e7 !important;
}

.deep-orange-50-border {
  border-color: #fbe9e7 !important;
}

.deep-orange-50-border-top {
  border-top-color: #fbe9e7 !important;
}

.deep-orange-50-border-right {
  border-right-color: #fbe9e7 !important;
}

.deep-orange-50-border-bottom {
  border-bottom-color: #fbe9e7 !important;
}

.deep-orange-50-border-left {
  border-left-color: #fbe9e7 !important;
}

.deep-orange-100-bg {
  background-color: #ffccbc !important;
}

.md-deep-orange-100-bg {
  background-color: #ffccbc !important;
  color: rgba(0, 0, 0, 0.87);
}

.deep-orange-100-fg {
  color: #ffccbc !important;
}

.deep-orange-100-border {
  border-color: #ffccbc !important;
}

.deep-orange-100-border-top {
  border-top-color: #ffccbc !important;
}

.deep-orange-100-border-right {
  border-right-color: #ffccbc !important;
}

.deep-orange-100-border-bottom {
  border-bottom-color: #ffccbc !important;
}

.deep-orange-100-border-left {
  border-left-color: #ffccbc !important;
}

.deep-orange-200-bg {
  background-color: #ffab91 !important;
}

.md-deep-orange-200-bg {
  background-color: #ffab91 !important;
  color: rgba(0, 0, 0, 0.87);
}

.deep-orange-200-fg {
  color: #ffab91 !important;
}

.deep-orange-200-border {
  border-color: #ffab91 !important;
}

.deep-orange-200-border-top {
  border-top-color: #ffab91 !important;
}

.deep-orange-200-border-right {
  border-right-color: #ffab91 !important;
}

.deep-orange-200-border-bottom {
  border-bottom-color: #ffab91 !important;
}

.deep-orange-200-border-left {
  border-left-color: #ffab91 !important;
}

.deep-orange-300-bg {
  background-color: #ff8a65 !important;
}

.md-deep-orange-300-bg {
  background-color: #ff8a65 !important;
  color: rgba(0, 0, 0, 0.87);
}

.deep-orange-300-fg {
  color: #ff8a65 !important;
}

.deep-orange-300-border {
  border-color: #ff8a65 !important;
}

.deep-orange-300-border-top {
  border-top-color: #ff8a65 !important;
}

.deep-orange-300-border-right {
  border-right-color: #ff8a65 !important;
}

.deep-orange-300-border-bottom {
  border-bottom-color: #ff8a65 !important;
}

.deep-orange-300-border-left {
  border-left-color: #ff8a65 !important;
}

.deep-orange-400-bg {
  background-color: #ff7043 !important;
}

.md-deep-orange-400-bg {
  background-color: #ff7043 !important;
  color: rgba(0, 0, 0, 0.87);
}

.deep-orange-400-fg {
  color: #ff7043 !important;
}

.deep-orange-400-border {
  border-color: #ff7043 !important;
}

.deep-orange-400-border-top {
  border-top-color: #ff7043 !important;
}

.deep-orange-400-border-right {
  border-right-color: #ff7043 !important;
}

.deep-orange-400-border-bottom {
  border-bottom-color: #ff7043 !important;
}

.deep-orange-400-border-left {
  border-left-color: #ff7043 !important;
}

.deep-orange-500-bg {
  background-color: #ff5722 !important;
}

.md-deep-orange-500-bg {
  background-color: #ff5722 !important;
  color: white;
}

.deep-orange-500-fg {
  color: #ff5722 !important;
}

.deep-orange-500-border {
  border-color: #ff5722 !important;
}

.deep-orange-500-border-top {
  border-top-color: #ff5722 !important;
}

.deep-orange-500-border-right {
  border-right-color: #ff5722 !important;
}

.deep-orange-500-border-bottom {
  border-bottom-color: #ff5722 !important;
}

.deep-orange-500-border-left {
  border-left-color: #ff5722 !important;
}

.md-deep-orange-bg {
  background-color: #ff5722 !important;
  color: white;
}

.deep-orange-bg {
  background-color: #ff5722 !important;
}

.deep-orange-fg {
  color: #ff5722 !important;
}

.deep-orange-border {
  border-color: #ff5722 !important;
}

.deep-orange-border-top {
  border-top-color: #ff5722 !important;
}

.deep-orange-border-right {
  border-right-color: #ff5722 !important;
}

.deep-orange-border-bottom {
  border-bottom-color: #ff5722 !important;
}

.deep-orange-border-left {
  border-left-color: #ff5722 !important;
}

.deep-orange-600-bg {
  background-color: #f4511e !important;
}

.md-deep-orange-600-bg {
  background-color: #f4511e !important;
  color: white;
}

.deep-orange-600-fg {
  color: #f4511e !important;
}

.deep-orange-600-border {
  border-color: #f4511e !important;
}

.deep-orange-600-border-top {
  border-top-color: #f4511e !important;
}

.deep-orange-600-border-right {
  border-right-color: #f4511e !important;
}

.deep-orange-600-border-bottom {
  border-bottom-color: #f4511e !important;
}

.deep-orange-600-border-left {
  border-left-color: #f4511e !important;
}

.deep-orange-700-bg {
  background-color: #e64a19 !important;
}

.md-deep-orange-700-bg {
  background-color: #e64a19 !important;
  color: white;
}

.deep-orange-700-fg {
  color: #e64a19 !important;
}

.deep-orange-700-border {
  border-color: #e64a19 !important;
}

.deep-orange-700-border-top {
  border-top-color: #e64a19 !important;
}

.deep-orange-700-border-right {
  border-right-color: #e64a19 !important;
}

.deep-orange-700-border-bottom {
  border-bottom-color: #e64a19 !important;
}

.deep-orange-700-border-left {
  border-left-color: #e64a19 !important;
}

.deep-orange-800-bg {
  background-color: #d84315 !important;
}

.md-deep-orange-800-bg {
  background-color: #d84315 !important;
  color: white;
}

.deep-orange-800-fg {
  color: #d84315 !important;
}

.deep-orange-800-border {
  border-color: #d84315 !important;
}

.deep-orange-800-border-top {
  border-top-color: #d84315 !important;
}

.deep-orange-800-border-right {
  border-right-color: #d84315 !important;
}

.deep-orange-800-border-bottom {
  border-bottom-color: #d84315 !important;
}

.deep-orange-800-border-left {
  border-left-color: #d84315 !important;
}

.deep-orange-900-bg {
  background-color: #bf360c !important;
}

.md-deep-orange-900-bg {
  background-color: #bf360c !important;
  color: white;
}

.deep-orange-900-fg {
  color: #bf360c !important;
}

.deep-orange-900-border {
  border-color: #bf360c !important;
}

.deep-orange-900-border-top {
  border-top-color: #bf360c !important;
}

.deep-orange-900-border-right {
  border-right-color: #bf360c !important;
}

.deep-orange-900-border-bottom {
  border-bottom-color: #bf360c !important;
}

.deep-orange-900-border-left {
  border-left-color: #bf360c !important;
}

.deep-orange-A100-bg {
  background-color: #ff9e80 !important;
}

.md-deep-orange-A100-bg {
  background-color: #ff9e80 !important;
  color: rgba(0, 0, 0, 0.87);
}

.deep-orange-A100-fg {
  color: #ff9e80 !important;
}

.deep-orange-A100-border {
  border-color: #ff9e80 !important;
}

.deep-orange-A100-border-top {
  border-top-color: #ff9e80 !important;
}

.deep-orange-A100-border-right {
  border-right-color: #ff9e80 !important;
}

.deep-orange-A100-border-bottom {
  border-bottom-color: #ff9e80 !important;
}

.deep-orange-A100-border-left {
  border-left-color: #ff9e80 !important;
}

.deep-orange-A200-bg {
  background-color: #ff6e40 !important;
}

.md-deep-orange-A200-bg {
  background-color: #ff6e40 !important;
  color: rgba(0, 0, 0, 0.87);
}

.deep-orange-A200-fg {
  color: #ff6e40 !important;
}

.deep-orange-A200-border {
  border-color: #ff6e40 !important;
}

.deep-orange-A200-border-top {
  border-top-color: #ff6e40 !important;
}

.deep-orange-A200-border-right {
  border-right-color: #ff6e40 !important;
}

.deep-orange-A200-border-bottom {
  border-bottom-color: #ff6e40 !important;
}

.deep-orange-A200-border-left {
  border-left-color: #ff6e40 !important;
}

.deep-orange-A400-bg {
  background-color: #ff3d00 !important;
}

.md-deep-orange-A400-bg {
  background-color: #ff3d00 !important;
  color: white;
}

.deep-orange-A400-fg {
  color: #ff3d00 !important;
}

.deep-orange-A400-border {
  border-color: #ff3d00 !important;
}

.deep-orange-A400-border-top {
  border-top-color: #ff3d00 !important;
}

.deep-orange-A400-border-right {
  border-right-color: #ff3d00 !important;
}

.deep-orange-A400-border-bottom {
  border-bottom-color: #ff3d00 !important;
}

.deep-orange-A400-border-left {
  border-left-color: #ff3d00 !important;
}

.deep-orange-A700-bg {
  background-color: #dd2c00 !important;
}

.md-deep-orange-A700-bg {
  background-color: #dd2c00 !important;
  color: white;
}

.deep-orange-A700-fg {
  color: #dd2c00 !important;
}

.deep-orange-A700-border {
  border-color: #dd2c00 !important;
}

.deep-orange-A700-border-top {
  border-top-color: #dd2c00 !important;
}

.deep-orange-A700-border-right {
  border-right-color: #dd2c00 !important;
}

.deep-orange-A700-border-bottom {
  border-bottom-color: #dd2c00 !important;
}

.deep-orange-A700-border-left {
  border-left-color: #dd2c00 !important;
}

.brown-50-bg {
  background-color: #efebe9 !important;
}

.md-brown-50-bg {
  background-color: #efebe9 !important;
  color: rgba(0, 0, 0, 0.87);
}

.brown-50-fg {
  color: #efebe9 !important;
}

.brown-50-border {
  border-color: #efebe9 !important;
}

.brown-50-border-top {
  border-top-color: #efebe9 !important;
}

.brown-50-border-right {
  border-right-color: #efebe9 !important;
}

.brown-50-border-bottom {
  border-bottom-color: #efebe9 !important;
}

.brown-50-border-left {
  border-left-color: #efebe9 !important;
}

.brown-100-bg {
  background-color: #d7ccc8 !important;
}

.md-brown-100-bg {
  background-color: #d7ccc8 !important;
  color: rgba(0, 0, 0, 0.87);
}

.brown-100-fg {
  color: #d7ccc8 !important;
}

.brown-100-border {
  border-color: #d7ccc8 !important;
}

.brown-100-border-top {
  border-top-color: #d7ccc8 !important;
}

.brown-100-border-right {
  border-right-color: #d7ccc8 !important;
}

.brown-100-border-bottom {
  border-bottom-color: #d7ccc8 !important;
}

.brown-100-border-left {
  border-left-color: #d7ccc8 !important;
}

.brown-200-bg {
  background-color: #bcaaa4 !important;
}

.md-brown-200-bg {
  background-color: #bcaaa4 !important;
  color: rgba(0, 0, 0, 0.87);
}

.brown-200-fg {
  color: #bcaaa4 !important;
}

.brown-200-border {
  border-color: #bcaaa4 !important;
}

.brown-200-border-top {
  border-top-color: #bcaaa4 !important;
}

.brown-200-border-right {
  border-right-color: #bcaaa4 !important;
}

.brown-200-border-bottom {
  border-bottom-color: #bcaaa4 !important;
}

.brown-200-border-left {
  border-left-color: #bcaaa4 !important;
}

.brown-300-bg {
  background-color: #a1887f !important;
}

.md-brown-300-bg {
  background-color: #a1887f !important;
  color: white;
}

.brown-300-fg {
  color: #a1887f !important;
}

.brown-300-border {
  border-color: #a1887f !important;
}

.brown-300-border-top {
  border-top-color: #a1887f !important;
}

.brown-300-border-right {
  border-right-color: #a1887f !important;
}

.brown-300-border-bottom {
  border-bottom-color: #a1887f !important;
}

.brown-300-border-left {
  border-left-color: #a1887f !important;
}

.brown-400-bg {
  background-color: #8d6e63 !important;
}

.md-brown-400-bg {
  background-color: #8d6e63 !important;
  color: white;
}

.brown-400-fg {
  color: #8d6e63 !important;
}

.brown-400-border {
  border-color: #8d6e63 !important;
}

.brown-400-border-top {
  border-top-color: #8d6e63 !important;
}

.brown-400-border-right {
  border-right-color: #8d6e63 !important;
}

.brown-400-border-bottom {
  border-bottom-color: #8d6e63 !important;
}

.brown-400-border-left {
  border-left-color: #8d6e63 !important;
}

.brown-500-bg {
  background-color: #795548 !important;
}

.md-brown-500-bg {
  background-color: #795548 !important;
  color: rgba(255, 255, 255, 0.87);
}

.brown-500-fg {
  color: #795548 !important;
}

.brown-500-border {
  border-color: #795548 !important;
}

.brown-500-border-top {
  border-top-color: #795548 !important;
}

.brown-500-border-right {
  border-right-color: #795548 !important;
}

.brown-500-border-bottom {
  border-bottom-color: #795548 !important;
}

.brown-500-border-left {
  border-left-color: #795548 !important;
}

.md-brown-bg {
  background-color: #795548 !important;
  color: rgba(255, 255, 255, 0.87);
}

.brown-bg {
  background-color: #795548 !important;
}

.brown-fg {
  color: #795548 !important;
}

.brown-border {
  border-color: #795548 !important;
}

.brown-border-top {
  border-top-color: #795548 !important;
}

.brown-border-right {
  border-right-color: #795548 !important;
}

.brown-border-bottom {
  border-bottom-color: #795548 !important;
}

.brown-border-left {
  border-left-color: #795548 !important;
}

.brown-600-bg {
  background-color: #6d4c41 !important;
}

.md-brown-600-bg {
  background-color: #6d4c41 !important;
  color: rgba(255, 255, 255, 0.87);
}

.brown-600-fg {
  color: #6d4c41 !important;
}

.brown-600-border {
  border-color: #6d4c41 !important;
}

.brown-600-border-top {
  border-top-color: #6d4c41 !important;
}

.brown-600-border-right {
  border-right-color: #6d4c41 !important;
}

.brown-600-border-bottom {
  border-bottom-color: #6d4c41 !important;
}

.brown-600-border-left {
  border-left-color: #6d4c41 !important;
}

.brown-700-bg {
  background-color: #5d4037 !important;
}

.md-brown-700-bg {
  background-color: #5d4037 !important;
  color: rgba(255, 255, 255, 0.87);
}

.brown-700-fg {
  color: #5d4037 !important;
}

.brown-700-border {
  border-color: #5d4037 !important;
}

.brown-700-border-top {
  border-top-color: #5d4037 !important;
}

.brown-700-border-right {
  border-right-color: #5d4037 !important;
}

.brown-700-border-bottom {
  border-bottom-color: #5d4037 !important;
}

.brown-700-border-left {
  border-left-color: #5d4037 !important;
}

.brown-800-bg {
  background-color: #4e342e !important;
}

.md-brown-800-bg {
  background-color: #4e342e !important;
  color: rgba(255, 255, 255, 0.87);
}

.brown-800-fg {
  color: #4e342e !important;
}

.brown-800-border {
  border-color: #4e342e !important;
}

.brown-800-border-top {
  border-top-color: #4e342e !important;
}

.brown-800-border-right {
  border-right-color: #4e342e !important;
}

.brown-800-border-bottom {
  border-bottom-color: #4e342e !important;
}

.brown-800-border-left {
  border-left-color: #4e342e !important;
}

.brown-900-bg {
  background-color: #3e2723 !important;
}

.md-brown-900-bg {
  background-color: #3e2723 !important;
  color: rgba(255, 255, 255, 0.87);
}

.brown-900-fg {
  color: #3e2723 !important;
}

.brown-900-border {
  border-color: #3e2723 !important;
}

.brown-900-border-top {
  border-top-color: #3e2723 !important;
}

.brown-900-border-right {
  border-right-color: #3e2723 !important;
}

.brown-900-border-bottom {
  border-bottom-color: #3e2723 !important;
}

.brown-900-border-left {
  border-left-color: #3e2723 !important;
}

.brown-A100-bg {
  background-color: #d7ccc8 !important;
}

.md-brown-A100-bg {
  background-color: #d7ccc8 !important;
  color: rgba(255, 255, 255, 0.87);
}

.brown-A100-fg {
  color: #d7ccc8 !important;
}

.brown-A100-border {
  border-color: #d7ccc8 !important;
}

.brown-A100-border-top {
  border-top-color: #d7ccc8 !important;
}

.brown-A100-border-right {
  border-right-color: #d7ccc8 !important;
}

.brown-A100-border-bottom {
  border-bottom-color: #d7ccc8 !important;
}

.brown-A100-border-left {
  border-left-color: #d7ccc8 !important;
}

.brown-A200-bg {
  background-color: #bcaaa4 !important;
}

.md-brown-A200-bg {
  background-color: #bcaaa4 !important;
  color: rgba(255, 255, 255, 0.87);
}

.brown-A200-fg {
  color: #bcaaa4 !important;
}

.brown-A200-border {
  border-color: #bcaaa4 !important;
}

.brown-A200-border-top {
  border-top-color: #bcaaa4 !important;
}

.brown-A200-border-right {
  border-right-color: #bcaaa4 !important;
}

.brown-A200-border-bottom {
  border-bottom-color: #bcaaa4 !important;
}

.brown-A200-border-left {
  border-left-color: #bcaaa4 !important;
}

.brown-A400-bg {
  background-color: #8d6e63 !important;
}

.md-brown-A400-bg {
  background-color: #8d6e63 !important;
  color: rgba(255, 255, 255, 0.87);
}

.brown-A400-fg {
  color: #8d6e63 !important;
}

.brown-A400-border {
  border-color: #8d6e63 !important;
}

.brown-A400-border-top {
  border-top-color: #8d6e63 !important;
}

.brown-A400-border-right {
  border-right-color: #8d6e63 !important;
}

.brown-A400-border-bottom {
  border-bottom-color: #8d6e63 !important;
}

.brown-A400-border-left {
  border-left-color: #8d6e63 !important;
}

.brown-A700-bg {
  background-color: #5d4037 !important;
}

.md-brown-A700-bg {
  background-color: #5d4037 !important;
  color: rgba(255, 255, 255, 0.87);
}

.brown-A700-fg {
  color: #5d4037 !important;
}

.brown-A700-border {
  border-color: #5d4037 !important;
}

.brown-A700-border-top {
  border-top-color: #5d4037 !important;
}

.brown-A700-border-right {
  border-right-color: #5d4037 !important;
}

.brown-A700-border-bottom {
  border-bottom-color: #5d4037 !important;
}

.brown-A700-border-left {
  border-left-color: #5d4037 !important;
}

.grey-50-bg {
  background-color: #fafafa !important;
}

.md-grey-50-bg {
  background-color: #fafafa !important;
  color: rgba(0, 0, 0, 0.87);
}

.grey-50-fg {
  color: #fafafa !important;
}

.grey-50-border {
  border-color: #fafafa !important;
}

.grey-50-border-top {
  border-top-color: #fafafa !important;
}

.grey-50-border-right {
  border-right-color: #fafafa !important;
}

.grey-50-border-bottom {
  border-bottom-color: #fafafa !important;
}

.grey-50-border-left {
  border-left-color: #fafafa !important;
}

.grey-100-bg {
  background-color: #f5f5f5 !important;
}

.md-grey-100-bg {
  background-color: #f5f5f5 !important;
  color: rgba(0, 0, 0, 0.87);
}

.grey-100-fg {
  color: #f5f5f5 !important;
}

.grey-100-border {
  border-color: #f5f5f5 !important;
}

.grey-100-border-top {
  border-top-color: #f5f5f5 !important;
}

.grey-100-border-right {
  border-right-color: #f5f5f5 !important;
}

.grey-100-border-bottom {
  border-bottom-color: #f5f5f5 !important;
}

.grey-100-border-left {
  border-left-color: #f5f5f5 !important;
}

.grey-200-bg {
  background-color: #eeeeee !important;
}

.md-grey-200-bg {
  background-color: #eeeeee !important;
  color: rgba(0, 0, 0, 0.87);
}

.grey-200-fg {
  color: #eeeeee !important;
}

.grey-200-border {
  border-color: #eeeeee !important;
}

.grey-200-border-top {
  border-top-color: #eeeeee !important;
}

.grey-200-border-right {
  border-right-color: #eeeeee !important;
}

.grey-200-border-bottom {
  border-bottom-color: #eeeeee !important;
}

.grey-200-border-left {
  border-left-color: #eeeeee !important;
}

.grey-300-bg {
  background-color: #e0e0e0 !important;
}

.md-grey-300-bg {
  background-color: #e0e0e0 !important;
  color: rgba(0, 0, 0, 0.87);
}

.grey-300-fg {
  color: #e0e0e0 !important;
}

.grey-300-border {
  border-color: #e0e0e0 !important;
}

.grey-300-border-top {
  border-top-color: #e0e0e0 !important;
}

.grey-300-border-right {
  border-right-color: #e0e0e0 !important;
}

.grey-300-border-bottom {
  border-bottom-color: #e0e0e0 !important;
}

.grey-300-border-left {
  border-left-color: #e0e0e0 !important;
}

.grey-400-bg {
  background-color: #bdbdbd !important;
}

.md-grey-400-bg {
  background-color: #bdbdbd !important;
  color: rgba(0, 0, 0, 0.87);
}

.grey-400-fg {
  color: #bdbdbd !important;
}

.grey-400-border {
  border-color: #bdbdbd !important;
}

.grey-400-border-top {
  border-top-color: #bdbdbd !important;
}

.grey-400-border-right {
  border-right-color: #bdbdbd !important;
}

.grey-400-border-bottom {
  border-bottom-color: #bdbdbd !important;
}

.grey-400-border-left {
  border-left-color: #bdbdbd !important;
}

.grey-500-bg {
  background-color: #9e9e9e !important;
}

.md-grey-500-bg {
  background-color: #9e9e9e !important;
  color: rgba(0, 0, 0, 0.87);
}

.grey-500-fg {
  color: #9e9e9e !important;
}

.grey-500-border {
  border-color: #9e9e9e !important;
}

.grey-500-border-top {
  border-top-color: #9e9e9e !important;
}

.grey-500-border-right {
  border-right-color: #9e9e9e !important;
}

.grey-500-border-bottom {
  border-bottom-color: #9e9e9e !important;
}

.grey-500-border-left {
  border-left-color: #9e9e9e !important;
}

.md-grey-bg {
  background-color: #9e9e9e !important;
  color: rgba(0, 0, 0, 0.87);
}

.grey-bg {
  background-color: #9e9e9e !important;
}

.grey-fg {
  color: #9e9e9e !important;
}

.grey-border {
  border-color: #9e9e9e !important;
}

.grey-border-top {
  border-top-color: #9e9e9e !important;
}

.grey-border-right {
  border-right-color: #9e9e9e !important;
}

.grey-border-bottom {
  border-bottom-color: #9e9e9e !important;
}

.grey-border-left {
  border-left-color: #9e9e9e !important;
}

.grey-600-bg {
  background-color: #757575 !important;
}

.md-grey-600-bg {
  background-color: #757575 !important;
  color: rgba(255, 255, 255, 0.87);
}

.grey-600-fg {
  color: #757575 !important;
}

.grey-600-border {
  border-color: #757575 !important;
}

.grey-600-border-top {
  border-top-color: #757575 !important;
}

.grey-600-border-right {
  border-right-color: #757575 !important;
}

.grey-600-border-bottom {
  border-bottom-color: #757575 !important;
}

.grey-600-border-left {
  border-left-color: #757575 !important;
}

.grey-700-bg {
  background-color: #616161 !important;
}

.md-grey-700-bg {
  background-color: #616161 !important;
  color: rgba(255, 255, 255, 0.87);
}

.grey-700-fg {
  color: #616161 !important;
}

.grey-700-border {
  border-color: #616161 !important;
}

.grey-700-border-top {
  border-top-color: #616161 !important;
}

.grey-700-border-right {
  border-right-color: #616161 !important;
}

.grey-700-border-bottom {
  border-bottom-color: #616161 !important;
}

.grey-700-border-left {
  border-left-color: #616161 !important;
}

.grey-800-bg {
  background-color: #424242 !important;
}

.md-grey-800-bg {
  background-color: #424242 !important;
  color: rgba(255, 255, 255, 0.87);
}

.grey-800-fg {
  color: #424242 !important;
}

.grey-800-border {
  border-color: #424242 !important;
}

.grey-800-border-top {
  border-top-color: #424242 !important;
}

.grey-800-border-right {
  border-right-color: #424242 !important;
}

.grey-800-border-bottom {
  border-bottom-color: #424242 !important;
}

.grey-800-border-left {
  border-left-color: #424242 !important;
}

.grey-900-bg {
  background-color: #212121 !important;
}

.md-grey-900-bg {
  background-color: #212121 !important;
  color: rgba(255, 255, 255, 0.87);
}

.grey-900-fg {
  color: #212121 !important;
}

.grey-900-border {
  border-color: #212121 !important;
}

.grey-900-border-top {
  border-top-color: #212121 !important;
}

.grey-900-border-right {
  border-right-color: #212121 !important;
}

.grey-900-border-bottom {
  border-bottom-color: #212121 !important;
}

.grey-900-border-left {
  border-left-color: #212121 !important;
}

.grey-1000-bg {
  background-color: #000000 !important;
}

.md-grey-1000-bg {
  background-color: #000000 !important;
}

.grey-1000-fg {
  color: #000000 !important;
}

.grey-1000-border {
  border-color: #000000 !important;
}

.grey-1000-border-top {
  border-top-color: #000000 !important;
}

.grey-1000-border-right {
  border-right-color: #000000 !important;
}

.grey-1000-border-bottom {
  border-bottom-color: #000000 !important;
}

.grey-1000-border-left {
  border-left-color: #000000 !important;
}

.grey-A100-bg {
  background-color: #ffffff !important;
}

.md-grey-A100-bg {
  background-color: #ffffff !important;
  color: rgba(0, 0, 0, 0.87);
}

.grey-A100-fg {
  color: #ffffff !important;
}

.grey-A100-border {
  border-color: #ffffff !important;
}

.grey-A100-border-top {
  border-top-color: #ffffff !important;
}

.grey-A100-border-right {
  border-right-color: #ffffff !important;
}

.grey-A100-border-bottom {
  border-bottom-color: #ffffff !important;
}

.grey-A100-border-left {
  border-left-color: #ffffff !important;
}

.grey-A200-bg {
  background-color: #eeeeee !important;
}

.md-grey-A200-bg {
  background-color: #eeeeee !important;
  color: rgba(0, 0, 0, 0.87);
}

.grey-A200-fg {
  color: #eeeeee !important;
}

.grey-A200-border {
  border-color: #eeeeee !important;
}

.grey-A200-border-top {
  border-top-color: #eeeeee !important;
}

.grey-A200-border-right {
  border-right-color: #eeeeee !important;
}

.grey-A200-border-bottom {
  border-bottom-color: #eeeeee !important;
}

.grey-A200-border-left {
  border-left-color: #eeeeee !important;
}

.grey-A400-bg {
  background-color: #bdbdbd !important;
}

.md-grey-A400-bg {
  background-color: #bdbdbd !important;
  color: rgba(0, 0, 0, 0.87);
}

.grey-A400-fg {
  color: #bdbdbd !important;
}

.grey-A400-border {
  border-color: #bdbdbd !important;
}

.grey-A400-border-top {
  border-top-color: #bdbdbd !important;
}

.grey-A400-border-right {
  border-right-color: #bdbdbd !important;
}

.grey-A400-border-bottom {
  border-bottom-color: #bdbdbd !important;
}

.grey-A400-border-left {
  border-left-color: #bdbdbd !important;
}

.grey-A700-bg {
  background-color: #616161 !important;
}

.md-grey-A700-bg {
  background-color: #616161 !important;
  color: rgba(0, 0, 0, 0.87);
}

.grey-A700-fg {
  color: #616161 !important;
}

.grey-A700-border {
  border-color: #616161 !important;
}

.grey-A700-border-top {
  border-top-color: #616161 !important;
}

.grey-A700-border-right {
  border-right-color: #616161 !important;
}

.grey-A700-border-bottom {
  border-bottom-color: #616161 !important;
}

.grey-A700-border-left {
  border-left-color: #616161 !important;
}

.blue-grey-50-bg {
  background-color: #eceff1 !important;
}

.md-blue-grey-50-bg {
  background-color: #eceff1 !important;
  color: rgba(0, 0, 0, 0.87);
}

.blue-grey-50-fg {
  color: #eceff1 !important;
}

.blue-grey-50-border {
  border-color: #eceff1 !important;
}

.blue-grey-50-border-top {
  border-top-color: #eceff1 !important;
}

.blue-grey-50-border-right {
  border-right-color: #eceff1 !important;
}

.blue-grey-50-border-bottom {
  border-bottom-color: #eceff1 !important;
}

.blue-grey-50-border-left {
  border-left-color: #eceff1 !important;
}

.blue-grey-100-bg {
  background-color: #cfd8dc !important;
}

.md-blue-grey-100-bg {
  background-color: #cfd8dc !important;
  color: rgba(0, 0, 0, 0.87);
}

.blue-grey-100-fg {
  color: #cfd8dc !important;
}

.blue-grey-100-border {
  border-color: #cfd8dc !important;
}

.blue-grey-100-border-top {
  border-top-color: #cfd8dc !important;
}

.blue-grey-100-border-right {
  border-right-color: #cfd8dc !important;
}

.blue-grey-100-border-bottom {
  border-bottom-color: #cfd8dc !important;
}

.blue-grey-100-border-left {
  border-left-color: #cfd8dc !important;
}

.blue-grey-200-bg {
  background-color: #b0bec5 !important;
}

.md-blue-grey-200-bg {
  background-color: #b0bec5 !important;
  color: rgba(0, 0, 0, 0.87);
}

.blue-grey-200-fg {
  color: #b0bec5 !important;
}

.blue-grey-200-border {
  border-color: #b0bec5 !important;
}

.blue-grey-200-border-top {
  border-top-color: #b0bec5 !important;
}

.blue-grey-200-border-right {
  border-right-color: #b0bec5 !important;
}

.blue-grey-200-border-bottom {
  border-bottom-color: #b0bec5 !important;
}

.blue-grey-200-border-left {
  border-left-color: #b0bec5 !important;
}

.blue-grey-300-bg {
  background-color: #90a4ae !important;
}

.md-blue-grey-300-bg {
  background-color: #90a4ae !important;
  color: rgba(0, 0, 0, 0.87);
}

.blue-grey-300-fg {
  color: #90a4ae !important;
}

.blue-grey-300-border {
  border-color: #90a4ae !important;
}

.blue-grey-300-border-top {
  border-top-color: #90a4ae !important;
}

.blue-grey-300-border-right {
  border-right-color: #90a4ae !important;
}

.blue-grey-300-border-bottom {
  border-bottom-color: #90a4ae !important;
}

.blue-grey-300-border-left {
  border-left-color: #90a4ae !important;
}

.blue-grey-400-bg {
  background-color: #78909c !important;
}

.md-blue-grey-400-bg {
  background-color: #78909c !important;
  color: white;
}

.blue-grey-400-fg {
  color: #78909c !important;
}

.blue-grey-400-border {
  border-color: #78909c !important;
}

.blue-grey-400-border-top {
  border-top-color: #78909c !important;
}

.blue-grey-400-border-right {
  border-right-color: #78909c !important;
}

.blue-grey-400-border-bottom {
  border-bottom-color: #78909c !important;
}

.blue-grey-400-border-left {
  border-left-color: #78909c !important;
}

.blue-grey-500-bg {
  background-color: #607d8b !important;
}

.md-blue-grey-500-bg {
  background-color: #607d8b !important;
  color: white;
}

.blue-grey-500-fg {
  color: #607d8b !important;
}

.blue-grey-500-border {
  border-color: #607d8b !important;
}

.blue-grey-500-border-top {
  border-top-color: #607d8b !important;
}

.blue-grey-500-border-right {
  border-right-color: #607d8b !important;
}

.blue-grey-500-border-bottom {
  border-bottom-color: #607d8b !important;
}

.blue-grey-500-border-left {
  border-left-color: #607d8b !important;
}

.md-blue-grey-bg {
  background-color: #607d8b !important;
  color: white;
}

.blue-grey-bg {
  background-color: #607d8b !important;
}

.blue-grey-fg {
  color: #607d8b !important;
}

.blue-grey-border {
  border-color: #607d8b !important;
}

.blue-grey-border-top {
  border-top-color: #607d8b !important;
}

.blue-grey-border-right {
  border-right-color: #607d8b !important;
}

.blue-grey-border-bottom {
  border-bottom-color: #607d8b !important;
}

.blue-grey-border-left {
  border-left-color: #607d8b !important;
}

.blue-grey-600-bg {
  background-color: #546e7a !important;
}

.md-blue-grey-600-bg {
  background-color: #546e7a !important;
  color: rgba(255, 255, 255, 0.87);
}

.blue-grey-600-fg {
  color: #546e7a !important;
}

.blue-grey-600-border {
  border-color: #546e7a !important;
}

.blue-grey-600-border-top {
  border-top-color: #546e7a !important;
}

.blue-grey-600-border-right {
  border-right-color: #546e7a !important;
}

.blue-grey-600-border-bottom {
  border-bottom-color: #546e7a !important;
}

.blue-grey-600-border-left {
  border-left-color: #546e7a !important;
}

.blue-grey-700-bg {
  background-color: #455a64 !important;
}

.md-blue-grey-700-bg {
  background-color: #455a64 !important;
  color: rgba(255, 255, 255, 0.87);
}

.blue-grey-700-fg {
  color: #455a64 !important;
}

.blue-grey-700-border {
  border-color: #455a64 !important;
}

.blue-grey-700-border-top {
  border-top-color: #455a64 !important;
}

.blue-grey-700-border-right {
  border-right-color: #455a64 !important;
}

.blue-grey-700-border-bottom {
  border-bottom-color: #455a64 !important;
}

.blue-grey-700-border-left {
  border-left-color: #455a64 !important;
}

.blue-grey-800-bg {
  background-color: #37474f !important;
}

.md-blue-grey-800-bg {
  background-color: #37474f !important;
  color: rgba(255, 255, 255, 0.87);
}

.blue-grey-800-fg {
  color: #37474f !important;
}

.blue-grey-800-border {
  border-color: #37474f !important;
}

.blue-grey-800-border-top {
  border-top-color: #37474f !important;
}

.blue-grey-800-border-right {
  border-right-color: #37474f !important;
}

.blue-grey-800-border-bottom {
  border-bottom-color: #37474f !important;
}

.blue-grey-800-border-left {
  border-left-color: #37474f !important;
}

.blue-grey-900-bg {
  background-color: #263238 !important;
}

.md-blue-grey-900-bg {
  background-color: #263238 !important;
  color: rgba(255, 255, 255, 0.87);
}

.blue-grey-900-fg {
  color: #263238 !important;
}

.blue-grey-900-border {
  border-color: #263238 !important;
}

.blue-grey-900-border-top {
  border-top-color: #263238 !important;
}

.blue-grey-900-border-right {
  border-right-color: #263238 !important;
}

.blue-grey-900-border-bottom {
  border-bottom-color: #263238 !important;
}

.blue-grey-900-border-left {
  border-left-color: #263238 !important;
}

.blue-grey-A100-bg {
  background-color: #cfd8dc !important;
}

.md-blue-grey-A100-bg {
  background-color: #cfd8dc !important;
  color: rgba(255, 255, 255, 0.87);
}

.blue-grey-A100-fg {
  color: #cfd8dc !important;
}

.blue-grey-A100-border {
  border-color: #cfd8dc !important;
}

.blue-grey-A100-border-top {
  border-top-color: #cfd8dc !important;
}

.blue-grey-A100-border-right {
  border-right-color: #cfd8dc !important;
}

.blue-grey-A100-border-bottom {
  border-bottom-color: #cfd8dc !important;
}

.blue-grey-A100-border-left {
  border-left-color: #cfd8dc !important;
}

.blue-grey-A200-bg {
  background-color: #b0bec5 !important;
}

.md-blue-grey-A200-bg {
  background-color: #b0bec5 !important;
  color: rgba(255, 255, 255, 0.87);
}

.blue-grey-A200-fg {
  color: #b0bec5 !important;
}

.blue-grey-A200-border {
  border-color: #b0bec5 !important;
}

.blue-grey-A200-border-top {
  border-top-color: #b0bec5 !important;
}

.blue-grey-A200-border-right {
  border-right-color: #b0bec5 !important;
}

.blue-grey-A200-border-bottom {
  border-bottom-color: #b0bec5 !important;
}

.blue-grey-A200-border-left {
  border-left-color: #b0bec5 !important;
}

.blue-grey-A400-bg {
  background-color: #78909c !important;
}

.md-blue-grey-A400-bg {
  background-color: #78909c !important;
  color: rgba(255, 255, 255, 0.87);
}

.blue-grey-A400-fg {
  color: #78909c !important;
}

.blue-grey-A400-border {
  border-color: #78909c !important;
}

.blue-grey-A400-border-top {
  border-top-color: #78909c !important;
}

.blue-grey-A400-border-right {
  border-right-color: #78909c !important;
}

.blue-grey-A400-border-bottom {
  border-bottom-color: #78909c !important;
}

.blue-grey-A400-border-left {
  border-left-color: #78909c !important;
}

.blue-grey-A700-bg {
  background-color: #455a64 !important;
}

.md-blue-grey-A700-bg {
  background-color: #455a64 !important;
  color: rgba(255, 255, 255, 0.87);
}

.blue-grey-A700-fg {
  color: #455a64 !important;
}

.blue-grey-A700-border {
  border-color: #455a64 !important;
}

.blue-grey-A700-border-top {
  border-top-color: #455a64 !important;
}

.blue-grey-A700-border-right {
  border-right-color: #455a64 !important;
}

.blue-grey-A700-border-bottom {
  border-bottom-color: #455a64 !important;
}

.blue-grey-A700-border-left {
  border-left-color: #455a64 !important;
}

.white-500-bg {
  background-color: #ffffff !important;
}

.md-white-500-bg {
  background-color: #ffffff !important;
  color: rgba(0, 0, 0, 0.87);
}

.white-500-fg {
  color: #ffffff !important;
}

.white-500-border {
  border-color: #ffffff !important;
}

.white-500-border-top {
  border-top-color: #ffffff !important;
}

.white-500-border-right {
  border-right-color: #ffffff !important;
}

.white-500-border-bottom {
  border-bottom-color: #ffffff !important;
}

.white-500-border-left {
  border-left-color: #ffffff !important;
}

.md-white-bg {
  background-color: #ffffff !important;
  color: rgba(0, 0, 0, 0.87);
}

.white-bg {
  background-color: #ffffff !important;
}

.white-fg {
  color: #ffffff !important;
}

.white-border {
  border-color: #ffffff !important;
}

.white-border-top {
  border-top-color: #ffffff !important;
}

.white-border-right {
  border-right-color: #ffffff !important;
}

.white-border-bottom {
  border-bottom-color: #ffffff !important;
}

.white-border-left {
  border-left-color: #ffffff !important;
}

.black-500-bg {
  background-color: #000000 !important;
}

.md-black-500-bg {
  background-color: #000000 !important;
  color: rgba(255, 255, 255, 0.87);
}

.black-500-fg {
  color: #000000 !important;
}

.black-500-border {
  border-color: #000000 !important;
}

.black-500-border-top {
  border-top-color: #000000 !important;
}

.black-500-border-right {
  border-right-color: #000000 !important;
}

.black-500-border-bottom {
  border-bottom-color: #000000 !important;
}

.black-500-border-left {
  border-left-color: #000000 !important;
}

.md-black-bg {
  background-color: #000000 !important;
  color: rgba(255, 255, 255, 0.87);
}

.black-bg {
  background-color: #000000 !important;
}

.black-fg {
  color: #000000 !important;
}

.black-border {
  border-color: #000000 !important;
}

.black-border-top {
  border-top-color: #000000 !important;
}

.black-border-right {
  border-right-color: #000000 !important;
}

.black-border-bottom {
  border-bottom-color: #000000 !important;
}

.black-border-left {
  border-left-color: #000000 !important;
}

/*----------------------------------------------------------------*/
/*  Variables
/*----------------------------------------------------------------*/
#editUserForm,
#editApplicationForm,
.editForm {
  visibility: hidden;
}

.form-control {
  border-radius: 0 !important;
}

.listado,
.formulariox {
  transition: 0.5s;
}

.formulariox {
  opacity: 0;
  visibility: hidden;
  display: block;
}

@media only screen and (max-width: 800px) {
  .formulariox {
    width: 100% !important;
    display: block;
  }

  .vanish {
    display: none !important;
  }
}

.angular-google-map-container {
  height: 400px;
}

.collapsing {
  position: auto !important;
  height: auto !important;
  overflow: auto !important;
}

.md-datepicker-input-container {
  width: 70% !important;
}

div.DTS div.dataTables_scrollBody {
  background: transparent !important;
}

button.dt-button,
div.dt-button,
a.dt-button {
  background-color: #3c4252 !important;
  color: #c3c4c9 !important;
  background-image: none !important;
}

button.dt-button.active,
div.dt-button.active,
a.dt-button.active {
  background-color: #3c4252 !important;
  color: #c3c4c9 !important;
  background-image: none !important;
}

button.buttons-columnVisibility:not(.active),
div.buttons-columnVisibility:not(.active),
a.buttons-columnVisibility:not(.active) {
  background-color: #737e9b !important;
  color: #c3c4c9 !important;
  background-image: none !important;
}

table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child:before,
table.dataTable.dtr-inline.collapsed>tbody>tr>th:first-child:before {
  color: white !important;
  border: 2px solid white !important;
  border-radius: 14px !important;
  box-shadow: 0 0 3px #444 !important;
  box-sizing: content-box;
  text-align: center;
  font-family: Poppins, 'Courier New', Courier, monospace;
  line-height: 14px;
  content: '+';
  background-color: #31b131 !important;
}

@media only screen and (max-width: 960px) {
  .frame-z {
    height: 500px !important;
  }

  .mapaUR .angular-google-map {
    margin-bottom: 20px !important;
  }

  md-card {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

@media only screen and (max-width: 600px) {
  #toolbar #navigation-toggle {
    border-right: none !important;
  }
}

ui-gmap-google-map {
  height: 100%;
}

@media only screen and (min-width: 900px) {
  .trazabilidad {
    width: 100% !important;
  }

  .mediacion {
    width: 100% !important;
  }
}

.dataTables_filter {
  visibility: hidden !important;
}

.dt-button-collection {
  overflow-y: scroll !important;
  max-height: 140px !important;
}

label {
  font-weight: normal;
}

.badgesEstados {
  background: #e0e0e0 !important;
  color: #424242 !important;
  cursor: default !important;
  border-radius: 16px !important;
  display: block !important;
  height: 32px !important;
  line-height: 32px !important;
  margin: 8px 8px 0 0 !important;
  padding: 0 12px !important;
  float: left !important;
  box-sizing: border-box !important;
  max-width: 100% !important;
  font-family: Poppins, Roboto, 'Helvetica Neue', sans-serif !important;
  font-size: 16px !important;
  position: relative !important;
}

.label {
  border-radius: 0 !important;
  padding: 0.4em 0.6em 0.3em !important;
}

.table-statistics td,
.table-statistics th {
  border: 0px !important;
  /* padding:8px 4px !important;*/
}

.servihabitat-green-bg {
  background-color: rgba(0, 84, 66, 0.8);
}

.servihabitat-orange-bg {
  background-color: rgba(240, 127, 10, 0.8);
}

.md-button.md-fab.md-mini {
  width: 36px !important;
  height: 36px !important;
}

.focused {
  background-color: rgba(158, 158, 158, 0.2) !important;
}

.loadingInforme {
  opacity: 0.3;
  pointer-events: none;
}

.loading-report {
  text-align: center;
  width: 95%;
  padding: 32px;
  font-size: 20px;
  top: 50px;
  position: absolute;
  overflow: hidden;
}

#noOverflow {
  overflow: visible;
}

text-angular .ta-editor {
  overflow-y: scroll !important;
  height: 250px !important;
}

#oc {
  height: 50vh;
}

.expandcollapse-item {
  overflow: hidden;
  margin-left: -14px !important;
}

.expandcollapse-heading-collapsed {
  cursor: pointer;
  padding: 15px 20px;
  position: relative;
  z-index: 100000000;
}

.expandcollapse-heading-expanded {
  cursor: pointer;
  z-index: 100000000;
  padding: 15px 20px;
  position: relative;
}

.expand-collapse-content {
  padding: 20px;
}

.volumetric-options .ms-theme-options-button {
  position: absolute;
  top: 160px;
  right: 0;
  z-index: 50;
  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);
  width: 48px;
  height: 48px;
  line-height: 48px;
  text-align: center;
  cursor: pointer;
  border-radius: 0;
  margin: 0;
  pointer-events: auto;
  opacity: 0.75;
}

.volumetric-options .ms-theme-options-button:hover {
  opacity: 1;
}

.volumetric-options md-sidenav {
  width: 384px;
  min-width: 384px;
  max-width: 384px;
  opacity: 0.95;
}

.volumetric-options md-sidenav .ms-theme-options-list {
  background: #ffffff;
  z-index: 12;
  pointer-events: auto;
}

.volumetric-options md-sidenav .ms-theme-options-list .theme-option {
  padding: 16px;
}

.volumetric-options md-sidenav .ms-theme-options-list .theme-option.layout-options md-radio-button {
  width: 160px;
  max-width: 160px;
  margin: 8px 8px 16px 8px;
}

.volumetric-options md-sidenav .ms-theme-options-list .theme-option.layout-options md-radio-button:hover ._md-label img,
.volumetric-options md-sidenav .ms-theme-options-list .theme-option.layout-options md-radio-button.md-checked ._md-label img {
  opacity: 1;
}

.volumetric-options md-sidenav .ms-theme-options-list .theme-option.layout-options md-radio-button ._md-container {
  display: none;
}

.volumetric-options md-sidenav .ms-theme-options-list .theme-option.layout-options md-radio-button ._md-label {
  margin-left: 0;
}

.volumetric-options md-sidenav .ms-theme-options-list .theme-option.layout-options md-radio-button ._md-label img {
  opacity: 0.8;
  margin-bottom: 8px;
}

.volumetric-options md-sidenav .ms-theme-options-list .theme-option.color-palettes md-menu-item {
  max-width: 192px;
}

.volumetric-options md-sidenav .ms-theme-options-list .theme-option.color-palettes .theme-button {
  border-bottom: 16px solid;
  text-align: left;
  width: 101px;
  height: 88px;
  box-shadow: none;
  opacity: 0.8;
}

.volumetric-options md-sidenav .ms-theme-options-list .theme-option.color-palettes .theme-button:hover,
.volumetric-options md-sidenav .ms-theme-options-list .theme-option.color-palettes .theme-button.active {
  opacity: 1;
}

.volumetric-options md-sidenav .ms-theme-options-list .theme-option md-radio-button {
  margin: 8px;
}

.volumetric-options md-sidenav .ms-theme-options-list .theme-option .option-title {
  font-size: 14px;
  font-weight: 500;
  padding: 0 8px 12px 8px;
}

.bolsacards {
  height: 40px;
  transition: 0.5s;
}

.bolsacards md-card-title {
  padding: 12px 0 15px 7px;
}

.bolsacards md-card-title h2 {
  margin-top: 0 !important;
}

.bolsacards md-card-title md-icon {
  width: 40px;
  height: 43px;
}

.bolsacards md-card-title .scrollable span {
  display: block;
}

.drag-over {
  background-color: #ddd !important;
}

.dragging {
  border: 1px dashed #ddd;
}

.dtp {
  width: auto !important;
}

.dtp-content {
  max-width: none !important;
  padding: unset !important;
}

.subidaF {
  border-radius: 0 !important;
  min-height: auto !important;
}

#fondoAVEr {
  height: 80vh;
  display: block;
  margin-left: auto;
  margin-right: auto;
  background-size: cover;
  opacity: 0.1;
}

.material-icons.md-48 {
  font-size: 48px !important;
}

.mano-enlace {
  cursor: pointer !important;
  text-decoration: none !important;
}

@media only screen and (min-width: 1280px) {
  .toggleValidations {
    text-align: right !important;
  }
}

md-input-container label {
  word-wrap: break-word;
  white-space: normal !important;
}

.md-select-value>span:not(.md-select-icon) {
  text-overflow: initial !important;
  white-space: normal !important;
  word-wrap: break-word !important;
}

.green-600-fg {
  text-decoration: underline !important;
}

a.green-600-fg {
  text-decoration: none !important;
}

.mailtasknoScroll {
  max-height: none !important;
}

md-content {
  overflow-x: hidden !important;
}

.selects-options-deletables {
  width: 95% !important;
  display: inline-block !important;
}

.md-toast-content {
  margin-top: 60px !important;
}

.docs-v2 {
  height: 400px;
  overflow-y: scroll;
}

/*----------------------------------------------------------------*/
/*  Helpers
/*----------------------------------------------------------------*/
[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak {
  display: none !important;
}

.no-padding {
  padding: 0 !important;
}

.no-margin {
  margin: 0 !important;
}

.no-radius {
  border-radius: 0;
}

.divider-vertical {
  background: rgba(0, 0, 0, 0.12);
  height: 24px;
  width: 1px;
  margin: 0 8px;
}

.hidden {
  visibility: hidden;
  opacity: 0;
}

[fill-width] {
  min-width: 100%;
}

[fill-height] {
  min-height: 100%;
}

.full-height {
  height: 100% !important;
}

a img {
  display: block;
  outline: none;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: top;
  border: none;
}

.scrollable {
  display: block;
  position: relative;
  overflow-x: auto;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.scrollable.only-x {
  overflow-x: auto;
  overflow-y: hidden;
}

.scrollable.only-y {
  overflow-x: hidden;
  overflow-y: auto;
}

.flex-scrollable {
  position: relative;
  overflow-x: auto;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.flex-scrollable.only-x {
  overflow-x: auto;
  overflow-y: hidden;
}

.flex-scrollable.only-y {
  overflow-x: hidden;
  overflow-y: auto;
}

.background-image-center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}

.align-vertical:before {
  display: inline-block;
  height: 100%;
  content: '';
  vertical-align: middle;
}

.align-vertical .align-vertical-top,
.align-vertical .align-vertical-middle,
.align-vertical .align-vertical-bottom {
  display: inline-block;
}

.align-vertical .align-vertical-top {
  vertical-align: top;
}

.align-vertical .align-vertical-middle {
  vertical-align: middle;
}

.align-vertical .align-vertical-bottom {
  vertical-align: bottom;
}

.padding-0,
.p-0 {
  padding: 0px;
}

.padding-top-0,
.pt-0 {
  padding-top: 0px;
}

.padding-right-0,
.pr-0 {
  padding-right: 0px;
}

.padding-bottom-0,
.pb-0 {
  padding-bottom: 0px;
}

.padding-left-0,
.pl-0 {
  padding-left: 0px;
}

.padding-horizontal-0,
.ph-0 {
  padding-left: 0px;
  padding-right: 0px;
}

.padding-vertical-0,
.pv-0 {
  padding-top: 0px;
  padding-bottom: 0px;
}

.padding-5,
.p-5 {
  padding: 5px;
}

.padding-top-5,
.pt-5 {
  padding-top: 5px;
}

.padding-right-5,
.pr-5 {
  padding-right: 5px;
}

.padding-bottom-5,
.pb-5 {
  padding-bottom: 5px;
}

.padding-left-5,
.pl-5 {
  padding-left: 5px;
}

.padding-horizontal-5,
.ph-5 {
  padding-left: 5px;
  padding-right: 5px;
}

.padding-vertical-5,
.pv-5 {
  padding-top: 5px;
  padding-bottom: 5px;
}

.padding-10,
.p-10 {
  padding: 10px;
}

.padding-top-10,
.pt-10 {
  padding-top: 10px;
}

.padding-right-10,
.pr-10 {
  padding-right: 10px;
}

.padding-bottom-10,
.pb-10 {
  padding-bottom: 10px;
}

.padding-left-10,
.pl-10 {
  padding-left: 10px;
}

.padding-horizontal-10,
.ph-10 {
  padding-left: 10px;
  padding-right: 10px;
}

.padding-vertical-10,
.pv-10 {
  padding-top: 10px;
  padding-bottom: 10px;
}

.padding-15,
.p-15 {
  padding: 15px;
}

.padding-top-15,
.pt-15 {
  padding-top: 15px;
}

.padding-right-15,
.pr-15 {
  padding-right: 15px;
}

.padding-bottom-15,
.pb-15 {
  padding-bottom: 15px;
}

.padding-left-15,
.pl-15 {
  padding-left: 15px;
}

.padding-horizontal-15,
.ph-15 {
  padding-left: 15px;
  padding-right: 15px;
}

.padding-vertical-15,
.pv-15 {
  padding-top: 15px;
  padding-bottom: 15px;
}

.padding-20,
.p-20 {
  padding: 20px;
}

.padding-top-20,
.pt-20 {
  padding-top: 20px;
}

.padding-right-20,
.pr-20 {
  padding-right: 20px;
}

.padding-bottom-20,
.pb-20 {
  padding-bottom: 20px;
}

.padding-left-20,
.pl-20 {
  padding-left: 20px;
}

.padding-horizontal-20,
.ph-20 {
  padding-left: 20px;
  padding-right: 20px;
}

.padding-vertical-20,
.pv-20 {
  padding-top: 20px;
  padding-bottom: 20px;
}

.padding-25,
.p-25 {
  padding: 25px;
}

.padding-top-25,
.pt-25 {
  padding-top: 25px;
}

.padding-right-25,
.pr-25 {
  padding-right: 25px;
}

.padding-bottom-25,
.pb-25 {
  padding-bottom: 25px;
}

.padding-left-25,
.pl-25 {
  padding-left: 25px;
}

.padding-horizontal-25,
.ph-25 {
  padding-left: 25px;
  padding-right: 25px;
}

.padding-vertical-25,
.pv-25 {
  padding-top: 25px;
  padding-bottom: 25px;
}

.padding-30,
.p-30 {
  padding: 30px;
}

.padding-top-30,
.pt-30 {
  padding-top: 30px;
}

.padding-right-30,
.pr-30 {
  padding-right: 30px;
}

.padding-bottom-30,
.pb-30 {
  padding-bottom: 30px;
}

.padding-left-30,
.pl-30 {
  padding-left: 30px;
}

.padding-horizontal-30,
.ph-30 {
  padding-left: 30px;
  padding-right: 30px;
}

.padding-vertical-30,
.pv-30 {
  padding-top: 30px;
  padding-bottom: 30px;
}

.padding-35,
.p-35 {
  padding: 35px;
}

.padding-top-35,
.pt-35 {
  padding-top: 35px;
}

.padding-right-35,
.pr-35 {
  padding-right: 35px;
}

.padding-bottom-35,
.pb-35 {
  padding-bottom: 35px;
}

.padding-left-35,
.pl-35 {
  padding-left: 35px;
}

.padding-horizontal-35,
.ph-35 {
  padding-left: 35px;
  padding-right: 35px;
}

.padding-vertical-35,
.pv-35 {
  padding-top: 35px;
  padding-bottom: 35px;
}

.padding-40,
.p-40 {
  padding: 40px;
}

.padding-top-40,
.pt-40 {
  padding-top: 40px;
}

.padding-right-40,
.pr-40 {
  padding-right: 40px;
}

.padding-bottom-40,
.pb-40 {
  padding-bottom: 40px;
}

.padding-left-40,
.pl-40 {
  padding-left: 40px;
}

.padding-horizontal-40,
.ph-40 {
  padding-left: 40px;
  padding-right: 40px;
}

.padding-vertical-40,
.pv-40 {
  padding-top: 40px;
  padding-bottom: 40px;
}

.padding-45,
.p-45 {
  padding: 45px;
}

.padding-top-45,
.pt-45 {
  padding-top: 45px;
}

.padding-right-45,
.pr-45 {
  padding-right: 45px;
}

.padding-bottom-45,
.pb-45 {
  padding-bottom: 45px;
}

.padding-left-45,
.pl-45 {
  padding-left: 45px;
}

.padding-horizontal-45,
.ph-45 {
  padding-left: 45px;
  padding-right: 45px;
}

.padding-vertical-45,
.pv-45 {
  padding-top: 45px;
  padding-bottom: 45px;
}

.padding-50,
.p-50 {
  padding: 50px;
}

.padding-top-50,
.pt-50 {
  padding-top: 50px;
}

.padding-right-50,
.pr-50 {
  padding-right: 50px;
}

.padding-bottom-50,
.pb-50 {
  padding-bottom: 50px;
}

.padding-left-50,
.pl-50 {
  padding-left: 50px;
}

.padding-horizontal-50,
.ph-50 {
  padding-left: 50px;
  padding-right: 50px;
}

.padding-vertical-50,
.pv-50 {
  padding-top: 50px;
  padding-bottom: 50px;
}

.padding-55,
.p-55 {
  padding: 55px;
}

.padding-top-55,
.pt-55 {
  padding-top: 55px;
}

.padding-right-55,
.pr-55 {
  padding-right: 55px;
}

.padding-bottom-55,
.pb-55 {
  padding-bottom: 55px;
}

.padding-left-55,
.pl-55 {
  padding-left: 55px;
}

.padding-horizontal-55,
.ph-55 {
  padding-left: 55px;
  padding-right: 55px;
}

.padding-vertical-55,
.pv-55 {
  padding-top: 55px;
  padding-bottom: 55px;
}

.padding-60,
.p-60 {
  padding: 60px;
}

.padding-top-60,
.pt-60 {
  padding-top: 60px;
}

.padding-right-60,
.pr-60 {
  padding-right: 60px;
}

.padding-bottom-60,
.pb-60 {
  padding-bottom: 60px;
}

.padding-left-60,
.pl-60 {
  padding-left: 60px;
}

.padding-horizontal-60,
.ph-60 {
  padding-left: 60px;
  padding-right: 60px;
}

.padding-vertical-60,
.pv-60 {
  padding-top: 60px;
  padding-bottom: 60px;
}

.padding-65,
.p-65 {
  padding: 65px;
}

.padding-top-65,
.pt-65 {
  padding-top: 65px;
}

.padding-right-65,
.pr-65 {
  padding-right: 65px;
}

.padding-bottom-65,
.pb-65 {
  padding-bottom: 65px;
}

.padding-left-65,
.pl-65 {
  padding-left: 65px;
}

.padding-horizontal-65,
.ph-65 {
  padding-left: 65px;
  padding-right: 65px;
}

.padding-vertical-65,
.pv-65 {
  padding-top: 65px;
  padding-bottom: 65px;
}

.padding-70,
.p-70 {
  padding: 70px;
}

.padding-top-70,
.pt-70 {
  padding-top: 70px;
}

.padding-right-70,
.pr-70 {
  padding-right: 70px;
}

.padding-bottom-70,
.pb-70 {
  padding-bottom: 70px;
}

.padding-left-70,
.pl-70 {
  padding-left: 70px;
}

.padding-horizontal-70,
.ph-70 {
  padding-left: 70px;
  padding-right: 70px;
}

.padding-vertical-70,
.pv-70 {
  padding-top: 70px;
  padding-bottom: 70px;
}

.padding-75,
.p-75 {
  padding: 75px;
}

.padding-top-75,
.pt-75 {
  padding-top: 75px;
}

.padding-right-75,
.pr-75 {
  padding-right: 75px;
}

.padding-bottom-75,
.pb-75 {
  padding-bottom: 75px;
}

.padding-left-75,
.pl-75 {
  padding-left: 75px;
}

.padding-horizontal-75,
.ph-75 {
  padding-left: 75px;
  padding-right: 75px;
}

.padding-vertical-75,
.pv-75 {
  padding-top: 75px;
  padding-bottom: 75px;
}

.padding-80,
.p-80 {
  padding: 80px;
}

.padding-top-80,
.pt-80 {
  padding-top: 80px;
}

.padding-right-80,
.pr-80 {
  padding-right: 80px;
}

.padding-bottom-80,
.pb-80 {
  padding-bottom: 80px;
}

.padding-left-80,
.pl-80 {
  padding-left: 80px;
}

.padding-horizontal-80,
.ph-80 {
  padding-left: 80px;
  padding-right: 80px;
}

.padding-vertical-80,
.pv-80 {
  padding-top: 80px;
  padding-bottom: 80px;
}

.padding-85,
.p-85 {
  padding: 85px;
}

.padding-top-85,
.pt-85 {
  padding-top: 85px;
}

.padding-right-85,
.pr-85 {
  padding-right: 85px;
}

.padding-bottom-85,
.pb-85 {
  padding-bottom: 85px;
}

.padding-left-85,
.pl-85 {
  padding-left: 85px;
}

.padding-horizontal-85,
.ph-85 {
  padding-left: 85px;
  padding-right: 85px;
}

.padding-vertical-85,
.pv-85 {
  padding-top: 85px;
  padding-bottom: 85px;
}

.padding-90,
.p-90 {
  padding: 90px;
}

.padding-top-90,
.pt-90 {
  padding-top: 90px;
}

.padding-right-90,
.pr-90 {
  padding-right: 90px;
}

.padding-bottom-90,
.pb-90 {
  padding-bottom: 90px;
}

.padding-left-90,
.pl-90 {
  padding-left: 90px;
}

.padding-horizontal-90,
.ph-90 {
  padding-left: 90px;
  padding-right: 90px;
}

.padding-vertical-90,
.pv-90 {
  padding-top: 90px;
  padding-bottom: 90px;
}

.padding-95,
.p-95 {
  padding: 95px;
}

.padding-top-95,
.pt-95 {
  padding-top: 95px;
}

.padding-right-95,
.pr-95 {
  padding-right: 95px;
}

.padding-bottom-95,
.pb-95 {
  padding-bottom: 95px;
}

.padding-left-95,
.pl-95 {
  padding-left: 95px;
}

.padding-horizontal-95,
.ph-95 {
  padding-left: 95px;
  padding-right: 95px;
}

.padding-vertical-95,
.pv-95 {
  padding-top: 95px;
  padding-bottom: 95px;
}

.padding-100,
.p-100 {
  padding: 100px;
}

.padding-top-100,
.pt-100 {
  padding-top: 100px;
}

.padding-right-100,
.pr-100 {
  padding-right: 100px;
}

.padding-bottom-100,
.pb-100 {
  padding-bottom: 100px;
}

.padding-left-100,
.pl-100 {
  padding-left: 100px;
}

.padding-horizontal-100,
.ph-100 {
  padding-left: 100px;
  padding-right: 100px;
}

.padding-vertical-100,
.pv-100 {
  padding-top: 100px;
  padding-bottom: 100px;
}

.padding-8,
.p-8 {
  padding: 8px;
}

.padding-top-8,
.pt-8 {
  padding-top: 8px;
}

.padding-right-8,
.pr-8 {
  padding-right: 8px;
}

.padding-bottom-8,
.pb-8 {
  padding-bottom: 8px;
}

.padding-left-8,
.pl-8 {
  padding-left: 8px;
}

.padding-horizontal-8,
.ph-8 {
  padding-left: 8px;
  padding-right: 8px;
}

.padding-vertical-8,
.pv-8 {
  padding-top: 8px;
  padding-bottom: 8px;
}

.padding-16,
.p-16 {
  padding: 16px;
}

.padding-top-16,
.pt-16 {
  padding-top: 16px;
}

.padding-right-16,
.pr-16 {
  padding-right: 16px;
}

.padding-bottom-16,
.pb-16 {
  padding-bottom: 16px;
}

.padding-left-16,
.pl-16 {
  padding-left: 16px;
}

.padding-horizontal-16,
.ph-16 {
  padding-left: 16px;
  padding-right: 16px;
}

.padding-vertical-16,
.pv-16 {
  padding-top: 16px;
  padding-bottom: 16px;
}

.padding-24,
.p-24 {
  padding: 24px;
}

.padding-top-24,
.pt-24 {
  padding-top: 24px;
}

.padding-right-24,
.pr-24 {
  padding-right: 24px;
}

.padding-bottom-24,
.pb-24 {
  padding-bottom: 24px;
}

.padding-left-24,
.pl-24 {
  padding-left: 24px;
}

.padding-horizontal-24,
.ph-24 {
  padding-left: 24px;
  padding-right: 24px;
}

.padding-vertical-24,
.pv-24 {
  padding-top: 24px;
  padding-bottom: 24px;
}

.padding-32,
.p-32 {
  padding: 32px;
}

.padding-top-32,
.pt-32 {
  padding-top: 32px;
}

.padding-right-32,
.pr-32 {
  padding-right: 32px;
}

.padding-bottom-32,
.pb-32 {
  padding-bottom: 32px;
}

.padding-left-32,
.pl-32 {
  padding-left: 32px;
}

.padding-horizontal-32,
.ph-32 {
  padding-left: 32px;
  padding-right: 32px;
}

.padding-vertical-32,
.pv-32 {
  padding-top: 32px;
  padding-bottom: 32px;
}

.padding-48,
.p-48 {
  padding: 48px;
}

.padding-top-48,
.pt-48 {
  padding-top: 48px;
}

.padding-right-48,
.pr-48 {
  padding-right: 48px;
}

.padding-bottom-48,
.pb-48 {
  padding-bottom: 48px;
}

.padding-left-48,
.pl-48 {
  padding-left: 48px;
}

.padding-horizontal-48,
.ph-48 {
  padding-left: 48px;
  padding-right: 48px;
}

.padding-vertical-48,
.pv-48 {
  padding-top: 48px;
  padding-bottom: 48px;
}

.padding-56,
.p-56 {
  padding: 56px;
}

.padding-top-56,
.pt-56 {
  padding-top: 56px;
}

.padding-right-56,
.pr-56 {
  padding-right: 56px;
}

.padding-bottom-56,
.pb-56 {
  padding-bottom: 56px;
}

.padding-left-56,
.pl-56 {
  padding-left: 56px;
}

.padding-horizontal-56,
.ph-56 {
  padding-left: 56px;
  padding-right: 56px;
}

.padding-vertical-56,
.pv-56 {
  padding-top: 56px;
  padding-bottom: 56px;
}

.padding-64,
.p-64 {
  padding: 64px;
}

.padding-top-64,
.pt-64 {
  padding-top: 64px;
}

.padding-right-64,
.pr-64 {
  padding-right: 64px;
}

.padding-bottom-64,
.pb-64 {
  padding-bottom: 64px;
}

.padding-left-64,
.pl-64 {
  padding-left: 64px;
}

.padding-horizontal-64,
.ph-64 {
  padding-left: 64px;
  padding-right: 64px;
}

.padding-vertical-64,
.pv-64 {
  padding-top: 64px;
  padding-bottom: 64px;
}

.padding-72,
.p-72 {
  padding: 72px;
}

.padding-top-72,
.pt-72 {
  padding-top: 72px;
}

.padding-right-72,
.pr-72 {
  padding-right: 72px;
}

.padding-bottom-72,
.pb-72 {
  padding-bottom: 72px;
}

.padding-left-72,
.pl-72 {
  padding-left: 72px;
}

.padding-horizontal-72,
.ph-72 {
  padding-left: 72px;
  padding-right: 72px;
}

.padding-vertical-72,
.pv-72 {
  padding-top: 72px;
  padding-bottom: 72px;
}

.padding-88,
.p-88 {
  padding: 88px;
}

.padding-top-88,
.pt-88 {
  padding-top: 88px;
}

.padding-right-88,
.pr-88 {
  padding-right: 88px;
}

.padding-bottom-88,
.pb-88 {
  padding-bottom: 88px;
}

.padding-left-88,
.pl-88 {
  padding-left: 88px;
}

.padding-horizontal-88,
.ph-88 {
  padding-left: 88px;
  padding-right: 88px;
}

.padding-vertical-88,
.pv-88 {
  padding-top: 88px;
  padding-bottom: 88px;
}

.padding-96,
.p-96 {
  padding: 96px;
}

.padding-top-96,
.pt-96 {
  padding-top: 96px;
}

.padding-right-96,
.pr-96 {
  padding-right: 96px;
}

.padding-bottom-96,
.pb-96 {
  padding-bottom: 96px;
}

.padding-left-96,
.pl-96 {
  padding-left: 96px;
}

.padding-horizontal-96,
.ph-96 {
  padding-left: 96px;
  padding-right: 96px;
}

.padding-vertical-96,
.pv-96 {
  padding-top: 96px;
  padding-bottom: 96px;
}

.margin-0,
.m-0 {
  margin: 0px;
}

.margin-top-0,
.mt-0 {
  margin-top: 0px;
}

.margin-right-0,
.mr-0 {
  margin-right: 0px;
}

.margin-bottom-0,
.mb-0 {
  margin-bottom: 0px;
}

.margin-left-0,
.ml-0 {
  margin-left: 0px;
}

.margin-horizontal-0,
.mh-0 {
  margin-left: 0px;
  margin-right: 0px;
}

.margin-vertical-0,
.mv-0 {
  margin-top: 0px;
  margin-bottom: 0px;
}

.margin-5,
.m-5 {
  margin: 5px;
}

.margin-top-5,
.mt-5 {
  margin-top: 5px;
}

.margin-right-5,
.mr-5 {
  margin-right: 5px;
}

.margin-bottom-5,
.mb-5 {
  margin-bottom: 5px;
}

.margin-left-5,
.ml-5 {
  margin-left: 5px;
}

.margin-horizontal-5,
.mh-5 {
  margin-left: 5px;
  margin-right: 5px;
}

.margin-vertical-5,
.mv-5 {
  margin-top: 5px;
  margin-bottom: 5px;
}

.margin-10,
.m-10 {
  margin: 10px;
}

.margin-top-10,
.mt-10 {
  margin-top: 10px;
}

.margin-right-10,
.mr-10 {
  margin-right: 10px;
}

.margin-bottom-10,
.mb-10 {
  margin-bottom: 10px;
}

.margin-left-10,
.ml-10 {
  margin-left: 10px;
}

.margin-horizontal-10,
.mh-10 {
  margin-left: 10px;
  margin-right: 10px;
}

.margin-vertical-10,
.mv-10 {
  margin-top: 10px;
  margin-bottom: 10px;
}

.margin-15,
.m-15 {
  margin: 15px;
}

.margin-top-15,
.mt-15 {
  margin-top: 15px;
}

.margin-right-15,
.mr-15 {
  margin-right: 15px;
}

.margin-bottom-15,
.mb-15 {
  margin-bottom: 15px;
}

.margin-left-15,
.ml-15 {
  margin-left: 15px;
}

.margin-horizontal-15,
.mh-15 {
  margin-left: 15px;
  margin-right: 15px;
}

.margin-vertical-15,
.mv-15 {
  margin-top: 15px;
  margin-bottom: 15px;
}

.margin-20,
.m-20 {
  margin: 20px;
}

.margin-top-20,
.mt-20 {
  margin-top: 20px;
}

.margin-right-20,
.mr-20 {
  margin-right: 20px;
}

.margin-bottom-20,
.mb-20 {
  margin-bottom: 20px;
}

.margin-left-20,
.ml-20 {
  margin-left: 20px;
}

.margin-horizontal-20,
.mh-20 {
  margin-left: 20px;
  margin-right: 20px;
}

.margin-vertical-20,
.mv-20 {
  margin-top: 20px;
  margin-bottom: 20px;
}

.margin-25,
.m-25 {
  margin: 25px;
}

.margin-top-25,
.mt-25 {
  margin-top: 25px;
}

.margin-right-25,
.mr-25 {
  margin-right: 25px;
}

.margin-bottom-25,
.mb-25 {
  margin-bottom: 25px;
}

.margin-left-25,
.ml-25 {
  margin-left: 25px;
}

.margin-horizontal-25,
.mh-25 {
  margin-left: 25px;
  margin-right: 25px;
}

.margin-vertical-25,
.mv-25 {
  margin-top: 25px;
  margin-bottom: 25px;
}

.margin-30,
.m-30 {
  margin: 30px;
}

.margin-top-30,
.mt-30 {
  margin-top: 30px;
}

.margin-right-30,
.mr-30 {
  margin-right: 30px;
}

.margin-bottom-30,
.mb-30 {
  margin-bottom: 30px;
}

.margin-left-30,
.ml-30 {
  margin-left: 30px;
}

.margin-horizontal-30,
.mh-30 {
  margin-left: 30px;
  margin-right: 30px;
}

.margin-vertical-30,
.mv-30 {
  margin-top: 30px;
  margin-bottom: 30px;
}

.margin-35,
.m-35 {
  margin: 35px;
}

.margin-top-35,
.mt-35 {
  margin-top: 35px;
}

.margin-right-35,
.mr-35 {
  margin-right: 35px;
}

.margin-bottom-35,
.mb-35 {
  margin-bottom: 35px;
}

.margin-left-35,
.ml-35 {
  margin-left: 35px;
}

.margin-horizontal-35,
.mh-35 {
  margin-left: 35px;
  margin-right: 35px;
}

.margin-vertical-35,
.mv-35 {
  margin-top: 35px;
  margin-bottom: 35px;
}

.margin-40,
.m-40 {
  margin: 40px;
}

.margin-top-40,
.mt-40 {
  margin-top: 40px;
}

.margin-right-40,
.mr-40 {
  margin-right: 40px;
}

.margin-bottom-40,
.mb-40 {
  margin-bottom: 40px;
}

.margin-left-40,
.ml-40 {
  margin-left: 40px;
}

.margin-horizontal-40,
.mh-40 {
  margin-left: 40px;
  margin-right: 40px;
}

.margin-vertical-40,
.mv-40 {
  margin-top: 40px;
  margin-bottom: 40px;
}

.margin-45,
.m-45 {
  margin: 45px;
}

.margin-top-45,
.mt-45 {
  margin-top: 45px;
}

.margin-right-45,
.mr-45 {
  margin-right: 45px;
}

.margin-bottom-45,
.mb-45 {
  margin-bottom: 45px;
}

.margin-left-45,
.ml-45 {
  margin-left: 45px;
}

.margin-horizontal-45,
.mh-45 {
  margin-left: 45px;
  margin-right: 45px;
}

.margin-vertical-45,
.mv-45 {
  margin-top: 45px;
  margin-bottom: 45px;
}

.margin-50,
.m-50 {
  margin: 50px;
}

.margin-top-50,
.mt-50 {
  margin-top: 50px;
}

.margin-right-50,
.mr-50 {
  margin-right: 50px;
}

.margin-bottom-50,
.mb-50 {
  margin-bottom: 50px;
}

.margin-left-50,
.ml-50 {
  margin-left: 50px;
}

.margin-horizontal-50,
.mh-50 {
  margin-left: 50px;
  margin-right: 50px;
}

.margin-vertical-50,
.mv-50 {
  margin-top: 50px;
  margin-bottom: 50px;
}

.margin-55,
.m-55 {
  margin: 55px;
}

.margin-top-55,
.mt-55 {
  margin-top: 55px;
}

.margin-right-55,
.mr-55 {
  margin-right: 55px;
}

.margin-bottom-55,
.mb-55 {
  margin-bottom: 55px;
}

.margin-left-55,
.ml-55 {
  margin-left: 55px;
}

.margin-horizontal-55,
.mh-55 {
  margin-left: 55px;
  margin-right: 55px;
}

.margin-vertical-55,
.mv-55 {
  margin-top: 55px;
  margin-bottom: 55px;
}

.margin-60,
.m-60 {
  margin: 60px;
}

.margin-top-60,
.mt-60 {
  margin-top: 60px;
}

.margin-right-60,
.mr-60 {
  margin-right: 60px;
}

.margin-bottom-60,
.mb-60 {
  margin-bottom: 60px;
}

.margin-left-60,
.ml-60 {
  margin-left: 60px;
}

.margin-horizontal-60,
.mh-60 {
  margin-left: 60px;
  margin-right: 60px;
}

.margin-vertical-60,
.mv-60 {
  margin-top: 60px;
  margin-bottom: 60px;
}

.margin-65,
.m-65 {
  margin: 65px;
}

.margin-top-65,
.mt-65 {
  margin-top: 65px;
}

.margin-right-65,
.mr-65 {
  margin-right: 65px;
}

.margin-bottom-65,
.mb-65 {
  margin-bottom: 65px;
}

.margin-left-65,
.ml-65 {
  margin-left: 65px;
}

.margin-horizontal-65,
.mh-65 {
  margin-left: 65px;
  margin-right: 65px;
}

.margin-vertical-65,
.mv-65 {
  margin-top: 65px;
  margin-bottom: 65px;
}

.margin-70,
.m-70 {
  margin: 70px;
}

.margin-top-70,
.mt-70 {
  margin-top: 70px;
}

.margin-right-70,
.mr-70 {
  margin-right: 70px;
}

.margin-bottom-70,
.mb-70 {
  margin-bottom: 70px;
}

.margin-left-70,
.ml-70 {
  margin-left: 70px;
}

.margin-horizontal-70,
.mh-70 {
  margin-left: 70px;
  margin-right: 70px;
}

.margin-vertical-70,
.mv-70 {
  margin-top: 70px;
  margin-bottom: 70px;
}

.margin-75,
.m-75 {
  margin: 75px;
}

.margin-top-75,
.mt-75 {
  margin-top: 75px;
}

.margin-right-75,
.mr-75 {
  margin-right: 75px;
}

.margin-bottom-75,
.mb-75 {
  margin-bottom: 75px;
}

.margin-left-75,
.ml-75 {
  margin-left: 75px;
}

.margin-horizontal-75,
.mh-75 {
  margin-left: 75px;
  margin-right: 75px;
}

.margin-vertical-75,
.mv-75 {
  margin-top: 75px;
  margin-bottom: 75px;
}

.margin-80,
.m-80 {
  margin: 80px;
}

.margin-top-80,
.mt-80 {
  margin-top: 80px;
}

.margin-right-80,
.mr-80 {
  margin-right: 80px;
}

.margin-bottom-80,
.mb-80 {
  margin-bottom: 80px;
}

.margin-left-80,
.ml-80 {
  margin-left: 80px;
}

.margin-horizontal-80,
.mh-80 {
  margin-left: 80px;
  margin-right: 80px;
}

.margin-vertical-80,
.mv-80 {
  margin-top: 80px;
  margin-bottom: 80px;
}

.margin-85,
.m-85 {
  margin: 85px;
}

.margin-top-85,
.mt-85 {
  margin-top: 85px;
}

.margin-right-85,
.mr-85 {
  margin-right: 85px;
}

.margin-bottom-85,
.mb-85 {
  margin-bottom: 85px;
}

.margin-left-85,
.ml-85 {
  margin-left: 85px;
}

.margin-horizontal-85,
.mh-85 {
  margin-left: 85px;
  margin-right: 85px;
}

.margin-vertical-85,
.mv-85 {
  margin-top: 85px;
  margin-bottom: 85px;
}

.margin-90,
.m-90 {
  margin: 90px;
}

.margin-top-90,
.mt-90 {
  margin-top: 90px;
}

.margin-right-90,
.mr-90 {
  margin-right: 90px;
}

.margin-bottom-90,
.mb-90 {
  margin-bottom: 90px;
}

.margin-left-90,
.ml-90 {
  margin-left: 90px;
}

.margin-horizontal-90,
.mh-90 {
  margin-left: 90px;
  margin-right: 90px;
}

.margin-vertical-90,
.mv-90 {
  margin-top: 90px;
  margin-bottom: 90px;
}

.margin-95,
.m-95 {
  margin: 95px;
}

.margin-top-95,
.mt-95 {
  margin-top: 95px;
}

.margin-right-95,
.mr-95 {
  margin-right: 95px;
}

.margin-bottom-95,
.mb-95 {
  margin-bottom: 95px;
}

.margin-left-95,
.ml-95 {
  margin-left: 95px;
}

.margin-horizontal-95,
.mh-95 {
  margin-left: 95px;
  margin-right: 95px;
}

.margin-vertical-95,
.mv-95 {
  margin-top: 95px;
  margin-bottom: 95px;
}

.margin-100,
.m-100 {
  margin: 100px;
}

.margin-top-100,
.mt-100 {
  margin-top: 100px;
}

.margin-right-100,
.mr-100 {
  margin-right: 100px;
}

.margin-bottom-100,
.mb-100 {
  margin-bottom: 100px;
}

.margin-left-100,
.ml-100 {
  margin-left: 100px;
}

.margin-horizontal-100,
.mh-100 {
  margin-left: 100px;
  margin-right: 100px;
}

.margin-vertical-100,
.mv-100 {
  margin-top: 100px;
  margin-bottom: 100px;
}

.margin-8,
.m-8 {
  margin: 8px;
}

.margin-top-8,
.mt-8 {
  margin-top: 8px;
}

.margin-right-8,
.mr-8 {
  margin-right: 8px;
}

.margin-bottom-8,
.mb-8 {
  margin-bottom: 8px;
}

.margin-left-8,
.ml-8 {
  margin-left: 8px;
}

.margin-horizontal-8,
.mh-8 {
  margin-left: 8px;
  margin-right: 8px;
}

.margin-vertical-8,
.mv-8 {
  margin-top: 8px;
  margin-bottom: 8px;
}

.margin-16,
.m-16 {
  margin: 16px;
}

.margin-top-16,
.mt-16 {
  margin-top: 16px;
}

.margin-right-16,
.mr-16 {
  margin-right: 16px;
}

.margin-bottom-16,
.mb-16 {
  margin-bottom: 16px;
}

.margin-left-16,
.ml-16 {
  margin-left: 16px;
}

.margin-horizontal-16,
.mh-16 {
  margin-left: 16px;
  margin-right: 16px;
}

.margin-vertical-16,
.mv-16 {
  margin-top: 16px;
  margin-bottom: 16px;
}

.margin-24,
.m-24 {
  margin: 24px;
}

.margin-top-24,
.mt-24 {
  margin-top: 24px;
}

.margin-right-24,
.mr-24 {
  margin-right: 24px;
}

.margin-bottom-24,
.mb-24 {
  margin-bottom: 24px;
}

.margin-left-24,
.ml-24 {
  margin-left: 24px;
}

.margin-horizontal-24,
.mh-24 {
  margin-left: 24px;
  margin-right: 24px;
}

.margin-vertical-24,
.mv-24 {
  margin-top: 24px;
  margin-bottom: 24px;
}

.margin-32,
.m-32 {
  margin: 32px;
}

.margin-top-32,
.mt-32 {
  margin-top: 32px;
}

.margin-right-32,
.mr-32 {
  margin-right: 32px;
}

.margin-bottom-32,
.mb-32 {
  margin-bottom: 32px;
}

.margin-left-32,
.ml-32 {
  margin-left: 32px;
}

.margin-horizontal-32,
.mh-32 {
  margin-left: 32px;
  margin-right: 32px;
}

.margin-vertical-32,
.mv-32 {
  margin-top: 32px;
  margin-bottom: 32px;
}

.margin-48,
.m-48 {
  margin: 48px;
}

.margin-top-48,
.mt-48 {
  margin-top: 48px;
}

.margin-right-48,
.mr-48 {
  margin-right: 48px;
}

.margin-bottom-48,
.mb-48 {
  margin-bottom: 48px;
}

.margin-left-48,
.ml-48 {
  margin-left: 48px;
}

.margin-horizontal-48,
.mh-48 {
  margin-left: 48px;
  margin-right: 48px;
}

.margin-vertical-48,
.mv-48 {
  margin-top: 48px;
  margin-bottom: 48px;
}

.margin-56,
.m-56 {
  margin: 56px;
}

.margin-top-56,
.mt-56 {
  margin-top: 56px;
}

.margin-right-56,
.mr-56 {
  margin-right: 56px;
}

.margin-bottom-56,
.mb-56 {
  margin-bottom: 56px;
}

.margin-left-56,
.ml-56 {
  margin-left: 56px;
}

.margin-horizontal-56,
.mh-56 {
  margin-left: 56px;
  margin-right: 56px;
}

.margin-vertical-56,
.mv-56 {
  margin-top: 56px;
  margin-bottom: 56px;
}

.margin-64,
.m-64 {
  margin: 64px;
}

.margin-top-64,
.mt-64 {
  margin-top: 64px;
}

.margin-right-64,
.mr-64 {
  margin-right: 64px;
}

.margin-bottom-64,
.mb-64 {
  margin-bottom: 64px;
}

.margin-left-64,
.ml-64 {
  margin-left: 64px;
}

.margin-horizontal-64,
.mh-64 {
  margin-left: 64px;
  margin-right: 64px;
}

.margin-vertical-64,
.mv-64 {
  margin-top: 64px;
  margin-bottom: 64px;
}

.margin-72,
.m-72 {
  margin: 72px;
}

.margin-top-72,
.mt-72 {
  margin-top: 72px;
}

.margin-right-72,
.mr-72 {
  margin-right: 72px;
}

.margin-bottom-72,
.mb-72 {
  margin-bottom: 72px;
}

.margin-left-72,
.ml-72 {
  margin-left: 72px;
}

.margin-horizontal-72,
.mh-72 {
  margin-left: 72px;
  margin-right: 72px;
}

.margin-vertical-72,
.mv-72 {
  margin-top: 72px;
  margin-bottom: 72px;
}

.margin-88,
.m-88 {
  margin: 88px;
}

.margin-top-88,
.mt-88 {
  margin-top: 88px;
}

.margin-right-88,
.mr-88 {
  margin-right: 88px;
}

.margin-bottom-88,
.mb-88 {
  margin-bottom: 88px;
}

.margin-left-88,
.ml-88 {
  margin-left: 88px;
}

.margin-horizontal-88,
.mh-88 {
  margin-left: 88px;
  margin-right: 88px;
}

.margin-vertical-88,
.mv-88 {
  margin-top: 88px;
  margin-bottom: 88px;
}

.margin-96,
.m-96 {
  margin: 96px;
}

.margin-top-96,
.mt-96 {
  margin-top: 96px;
}

.margin-right-96,
.mr-96 {
  margin-right: 96px;
}

.margin-bottom-96,
.mb-96 {
  margin-bottom: 96px;
}

.margin-left-96,
.ml-96 {
  margin-left: 96px;
}

.margin-horizontal-96,
.mh-96 {
  margin-left: 96px;
  margin-right: 96px;
}

.margin-vertical-96,
.mv-96 {
  margin-top: 96px;
  margin-bottom: 96px;
}

.height-0,
.h-0 {
  height: 0px !important;
  min-height: 0px !important;
  max-height: 0px !important;
}

.width-0,
.w-0 {
  width: 0px !important;
  min-width: 0px !important;
  max-width: 0px !important;
}

.height-5,
.h-5 {
  height: 5px !important;
  min-height: 5px !important;
  max-height: 5px !important;
}

.width-5,
.w-5 {
  width: 5px !important;
  min-width: 5px !important;
  max-width: 5px !important;
}

.height-10,
.h-10 {
  height: 10px !important;
  min-height: 10px !important;
  max-height: 10px !important;
}

.width-10,
.w-10 {
  width: 10px !important;
  min-width: 10px !important;
  max-width: 10px !important;
}

.height-15,
.h-15 {
  height: 15px !important;
  min-height: 15px !important;
  max-height: 15px !important;
}

.width-15,
.w-15 {
  width: 15px !important;
  min-width: 15px !important;
  max-width: 15px !important;
}

.height-20,
.h-20 {
  height: 20px !important;
  min-height: 20px !important;
  max-height: 20px !important;
}

.width-20,
.w-20 {
  width: 20px !important;
  min-width: 20px !important;
  max-width: 20px !important;
}

.height-25,
.h-25 {
  height: 25px !important;
  min-height: 25px !important;
  max-height: 25px !important;
}

.width-25,
.w-25 {
  width: 25px !important;
  min-width: 25px !important;
  max-width: 25px !important;
}

.height-30,
.h-30 {
  height: 30px !important;
  min-height: 30px !important;
  max-height: 30px !important;
}

.width-30,
.w-30 {
  width: 30px !important;
  min-width: 30px !important;
  max-width: 30px !important;
}

.height-35,
.h-35 {
  height: 35px !important;
  min-height: 35px !important;
  max-height: 35px !important;
}

.width-35,
.w-35 {
  width: 35px !important;
  min-width: 35px !important;
  max-width: 35px !important;
}

.height-40,
.h-40 {
  height: 40px !important;
  min-height: 40px !important;
  max-height: 40px !important;
}

.width-40,
.w-40 {
  width: 40px !important;
  min-width: 40px !important;
  max-width: 40px !important;
}

.height-45,
.h-45 {
  height: 45px !important;
  min-height: 45px !important;
  max-height: 45px !important;
}

.width-45,
.w-45 {
  width: 45px !important;
  min-width: 45px !important;
  max-width: 45px !important;
}

.height-50,
.h-50 {
  height: 50px !important;
  min-height: 50px !important;
  max-height: 50px !important;
}

.width-50,
.w-50 {
  width: 50px !important;
  min-width: 50px !important;
  max-width: 50px !important;
}

.height-55,
.h-55 {
  height: 55px !important;
  min-height: 55px !important;
  max-height: 55px !important;
}

.width-55,
.w-55 {
  width: 55px !important;
  min-width: 55px !important;
  max-width: 55px !important;
}

.height-60,
.h-60 {
  height: 60px !important;
  min-height: 60px !important;
  max-height: 60px !important;
}

.width-60,
.w-60 {
  width: 60px !important;
  min-width: 60px !important;
  max-width: 60px !important;
}

.height-65,
.h-65 {
  height: 65px !important;
  min-height: 65px !important;
  max-height: 65px !important;
}

.width-65,
.w-65 {
  width: 65px !important;
  min-width: 65px !important;
  max-width: 65px !important;
}

.height-70,
.h-70 {
  height: 70px !important;
  min-height: 70px !important;
  max-height: 70px !important;
}

.width-70,
.w-70 {
  width: 70px !important;
  min-width: 70px !important;
  max-width: 70px !important;
}

.height-75,
.h-75 {
  height: 75px !important;
  min-height: 75px !important;
  max-height: 75px !important;
}

.width-75,
.w-75 {
  width: 75px !important;
  min-width: 75px !important;
  max-width: 75px !important;
}

.height-80,
.h-80 {
  height: 80px !important;
  min-height: 80px !important;
  max-height: 80px !important;
}

.width-80,
.w-80 {
  width: 80px !important;
  min-width: 80px !important;
  max-width: 80px !important;
}

.height-85,
.h-85 {
  height: 85px !important;
  min-height: 85px !important;
  max-height: 85px !important;
}

.width-85,
.w-85 {
  width: 85px !important;
  min-width: 85px !important;
  max-width: 85px !important;
}

.height-90,
.h-90 {
  height: 90px !important;
  min-height: 90px !important;
  max-height: 90px !important;
}

.width-90,
.w-90 {
  width: 90px !important;
  min-width: 90px !important;
  max-width: 90px !important;
}

.height-95,
.h-95 {
  height: 95px !important;
  min-height: 95px !important;
  max-height: 95px !important;
}

.width-95,
.w-95 {
  width: 95px !important;
  min-width: 95px !important;
  max-width: 95px !important;
}

.height-100,
.h-100 {
  height: 100px !important;
  min-height: 100px !important;
  max-height: 100px !important;
}

.width-100,
.w-100 {
  width: 100px !important;
  min-width: 100px !important;
  max-width: 100px !important;
}

.height-105,
.h-105 {
  height: 105px !important;
  min-height: 105px !important;
  max-height: 105px !important;
}

.width-105,
.w-105 {
  width: 105px !important;
  min-width: 105px !important;
  max-width: 105px !important;
}

.height-110,
.h-110 {
  height: 110px !important;
  min-height: 110px !important;
  max-height: 110px !important;
}

.width-110,
.w-110 {
  width: 110px !important;
  min-width: 110px !important;
  max-width: 110px !important;
}

.height-115,
.h-115 {
  height: 115px !important;
  min-height: 115px !important;
  max-height: 115px !important;
}

.width-115,
.w-115 {
  width: 115px !important;
  min-width: 115px !important;
  max-width: 115px !important;
}

.height-120,
.h-120 {
  height: 120px !important;
  min-height: 120px !important;
  max-height: 120px !important;
}

.width-120,
.w-120 {
  width: 120px !important;
  min-width: 120px !important;
  max-width: 120px !important;
}

.height-125,
.h-125 {
  height: 125px !important;
  min-height: 125px !important;
  max-height: 125px !important;
}

.width-125,
.w-125 {
  width: 125px !important;
  min-width: 125px !important;
  max-width: 125px !important;
}

.height-130,
.h-130 {
  height: 130px !important;
  min-height: 130px !important;
  max-height: 130px !important;
}

.width-130,
.w-130 {
  width: 130px !important;
  min-width: 130px !important;
  max-width: 130px !important;
}

.height-135,
.h-135 {
  height: 135px !important;
  min-height: 135px !important;
  max-height: 135px !important;
}

.width-135,
.w-135 {
  width: 135px !important;
  min-width: 135px !important;
  max-width: 135px !important;
}

.height-140,
.h-140 {
  height: 140px !important;
  min-height: 140px !important;
  max-height: 140px !important;
}

.width-140,
.w-140 {
  width: 140px !important;
  min-width: 140px !important;
  max-width: 140px !important;
}

.height-145,
.h-145 {
  height: 145px !important;
  min-height: 145px !important;
  max-height: 145px !important;
}

.width-145,
.w-145 {
  width: 145px !important;
  min-width: 145px !important;
  max-width: 145px !important;
}

.height-150,
.h-150 {
  height: 150px !important;
  min-height: 150px !important;
  max-height: 150px !important;
}

.width-150,
.w-150 {
  width: 150px !important;
  min-width: 150px !important;
  max-width: 150px !important;
}

.height-155,
.h-155 {
  height: 155px !important;
  min-height: 155px !important;
  max-height: 155px !important;
}

.width-155,
.w-155 {
  width: 155px !important;
  min-width: 155px !important;
  max-width: 155px !important;
}

.height-160,
.h-160 {
  height: 160px !important;
  min-height: 160px !important;
  max-height: 160px !important;
}

.width-160,
.w-160 {
  width: 160px !important;
  min-width: 160px !important;
  max-width: 160px !important;
}

.height-165,
.h-165 {
  height: 165px !important;
  min-height: 165px !important;
  max-height: 165px !important;
}

.width-165,
.w-165 {
  width: 165px !important;
  min-width: 165px !important;
  max-width: 165px !important;
}

.height-170,
.h-170 {
  height: 170px !important;
  min-height: 170px !important;
  max-height: 170px !important;
}

.width-170,
.w-170 {
  width: 170px !important;
  min-width: 170px !important;
  max-width: 170px !important;
}

.height-175,
.h-175 {
  height: 175px !important;
  min-height: 175px !important;
  max-height: 175px !important;
}

.width-175,
.w-175 {
  width: 175px !important;
  min-width: 175px !important;
  max-width: 175px !important;
}

.height-180,
.h-180 {
  height: 180px !important;
  min-height: 180px !important;
  max-height: 180px !important;
}

.width-180,
.w-180 {
  width: 180px !important;
  min-width: 180px !important;
  max-width: 180px !important;
}

.height-185,
.h-185 {
  height: 185px !important;
  min-height: 185px !important;
  max-height: 185px !important;
}

.width-185,
.w-185 {
  width: 185px !important;
  min-width: 185px !important;
  max-width: 185px !important;
}

.height-190,
.h-190 {
  height: 190px !important;
  min-height: 190px !important;
  max-height: 190px !important;
}

.width-190,
.w-190 {
  width: 190px !important;
  min-width: 190px !important;
  max-width: 190px !important;
}

.height-195,
.h-195 {
  height: 195px !important;
  min-height: 195px !important;
  max-height: 195px !important;
}

.width-195,
.w-195 {
  width: 195px !important;
  min-width: 195px !important;
  max-width: 195px !important;
}

.height-200,
.h-200 {
  height: 200px !important;
  min-height: 200px !important;
  max-height: 200px !important;
}

.width-200,
.w-200 {
  width: 200px !important;
  min-width: 200px !important;
  max-width: 200px !important;
}

.height-205,
.h-205 {
  height: 205px !important;
  min-height: 205px !important;
  max-height: 205px !important;
}

.width-205,
.w-205 {
  width: 205px !important;
  min-width: 205px !important;
  max-width: 205px !important;
}

.height-210,
.h-210 {
  height: 210px !important;
  min-height: 210px !important;
  max-height: 210px !important;
}

.width-210,
.w-210 {
  width: 210px !important;
  min-width: 210px !important;
  max-width: 210px !important;
}

.height-215,
.h-215 {
  height: 215px !important;
  min-height: 215px !important;
  max-height: 215px !important;
}

.width-215,
.w-215 {
  width: 215px !important;
  min-width: 215px !important;
  max-width: 215px !important;
}

.height-220,
.h-220 {
  height: 220px !important;
  min-height: 220px !important;
  max-height: 220px !important;
}

.width-220,
.w-220 {
  width: 220px !important;
  min-width: 220px !important;
  max-width: 220px !important;
}

.height-225,
.h-225 {
  height: 225px !important;
  min-height: 225px !important;
  max-height: 225px !important;
}

.width-225,
.w-225 {
  width: 225px !important;
  min-width: 225px !important;
  max-width: 225px !important;
}

.height-230,
.h-230 {
  height: 230px !important;
  min-height: 230px !important;
  max-height: 230px !important;
}

.width-230,
.w-230 {
  width: 230px !important;
  min-width: 230px !important;
  max-width: 230px !important;
}

.height-235,
.h-235 {
  height: 235px !important;
  min-height: 235px !important;
  max-height: 235px !important;
}

.width-235,
.w-235 {
  width: 235px !important;
  min-width: 235px !important;
  max-width: 235px !important;
}

.height-240,
.h-240 {
  height: 240px !important;
  min-height: 240px !important;
  max-height: 240px !important;
}

.width-240,
.w-240 {
  width: 240px !important;
  min-width: 240px !important;
  max-width: 240px !important;
}

.height-245,
.h-245 {
  height: 245px !important;
  min-height: 245px !important;
  max-height: 245px !important;
}

.width-245,
.w-245 {
  width: 245px !important;
  min-width: 245px !important;
  max-width: 245px !important;
}

.height-250,
.h-250 {
  height: 250px !important;
  min-height: 250px !important;
  max-height: 250px !important;
}

.width-250,
.w-250 {
  width: 250px !important;
  min-width: 250px !important;
  max-width: 250px !important;
}

.height-255,
.h-255 {
  height: 255px !important;
  min-height: 255px !important;
  max-height: 255px !important;
}

.width-255,
.w-255 {
  width: 255px !important;
  min-width: 255px !important;
  max-width: 255px !important;
}

.height-260,
.h-260 {
  height: 260px !important;
  min-height: 260px !important;
  max-height: 260px !important;
}

.width-260,
.w-260 {
  width: 260px !important;
  min-width: 260px !important;
  max-width: 260px !important;
}

.height-265,
.h-265 {
  height: 265px !important;
  min-height: 265px !important;
  max-height: 265px !important;
}

.width-265,
.w-265 {
  width: 265px !important;
  min-width: 265px !important;
  max-width: 265px !important;
}

.height-270,
.h-270 {
  height: 270px !important;
  min-height: 270px !important;
  max-height: 270px !important;
}

.width-270,
.w-270 {
  width: 270px !important;
  min-width: 270px !important;
  max-width: 270px !important;
}

.height-275,
.h-275 {
  height: 275px !important;
  min-height: 275px !important;
  max-height: 275px !important;
}

.width-275,
.w-275 {
  width: 275px !important;
  min-width: 275px !important;
  max-width: 275px !important;
}

.height-280,
.h-280 {
  height: 280px !important;
  min-height: 280px !important;
  max-height: 280px !important;
}

.width-280,
.w-280 {
  width: 280px !important;
  min-width: 280px !important;
  max-width: 280px !important;
}

.height-285,
.h-285 {
  height: 285px !important;
  min-height: 285px !important;
  max-height: 285px !important;
}

.width-285,
.w-285 {
  width: 285px !important;
  min-width: 285px !important;
  max-width: 285px !important;
}

.height-290,
.h-290 {
  height: 290px !important;
  min-height: 290px !important;
  max-height: 290px !important;
}

.width-290,
.w-290 {
  width: 290px !important;
  min-width: 290px !important;
  max-width: 290px !important;
}

.height-295,
.h-295 {
  height: 295px !important;
  min-height: 295px !important;
  max-height: 295px !important;
}

.width-295,
.w-295 {
  width: 295px !important;
  min-width: 295px !important;
  max-width: 295px !important;
}

.height-300,
.h-300 {
  height: 300px !important;
  min-height: 300px !important;
  max-height: 300px !important;
}

.width-300,
.w-300 {
  width: 300px !important;
  min-width: 300px !important;
  max-width: 300px !important;
}

.height-305,
.h-305 {
  height: 305px !important;
  min-height: 305px !important;
  max-height: 305px !important;
}

.width-305,
.w-305 {
  width: 305px !important;
  min-width: 305px !important;
  max-width: 305px !important;
}

.height-310,
.h-310 {
  height: 310px !important;
  min-height: 310px !important;
  max-height: 310px !important;
}

.width-310,
.w-310 {
  width: 310px !important;
  min-width: 310px !important;
  max-width: 310px !important;
}

.height-315,
.h-315 {
  height: 315px !important;
  min-height: 315px !important;
  max-height: 315px !important;
}

.width-315,
.w-315 {
  width: 315px !important;
  min-width: 315px !important;
  max-width: 315px !important;
}

.height-320,
.h-320 {
  height: 320px !important;
  min-height: 320px !important;
  max-height: 320px !important;
}

.width-320,
.w-320 {
  width: 320px !important;
  min-width: 320px !important;
  max-width: 320px !important;
}

.height-325,
.h-325 {
  height: 325px !important;
  min-height: 325px !important;
  max-height: 325px !important;
}

.width-325,
.w-325 {
  width: 325px !important;
  min-width: 325px !important;
  max-width: 325px !important;
}

.height-330,
.h-330 {
  height: 330px !important;
  min-height: 330px !important;
  max-height: 330px !important;
}

.width-330,
.w-330 {
  width: 330px !important;
  min-width: 330px !important;
  max-width: 330px !important;
}

.height-335,
.h-335 {
  height: 335px !important;
  min-height: 335px !important;
  max-height: 335px !important;
}

.width-335,
.w-335 {
  width: 335px !important;
  min-width: 335px !important;
  max-width: 335px !important;
}

.height-340,
.h-340 {
  height: 340px !important;
  min-height: 340px !important;
  max-height: 340px !important;
}

.width-340,
.w-340 {
  width: 340px !important;
  min-width: 340px !important;
  max-width: 340px !important;
}

.height-345,
.h-345 {
  height: 345px !important;
  min-height: 345px !important;
  max-height: 345px !important;
}

.width-345,
.w-345 {
  width: 345px !important;
  min-width: 345px !important;
  max-width: 345px !important;
}

.height-350,
.h-350 {
  height: 350px !important;
  min-height: 350px !important;
  max-height: 350px !important;
}

.width-350,
.w-350 {
  width: 350px !important;
  min-width: 350px !important;
  max-width: 350px !important;
}

.height-355,
.h-355 {
  height: 355px !important;
  min-height: 355px !important;
  max-height: 355px !important;
}

.width-355,
.w-355 {
  width: 355px !important;
  min-width: 355px !important;
  max-width: 355px !important;
}

.height-360,
.h-360 {
  height: 360px !important;
  min-height: 360px !important;
  max-height: 360px !important;
}

.width-360,
.w-360 {
  width: 360px !important;
  min-width: 360px !important;
  max-width: 360px !important;
}

.height-365,
.h-365 {
  height: 365px !important;
  min-height: 365px !important;
  max-height: 365px !important;
}

.width-365,
.w-365 {
  width: 365px !important;
  min-width: 365px !important;
  max-width: 365px !important;
}

.height-370,
.h-370 {
  height: 370px !important;
  min-height: 370px !important;
  max-height: 370px !important;
}

.width-370,
.w-370 {
  width: 370px !important;
  min-width: 370px !important;
  max-width: 370px !important;
}

.height-375,
.h-375 {
  height: 375px !important;
  min-height: 375px !important;
  max-height: 375px !important;
}

.width-375,
.w-375 {
  width: 375px !important;
  min-width: 375px !important;
  max-width: 375px !important;
}

.height-380,
.h-380 {
  height: 380px !important;
  min-height: 380px !important;
  max-height: 380px !important;
}

.width-380,
.w-380 {
  width: 380px !important;
  min-width: 380px !important;
  max-width: 380px !important;
}

.height-385,
.h-385 {
  height: 385px !important;
  min-height: 385px !important;
  max-height: 385px !important;
}

.width-385,
.w-385 {
  width: 385px !important;
  min-width: 385px !important;
  max-width: 385px !important;
}

.height-390,
.h-390 {
  height: 390px !important;
  min-height: 390px !important;
  max-height: 390px !important;
}

.width-390,
.w-390 {
  width: 390px !important;
  min-width: 390px !important;
  max-width: 390px !important;
}

.height-395,
.h-395 {
  height: 395px !important;
  min-height: 395px !important;
  max-height: 395px !important;
}

.width-395,
.w-395 {
  width: 395px !important;
  min-width: 395px !important;
  max-width: 395px !important;
}

.height-400,
.h-400 {
  height: 400px !important;
  min-height: 400px !important;
  max-height: 400px !important;
}

.width-400,
.w-400 {
  width: 400px !important;
  min-width: 400px !important;
  max-width: 400px !important;
}

.height-405,
.h-405 {
  height: 405px !important;
  min-height: 405px !important;
  max-height: 405px !important;
}

.width-405,
.w-405 {
  width: 405px !important;
  min-width: 405px !important;
  max-width: 405px !important;
}

.height-410,
.h-410 {
  height: 410px !important;
  min-height: 410px !important;
  max-height: 410px !important;
}

.width-410,
.w-410 {
  width: 410px !important;
  min-width: 410px !important;
  max-width: 410px !important;
}

.height-415,
.h-415 {
  height: 415px !important;
  min-height: 415px !important;
  max-height: 415px !important;
}

.width-415,
.w-415 {
  width: 415px !important;
  min-width: 415px !important;
  max-width: 415px !important;
}

.height-420,
.h-420 {
  height: 420px !important;
  min-height: 420px !important;
  max-height: 420px !important;
}

.width-420,
.w-420 {
  width: 420px !important;
  min-width: 420px !important;
  max-width: 420px !important;
}

.height-425,
.h-425 {
  height: 425px !important;
  min-height: 425px !important;
  max-height: 425px !important;
}

.width-425,
.w-425 {
  width: 425px !important;
  min-width: 425px !important;
  max-width: 425px !important;
}

.height-430,
.h-430 {
  height: 430px !important;
  min-height: 430px !important;
  max-height: 430px !important;
}

.width-430,
.w-430 {
  width: 430px !important;
  min-width: 430px !important;
  max-width: 430px !important;
}

.height-435,
.h-435 {
  height: 435px !important;
  min-height: 435px !important;
  max-height: 435px !important;
}

.width-435,
.w-435 {
  width: 435px !important;
  min-width: 435px !important;
  max-width: 435px !important;
}

.height-440,
.h-440 {
  height: 440px !important;
  min-height: 440px !important;
  max-height: 440px !important;
}

.width-440,
.w-440 {
  width: 440px !important;
  min-width: 440px !important;
  max-width: 440px !important;
}

.height-445,
.h-445 {
  height: 445px !important;
  min-height: 445px !important;
  max-height: 445px !important;
}

.width-445,
.w-445 {
  width: 445px !important;
  min-width: 445px !important;
  max-width: 445px !important;
}

.height-450,
.h-450 {
  height: 450px !important;
  min-height: 450px !important;
  max-height: 450px !important;
}

.width-450,
.w-450 {
  width: 450px !important;
  min-width: 450px !important;
  max-width: 450px !important;
}

.height-455,
.h-455 {
  height: 455px !important;
  min-height: 455px !important;
  max-height: 455px !important;
}

.width-455,
.w-455 {
  width: 455px !important;
  min-width: 455px !important;
  max-width: 455px !important;
}

.height-460,
.h-460 {
  height: 460px !important;
  min-height: 460px !important;
  max-height: 460px !important;
}

.width-460,
.w-460 {
  width: 460px !important;
  min-width: 460px !important;
  max-width: 460px !important;
}

.height-465,
.h-465 {
  height: 465px !important;
  min-height: 465px !important;
  max-height: 465px !important;
}

.width-465,
.w-465 {
  width: 465px !important;
  min-width: 465px !important;
  max-width: 465px !important;
}

.height-470,
.h-470 {
  height: 470px !important;
  min-height: 470px !important;
  max-height: 470px !important;
}

.width-470,
.w-470 {
  width: 470px !important;
  min-width: 470px !important;
  max-width: 470px !important;
}

.height-475,
.h-475 {
  height: 475px !important;
  min-height: 475px !important;
  max-height: 475px !important;
}

.width-475,
.w-475 {
  width: 475px !important;
  min-width: 475px !important;
  max-width: 475px !important;
}

.height-480,
.h-480 {
  height: 480px !important;
  min-height: 480px !important;
  max-height: 480px !important;
}

.width-480,
.w-480 {
  width: 480px !important;
  min-width: 480px !important;
  max-width: 480px !important;
}

.height-485,
.h-485 {
  height: 485px !important;
  min-height: 485px !important;
  max-height: 485px !important;
}

.width-485,
.w-485 {
  width: 485px !important;
  min-width: 485px !important;
  max-width: 485px !important;
}

.height-490,
.h-490 {
  height: 490px !important;
  min-height: 490px !important;
  max-height: 490px !important;
}

.width-490,
.w-490 {
  width: 490px !important;
  min-width: 490px !important;
  max-width: 490px !important;
}

.height-495,
.h-495 {
  height: 495px !important;
  min-height: 495px !important;
  max-height: 495px !important;
}

.width-495,
.w-495 {
  width: 495px !important;
  min-width: 495px !important;
  max-width: 495px !important;
}

.height-500,
.h-500 {
  height: 500px !important;
  min-height: 500px !important;
  max-height: 500px !important;
}

.width-500,
.w-500 {
  width: 500px !important;
  min-width: 500px !important;
  max-width: 500px !important;
}

.height-8,
.h-8 {
  height: 8px !important;
  min-height: 8px !important;
  max-height: 8px !important;
}

.width-8,
.w-8 {
  width: 8px !important;
  min-width: 8px !important;
  max-width: 8px !important;
}

.height-16,
.h-16 {
  height: 16px !important;
  min-height: 16px !important;
  max-height: 16px !important;
}

.width-16,
.w-16 {
  width: 16px !important;
  min-width: 16px !important;
  max-width: 16px !important;
}

.height-24,
.h-24 {
  height: 24px !important;
  min-height: 24px !important;
  max-height: 24px !important;
}

.width-24,
.w-24 {
  width: 24px !important;
  min-width: 24px !important;
  max-width: 24px !important;
}

.height-32,
.h-32 {
  height: 32px !important;
  min-height: 32px !important;
  max-height: 32px !important;
}

.width-32,
.w-32 {
  width: 32px !important;
  min-width: 32px !important;
  max-width: 32px !important;
}

.height-48,
.h-48 {
  height: 48px !important;
  min-height: 48px !important;
  max-height: 48px !important;
}

.width-48,
.w-48 {
  width: 48px !important;
  min-width: 48px !important;
  max-width: 48px !important;
}

.height-56,
.h-56 {
  height: 56px !important;
  min-height: 56px !important;
  max-height: 56px !important;
}

.width-56,
.w-56 {
  width: 56px !important;
  min-width: 56px !important;
  max-width: 56px !important;
}

.height-64,
.h-64 {
  height: 64px !important;
  min-height: 64px !important;
  max-height: 64px !important;
}

.width-64,
.w-64 {
  width: 64px !important;
  min-width: 64px !important;
  max-width: 64px !important;
}

.height-72,
.h-72 {
  height: 72px !important;
  min-height: 72px !important;
  max-height: 72px !important;
}

.width-72,
.w-72 {
  width: 72px !important;
  min-width: 72px !important;
  max-width: 72px !important;
}

.height-88,
.h-88 {
  height: 88px !important;
  min-height: 88px !important;
  max-height: 88px !important;
}

.width-88,
.w-88 {
  width: 88px !important;
  min-width: 88px !important;
  max-width: 88px !important;
}

.height-96,
.h-96 {
  height: 96px !important;
  min-height: 96px !important;
  max-height: 96px !important;
}

.width-96,
.w-96 {
  width: 96px !important;
  min-width: 96px !important;
  max-width: 96px !important;
}

.height-104,
.h-104 {
  height: 104px !important;
  min-height: 104px !important;
  max-height: 104px !important;
}

.width-104,
.w-104 {
  width: 104px !important;
  min-width: 104px !important;
  max-width: 104px !important;
}

.height-112,
.h-112 {
  height: 112px !important;
  min-height: 112px !important;
  max-height: 112px !important;
}

.width-112,
.w-112 {
  width: 112px !important;
  min-width: 112px !important;
  max-width: 112px !important;
}

.height-128,
.h-128 {
  height: 128px !important;
  min-height: 128px !important;
  max-height: 128px !important;
}

.width-128,
.w-128 {
  width: 128px !important;
  min-width: 128px !important;
  max-width: 128px !important;
}

.height-136,
.h-136 {
  height: 136px !important;
  min-height: 136px !important;
  max-height: 136px !important;
}

.width-136,
.w-136 {
  width: 136px !important;
  min-width: 136px !important;
  max-width: 136px !important;
}

.height-144,
.h-144 {
  height: 144px !important;
  min-height: 144px !important;
  max-height: 144px !important;
}

.width-144,
.w-144 {
  width: 144px !important;
  min-width: 144px !important;
  max-width: 144px !important;
}

.height-152,
.h-152 {
  height: 152px !important;
  min-height: 152px !important;
  max-height: 152px !important;
}

.width-152,
.w-152 {
  width: 152px !important;
  min-width: 152px !important;
  max-width: 152px !important;
}

.height-168,
.h-168 {
  height: 168px !important;
  min-height: 168px !important;
  max-height: 168px !important;
}

.width-168,
.w-168 {
  width: 168px !important;
  min-width: 168px !important;
  max-width: 168px !important;
}

.height-176,
.h-176 {
  height: 176px !important;
  min-height: 176px !important;
  max-height: 176px !important;
}

.width-176,
.w-176 {
  width: 176px !important;
  min-width: 176px !important;
  max-width: 176px !important;
}

.height-184,
.h-184 {
  height: 184px !important;
  min-height: 184px !important;
  max-height: 184px !important;
}

.width-184,
.w-184 {
  width: 184px !important;
  min-width: 184px !important;
  max-width: 184px !important;
}

.height-192,
.h-192 {
  height: 192px !important;
  min-height: 192px !important;
  max-height: 192px !important;
}

.width-192,
.w-192 {
  width: 192px !important;
  min-width: 192px !important;
  max-width: 192px !important;
}

.height-208,
.h-208 {
  height: 208px !important;
  min-height: 208px !important;
  max-height: 208px !important;
}

.width-208,
.w-208 {
  width: 208px !important;
  min-width: 208px !important;
  max-width: 208px !important;
}

.height-216,
.h-216 {
  height: 216px !important;
  min-height: 216px !important;
  max-height: 216px !important;
}

.width-216,
.w-216 {
  width: 216px !important;
  min-width: 216px !important;
  max-width: 216px !important;
}

.height-224,
.h-224 {
  height: 224px !important;
  min-height: 224px !important;
  max-height: 224px !important;
}

.width-224,
.w-224 {
  width: 224px !important;
  min-width: 224px !important;
  max-width: 224px !important;
}

.height-232,
.h-232 {
  height: 232px !important;
  min-height: 232px !important;
  max-height: 232px !important;
}

.width-232,
.w-232 {
  width: 232px !important;
  min-width: 232px !important;
  max-width: 232px !important;
}

.height-248,
.h-248 {
  height: 248px !important;
  min-height: 248px !important;
  max-height: 248px !important;
}

.width-248,
.w-248 {
  width: 248px !important;
  min-width: 248px !important;
  max-width: 248px !important;
}

.height-256,
.h-256 {
  height: 256px !important;
  min-height: 256px !important;
  max-height: 256px !important;
}

.width-256,
.w-256 {
  width: 256px !important;
  min-width: 256px !important;
  max-width: 256px !important;
}

.height-264,
.h-264 {
  height: 264px !important;
  min-height: 264px !important;
  max-height: 264px !important;
}

.width-264,
.w-264 {
  width: 264px !important;
  min-width: 264px !important;
  max-width: 264px !important;
}

.height-272,
.h-272 {
  height: 272px !important;
  min-height: 272px !important;
  max-height: 272px !important;
}

.width-272,
.w-272 {
  width: 272px !important;
  min-width: 272px !important;
  max-width: 272px !important;
}

.height-288,
.h-288 {
  height: 288px !important;
  min-height: 288px !important;
  max-height: 288px !important;
}

.width-288,
.w-288 {
  width: 288px !important;
  min-width: 288px !important;
  max-width: 288px !important;
}

.height-296,
.h-296 {
  height: 296px !important;
  min-height: 296px !important;
  max-height: 296px !important;
}

.width-296,
.w-296 {
  width: 296px !important;
  min-width: 296px !important;
  max-width: 296px !important;
}

.height-304,
.h-304 {
  height: 304px !important;
  min-height: 304px !important;
  max-height: 304px !important;
}

.width-304,
.w-304 {
  width: 304px !important;
  min-width: 304px !important;
  max-width: 304px !important;
}

.height-312,
.h-312 {
  height: 312px !important;
  min-height: 312px !important;
  max-height: 312px !important;
}

.width-312,
.w-312 {
  width: 312px !important;
  min-width: 312px !important;
  max-width: 312px !important;
}

.height-328,
.h-328 {
  height: 328px !important;
  min-height: 328px !important;
  max-height: 328px !important;
}

.width-328,
.w-328 {
  width: 328px !important;
  min-width: 328px !important;
  max-width: 328px !important;
}

.height-336,
.h-336 {
  height: 336px !important;
  min-height: 336px !important;
  max-height: 336px !important;
}

.width-336,
.w-336 {
  width: 336px !important;
  min-width: 336px !important;
  max-width: 336px !important;
}

.height-344,
.h-344 {
  height: 344px !important;
  min-height: 344px !important;
  max-height: 344px !important;
}

.width-344,
.w-344 {
  width: 344px !important;
  min-width: 344px !important;
  max-width: 344px !important;
}

.height-352,
.h-352 {
  height: 352px !important;
  min-height: 352px !important;
  max-height: 352px !important;
}

.width-352,
.w-352 {
  width: 352px !important;
  min-width: 352px !important;
  max-width: 352px !important;
}

.height-368,
.h-368 {
  height: 368px !important;
  min-height: 368px !important;
  max-height: 368px !important;
}

.width-368,
.w-368 {
  width: 368px !important;
  min-width: 368px !important;
  max-width: 368px !important;
}

.height-376,
.h-376 {
  height: 376px !important;
  min-height: 376px !important;
  max-height: 376px !important;
}

.width-376,
.w-376 {
  width: 376px !important;
  min-width: 376px !important;
  max-width: 376px !important;
}

.height-384,
.h-384 {
  height: 384px !important;
  min-height: 384px !important;
  max-height: 384px !important;
}

.width-384,
.w-384 {
  width: 384px !important;
  min-width: 384px !important;
  max-width: 384px !important;
}

.height-392,
.h-392 {
  height: 392px !important;
  min-height: 392px !important;
  max-height: 392px !important;
}

.width-392,
.w-392 {
  width: 392px !important;
  min-width: 392px !important;
  max-width: 392px !important;
}

.height-408,
.h-408 {
  height: 408px !important;
  min-height: 408px !important;
  max-height: 408px !important;
}

.width-408,
.w-408 {
  width: 408px !important;
  min-width: 408px !important;
  max-width: 408px !important;
}

.height-416,
.h-416 {
  height: 416px !important;
  min-height: 416px !important;
  max-height: 416px !important;
}

.width-416,
.w-416 {
  width: 416px !important;
  min-width: 416px !important;
  max-width: 416px !important;
}

.height-424,
.h-424 {
  height: 424px !important;
  min-height: 424px !important;
  max-height: 424px !important;
}

.width-424,
.w-424 {
  width: 424px !important;
  min-width: 424px !important;
  max-width: 424px !important;
}

.height-432,
.h-432 {
  height: 432px !important;
  min-height: 432px !important;
  max-height: 432px !important;
}

.width-432,
.w-432 {
  width: 432px !important;
  min-width: 432px !important;
  max-width: 432px !important;
}

.height-448,
.h-448 {
  height: 448px !important;
  min-height: 448px !important;
  max-height: 448px !important;
}

.width-448,
.w-448 {
  width: 448px !important;
  min-width: 448px !important;
  max-width: 448px !important;
}

.height-456,
.h-456 {
  height: 456px !important;
  min-height: 456px !important;
  max-height: 456px !important;
}

.width-456,
.w-456 {
  width: 456px !important;
  min-width: 456px !important;
  max-width: 456px !important;
}

.height-464,
.h-464 {
  height: 464px !important;
  min-height: 464px !important;
  max-height: 464px !important;
}

.width-464,
.w-464 {
  width: 464px !important;
  min-width: 464px !important;
  max-width: 464px !important;
}

.height-472,
.h-472 {
  height: 472px !important;
  min-height: 472px !important;
  max-height: 472px !important;
}

.width-472,
.w-472 {
  width: 472px !important;
  min-width: 472px !important;
  max-width: 472px !important;
}

.height-488,
.h-488 {
  height: 488px !important;
  min-height: 488px !important;
  max-height: 488px !important;
}

.width-488,
.w-488 {
  width: 488px !important;
  min-width: 488px !important;
  max-width: 488px !important;
}

.height-496,
.h-496 {
  height: 496px !important;
  min-height: 496px !important;
  max-height: 496px !important;
}

.width-496,
.w-496 {
  width: 496px !important;
  min-width: 496px !important;
  max-width: 496px !important;
}

.height-504,
.h-504 {
  height: 504px !important;
  min-height: 504px !important;
  max-height: 504px !important;
}

.width-504,
.w-504 {
  width: 504px !important;
  min-width: 504px !important;
  max-width: 504px !important;
}

.height-512,
.h-512 {
  height: 512px !important;
  min-height: 512px !important;
  max-height: 512px !important;
}

.width-512,
.w-512 {
  width: 512px !important;
  min-width: 512px !important;
  max-width: 512px !important;
}

.height-528,
.h-528 {
  height: 528px !important;
  min-height: 528px !important;
  max-height: 528px !important;
}

.width-528,
.w-528 {
  width: 528px !important;
  min-width: 528px !important;
  max-width: 528px !important;
}

.height-536,
.h-536 {
  height: 536px !important;
  min-height: 536px !important;
  max-height: 536px !important;
}

.width-536,
.w-536 {
  width: 536px !important;
  min-width: 536px !important;
  max-width: 536px !important;
}

.height-544,
.h-544 {
  height: 544px !important;
  min-height: 544px !important;
  max-height: 544px !important;
}

.width-544,
.w-544 {
  width: 544px !important;
  min-width: 544px !important;
  max-width: 544px !important;
}

.height-552,
.h-552 {
  height: 552px !important;
  min-height: 552px !important;
  max-height: 552px !important;
}

.width-552,
.w-552 {
  width: 552px !important;
  min-width: 552px !important;
  max-width: 552px !important;
}

.height-568,
.h-568 {
  height: 568px !important;
  min-height: 568px !important;
  max-height: 568px !important;
}

.width-568,
.w-568 {
  width: 568px !important;
  min-width: 568px !important;
  max-width: 568px !important;
}

.height-576,
.h-576 {
  height: 576px !important;
  min-height: 576px !important;
  max-height: 576px !important;
}

.width-576,
.w-576 {
  width: 576px !important;
  min-width: 576px !important;
  max-width: 576px !important;
}

.height-584,
.h-584 {
  height: 584px !important;
  min-height: 584px !important;
  max-height: 584px !important;
}

.width-584,
.w-584 {
  width: 584px !important;
  min-width: 584px !important;
  max-width: 584px !important;
}

.height-592,
.h-592 {
  height: 592px !important;
  min-height: 592px !important;
  max-height: 592px !important;
}

.width-592,
.w-592 {
  width: 592px !important;
  min-width: 592px !important;
  max-width: 592px !important;
}

.height-608,
.h-608 {
  height: 608px !important;
  min-height: 608px !important;
  max-height: 608px !important;
}

.width-608,
.w-608 {
  width: 608px !important;
  min-width: 608px !important;
  max-width: 608px !important;
}

.height-616,
.h-616 {
  height: 616px !important;
  min-height: 616px !important;
  max-height: 616px !important;
}

.width-616,
.w-616 {
  width: 616px !important;
  min-width: 616px !important;
  max-width: 616px !important;
}

.height-624,
.h-624 {
  height: 624px !important;
  min-height: 624px !important;
  max-height: 624px !important;
}

.width-624,
.w-624 {
  width: 624px !important;
  min-width: 624px !important;
  max-width: 624px !important;
}

.height-632,
.h-632 {
  height: 632px !important;
  min-height: 632px !important;
  max-height: 632px !important;
}

.width-632,
.w-632 {
  width: 632px !important;
  min-width: 632px !important;
  max-width: 632px !important;
}

.height-648,
.h-648 {
  height: 648px !important;
  min-height: 648px !important;
  max-height: 648px !important;
}

.width-648,
.w-648 {
  width: 648px !important;
  min-width: 648px !important;
  max-width: 648px !important;
}

.height-656,
.h-656 {
  height: 656px !important;
  min-height: 656px !important;
  max-height: 656px !important;
}

.width-656,
.w-656 {
  width: 656px !important;
  min-width: 656px !important;
  max-width: 656px !important;
}

.height-664,
.h-664 {
  height: 664px !important;
  min-height: 664px !important;
  max-height: 664px !important;
}

.width-664,
.w-664 {
  width: 664px !important;
  min-width: 664px !important;
  max-width: 664px !important;
}

.height-672,
.h-672 {
  height: 672px !important;
  min-height: 672px !important;
  max-height: 672px !important;
}

.width-672,
.w-672 {
  width: 672px !important;
  min-width: 672px !important;
  max-width: 672px !important;
}

.height-688,
.h-688 {
  height: 688px !important;
  min-height: 688px !important;
  max-height: 688px !important;
}

.width-688,
.w-688 {
  width: 688px !important;
  min-width: 688px !important;
  max-width: 688px !important;
}

.height-696,
.h-696 {
  height: 696px !important;
  min-height: 696px !important;
  max-height: 696px !important;
}

.width-696,
.w-696 {
  width: 696px !important;
  min-width: 696px !important;
  max-width: 696px !important;
}

.height-704,
.h-704 {
  height: 704px !important;
  min-height: 704px !important;
  max-height: 704px !important;
}

.width-704,
.w-704 {
  width: 704px !important;
  min-width: 704px !important;
  max-width: 704px !important;
}

.height-712,
.h-712 {
  height: 712px !important;
  min-height: 712px !important;
  max-height: 712px !important;
}

.width-712,
.w-712 {
  width: 712px !important;
  min-width: 712px !important;
  max-width: 712px !important;
}

.height-728,
.h-728 {
  height: 728px !important;
  min-height: 728px !important;
  max-height: 728px !important;
}

.width-728,
.w-728 {
  width: 728px !important;
  min-width: 728px !important;
  max-width: 728px !important;
}

.height-736,
.h-736 {
  height: 736px !important;
  min-height: 736px !important;
  max-height: 736px !important;
}

.width-736,
.w-736 {
  width: 736px !important;
  min-width: 736px !important;
  max-width: 736px !important;
}

.height-744,
.h-744 {
  height: 744px !important;
  min-height: 744px !important;
  max-height: 744px !important;
}

.width-744,
.w-744 {
  width: 744px !important;
  min-width: 744px !important;
  max-width: 744px !important;
}

.height-752,
.h-752 {
  height: 752px !important;
  min-height: 752px !important;
  max-height: 752px !important;
}

.width-752,
.w-752 {
  width: 752px !important;
  min-width: 752px !important;
  max-width: 752px !important;
}

.height-768,
.h-768 {
  height: 768px !important;
  min-height: 768px !important;
  max-height: 768px !important;
}

.width-768,
.w-768 {
  width: 768px !important;
  min-width: 768px !important;
  max-width: 768px !important;
}

.height-776,
.h-776 {
  height: 776px !important;
  min-height: 776px !important;
  max-height: 776px !important;
}

.width-776,
.w-776 {
  width: 776px !important;
  min-width: 776px !important;
  max-width: 776px !important;
}

.height-784,
.h-784 {
  height: 784px !important;
  min-height: 784px !important;
  max-height: 784px !important;
}

.width-784,
.w-784 {
  width: 784px !important;
  min-width: 784px !important;
  max-width: 784px !important;
}

.height-792,
.h-792 {
  height: 792px !important;
  min-height: 792px !important;
  max-height: 792px !important;
}

.width-792,
.w-792 {
  width: 792px !important;
  min-width: 792px !important;
  max-width: 792px !important;
}

.border,
.b {
  border: 1px solid rgba(0, 0, 0, 0.12);
}

.border-top,
.bt {
  border-top: 1px solid rgba(0, 0, 0, 0.12);
}

.border-right,
.br {
  border-right: 1px solid rgba(0, 0, 0, 0.12);
}

.border-bottom,
.bb {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

.border-left,
.bl {
  border-left: 1px solid rgba(0, 0, 0, 0.12);
}

.border-horizontal,
.bh {
  border-left: 1px solid rgba(0, 0, 0, 0.12);
  border-right: 1px solid rgba(0, 0, 0, 0.12);
}

.border-vertical,
.bv {
  border-top: 1px solid rgba(0, 0, 0, 0.12);
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

.brad-1 {
  border-radius: 1px;
}

.brad-2 {
  border-radius: 2px;
}

.brad-3 {
  border-radius: 3px;
}

.brad-4 {
  border-radius: 4px;
}

.brad-5 {
  border-radius: 5px;
}

.brad-6 {
  border-radius: 6px;
}

.brad-7 {
  border-radius: 7px;
}

.brad-8 {
  border-radius: 8px;
}

.brad-9 {
  border-radius: 9px;
}

.brad-10 {
  border-radius: 10px;
}

.brad-11 {
  border-radius: 11px;
}

.brad-12 {
  border-radius: 12px;
}

/*----------------------------------------------------------------*/
/*  Icons
/*----------------------------------------------------------------*/
md-icon[md-font-icon],
i {
  font-size: 24px;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  line-height: 24px;
}

md-icon[md-font-icon].s4,
i.s4 {
  font-size: 4px !important;
  width: 4px !important;
  height: 4px !important;
  min-width: 4px !important;
  min-height: 4px !important;
  line-height: 4px !important;
}

md-icon[md-font-icon].s6,
i.s6 {
  font-size: 6px !important;
  width: 6px !important;
  height: 6px !important;
  min-width: 6px !important;
  min-height: 6px !important;
  line-height: 6px !important;
}

md-icon[md-font-icon].s8,
i.s8 {
  font-size: 8px !important;
  width: 8px !important;
  height: 8px !important;
  min-width: 8px !important;
  min-height: 8px !important;
  line-height: 8px !important;
}

md-icon[md-font-icon].s10,
i.s10 {
  font-size: 10px !important;
  width: 10px !important;
  height: 10px !important;
  min-width: 10px !important;
  min-height: 10px !important;
  line-height: 10px !important;
}

md-icon[md-font-icon].s12,
i.s12 {
  font-size: 12px !important;
  width: 12px !important;
  height: 12px !important;
  min-width: 12px !important;
  min-height: 12px !important;
  line-height: 12px !important;
}

md-icon[md-font-icon].s14,
i.s14 {
  font-size: 14px !important;
  width: 14px !important;
  height: 14px !important;
  min-width: 14px !important;
  min-height: 14px !important;
  line-height: 14px !important;
}

md-icon[md-font-icon].s16,
i.s16 {
  font-size: 16px !important;
  width: 16px !important;
  height: 16px !important;
  min-width: 16px !important;
  min-height: 16px !important;
  line-height: 16px !important;
}

md-icon[md-font-icon].s18,
i.s18 {
  font-size: 18px !important;
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  min-height: 18px !important;
  line-height: 18px !important;
}

md-icon[md-font-icon].s20,
i.s20 {
  font-size: 20px !important;
  width: 20px !important;
  height: 20px !important;
  min-width: 20px !important;
  min-height: 20px !important;
  line-height: 20px !important;
}

md-icon[md-font-icon].s22,
i.s22 {
  font-size: 22px !important;
  width: 22px !important;
  height: 22px !important;
  min-width: 22px !important;
  min-height: 22px !important;
  line-height: 22px !important;
}

md-icon[md-font-icon].s24,
i.s24 {
  font-size: 24px !important;
  width: 24px !important;
  height: 24px !important;
  min-width: 24px !important;
  min-height: 24px !important;
  line-height: 24px !important;
}

md-icon[md-font-icon].s26,
i.s26 {
  font-size: 26px !important;
  width: 26px !important;
  height: 26px !important;
  min-width: 26px !important;
  min-height: 26px !important;
  line-height: 26px !important;
}

md-icon[md-font-icon].s28,
i.s28 {
  font-size: 28px !important;
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  min-height: 28px !important;
  line-height: 28px !important;
}

md-icon[md-font-icon].s30,
i.s30 {
  font-size: 30px !important;
  width: 30px !important;
  height: 30px !important;
  min-width: 30px !important;
  min-height: 30px !important;
  line-height: 30px !important;
}

md-icon[md-font-icon].s32,
i.s32 {
  font-size: 32px !important;
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  min-height: 32px !important;
  line-height: 32px !important;
}

md-icon[md-font-icon].s34,
i.s34 {
  font-size: 34px !important;
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  min-height: 34px !important;
  line-height: 34px !important;
}

md-icon[md-font-icon].s36,
i.s36 {
  font-size: 36px !important;
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  min-height: 36px !important;
  line-height: 36px !important;
}

md-icon[md-font-icon].s38,
i.s38 {
  font-size: 38px !important;
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  min-height: 38px !important;
  line-height: 38px !important;
}

md-icon[md-font-icon].s40,
i.s40 {
  font-size: 40px !important;
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  line-height: 40px !important;
}

md-icon[md-font-icon].s42,
i.s42 {
  font-size: 42px !important;
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  min-height: 42px !important;
  line-height: 42px !important;
}

md-icon[md-font-icon].s44,
i.s44 {
  font-size: 44px !important;
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  min-height: 44px !important;
  line-height: 44px !important;
}

md-icon[md-font-icon].s46,
i.s46 {
  font-size: 46px !important;
  width: 46px !important;
  height: 46px !important;
  min-width: 46px !important;
  min-height: 46px !important;
  line-height: 46px !important;
}

md-icon[md-font-icon].s48,
i.s48 {
  font-size: 48px !important;
  width: 48px !important;
  height: 48px !important;
  min-width: 48px !important;
  min-height: 48px !important;
  line-height: 48px !important;
}

md-icon[md-font-icon].s50,
i.s50 {
  font-size: 50px !important;
  width: 50px !important;
  height: 50px !important;
  min-width: 50px !important;
  min-height: 50px !important;
  line-height: 50px !important;
}

md-icon[md-font-icon].s52,
i.s52 {
  font-size: 52px !important;
  width: 52px !important;
  height: 52px !important;
  min-width: 52px !important;
  min-height: 52px !important;
  line-height: 52px !important;
}

md-icon[md-font-icon].s54,
i.s54 {
  font-size: 54px !important;
  width: 54px !important;
  height: 54px !important;
  min-width: 54px !important;
  min-height: 54px !important;
  line-height: 54px !important;
}

md-icon[md-font-icon].s56,
i.s56 {
  font-size: 56px !important;
  width: 56px !important;
  height: 56px !important;
  min-width: 56px !important;
  min-height: 56px !important;
  line-height: 56px !important;
}

md-icon[md-font-icon].s58,
i.s58 {
  font-size: 58px !important;
  width: 58px !important;
  height: 58px !important;
  min-width: 58px !important;
  min-height: 58px !important;
  line-height: 58px !important;
}

md-icon[md-font-icon].s60,
i.s60 {
  font-size: 60px !important;
  width: 60px !important;
  height: 60px !important;
  min-width: 60px !important;
  min-height: 60px !important;
  line-height: 60px !important;
}

md-icon[md-font-icon].s62,
i.s62 {
  font-size: 62px !important;
  width: 62px !important;
  height: 62px !important;
  min-width: 62px !important;
  min-height: 62px !important;
  line-height: 62px !important;
}

md-icon[md-font-icon].s64,
i.s64 {
  font-size: 64px !important;
  width: 64px !important;
  height: 64px !important;
  min-width: 64px !important;
  min-height: 64px !important;
  line-height: 64px !important;
}

md-icon[md-font-icon].s66,
i.s66 {
  font-size: 66px !important;
  width: 66px !important;
  height: 66px !important;
  min-width: 66px !important;
  min-height: 66px !important;
  line-height: 66px !important;
}

md-icon[md-font-icon].s68,
i.s68 {
  font-size: 68px !important;
  width: 68px !important;
  height: 68px !important;
  min-width: 68px !important;
  min-height: 68px !important;
  line-height: 68px !important;
}

md-icon[md-font-icon].s70,
i.s70 {
  font-size: 70px !important;
  width: 70px !important;
  height: 70px !important;
  min-width: 70px !important;
  min-height: 70px !important;
  line-height: 70px !important;
}

md-icon[md-font-icon].s72,
i.s72 {
  font-size: 72px !important;
  width: 72px !important;
  height: 72px !important;
  min-width: 72px !important;
  min-height: 72px !important;
  line-height: 72px !important;
}

md-icon[md-font-icon].s74,
i.s74 {
  font-size: 74px !important;
  width: 74px !important;
  height: 74px !important;
  min-width: 74px !important;
  min-height: 74px !important;
  line-height: 74px !important;
}

md-icon[md-font-icon].s76,
i.s76 {
  font-size: 76px !important;
  width: 76px !important;
  height: 76px !important;
  min-width: 76px !important;
  min-height: 76px !important;
  line-height: 76px !important;
}

md-icon[md-font-icon].s78,
i.s78 {
  font-size: 78px !important;
  width: 78px !important;
  height: 78px !important;
  min-width: 78px !important;
  min-height: 78px !important;
  line-height: 78px !important;
}

md-icon[md-font-icon].s80,
i.s80 {
  font-size: 80px !important;
  width: 80px !important;
  height: 80px !important;
  min-width: 80px !important;
  min-height: 80px !important;
  line-height: 80px !important;
}

md-icon[md-font-icon].s82,
i.s82 {
  font-size: 82px !important;
  width: 82px !important;
  height: 82px !important;
  min-width: 82px !important;
  min-height: 82px !important;
  line-height: 82px !important;
}

md-icon[md-font-icon].s84,
i.s84 {
  font-size: 84px !important;
  width: 84px !important;
  height: 84px !important;
  min-width: 84px !important;
  min-height: 84px !important;
  line-height: 84px !important;
}

md-icon[md-font-icon].s86,
i.s86 {
  font-size: 86px !important;
  width: 86px !important;
  height: 86px !important;
  min-width: 86px !important;
  min-height: 86px !important;
  line-height: 86px !important;
}

md-icon[md-font-icon].s88,
i.s88 {
  font-size: 88px !important;
  width: 88px !important;
  height: 88px !important;
  min-width: 88px !important;
  min-height: 88px !important;
  line-height: 88px !important;
}

md-icon[md-font-icon].s90,
i.s90 {
  font-size: 90px !important;
  width: 90px !important;
  height: 90px !important;
  min-width: 90px !important;
  min-height: 90px !important;
  line-height: 90px !important;
}

md-icon[md-font-icon].s92,
i.s92 {
  font-size: 92px !important;
  width: 92px !important;
  height: 92px !important;
  min-width: 92px !important;
  min-height: 92px !important;
  line-height: 92px !important;
}

md-icon[md-font-icon].s94,
i.s94 {
  font-size: 94px !important;
  width: 94px !important;
  height: 94px !important;
  min-width: 94px !important;
  min-height: 94px !important;
  line-height: 94px !important;
}

md-icon[md-font-icon].s96,
i.s96 {
  font-size: 96px !important;
  width: 96px !important;
  height: 96px !important;
  min-width: 96px !important;
  min-height: 96px !important;
  line-height: 96px !important;
}

md-icon[md-font-icon].s98,
i.s98 {
  font-size: 98px !important;
  width: 98px !important;
  height: 98px !important;
  min-width: 98px !important;
  min-height: 98px !important;
  line-height: 98px !important;
}

md-icon[md-font-icon].s100,
i.s100 {
  font-size: 100px !important;
  width: 100px !important;
  height: 100px !important;
  min-width: 100px !important;
  min-height: 100px !important;
  line-height: 100px !important;
}

md-icon[md-font-icon].s102,
i.s102 {
  font-size: 102px !important;
  width: 102px !important;
  height: 102px !important;
  min-width: 102px !important;
  min-height: 102px !important;
  line-height: 102px !important;
}

md-icon[md-font-icon].s104,
i.s104 {
  font-size: 104px !important;
  width: 104px !important;
  height: 104px !important;
  min-width: 104px !important;
  min-height: 104px !important;
  line-height: 104px !important;
}

md-icon[md-font-icon].s106,
i.s106 {
  font-size: 106px !important;
  width: 106px !important;
  height: 106px !important;
  min-width: 106px !important;
  min-height: 106px !important;
  line-height: 106px !important;
}

md-icon[md-font-icon].s108,
i.s108 {
  font-size: 108px !important;
  width: 108px !important;
  height: 108px !important;
  min-width: 108px !important;
  min-height: 108px !important;
  line-height: 108px !important;
}

md-icon[md-font-icon].s110,
i.s110 {
  font-size: 110px !important;
  width: 110px !important;
  height: 110px !important;
  min-width: 110px !important;
  min-height: 110px !important;
  line-height: 110px !important;
}

md-icon[md-font-icon].s112,
i.s112 {
  font-size: 112px !important;
  width: 112px !important;
  height: 112px !important;
  min-width: 112px !important;
  min-height: 112px !important;
  line-height: 112px !important;
}

md-icon[md-font-icon].s114,
i.s114 {
  font-size: 114px !important;
  width: 114px !important;
  height: 114px !important;
  min-width: 114px !important;
  min-height: 114px !important;
  line-height: 114px !important;
}

md-icon[md-font-icon].s116,
i.s116 {
  font-size: 116px !important;
  width: 116px !important;
  height: 116px !important;
  min-width: 116px !important;
  min-height: 116px !important;
  line-height: 116px !important;
}

md-icon[md-font-icon].s118,
i.s118 {
  font-size: 118px !important;
  width: 118px !important;
  height: 118px !important;
  min-width: 118px !important;
  min-height: 118px !important;
  line-height: 118px !important;
}

md-icon[md-font-icon].s120,
i.s120 {
  font-size: 120px !important;
  width: 120px !important;
  height: 120px !important;
  min-width: 120px !important;
  min-height: 120px !important;
  line-height: 120px !important;
}

md-icon[md-font-icon].s122,
i.s122 {
  font-size: 122px !important;
  width: 122px !important;
  height: 122px !important;
  min-width: 122px !important;
  min-height: 122px !important;
  line-height: 122px !important;
}

md-icon[md-font-icon].s124,
i.s124 {
  font-size: 124px !important;
  width: 124px !important;
  height: 124px !important;
  min-width: 124px !important;
  min-height: 124px !important;
  line-height: 124px !important;
}

md-icon[md-font-icon].s126,
i.s126 {
  font-size: 126px !important;
  width: 126px !important;
  height: 126px !important;
  min-width: 126px !important;
  min-height: 126px !important;
  line-height: 126px !important;
}

md-icon[md-font-icon].s128,
i.s128 {
  font-size: 128px !important;
  width: 128px !important;
  height: 128px !important;
  min-width: 128px !important;
  min-height: 128px !important;
  line-height: 128px !important;
}

md-icon[md-font-icon].s130,
i.s130 {
  font-size: 130px !important;
  width: 130px !important;
  height: 130px !important;
  min-width: 130px !important;
  min-height: 130px !important;
  line-height: 130px !important;
}

md-icon[md-font-icon].s132,
i.s132 {
  font-size: 132px !important;
  width: 132px !important;
  height: 132px !important;
  min-width: 132px !important;
  min-height: 132px !important;
  line-height: 132px !important;
}

md-icon[md-font-icon].s134,
i.s134 {
  font-size: 134px !important;
  width: 134px !important;
  height: 134px !important;
  min-width: 134px !important;
  min-height: 134px !important;
  line-height: 134px !important;
}

md-icon[md-font-icon].s136,
i.s136 {
  font-size: 136px !important;
  width: 136px !important;
  height: 136px !important;
  min-width: 136px !important;
  min-height: 136px !important;
  line-height: 136px !important;
}

md-icon[md-font-icon].s138,
i.s138 {
  font-size: 138px !important;
  width: 138px !important;
  height: 138px !important;
  min-width: 138px !important;
  min-height: 138px !important;
  line-height: 138px !important;
}

md-icon[md-font-icon].s140,
i.s140 {
  font-size: 140px !important;
  width: 140px !important;
  height: 140px !important;
  min-width: 140px !important;
  min-height: 140px !important;
  line-height: 140px !important;
}

md-icon[md-font-icon].s142,
i.s142 {
  font-size: 142px !important;
  width: 142px !important;
  height: 142px !important;
  min-width: 142px !important;
  min-height: 142px !important;
  line-height: 142px !important;
}

md-icon[md-font-icon].s144,
i.s144 {
  font-size: 144px !important;
  width: 144px !important;
  height: 144px !important;
  min-width: 144px !important;
  min-height: 144px !important;
  line-height: 144px !important;
}

md-icon[md-font-icon].s146,
i.s146 {
  font-size: 146px !important;
  width: 146px !important;
  height: 146px !important;
  min-width: 146px !important;
  min-height: 146px !important;
  line-height: 146px !important;
}

md-icon[md-font-icon].s148,
i.s148 {
  font-size: 148px !important;
  width: 148px !important;
  height: 148px !important;
  min-width: 148px !important;
  min-height: 148px !important;
  line-height: 148px !important;
}

md-icon[md-font-icon].s150,
i.s150 {
  font-size: 150px !important;
  width: 150px !important;
  height: 150px !important;
  min-width: 150px !important;
  min-height: 150px !important;
  line-height: 150px !important;
}

md-icon[md-font-icon].s152,
i.s152 {
  font-size: 152px !important;
  width: 152px !important;
  height: 152px !important;
  min-width: 152px !important;
  min-height: 152px !important;
  line-height: 152px !important;
}

md-icon[md-font-icon].s154,
i.s154 {
  font-size: 154px !important;
  width: 154px !important;
  height: 154px !important;
  min-width: 154px !important;
  min-height: 154px !important;
  line-height: 154px !important;
}

md-icon[md-font-icon].s156,
i.s156 {
  font-size: 156px !important;
  width: 156px !important;
  height: 156px !important;
  min-width: 156px !important;
  min-height: 156px !important;
  line-height: 156px !important;
}

md-icon[md-font-icon].s158,
i.s158 {
  font-size: 158px !important;
  width: 158px !important;
  height: 158px !important;
  min-width: 158px !important;
  min-height: 158px !important;
  line-height: 158px !important;
}

md-icon[md-font-icon].s160,
i.s160 {
  font-size: 160px !important;
  width: 160px !important;
  height: 160px !important;
  min-width: 160px !important;
  min-height: 160px !important;
  line-height: 160px !important;
}

md-icon[md-font-icon].s162,
i.s162 {
  font-size: 162px !important;
  width: 162px !important;
  height: 162px !important;
  min-width: 162px !important;
  min-height: 162px !important;
  line-height: 162px !important;
}

md-icon[md-font-icon].s164,
i.s164 {
  font-size: 164px !important;
  width: 164px !important;
  height: 164px !important;
  min-width: 164px !important;
  min-height: 164px !important;
  line-height: 164px !important;
}

md-icon[md-font-icon].s166,
i.s166 {
  font-size: 166px !important;
  width: 166px !important;
  height: 166px !important;
  min-width: 166px !important;
  min-height: 166px !important;
  line-height: 166px !important;
}

md-icon[md-font-icon].s168,
i.s168 {
  font-size: 168px !important;
  width: 168px !important;
  height: 168px !important;
  min-width: 168px !important;
  min-height: 168px !important;
  line-height: 168px !important;
}

md-icon[md-font-icon].s170,
i.s170 {
  font-size: 170px !important;
  width: 170px !important;
  height: 170px !important;
  min-width: 170px !important;
  min-height: 170px !important;
  line-height: 170px !important;
}

md-icon[md-font-icon].s172,
i.s172 {
  font-size: 172px !important;
  width: 172px !important;
  height: 172px !important;
  min-width: 172px !important;
  min-height: 172px !important;
  line-height: 172px !important;
}

md-icon[md-font-icon].s174,
i.s174 {
  font-size: 174px !important;
  width: 174px !important;
  height: 174px !important;
  min-width: 174px !important;
  min-height: 174px !important;
  line-height: 174px !important;
}

md-icon[md-font-icon].s176,
i.s176 {
  font-size: 176px !important;
  width: 176px !important;
  height: 176px !important;
  min-width: 176px !important;
  min-height: 176px !important;
  line-height: 176px !important;
}

md-icon[md-font-icon].s178,
i.s178 {
  font-size: 178px !important;
  width: 178px !important;
  height: 178px !important;
  min-width: 178px !important;
  min-height: 178px !important;
  line-height: 178px !important;
}

md-icon[md-font-icon].s180,
i.s180 {
  font-size: 180px !important;
  width: 180px !important;
  height: 180px !important;
  min-width: 180px !important;
  min-height: 180px !important;
  line-height: 180px !important;
}

md-icon[md-font-icon].s182,
i.s182 {
  font-size: 182px !important;
  width: 182px !important;
  height: 182px !important;
  min-width: 182px !important;
  min-height: 182px !important;
  line-height: 182px !important;
}

md-icon[md-font-icon].s184,
i.s184 {
  font-size: 184px !important;
  width: 184px !important;
  height: 184px !important;
  min-width: 184px !important;
  min-height: 184px !important;
  line-height: 184px !important;
}

md-icon[md-font-icon].s186,
i.s186 {
  font-size: 186px !important;
  width: 186px !important;
  height: 186px !important;
  min-width: 186px !important;
  min-height: 186px !important;
  line-height: 186px !important;
}

md-icon[md-font-icon].s188,
i.s188 {
  font-size: 188px !important;
  width: 188px !important;
  height: 188px !important;
  min-width: 188px !important;
  min-height: 188px !important;
  line-height: 188px !important;
}

md-icon[md-font-icon].s190,
i.s190 {
  font-size: 190px !important;
  width: 190px !important;
  height: 190px !important;
  min-width: 190px !important;
  min-height: 190px !important;
  line-height: 190px !important;
}

md-icon[md-font-icon].s192,
i.s192 {
  font-size: 192px !important;
  width: 192px !important;
  height: 192px !important;
  min-width: 192px !important;
  min-height: 192px !important;
  line-height: 192px !important;
}

md-icon[md-font-icon].s194,
i.s194 {
  font-size: 194px !important;
  width: 194px !important;
  height: 194px !important;
  min-width: 194px !important;
  min-height: 194px !important;
  line-height: 194px !important;
}

md-icon[md-font-icon].s196,
i.s196 {
  font-size: 196px !important;
  width: 196px !important;
  height: 196px !important;
  min-width: 196px !important;
  min-height: 196px !important;
  line-height: 196px !important;
}

md-icon[md-font-icon].s198,
i.s198 {
  font-size: 198px !important;
  width: 198px !important;
  height: 198px !important;
  min-width: 198px !important;
  min-height: 198px !important;
  line-height: 198px !important;
}

md-icon[md-font-icon].s200,
i.s200 {
  font-size: 200px !important;
  width: 200px !important;
  height: 200px !important;
  min-width: 200px !important;
  min-height: 200px !important;
  line-height: 200px !important;
}

md-icon[md-font-icon].s202,
i.s202 {
  font-size: 202px !important;
  width: 202px !important;
  height: 202px !important;
  min-width: 202px !important;
  min-height: 202px !important;
  line-height: 202px !important;
}

md-icon[md-font-icon].s204,
i.s204 {
  font-size: 204px !important;
  width: 204px !important;
  height: 204px !important;
  min-width: 204px !important;
  min-height: 204px !important;
  line-height: 204px !important;
}

md-icon[md-font-icon].s206,
i.s206 {
  font-size: 206px !important;
  width: 206px !important;
  height: 206px !important;
  min-width: 206px !important;
  min-height: 206px !important;
  line-height: 206px !important;
}

md-icon[md-font-icon].s208,
i.s208 {
  font-size: 208px !important;
  width: 208px !important;
  height: 208px !important;
  min-width: 208px !important;
  min-height: 208px !important;
  line-height: 208px !important;
}

md-icon[md-font-icon].s210,
i.s210 {
  font-size: 210px !important;
  width: 210px !important;
  height: 210px !important;
  min-width: 210px !important;
  min-height: 210px !important;
  line-height: 210px !important;
}

md-icon[md-font-icon].s212,
i.s212 {
  font-size: 212px !important;
  width: 212px !important;
  height: 212px !important;
  min-width: 212px !important;
  min-height: 212px !important;
  line-height: 212px !important;
}

md-icon[md-font-icon].s214,
i.s214 {
  font-size: 214px !important;
  width: 214px !important;
  height: 214px !important;
  min-width: 214px !important;
  min-height: 214px !important;
  line-height: 214px !important;
}

md-icon[md-font-icon].s216,
i.s216 {
  font-size: 216px !important;
  width: 216px !important;
  height: 216px !important;
  min-width: 216px !important;
  min-height: 216px !important;
  line-height: 216px !important;
}

md-icon[md-font-icon].s218,
i.s218 {
  font-size: 218px !important;
  width: 218px !important;
  height: 218px !important;
  min-width: 218px !important;
  min-height: 218px !important;
  line-height: 218px !important;
}

md-icon[md-font-icon].s220,
i.s220 {
  font-size: 220px !important;
  width: 220px !important;
  height: 220px !important;
  min-width: 220px !important;
  min-height: 220px !important;
  line-height: 220px !important;
}

md-icon[md-font-icon].s222,
i.s222 {
  font-size: 222px !important;
  width: 222px !important;
  height: 222px !important;
  min-width: 222px !important;
  min-height: 222px !important;
  line-height: 222px !important;
}

md-icon[md-font-icon].s224,
i.s224 {
  font-size: 224px !important;
  width: 224px !important;
  height: 224px !important;
  min-width: 224px !important;
  min-height: 224px !important;
  line-height: 224px !important;
}

md-icon[md-font-icon].s226,
i.s226 {
  font-size: 226px !important;
  width: 226px !important;
  height: 226px !important;
  min-width: 226px !important;
  min-height: 226px !important;
  line-height: 226px !important;
}

md-icon[md-font-icon].s228,
i.s228 {
  font-size: 228px !important;
  width: 228px !important;
  height: 228px !important;
  min-width: 228px !important;
  min-height: 228px !important;
  line-height: 228px !important;
}

md-icon[md-font-icon].s230,
i.s230 {
  font-size: 230px !important;
  width: 230px !important;
  height: 230px !important;
  min-width: 230px !important;
  min-height: 230px !important;
  line-height: 230px !important;
}

md-icon[md-font-icon].s232,
i.s232 {
  font-size: 232px !important;
  width: 232px !important;
  height: 232px !important;
  min-width: 232px !important;
  min-height: 232px !important;
  line-height: 232px !important;
}

md-icon[md-font-icon].s234,
i.s234 {
  font-size: 234px !important;
  width: 234px !important;
  height: 234px !important;
  min-width: 234px !important;
  min-height: 234px !important;
  line-height: 234px !important;
}

md-icon[md-font-icon].s236,
i.s236 {
  font-size: 236px !important;
  width: 236px !important;
  height: 236px !important;
  min-width: 236px !important;
  min-height: 236px !important;
  line-height: 236px !important;
}

md-icon[md-font-icon].s238,
i.s238 {
  font-size: 238px !important;
  width: 238px !important;
  height: 238px !important;
  min-width: 238px !important;
  min-height: 238px !important;
  line-height: 238px !important;
}

md-icon[md-font-icon].s240,
i.s240 {
  font-size: 240px !important;
  width: 240px !important;
  height: 240px !important;
  min-width: 240px !important;
  min-height: 240px !important;
  line-height: 240px !important;
}

md-icon[md-font-icon].s242,
i.s242 {
  font-size: 242px !important;
  width: 242px !important;
  height: 242px !important;
  min-width: 242px !important;
  min-height: 242px !important;
  line-height: 242px !important;
}

md-icon[md-font-icon].s244,
i.s244 {
  font-size: 244px !important;
  width: 244px !important;
  height: 244px !important;
  min-width: 244px !important;
  min-height: 244px !important;
  line-height: 244px !important;
}

md-icon[md-font-icon].s246,
i.s246 {
  font-size: 246px !important;
  width: 246px !important;
  height: 246px !important;
  min-width: 246px !important;
  min-height: 246px !important;
  line-height: 246px !important;
}

md-icon[md-font-icon].s248,
i.s248 {
  font-size: 248px !important;
  width: 248px !important;
  height: 248px !important;
  min-width: 248px !important;
  min-height: 248px !important;
  line-height: 248px !important;
}

md-icon[md-font-icon].s250,
i.s250 {
  font-size: 250px !important;
  width: 250px !important;
  height: 250px !important;
  min-width: 250px !important;
  min-height: 250px !important;
  line-height: 250px !important;
}

md-icon[md-font-icon].s252,
i.s252 {
  font-size: 252px !important;
  width: 252px !important;
  height: 252px !important;
  min-width: 252px !important;
  min-height: 252px !important;
  line-height: 252px !important;
}

md-icon[md-font-icon].s254,
i.s254 {
  font-size: 254px !important;
  width: 254px !important;
  height: 254px !important;
  min-width: 254px !important;
  min-height: 254px !important;
  line-height: 254px !important;
}

md-icon[md-font-icon].s256,
i.s256 {
  font-size: 256px !important;
  width: 256px !important;
  height: 256px !important;
  min-width: 256px !important;
  min-height: 256px !important;
  line-height: 256px !important;
}

@font-face {
  font-family: 'icomoon';
  src: url('../assets/icons/fonts/icomoon.eot?5km1tg');
  src: url('../assets/icons/fonts/icomoon.eot?#iefix5km1tg') format('embedded-opentype'),
    url('../assets/icons/fonts/icomoon.ttf?5km1tg') format('truetype'),
    url('../assets/icons/fonts/icomoon.woff?5km1tg') format('woff'),
    url('../assets/icons/fonts/icomoon.svg?5km1tg#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^='icon-'],
[class*=' icon-'] {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1.7;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-account-alert:before {
  content: '\e600';
}

.icon-account-box-outline:before {
  content: '\e601';
}

.icon-account-box:before {
  content: '\e602';
}

.icon-account-check:before {
  content: '\e603';
}

.icon-account-circle:before {
  content: '\e604';
}

.icon-account-key:before {
  content: '\e605';
}

.icon-account-location:before {
  content: '\e606';
}

.icon-account-minus:before {
  content: '\e607';
}

.icon-account-multiple-outline:before {
  content: '\e608';
}

.icon-account-multiple-plus:before {
  content: '\e609';
}

.icon-account-multiple:before {
  content: '\e60a';
}

.icon-account-network:before {
  content: '\e60b';
}

.icon-account-outline:before {
  content: '\e60c';
}

.icon-account-plus:before {
  content: '\e60d';
}

.icon-account-remove:before {
  content: '\e60e';
}

.icon-account-search:before {
  content: '\e60f';
}

.icon-account-switch:before {
  content: '\e610';
}

.icon-account:before {
  content: '\e611';
}

.icon-airballoon:before {
  content: '\e612';
}

.icon-airplane-off:before {
  content: '\e613';
}

.icon-airplane:before {
  content: '\e614';
}

.icon-alarm-check:before {
  content: '\e615';
}

.icon-alarm-multiple:before {
  content: '\e616';
}

.icon-alarm-off:before {
  content: '\e617';
}

.icon-alarm-plus:before {
  content: '\e618';
}

.icon-alarm:before {
  content: '\e619';
}

.icon-album:before {
  content: '\e61a';
}

.icon-alert-box:before {
  content: '\e61b';
}

.icon-alert-circle:before {
  content: '\e61c';
}

.icon-alert-octagon:before {
  content: '\e61d';
}

.icon-alert:before {
  content: '\e61e';
}

.icon-alpha:before {
  content: '\e61f';
}

.icon-alphabetical:before {
  content: '\e620';
}

.icon-amazon-clouddrive:before {
  content: '\e621';
}

.icon-amazon:before {
  content: '\e622';
}

.icon-ambulance:before {
  content: '\e623';
}

.icon-android-debug-bridge:before {
  content: '\e624';
}

.icon-android-studio:before {
  content: '\e625';
}

.icon-android:before {
  content: '\e626';
}

.icon-apple-finder:before {
  content: '\e627';
}

.icon-apple-ios:before {
  content: '\e628';
}

.icon-apple-mobileme:before {
  content: '\e629';
}

.icon-apple-safari:before {
  content: '\e62a';
}

.icon-apple:before {
  content: '\e62b';
}

.icon-appnet:before {
  content: '\e62c';
}

.icon-apps:before {
  content: '\e62d';
}

.icon-archive:before {
  content: '\e62e';
}

.icon-arrange-bring-forward:before {
  content: '\e62f';
}

.icon-arrange-bring-to-front:before {
  content: '\e630';
}

.icon-arrange-send-backward:before {
  content: '\e631';
}

.icon-arrange-send-to-back:before {
  content: '\e632';
}

.icon-arrow-all:before {
  content: '\e633';
}

.icon-arrow-bottom-left:before {
  content: '\e634';
}

.icon-arrow-bottom-right:before {
  content: '\e635';
}

.icon-arrow-collapse:before {
  content: '\e636';
}

.icon-arrow-down-bold-circle-outline:before {
  content: '\e637';
}

.icon-arrow-down-bold-circle:before {
  content: '\e638';
}

.icon-arrow-down-bold-hexagon-outline:before {
  content: '\e639';
}

.icon-arrow-down-bold:before {
  content: '\e63a';
}

.icon-arrow-down:before {
  content: '\e63b';
}

.icon-arrow-expand:before {
  content: '\e63c';
}

.icon-arrow-left-bold-circle-outline:before {
  content: '\e63d';
}

.icon-arrow-left-bold-circle:before {
  content: '\e63e';
}

.icon-arrow-left-bold-hexagon-outline:before {
  content: '\e63f';
}

.icon-arrow-left-bold:before {
  content: '\e640';
}

.icon-arrow-left:before {
  content: '\e641';
}

.icon-arrow-right-bold-circle-outline:before {
  content: '\e642';
}

.icon-arrow-right-bold-circle:before {
  content: '\e643';
}

.icon-arrow-right-bold-hexagon-outline:before {
  content: '\e644';
}

.icon-arrow-right-bold:before {
  content: '\e645';
}

.icon-arrow-right:before {
  content: '\e646';
}

.icon-arrow-top-left:before {
  content: '\e647';
}

.icon-arrow-top-right:before {
  content: '\e648';
}

.icon-arrow-up-bold-circle-outline:before {
  content: '\e649';
}

.icon-arrow-up-bold-circle:before {
  content: '\e64a';
}

.icon-arrow-up-bold-hexagon-outline:before {
  content: '\e64b';
}

.icon-arrow-up-bold:before {
  content: '\e64c';
}

.icon-arrow-up:before {
  content: '\e64d';
}

.icon-at:before {
  content: '\e64e';
}

.icon-attachment:before {
  content: '\e64f';
}

.icon-audiobook:before {
  content: '\e650';
}

.icon-auto-fix:before {
  content: '\e651';
}

.icon-auto-upload:before {
  content: '\e652';
}

.icon-baby:before {
  content: '\e653';
}

.icon-backburger:before {
  content: '\e654';
}

.icon-backup-restore:before {
  content: '\e655';
}

.icon-bank:before {
  content: '\e656';
}

.icon-barcode:before {
  content: '\e657';
}

.icon-barley:before {
  content: '\e658';
}

.icon-barrel:before {
  content: '\e659';
}

.icon-basecamp:before {
  content: '\e65a';
}

.icon-basket-fill:before {
  content: '\e65b';
}

.icon-basket-unfill:before {
  content: '\e65c';
}

.icon-basket:before {
  content: '\e65d';
}

.icon-battery-10:before {
  content: '\e65e';
}

.icon-battery-20:before {
  content: '\e65f';
}

.icon-battery-30:before {
  content: '\e660';
}

.icon-battery-40:before {
  content: '\e661';
}

.icon-battery-50:before {
  content: '\e662';
}

.icon-battery-60:before {
  content: '\e663';
}

.icon-battery-70:before {
  content: '\e664';
}

.icon-battery-80:before {
  content: '\e665';
}

.icon-battery-90:before {
  content: '\e666';
}

.icon-battery-alert:before {
  content: '\e667';
}

.icon-battery-charging-20:before {
  content: '\e668';
}

.icon-battery-charging-30:before {
  content: '\e669';
}

.icon-battery-charging-40:before {
  content: '\e66a';
}

.icon-battery-charging-60:before {
  content: '\e66b';
}

.icon-battery-charging-80:before {
  content: '\e66c';
}

.icon-battery-charging-90:before {
  content: '\e66d';
}

.icon-battery-charging-100:before {
  content: '\e66e';
}

.icon-battery-minus:before {
  content: '\e66f';
}

.icon-battery-negative:before {
  content: '\e670';
}

.icon-battery-outline:before {
  content: '\e671';
}

.icon-battery-plus:before {
  content: '\e672';
}

.icon-battery-positive:before {
  content: '\e673';
}

.icon-battery-standard:before {
  content: '\e674';
}

.icon-battery-unknown:before {
  content: '\e675';
}

.icon-battery:before {
  content: '\e676';
}

.icon-beach:before {
  content: '\e677';
}

.icon-beaker-empty-outline:before {
  content: '\e678';
}

.icon-beaker-empty:before {
  content: '\e679';
}

.icon-beaker-outline:before {
  content: '\e67a';
}

.icon-beaker:before {
  content: '\e67b';
}

.icon-beats:before {
  content: '\e67c';
}

.icon-beer:before {
  content: '\e67d';
}

.icon-behance:before {
  content: '\e67e';
}

.icon-bell-off:before {
  content: '\e67f';
}

.icon-bell-outline:before {
  content: '\e680';
}

.icon-bell-ring-outline:before {
  content: '\e681';
}

.icon-bell-ring:before {
  content: '\e682';
}

.icon-bell-sleep:before {
  content: '\e683';
}

.icon-bell:before {
  content: '\e684';
}

.icon-beta:before {
  content: '\e685';
}

.icon-bike:before {
  content: '\e686';
}

.icon-bing:before {
  content: '\e687';
}

.icon-binoculars:before {
  content: '\e688';
}

.icon-bio:before {
  content: '\e689';
}

.icon-bitbucket:before {
  content: '\e68a';
}

.icon-black-mesa:before {
  content: '\e68b';
}

.icon-blackberry:before {
  content: '\e68c';
}

.icon-blinds:before {
  content: '\e68d';
}

.icon-block-helper:before {
  content: '\e68e';
}

.icon-blogger:before {
  content: '\e68f';
}

.icon-bluetooth-audio:before {
  content: '\e690';
}

.icon-bluetooth-connect:before {
  content: '\e691';
}

.icon-bluetooth-settings:before {
  content: '\e692';
}

.icon-bluetooth-transfer:before {
  content: '\e693';
}

.icon-bluetooth:before {
  content: '\e694';
}

.icon-blur-linear:before {
  content: '\e695';
}

.icon-blur-off:before {
  content: '\e696';
}

.icon-blur-radial:before {
  content: '\e697';
}

.icon-blur:before {
  content: '\e698';
}

.icon-bone:before {
  content: '\e699';
}

.icon-book-multiple-variant:before {
  content: '\e69a';
}

.icon-book-multiple:before {
  content: '\e69b';
}

.icon-book-open:before {
  content: '\e69c';
}

.icon-book-variant:before {
  content: '\e69d';
}

.icon-book:before {
  content: '\e69e';
}

.icon-bookmark-check:before {
  content: '\e69f';
}

.icon-bookmark-music:before {
  content: '\e6a0';
}

.icon-bookmark-outline-plus:before {
  content: '\e6a1';
}

.icon-bookmark-outline:before {
  content: '\e6a2';
}

.icon-bookmark-plus:before {
  content: '\e6a3';
}

.icon-bookmark-remove:before {
  content: '\e6a4';
}

.icon-bookmark:before {
  content: '\e6a5';
}

.icon-border-all:before {
  content: '\e6a6';
}

.icon-border-bottom:before {
  content: '\e6a7';
}

.icon-border-color:before {
  content: '\e6a8';
}

.icon-border-horizontal:before {
  content: '\e6a9';
}

.icon-border-inside:before {
  content: '\e6aa';
}

.icon-border-left:before {
  content: '\e6ab';
}

.icon-border-none:before {
  content: '\e6ac';
}

.icon-border-outside:before {
  content: '\e6ad';
}

.icon-border-right:before {
  content: '\e6ae';
}

.icon-border-top:before {
  content: '\e6af';
}

.icon-border-vertical:before {
  content: '\e6b0';
}

.icon-bowling:before {
  content: '\e6b1';
}

.icon-box-download:before {
  content: '\e6b2';
}

.icon-box-upload:before {
  content: '\e6b3';
}

.icon-box:before {
  content: '\e6b4';
}

.icon-briefcase-checked:before {
  content: '\e6b5';
}

.icon-briefcase-download:before {
  content: '\e6b6';
}

.icon-briefcase-upload:before {
  content: '\e6b7';
}

.icon-briefcase:before {
  content: '\e6b8';
}

.icon-brightness-1:before {
  content: '\e6b9';
}

.icon-brightness-2:before {
  content: '\e6ba';
}

.icon-brightness-3:before {
  content: '\e6bb';
}

.icon-brightness-4:before {
  content: '\e6bc';
}

.icon-brightness-5:before {
  content: '\e6bd';
}

.icon-brightness-6:before {
  content: '\e6be';
}

.icon-brightness-7:before {
  content: '\e6bf';
}

.icon-brightness-auto:before {
  content: '\e6c0';
}

.icon-brightness:before {
  content: '\e6c1';
}

.icon-broom:before {
  content: '\e6c2';
}

.icon-brush:before {
  content: '\e6c3';
}

.icon-bug:before {
  content: '\e6c4';
}

.icon-bulletin-board:before {
  content: '\e6c5';
}

.icon-bullhorn:before {
  content: '\e6c6';
}

.icon-bus:before {
  content: '\e6c7';
}

.icon-cake-variant:before {
  content: '\e6c8';
}

.icon-cake:before {
  content: '\e6c9';
}

.icon-calculator:before {
  content: '\e6ca';
}

.icon-calendar-blank:before {
  content: '\e6cb';
}

.icon-calendar-check-multiple:before {
  content: '\e6cc';
}

.icon-calendar-check:before {
  content: '\e6cd';
}

.icon-calendar-clock:before {
  content: '\e6ce';
}

.icon-calendar-multiple:before {
  content: '\e6cf';
}

.icon-calendar-plus:before {
  content: '\e6d0';
}

.icon-calendar-remove:before {
  content: '\e6d1';
}

.icon-calendar-select:before {
  content: '\e6d2';
}

.icon-calendar-text:before {
  content: '\e6d3';
}

.icon-calendar-today:before {
  content: '\e6d4';
}

.icon-calendar:before {
  content: '\e6d5';
}

.icon-camcorder-box-off:before {
  content: '\e6d6';
}

.icon-camcorder-box:before {
  content: '\e6d7';
}

.icon-camcorder-off:before {
  content: '\e6d8';
}

.icon-camcorder:before {
  content: '\e6d9';
}

.icon-camera-front-variant:before {
  content: '\e6da';
}

.icon-camera-front:before {
  content: '\e6db';
}

.icon-camera-iris:before {
  content: '\e6dc';
}

.icon-camera-party-mode:before {
  content: '\e6dd';
}

.icon-camera-rear-variant:before {
  content: '\e6de';
}

.icon-camera-rear:before {
  content: '\e6df';
}

.icon-camera-switch:before {
  content: '\e6e0';
}

.icon-camera-timer:before {
  content: '\e6e1';
}

.icon-camera:before {
  content: '\e6e2';
}

.icon-cancel:before {
  content: '\e6e3';
}

.icon-candycane:before {
  content: '\e6e4';
}

.icon-car-wash:before {
  content: '\e6e5';
}

.icon-car:before {
  content: '\e6e6';
}

.icon-carrot:before {
  content: '\e6e7';
}

.icon-cart-outline:before {
  content: '\e6e8';
}

.icon-cart:before {
  content: '\e6e9';
}

.icon-cash-100:before {
  content: '\e6ea';
}

.icon-cash-multiple:before {
  content: '\e6eb';
}

.icon-cash-usd:before {
  content: '\e6ec';
}

.icon-cash:before {
  content: '\e6ed';
}

.icon-cast-connected:before {
  content: '\e6ee';
}

.icon-cast:before {
  content: '\e6ef';
}

.icon-castle:before {
  content: '\e6f0';
}

.icon-cat:before {
  content: '\e6f1';
}

.icon-cellphone-android:before {
  content: '\e6f2';
}

.icon-cellphone-dock:before {
  content: '\e6f3';
}

.icon-cellphone-iphone:before {
  content: '\e6f4';
}

.icon-cellphone-link-off:before {
  content: '\e6f5';
}

.icon-cellphone-link:before {
  content: '\e6f6';
}

.icon-cellphone-settings:before {
  content: '\e6f7';
}

.icon-cellphone:before {
  content: '\e6f8';
}

.icon-chair-school:before {
  content: '\e6f9';
}

.icon-chart-arc:before {
  content: '\e6fa';
}

.icon-chart-areaspline:before {
  content: '\e6fb';
}

.icon-chart-bar:before {
  content: '\e6fc';
}

.icon-chart-histogram:before {
  content: '\e6fd';
}

.icon-chart-line:before {
  content: '\e6fe';
}

.icon-chart-pie:before {
  content: '\e6ff';
}

.icon-check-all:before {
  content: '\e700';
}

.icon-check-bookmark:before {
  content: '\e701';
}

.icon-check-circle:before {
  content: '\e702';
}

.icon-check:before {
  content: '\e703';
}

.icon-checkbox-blank-circle-outline:before {
  content: '\e704';
}

.icon-checkbox-blank-circle:before {
  content: '\e705';
}

.icon-checkbox-blank-outline:before {
  content: '\e706';
}

.icon-checkbox-blank:before {
  content: '\e707';
}

.icon-checkbox-marked-circle-outline:before {
  content: '\e708';
}

.icon-checkbox-marked-circle:before {
  content: '\e709';
}

.icon-checkbox-marked-outline:before {
  content: '\e70a';
}

.icon-checkbox-marked:before {
  content: '\e70b';
}

.icon-checkbox-multiple-blank-outline:before {
  content: '\e70c';
}

.icon-checkbox-multiple-blank:before {
  content: '\e70d';
}

.icon-checkbox-multiple-marked-outline:before {
  content: '\e70e';
}

.icon-checkbox-multiple-marked:before {
  content: '\e70f';
}

.icon-checkerboard:before {
  content: '\e710';
}

.icon-chevron-double-down:before {
  content: '\e711';
}

.icon-chevron-double-left:before {
  content: '\e712';
}

.icon-chevron-double-right:before {
  content: '\e713';
}

.icon-chevron-double-up:before {
  content: '\e714';
}

.icon-chevron-down:before {
  content: '\e715';
}

.icon-chevron-left:before {
  content: '\e716';
}

.icon-chevron-right:before {
  content: '\e717';
}

.icon-chevron-up:before {
  content: '\e718';
}

.icon-church:before {
  content: '\e719';
}

.icon-cisco-webex:before {
  content: '\e71a';
}

.icon-city:before {
  content: '\e71b';
}

.icon-clapperboard:before {
  content: '\e71c';
}

.icon-clipboard-account:before {
  content: '\e71d';
}

.icon-clipboard-alert:before {
  content: '\e71e';
}

.icon-clipboard-arrow-down:before {
  content: '\e71f';
}

.icon-clipboard-arrow-left:before {
  content: '\e720';
}

.icon-clipboard-check:before {
  content: '\e721';
}

.icon-clipboard-outline:before {
  content: '\e722';
}

.icon-clipboard-text:before {
  content: '\e723';
}

.icon-clipboard:before {
  content: '\e724';
}

.icon-clippy:before {
  content: '\e725';
}

.icon-clock-fast:before {
  content: '\e726';
}

.icon-clock:before {
  content: '\e727';
}

.icon-close-circle-outline:before {
  content: '\e728';
}

.icon-close-circle:before {
  content: '\e729';
}

.icon-close-network:before {
  content: '\e72a';
}

.icon-close:before {
  content: '\e72b';
}

.icon-closed-caption:before {
  content: '\e72c';
}

.icon-cloud-check:before {
  content: '\e72d';
}

.icon-cloud-circle:before {
  content: '\e72e';
}

.icon-cloud-download:before {
  content: '\e72f';
}

.icon-cloud-outline-off:before {
  content: '\e730';
}

.icon-cloud-outline:before {
  content: '\e731';
}

.icon-cloud-upload:before {
  content: '\e732';
}

.icon-cloud:before {
  content: '\e733';
}

.icon-code-array:before {
  content: '\e734';
}

.icon-code-braces:before {
  content: '\e735';
}

.icon-code-equal:before {
  content: '\e736';
}

.icon-code-greater-than-or-equal:before {
  content: '\e737';
}

.icon-code-greater-than:before {
  content: '\e738';
}

.icon-code-less-than-or-equal:before {
  content: '\e739';
}

.icon-code-less-than:before {
  content: '\e73a';
}

.icon-code-not-equal-variant:before {
  content: '\e73b';
}

.icon-code-not-equal:before {
  content: '\e73c';
}

.icon-code-string:before {
  content: '\e73d';
}

.icon-code-tags:before {
  content: '\e73e';
}

.icon-codepen:before {
  content: '\e73f';
}

.icon-coffee-to-go:before {
  content: '\e740';
}

.icon-coffee:before {
  content: '\e741';
}

.icon-cog-box:before {
  content: '\e742';
}

.icon-cog:before {
  content: '\e743';
}

.icon-coin:before {
  content: '\e744';
}

.icon-color-helper:before {
  content: '\e745';
}

.icon-comment-account-outline:before {
  content: '\e746';
}

.icon-comment-account:before {
  content: '\e747';
}

.icon-comment-alert-outline:before {
  content: '\e748';
}

.icon-comment-alert:before {
  content: '\e749';
}

.icon-comment-check-outline:before {
  content: '\e74a';
}

.icon-comment-check:before {
  content: '\e74b';
}

.icon-comment-multipe-outline:before {
  content: '\e74c';
}

.icon-comment-outline:before {
  content: '\e74d';
}

.icon-comment-plus-outline:before {
  content: '\e74e';
}

.icon-comment-processing-outline:before {
  content: '\e74f';
}

.icon-comment-processing:before {
  content: '\e750';
}

.icon-comment-remove-outline:before {
  content: '\e751';
}

.icon-comment-text-outline:before {
  content: '\e752';
}

.icon-comment-text:before {
  content: '\e753';
}

.icon-comment:before {
  content: '\e754';
}

.icon-compare:before {
  content: '\e755';
}

.icon-compass-outline:before {
  content: '\e756';
}

.icon-compass:before {
  content: '\e757';
}

.icon-console:before {
  content: '\e758';
}

.icon-content-copy:before {
  content: '\e759';
}

.icon-content-cut:before {
  content: '\e75a';
}

.icon-content-duplicate:before {
  content: '\e75b';
}

.icon-content-paste:before {
  content: '\e75c';
}

.icon-content-save-all:before {
  content: '\e75d';
}

.icon-content-save:before {
  content: '\e75e';
}

.icon-contrast-box:before {
  content: '\e75f';
}

.icon-contrast-circle:before {
  content: '\e760';
}

.icon-contrast:before {
  content: '\e761';
}

.icon-controller-xbox:before {
  content: '\e762';
}

.icon-cow:before {
  content: '\e763';
}

.icon-credit-card-multiple:before {
  content: '\e764';
}

.icon-credit-card:before {
  content: '\e765';
}

.icon-crop-free:before {
  content: '\e766';
}

.icon-crop-landscape:before {
  content: '\e767';
}

.icon-crop-portrait:before {
  content: '\e768';
}

.icon-crop-square:before {
  content: '\e769';
}

.icon-crop:before {
  content: '\e76a';
}

.icon-crosshairs-gps:before {
  content: '\e76b';
}

.icon-crosshairs:before {
  content: '\e76c';
}

.icon-crown:before {
  content: '\e76d';
}

.icon-cube-outline:before {
  content: '\e76e';
}

.icon-cube-unfolded:before {
  content: '\e76f';
}

.icon-cube:before {
  content: '\e770';
}

.icon-cup-water:before {
  content: '\e771';
}

.icon-cup:before {
  content: '\e772';
}

.icon-currency-btc:before {
  content: '\e773';
}

.icon-currency-eur:before {
  content: '\e774';
}

.icon-currency-gbp:before {
  content: '\e775';
}

.icon-currency-inr:before {
  content: '\e776';
}

.icon-currency-rub:before {
  content: '\e777';
}

.icon-currency-try:before {
  content: '\e778';
}

.icon-currency-usd:before {
  content: '\e779';
}

.icon-cursor-default-outline:before {
  content: '\e77a';
}

.icon-cursor-default:before {
  content: '\e77b';
}

.icon-cursor-move:before {
  content: '\e77c';
}

.icon-cursor-pointer:before {
  content: '\e77d';
}

.icon-data:before {
  content: '\e77e';
}

.icon-debug-step-into:before {
  content: '\e77f';
}

.icon-debug-step-out:before {
  content: '\e780';
}

.icon-debug-step-over:before {
  content: '\e781';
}

.icon-decimal-decrease:before {
  content: '\e782';
}

.icon-decimal-increase:before {
  content: '\e783';
}

.icon-delete-variant:before {
  content: '\e784';
}

.icon-delete:before {
  content: '\e785';
}

.icon-deskphone:before {
  content: '\e786';
}

.icon-desktop-mac:before {
  content: '\e787';
}

.icon-desktop-tower:before {
  content: '\e788';
}

.icon-details:before {
  content: '\e789';
}

.icon-deviantart:before {
  content: '\e78a';
}

.icon-diamond:before {
  content: '\e78b';
}

.icon-dice-1:before {
  content: '\e78c';
}

.icon-dice-2:before {
  content: '\e78d';
}

.icon-dice-3:before {
  content: '\e78e';
}

.icon-dice-4:before {
  content: '\e78f';
}

.icon-dice-5:before {
  content: '\e790';
}

.icon-dice-6:before {
  content: '\e791';
}

.icon-dice:before {
  content: '\e792';
}

.icon-directions:before {
  content: '\e793';
}

.icon-disk-alert:before {
  content: '\e794';
}

.icon-disqus-outline:before {
  content: '\e795';
}

.icon-disqus:before {
  content: '\e796';
}

.icon-division-box:before {
  content: '\e797';
}

.icon-division:before {
  content: '\e798';
}

.icon-dns:before {
  content: '\e799';
}

.icon-document:before {
  content: '\e79a';
}

.icon-domain:before {
  content: '\e79b';
}

.icon-dots-horizontal:before {
  content: '\e79c';
}

.icon-dots-vertical:before {
  content: '\e79d';
}

.icon-download:before {
  content: '\e79e';
}

.icon-drag-horizontal:before {
  content: '\e79f';
}

.icon-drag-vertical:before {
  content: '\e7a0';
}

.icon-drag:before {
  content: '\e7a1';
}

.icon-drawing-box:before {
  content: '\e7a2';
}

.icon-drawing:before {
  content: '\e7a3';
}

.icon-dribbble-box:before {
  content: '\e7a4';
}

.icon-dribbble:before {
  content: '\e7a5';
}

.icon-drone:before {
  content: '\e7a6';
}

.icon-dropbox:before {
  content: '\e7a7';
}

.icon-drupal:before {
  content: '\e7a8';
}

.icon-duck:before {
  content: '\e7a9';
}

.icon-dumbbell:before {
  content: '\e7aa';
}

.icon-earth-off:before {
  content: '\e7ab';
}

.icon-earth:before {
  content: '\e7ac';
}

.icon-ebay:before {
  content: '\e7ad';
}

.icon-edge:before {
  content: '\e7ae';
}

.icon-eject:before {
  content: '\e7af';
}

.icon-elevation-decline:before {
  content: '\e7b0';
}

.icon-elevation-rise:before {
  content: '\e7b1';
}

.icon-elevator:before {
  content: '\e7b2';
}

.icon-email-open:before {
  content: '\e7b3';
}

.icon-email-secure:before {
  content: '\e7b4';
}

.icon-email:before {
  content: '\e7b5';
}

.icon-emoticon-cool:before {
  content: '\e7b6';
}

.icon-emoticon-devil:before {
  content: '\e7b7';
}

.icon-emoticon-happy:before {
  content: '\e7b8';
}

.icon-emoticon-neutral:before {
  content: '\e7b9';
}

.icon-emoticon-poop:before {
  content: '\e7ba';
}

.icon-emoticon-sad:before {
  content: '\e7bb';
}

.icon-emoticon-tongue:before {
  content: '\e7bc';
}

.icon-emoticon:before {
  content: '\e7bd';
}

.icon-engine-outline:before {
  content: '\e7be';
}

.icon-engine:before {
  content: '\e7bf';
}

.icon-equal-box:before {
  content: '\e7c0';
}

.icon-equal:before {
  content: '\e7c1';
}

.icon-eraser:before {
  content: '\e7c2';
}

.icon-escalator:before {
  content: '\e7c3';
}

.icon-etsy:before {
  content: '\e7c4';
}

.icon-evernote:before {
  content: '\e7c5';
}

.icon-exclamation:before {
  content: '\e7c6';
}

.icon-exit-to-app:before {
  content: '\e7c7';
}

.icon-export:before {
  content: '\e7c8';
}

.icon-eye-off:before {
  content: '\e7c9';
}

.icon-eye:before {
  content: '\e7ca';
}

.icon-eyedropper-variant:before {
  content: '\e7cb';
}

.icon-eyedropper:before {
  content: '\e7cc';
}

.icon-facebook-box:before {
  content: '\e7cd';
}

.icon-facebook:before {
  content: '\e7ce';
}

.icon-factory:before {
  content: '\e7cf';
}

.icon-fan:before {
  content: '\e7d0';
}

.icon-fast-forward:before {
  content: '\e7d1';
}

.icon-ferry:before {
  content: '\e7d2';
}

.icon-file-cloud:before {
  content: '\e7d3';
}

.icon-file-delimited:before {
  content: '\e7d4';
}

.icon-file-document-box:before {
  content: '\e7d5';
}

.icon-file-document:before {
  content: '\e7d6';
}

.icon-file-excel-box:before {
  content: '\e7d7';
}

.icon-file-excel:before {
  content: '\e7d8';
}

.icon-file-find:before {
  content: '\e7d9';
}

.icon-file-hidden:before {
  content: '\e7da';
}

.icon-file-image-box:before {
  content: '\e7db';
}

.icon-file-image:before {
  content: '\e7dc';
}

.icon-file-multiple:before {
  content: '\e7dd';
}

.icon-file-music:before {
  content: '\e7de';
}

.icon-file-outline:before {
  content: '\e7df';
}

.icon-file-pdf-box:before {
  content: '\e7e0';
}

.icon-file-pdf:before {
  content: '\e7e1';
}

.icon-file-powerpoint-box:before {
  content: '\e7e2';
}

.icon-file-powerpoint:before {
  content: '\e7e3';
}

.icon-file-presentation-box:before {
  content: '\e7e4';
}

.icon-file-video:before {
  content: '\e7e5';
}

.icon-file-word-box:before {
  content: '\e7e6';
}

.icon-file-word:before {
  content: '\e7e7';
}

.icon-file-xml:before {
  content: '\e7e8';
}

.icon-file:before {
  content: '\e7e9';
}

.icon-fill:before {
  content: '\e7ea';
}

.icon-film:before {
  content: '\e7eb';
}

.icon-filmstrip-off:before {
  content: '\e7ec';
}

.icon-filmstrip:before {
  content: '\e7ed';
}

.icon-filter-outline:before {
  content: '\e7ee';
}

.icon-filter-remove-outline:before {
  content: '\e7ef';
}

.icon-filter-remove:before {
  content: '\e7f0';
}

.icon-filter-variant:before {
  content: '\e7f1';
}

.icon-filter:before {
  content: '\e7f2';
}

.icon-fire:before {
  content: '\e7f3';
}

.icon-fish:before {
  content: '\e7f4';
}

.icon-flag-checkered-variant:before {
  content: '\e7f5';
}

.icon-flag-checkered:before {
  content: '\e7f6';
}

.icon-flag-outline-variant:before {
  content: '\e7f7';
}

.icon-flag-outline:before {
  content: '\e7f8';
}

.icon-flag-triangle:before {
  content: '\e7f9';
}

.icon-flag-variant:before {
  content: '\e7fa';
}

.icon-flag:before {
  content: '\e7fb';
}

.icon-flash-auto:before {
  content: '\e7fc';
}

.icon-flash-off:before {
  content: '\e7fd';
}

.icon-flash:before {
  content: '\e7fe';
}

.icon-flashlight-off:before {
  content: '\e7ff';
}

.icon-flashlight:before {
  content: '\e800';
}

.icon-flattr:before {
  content: '\e801';
}

.icon-flickr-after:before {
  content: '\e802';
}

.icon-flickr-before:before {
  content: '\e803';
}

.icon-flip-to-back:before {
  content: '\e804';
}

.icon-flip-to-front:before {
  content: '\e805';
}

.icon-floppy:before {
  content: '\e806';
}

.icon-flower:before {
  content: '\e807';
}

.icon-folder-account:before {
  content: '\e808';
}

.icon-folder-download:before {
  content: '\e809';
}

.icon-folder-google-drive:before {
  content: '\e80a';
}

.icon-folder-image:before {
  content: '\e80b';
}

.icon-folder-lock-open:before {
  content: '\e80c';
}

.icon-folder-lock:before {
  content: '\e80d';
}

.icon-folder-move:before {
  content: '\e80e';
}

.icon-folder-multiple-image:before {
  content: '\e80f';
}

.icon-folder-multiple-outline:before {
  content: '\e810';
}

.icon-folder-multiple:before {
  content: '\e811';
}

.icon-folder-outline-lock:before {
  content: '\e812';
}

.icon-folder-outline:before {
  content: '\e813';
}

.icon-folder-plus:before {
  content: '\e814';
}

.icon-folder-remove:before {
  content: '\e815';
}

.icon-folder-upload:before {
  content: '\e816';
}

.icon-folder:before {
  content: '\e817';
}

.icon-food-apple:before {
  content: '\e818';
}

.icon-food-variant:before {
  content: '\e819';
}

.icon-food:before {
  content: '\e81a';
}

.icon-football-helmet:before {
  content: '\e81b';
}

.icon-football:before {
  content: '\e81c';
}

.icon-format-align-center:before {
  content: '\e81d';
}

.icon-format-align-justify:before {
  content: '\e81e';
}

.icon-format-align-left:before {
  content: '\e81f';
}

.icon-format-align-right:before {
  content: '\e820';
}

.icon-format-bold:before {
  content: '\e821';
}

.icon-format-clear:before {
  content: '\e822';
}

.icon-format-color-fill:before {
  content: '\e823';
}

.icon-format-color:before {
  content: '\e824';
}

.icon-format-float-center:before {
  content: '\e825';
}

.icon-format-float-left:before {
  content: '\e826';
}

.icon-format-float-none:before {
  content: '\e827';
}

.icon-format-float-right:before {
  content: '\e828';
}

.icon-format-header-1:before {
  content: '\e829';
}

.icon-format-header-2:before {
  content: '\e82a';
}

.icon-format-header-3:before {
  content: '\e82b';
}

.icon-format-header-4:before {
  content: '\e82c';
}

.icon-format-header-5:before {
  content: '\e82d';
}

.icon-format-header-6:before {
  content: '\e82e';
}

.icon-format-header-decrease:before {
  content: '\e82f';
}

.icon-format-header-down:before {
  content: '\e830';
}

.icon-format-header-equal:before {
  content: '\e831';
}

.icon-format-header-increase:before {
  content: '\e832';
}

.icon-format-header-pound:before {
  content: '\e833';
}

.icon-format-header-up:before {
  content: '\e834';
}

.icon-format-indent-decrease:before {
  content: '\e835';
}

.icon-format-indent-increase:before {
  content: '\e836';
}

.icon-format-italic:before {
  content: '\e837';
}

.icon-format-line-spacing:before {
  content: '\e838';
}

.icon-format-list-bulleted:before {
  content: '\e839';
}

.icon-format-list-numbers:before {
  content: '\e83a';
}

.icon-format-object-inline:before {
  content: '\e83b';
}

.icon-format-object-square:before {
  content: '\e83c';
}

.icon-format-object-tight:before {
  content: '\e83d';
}

.icon-format-object-top-bottom:before {
  content: '\e83e';
}

.icon-format-paint:before {
  content: '\e83f';
}

.icon-format-paragraph:before {
  content: '\e840';
}

.icon-format-quote:before {
  content: '\e841';
}

.icon-format-size:before {
  content: '\e842';
}

.icon-format-strikethrough:before {
  content: '\e843';
}

.icon-format-subscript:before {
  content: '\e844';
}

.icon-format-superscript:before {
  content: '\e845';
}

.icon-format-text:before {
  content: '\e846';
}

.icon-format-textdirection-l-to-r:before {
  content: '\e847';
}

.icon-format-textdirection-r-to-l:before {
  content: '\e848';
}

.icon-format-underline:before {
  content: '\e849';
}

.icon-forum:before {
  content: '\e84a';
}

.icon-forward:before {
  content: '\e84b';
}

.icon-foursquare:before {
  content: '\e84c';
}

.icon-fridge:before {
  content: '\e84d';
}

.icon-fullscreen-exit:before {
  content: '\e84e';
}

.icon-fullscreen:before {
  content: '\e84f';
}

.icon-function:before {
  content: '\e850';
}

.icon-gamepad-variant:before {
  content: '\e851';
}

.icon-gamepad:before {
  content: '\e852';
}

.icon-gas-station:before {
  content: '\e853';
}

.icon-gavel:before {
  content: '\e854';
}

.icon-gender-female:before {
  content: '\e855';
}

.icon-gender-male-female:before {
  content: '\e856';
}

.icon-gender-male:before {
  content: '\e857';
}

.icon-gender-transgender:before {
  content: '\e858';
}

.icon-gift:before {
  content: '\e859';
}

.icon-git:before {
  content: '\e85a';
}

.icon-github-box:before {
  content: '\e85b';
}

.icon-github:before {
  content: '\e85c';
}

.icon-glass-flute:before {
  content: '\e85d';
}

.icon-glass-mug:before {
  content: '\e85e';
}

.icon-glass-stange:before {
  content: '\e85f';
}

.icon-glass-tulip:before {
  content: '\e860';
}

.icon-glasses:before {
  content: '\e861';
}

.icon-gmail:before {
  content: '\e862';
}

.icon-google-chrome:before {
  content: '\e863';
}

.icon-google-circles-communities:before {
  content: '\e864';
}

.icon-google-circles-extended:before {
  content: '\e865';
}

.icon-google-circles-invite:before {
  content: '\e866';
}

.icon-google-circles:before {
  content: '\e867';
}

.icon-google-controller-off:before {
  content: '\e868';
}

.icon-google-controller:before {
  content: '\e869';
}

.icon-google-drive:before {
  content: '\e86a';
}

.icon-google-earth:before {
  content: '\e86b';
}

.icon-google-glass:before {
  content: '\e86c';
}

.icon-google-maps:before {
  content: '\e86d';
}

.icon-google-pages:before {
  content: '\e86e';
}

.icon-google-play:before {
  content: '\e86f';
}

.icon-google-plus-box:before {
  content: '\e870';
}

.icon-google-plus:before {
  content: '\e871';
}

.icon-google:before {
  content: '\e872';
}

.icon-grid-off:before {
  content: '\e873';
}

.icon-grid:before {
  content: '\e874';
}

.icon-group:before {
  content: '\e875';
}

.icon-hand-pointing-right:before {
  content: '\e876';
}

.icon-hanger:before {
  content: '\e877';
}

.icon-hangouts:before {
  content: '\e878';
}

.icon-harddisk:before {
  content: '\e879';
}

.icon-headphones-box:before {
  content: '\e87a';
}

.icon-headphones-dots:before {
  content: '\e87b';
}

.icon-headphones:before {
  content: '\e87c';
}

.icon-headset-dock:before {
  content: '\e87d';
}

.icon-headset-off:before {
  content: '\e87e';
}

.icon-headset:before {
  content: '\e87f';
}

.icon-heart-box-outline:before {
  content: '\e880';
}

.icon-heart-box:before {
  content: '\e881';
}

.icon-heart-broken:before {
  content: '\e882';
}

.icon-heart-outline:before {
  content: '\e883';
}

.icon-heart:before {
  content: '\e884';
}

.icon-help-circle:before {
  content: '\e885';
}

.icon-help:before {
  content: '\e886';
}

.icon-hexagon-outline:before {
  content: '\e887';
}

.icon-hexagon:before {
  content: '\e888';
}

.icon-history:before {
  content: '\e889';
}

.icon-hololens:before {
  content: '\e88a';
}

.icon-home-modern:before {
  content: '\e88b';
}

.icon-home-variant:before {
  content: '\e88c';
}

.icon-home:before {
  content: '\e88d';
}

.icon-hops:before {
  content: '\e88e';
}

.icon-hospital-building:before {
  content: '\e88f';
}

.icon-hospital-marker:before {
  content: '\e890';
}

.icon-hospital:before {
  content: '\e891';
}

.icon-hotel:before {
  content: '\e892';
}

.icon-houzz-box:before {
  content: '\e893';
}

.icon-human-child:before {
  content: '\e894';
}

.icon-human-male-female:before {
  content: '\e895';
}

.icon-human:before {
  content: '\e896';
}

.icon-image-album:before {
  content: '\e897';
}

.icon-image-area-close:before {
  content: '\e898';
}

.icon-image-area:before {
  content: '\e899';
}

.icon-image-broken:before {
  content: '\e89a';
}

.icon-image-filter-black-white:before {
  content: '\e89b';
}

.icon-image-filter-center-focus:before {
  content: '\e89c';
}

.icon-image-filter-drama:before {
  content: '\e89d';
}

.icon-image-filter-frames:before {
  content: '\e89e';
}

.icon-image-filter-hdr:before {
  content: '\e89f';
}

.icon-image-filter-none:before {
  content: '\e8a0';
}

.icon-image-filter-tilt-shift:before {
  content: '\e8a1';
}

.icon-image-filter-vintage:before {
  content: '\e8a2';
}

.icon-image-filter:before {
  content: '\e8a3';
}

.icon-image:before {
  content: '\e8a4';
}

.icon-import:before {
  content: '\e8a5';
}

.icon-inbox:before {
  content: '\e8a6';
}

.icon-indent:before {
  content: '\e8a7';
}

.icon-information-outline:before {
  content: '\e8a8';
}

.icon-information:before {
  content: '\e8a9';
}

.icon-instagram:before {
  content: '\e8aa';
}

.icon-instapaper:before {
  content: '\e8ab';
}

.icon-internet-explorer:before {
  content: '\e8ac';
}

.icon-invert-colors:before {
  content: '\e8ad';
}

.icon-jira:before {
  content: '\e8ae';
}

.icon-jsfiddle:before {
  content: '\e8af';
}

.icon-keg:before {
  content: '\e8b0';
}

.icon-key-change:before {
  content: '\e8b1';
}

.icon-key-minus:before {
  content: '\e8b2';
}

.icon-key-plus:before {
  content: '\e8b3';
}

.icon-key-remove:before {
  content: '\e8b4';
}

.icon-key-variant:before {
  content: '\e8b5';
}

.icon-key:before {
  content: '\e8b6';
}

.icon-keyboard-backspace:before {
  content: '\e8b7';
}

.icon-keyboard-caps:before {
  content: '\e8b8';
}

.icon-keyboard-close:before {
  content: '\e8b9';
}

.icon-keyboard-off:before {
  content: '\e8ba';
}

.icon-keyboard-return:before {
  content: '\e8bb';
}

.icon-keyboard-tab:before {
  content: '\e8bc';
}

.icon-keyboard-variant:before {
  content: '\e8bd';
}

.icon-keyboard:before {
  content: '\e8be';
}

.icon-label-outline:before {
  content: '\e8bf';
}

.icon-label:before {
  content: '\e8c0';
}

.icon-language-csharp:before {
  content: '\e8c1';
}

.icon-language-css3:before {
  content: '\e8c2';
}

.icon-language-html5:before {
  content: '\e8c3';
}

.icon-language-javascript:before {
  content: '\e8c4';
}

.icon-language-python-text:before {
  content: '\e8c5';
}

.icon-language-python:before {
  content: '\e8c6';
}

.icon-laptop-chromebook:before {
  content: '\e8c7';
}

.icon-laptop-mac:before {
  content: '\e8c8';
}

.icon-laptop-windows:before {
  content: '\e8c9';
}

.icon-laptop:before {
  content: '\e8ca';
}

.icon-lastfm:before {
  content: '\e8cb';
}

.icon-launch:before {
  content: '\e8cc';
}

.icon-layers-off:before {
  content: '\e8cd';
}

.icon-layers:before {
  content: '\e8ce';
}

.icon-leaf:before {
  content: '\e8cf';
}

.icon-library-books:before {
  content: '\e8d0';
}

.icon-library-music:before {
  content: '\e8d1';
}

.icon-library-plus:before {
  content: '\e8d2';
}

.icon-library:before {
  content: '\e8d3';
}

.icon-lightbulb-outline:before {
  content: '\e8d4';
}

.icon-lightbulb:before {
  content: '\e8d5';
}

.icon-link-off:before {
  content: '\e8d6';
}

.icon-link-variant-off:before {
  content: '\e8d7';
}

.icon-link-variant:before {
  content: '\e8d8';
}

.icon-link:before {
  content: '\e8d9';
}

.icon-linkedin-box:before {
  content: '\e8da';
}

.icon-linkedin:before {
  content: '\e8db';
}

.icon-linode:before {
  content: '\e8dc';
}

.icon-linux:before {
  content: '\e8dd';
}

.icon-lock-outline:before {
  content: '\e8de';
}

.icon-lock-unlocked-outline:before {
  content: '\e8df';
}

.icon-lock-unlocked:before {
  content: '\e8e0';
}

.icon-lock:before {
  content: '\e8e1';
}

.icon-login:before {
  content: '\e8e2';
}

.icon-logout:before {
  content: '\e8e3';
}

.icon-looks:before {
  content: '\e8e4';
}

.icon-loupe:before {
  content: '\e8e5';
}

.icon-lumx:before {
  content: '\e8e6';
}

.icon-magnet-on:before {
  content: '\e8e7';
}

.icon-magnet:before {
  content: '\e8e8';
}

.icon-magnify-minus:before {
  content: '\e8e9';
}

.icon-magnify-plus:before {
  content: '\e8ea';
}

.icon-magnify:before {
  content: '\e8eb';
}

.icon-mail-ru:before {
  content: '\e8ec';
}

.icon-map-marker-circle:before {
  content: '\e8ed';
}

.icon-map-marker-multiple:before {
  content: '\e8ee';
}

.icon-map-marker-off:before {
  content: '\e8ef';
}

.icon-map-marker-radius:before {
  content: '\e8f0';
}

.icon-map-marker:before {
  content: '\e8f1';
}

.icon-map:before {
  content: '\e8f2';
}

.icon-margin:before {
  content: '\e8f3';
}

.icon-markdown:before {
  content: '\e8f4';
}

.icon-marker-check:before {
  content: '\e8f5';
}

.icon-martini:before {
  content: '\e8f6';
}

.icon-material-ui:before {
  content: '\e8f7';
}

.icon-maxcdn:before {
  content: '\e8f8';
}

.icon-medium:before {
  content: '\e8f9';
}

.icon-memory:before {
  content: '\e8fa';
}

.icon-menu-down:before {
  content: '\e8fb';
}

.icon-menu-left:before {
  content: '\e8fc';
}

.icon-menu-right:before {
  content: '\e8fd';
}

.icon-menu-up:before {
  content: '\e8fe';
}

.icon-menu:before {
  content: '\e8ff';
}

.icon-message-alert:before {
  content: '\e900';
}

.icon-message-draw:before {
  content: '\e901';
}

.icon-message-image:before {
  content: '\e902';
}

.icon-message-processing:before {
  content: '\e903';
}

.icon-message-reply:before {
  content: '\e904';
}

.icon-message-text-outline:before {
  content: '\e905';
}

.icon-message-text:before {
  content: '\e906';
}

.icon-message-video:before {
  content: '\e907';
}

.icon-message:before {
  content: '\e908';
}

.icon-microphone-dots:before {
  content: '\e909';
}

.icon-microphone-off:before {
  content: '\e90a';
}

.icon-microphone-outline:before {
  content: '\e90b';
}

.icon-microphone-settings:before {
  content: '\e90c';
}

.icon-microphone-variant-off:before {
  content: '\e90d';
}

.icon-microphone-variant:before {
  content: '\e90e';
}

.icon-microphone:before {
  content: '\e90f';
}

.icon-minus-box:before {
  content: '\e910';
}

.icon-minus-circle-outline:before {
  content: '\e911';
}

.icon-minus-circle:before {
  content: '\e912';
}

.icon-minus-network:before {
  content: '\e913';
}

.icon-minus:before {
  content: '\e914';
}

.icon-monitor-multiple:before {
  content: '\e915';
}

.icon-monitor:before {
  content: '\e916';
}

.icon-more:before {
  content: '\e917';
}

.icon-mouse-off:before {
  content: '\e918';
}

.icon-mouse-variant-off:before {
  content: '\e919';
}

.icon-mouse-variant:before {
  content: '\e91a';
}

.icon-mouse:before {
  content: '\e91b';
}

.icon-movie:before {
  content: '\e91c';
}

.icon-multiplication-box:before {
  content: '\e91d';
}

.icon-multiplication:before {
  content: '\e91e';
}

.icon-music-box-outline:before {
  content: '\e91f';
}

.icon-music-box:before {
  content: '\e920';
}

.icon-music-circle:before {
  content: '\e921';
}

.icon-music-note-eighth:before {
  content: '\e922';
}

.icon-music-note-half:before {
  content: '\e923';
}

.icon-music-note-off:before {
  content: '\e924';
}

.icon-music-note-quarter:before {
  content: '\e925';
}

.icon-music-note-sixteenth:before {
  content: '\e926';
}

.icon-music-note-whole:before {
  content: '\e927';
}

.icon-music-note:before {
  content: '\e928';
}

.icon-nature-people:before {
  content: '\e929';
}

.icon-nature:before {
  content: '\e92a';
}

.icon-navigation:before {
  content: '\e92b';
}

.icon-needle:before {
  content: '\e92c';
}

.icon-nest-protect:before {
  content: '\e92d';
}

.icon-nest-thermostat:before {
  content: '\e92e';
}

.icon-newspaper:before {
  content: '\e92f';
}

.icon-nfc-tap:before {
  content: '\e930';
}

.icon-nfc-variant:before {
  content: '\e931';
}

.icon-nfc:before {
  content: '\e932';
}

.icon-no:before {
  content: '\e933';
}

.icon-not-equal:before {
  content: '\e934';
}

.icon-note-outline:before {
  content: '\e935';
}

.icon-note-text:before {
  content: '\e936';
}

.icon-note:before {
  content: '\e937';
}

.icon-numeric-0-box-multiple-outline:before {
  content: '\e938';
}

.icon-numeric-0-box-outline:before {
  content: '\e939';
}

.icon-numeric-0-box:before {
  content: '\e93a';
}

.icon-numeric-1-box-multiple-outline:before {
  content: '\e93b';
}

.icon-numeric-1-box-outline:before {
  content: '\e93c';
}

.icon-numeric-1-box:before {
  content: '\e93d';
}

.icon-numeric-2-box-multiple-outline:before {
  content: '\e93e';
}

.icon-numeric-2-box-outline:before {
  content: '\e93f';
}

.icon-numeric-2-box:before {
  content: '\e940';
}

.icon-numeric-3-box-multiple-outline:before {
  content: '\e941';
}

.icon-numeric-3-box-outline:before {
  content: '\e942';
}

.icon-numeric-3-box:before {
  content: '\e943';
}

.icon-numeric-4-box-multiple-outline:before {
  content: '\e944';
}

.icon-numeric-4-box-outline:before {
  content: '\e945';
}

.icon-numeric-4-box:before {
  content: '\e946';
}

.icon-numeric-5-box-multiple-outline:before {
  content: '\e947';
}

.icon-numeric-5-box-outline:before {
  content: '\e948';
}

.icon-numeric-5-box:before {
  content: '\e949';
}

.icon-numeric-6-box-multiple-outline:before {
  content: '\e94a';
}

.icon-numeric-6-box-outline:before {
  content: '\e94b';
}

.icon-numeric-6-box:before {
  content: '\e94c';
}

.icon-numeric-7-box-multiple-outline:before {
  content: '\e94d';
}

.icon-numeric-7-box-outline:before {
  content: '\e94e';
}

.icon-numeric-7-box:before {
  content: '\e94f';
}

.icon-numeric-8-box-multiple-outline:before {
  content: '\e950';
}

.icon-numeric-8-box-outline:before {
  content: '\e951';
}

.icon-numeric-8-box:before {
  content: '\e952';
}

.icon-numeric-9-box-multiple-outline:before {
  content: '\e953';
}

.icon-numeric-9-box-outline:before {
  content: '\e954';
}

.icon-numeric-9-box:before {
  content: '\e955';
}

.icon-numeric-9-plus-box-multiple-outline:before {
  content: '\e956';
}

.icon-numeric-9-plus-box-outline:before {
  content: '\e957';
}

.icon-numeric-9-plus-box:before {
  content: '\e958';
}

.icon-numeric:before {
  content: '\e959';
}

.icon-nutriton:before {
  content: '\e95a';
}

.icon-odnoklassniki:before {
  content: '\e95b';
}

.icon-office:before {
  content: '\e95c';
}

.icon-oil:before {
  content: '\e95d';
}

.icon-omega:before {
  content: '\e95e';
}

.icon-onedrive:before {
  content: '\e95f';
}

.icon-open-in-app:before {
  content: '\e960';
}

.icon-open-in-new:before {
  content: '\e961';
}

.icon-ornament-variant:before {
  content: '\e962';
}

.icon-ornament:before {
  content: '\e963';
}

.icon-outbox:before {
  content: '\e964';
}

.icon-outdent:before {
  content: '\e965';
}

.icon-owl:before {
  content: '\e966';
}

.icon-package-down:before {
  content: '\e967';
}

.icon-package-up:before {
  content: '\e968';
}

.icon-package-variant-closed:before {
  content: '\e969';
}

.icon-package-variant:before {
  content: '\e96a';
}

.icon-package:before {
  content: '\e96b';
}

.icon-palette-advanced:before {
  content: '\e96c';
}

.icon-palette:before {
  content: '\e96d';
}

.icon-panda:before {
  content: '\e96e';
}

.icon-pandora:before {
  content: '\e96f';
}

.icon-panorama-fisheye:before {
  content: '\e970';
}

.icon-panorama-horizontal:before {
  content: '\e971';
}

.icon-panorama-vertical:before {
  content: '\e972';
}

.icon-panorama-wide-angle:before {
  content: '\e973';
}

.icon-panorama:before {
  content: '\e974';
}

.icon-paper-cut-vertical:before {
  content: '\e975';
}

.icon-paperclip:before {
  content: '\e976';
}

.icon-parking:before {
  content: '\e977';
}

.icon-pause-circle-outline:before {
  content: '\e978';
}

.icon-pause-circle:before {
  content: '\e979';
}

.icon-pause-octagon-outline:before {
  content: '\e97a';
}

.icon-pause-octagon:before {
  content: '\e97b';
}

.icon-pause:before {
  content: '\e97c';
}

.icon-paw:before {
  content: '\e97d';
}

.icon-pen:before {
  content: '\e97e';
}

.icon-pencil-box-outline:before {
  content: '\e97f';
}

.icon-pencil-box:before {
  content: '\e980';
}

.icon-pencil:before {
  content: '\e981';
}

.icon-people:before {
  content: '\e982';
}

.icon-percent:before {
  content: '\e983';
}

.icon-person-box:before {
  content: '\e984';
}

.icon-person-minus:before {
  content: '\e985';
}

.icon-person-plus:before {
  content: '\e986';
}

.icon-pharmacy:before {
  content: '\e987';
}

.icon-phone-bluetooth:before {
  content: '\e988';
}

.icon-phone-dots:before {
  content: '\e989';
}

.icon-phone-forward:before {
  content: '\e98a';
}

.icon-phone-hangup:before {
  content: '\e98b';
}

.icon-phone-in-talk:before {
  content: '\e98c';
}

.icon-phone-incoming:before {
  content: '\e98d';
}

.icon-phone-locked:before {
  content: '\e98e';
}

.icon-phone-log:before {
  content: '\e98f';
}

.icon-phone-missed:before {
  content: '\e990';
}

.icon-phone-outgoing:before {
  content: '\e991';
}

.icon-phone-paused:before {
  content: '\e992';
}

.icon-phone:before {
  content: '\e993';
}

.icon-picture:before {
  content: '\e994';
}

.icon-pig:before {
  content: '\e995';
}

.icon-pill:before {
  content: '\e996';
}

.icon-pin-off:before {
  content: '\e997';
}

.icon-pin:before {
  content: '\e998';
}

.icon-pine-tree-box:before {
  content: '\e999';
}

.icon-pine-tree:before {
  content: '\e99a';
}

.icon-pinterest-box:before {
  content: '\e99b';
}

.icon-pinterest:before {
  content: '\e99c';
}

.icon-pizza:before {
  content: '\e99d';
}

.icon-plane:before {
  content: '\e99e';
}

.icon-play-box-outline:before {
  content: '\e99f';
}

.icon-play-circle-outline:before {
  content: '\e9a0';
}

.icon-play-circle:before {
  content: '\e9a1';
}

.icon-play:before {
  content: '\e9a2';
}

.icon-playlist-minus:before {
  content: '\e9a3';
}

.icon-playlist-plus:before {
  content: '\e9a4';
}

.icon-playstation:before {
  content: '\e9a5';
}

.icon-plus-box:before {
  content: '\e9a6';
}

.icon-plus-circle-outline:before {
  content: '\e9a7';
}

.icon-plus-circle:before {
  content: '\e9a8';
}

.icon-plus-network:before {
  content: '\e9a9';
}

.icon-plus-one:before {
  content: '\e9aa';
}

.icon-plus:before {
  content: '\e9ab';
}

.icon-pocket:before {
  content: '\e9ac';
}

.icon-poll-box:before {
  content: '\e9ad';
}

.icon-poll:before {
  content: '\e9ae';
}

.icon-polymer:before {
  content: '\e9af';
}

.icon-popcorn:before {
  content: '\e9b0';
}

.icon-pound-box:before {
  content: '\e9b1';
}

.icon-pound:before {
  content: '\e9b2';
}

.icon-power-settings:before {
  content: '\e9b3';
}

.icon-power-socket:before {
  content: '\e9b4';
}

.icon-power:before {
  content: '\e9b5';
}

.icon-presentation-play:before {
  content: '\e9b6';
}

.icon-presentation:before {
  content: '\e9b7';
}

.icon-printer-3d:before {
  content: '\e9b8';
}

.icon-printer:before {
  content: '\e9b9';
}

.icon-pulse:before {
  content: '\e9ba';
}

.icon-puzzle:before {
  content: '\e9bb';
}

.icon-qrcode:before {
  content: '\e9bc';
}

.icon-quadcopter:before {
  content: '\e9bd';
}

.icon-quality-high:before {
  content: '\e9be';
}

.icon-question-mark-circle:before {
  content: '\e9bf';
}

.icon-quick-reply:before {
  content: '\e9c0';
}

.icon-quicktime:before {
  content: '\e9c1';
}

.icon-rabbit:before {
  content: '\e9c2';
}

.icon-radiator:before {
  content: '\e9c3';
}

.icon-radio-tower:before {
  content: '\e9c4';
}

.icon-radio:before {
  content: '\e9c5';
}

.icon-radioactive:before {
  content: '\e9c6';
}

.icon-radiobox-blank:before {
  content: '\e9c7';
}

.icon-radiobox-marked:before {
  content: '\e9c8';
}

.icon-raspberrypi:before {
  content: '\e9c9';
}

.icon-rdio:before {
  content: '\e9ca';
}

.icon-read:before {
  content: '\e9cb';
}

.icon-readability:before {
  content: '\e9cc';
}

.icon-receipt:before {
  content: '\e9cd';
}

.icon-recycle:before {
  content: '\e9ce';
}

.icon-reddit:before {
  content: '\e9cf';
}

.icon-redo-variant:before {
  content: '\e9d0';
}

.icon-redo:before {
  content: '\e9d1';
}

.icon-refresh:before {
  content: '\e9d2';
}

.icon-relative-scale:before {
  content: '\e9d3';
}

.icon-reload:before {
  content: '\e9d4';
}

.icon-remote:before {
  content: '\e9d5';
}

.icon-rename-box:before {
  content: '\e9d6';
}

.icon-repeat-off:before {
  content: '\e9d7';
}

.icon-repeat-once:before {
  content: '\e9d8';
}

.icon-repeat:before {
  content: '\e9d9';
}

.icon-replay:before {
  content: '\e9da';
}

.icon-reply-all:before {
  content: '\e9db';
}

.icon-reply:before {
  content: '\e9dc';
}

.icon-reproduction:before {
  content: '\e9dd';
}

.icon-resize-bottom-right:before {
  content: '\e9de';
}

.icon-responsive:before {
  content: '\e9df';
}

.icon-restore:before {
  content: '\e9e0';
}

.icon-rewind:before {
  content: '\e9e1';
}

.icon-ribbon:before {
  content: '\e9e2';
}

.icon-road:before {
  content: '\e9e3';
}

.icon-rocket:before {
  content: '\e9e4';
}

.icon-rotate-3d:before {
  content: '\e9e5';
}

.icon-rotate-left-variant:before {
  content: '\e9e6';
}

.icon-rotate-left:before {
  content: '\e9e7';
}

.icon-rotate-right-variant:before {
  content: '\e9e8';
}

.icon-rotate-right:before {
  content: '\e9e9';
}

.icon-routes:before {
  content: '\e9ea';
}

.icon-rss-box:before {
  content: '\e9eb';
}

.icon-ruler:before {
  content: '\e9ec';
}

.icon-run:before {
  content: '\e9ed';
}

.icon-sale:before {
  content: '\e9ee';
}

.icon-satellite-variant:before {
  content: '\e9ef';
}

.icon-satellite:before {
  content: '\e9f0';
}

.icon-scale-bathroom:before {
  content: '\e9f1';
}

.icon-scale:before {
  content: '\e9f2';
}

.icon-school:before {
  content: '\e9f3';
}

.icon-screen-rotation-lock:before {
  content: '\e9f4';
}

.icon-screen-rotation:before {
  content: '\e9f5';
}

.icon-script:before {
  content: '\e9f6';
}

.icon-security-network:before {
  content: '\e9f7';
}

.icon-security:before {
  content: '\e9f8';
}

.icon-select-all:before {
  content: '\e9f9';
}

.icon-select-inverse:before {
  content: '\e9fa';
}

.icon-select-off:before {
  content: '\e9fb';
}

.icon-select:before {
  content: '\e9fc';
}

.icon-send:before {
  content: '\e9fd';
}

.icon-server-minus:before {
  content: '\e9fe';
}

.icon-server-network-off:before {
  content: '\e9ff';
}

.icon-server-network:before {
  content: '\ea00';
}

.icon-server-off:before {
  content: '\ea01';
}

.icon-server-plus:before {
  content: '\ea02';
}

.icon-server-remove:before {
  content: '\ea03';
}

.icon-server-security:before {
  content: '\ea04';
}

.icon-server:before {
  content: '\ea05';
}

.icon-shape-plus:before {
  content: '\ea06';
}

.icon-share-variant:before {
  content: '\ea07';
}

.icon-share:before {
  content: '\ea08';
}

.icon-shield-outline:before {
  content: '\ea09';
}

.icon-shield:before {
  content: '\ea0a';
}

.icon-shopping-music:before {
  content: '\ea0b';
}

.icon-shopping:before {
  content: '\ea0c';
}

.icon-shuffle:before {
  content: '\ea0d';
}

.icon-sigma:before {
  content: '\ea0e';
}

.icon-sign-caution:before {
  content: '\ea0f';
}

.icon-signal:before {
  content: '\ea10';
}

.icon-silverware-fork:before {
  content: '\ea11';
}

.icon-silverware-spoon:before {
  content: '\ea12';
}

.icon-silverware-variant:before {
  content: '\ea13';
}

.icon-silverware:before {
  content: '\ea14';
}

.icon-sim-alert:before {
  content: '\ea15';
}

.icon-sim:before {
  content: '\ea16';
}

.icon-sitemap:before {
  content: '\ea17';
}

.icon-skip-next:before {
  content: '\ea18';
}

.icon-skip-previous:before {
  content: '\ea19';
}

.icon-skype-business:before {
  content: '\ea1a';
}

.icon-skype:before {
  content: '\ea1b';
}

.icon-sleep-off:before {
  content: '\ea1c';
}

.icon-sleep:before {
  content: '\ea1d';
}

.icon-smoking-off:before {
  content: '\ea1e';
}

.icon-smoking:before {
  content: '\ea1f';
}

.icon-snapchat:before {
  content: '\ea20';
}

.icon-snowman:before {
  content: '\ea21';
}

.icon-sofa:before {
  content: '\ea22';
}

.icon-sort-alphabetical:before {
  content: '\ea23';
}

.icon-sort-ascending:before {
  content: '\ea24';
}

.icon-sort-descending:before {
  content: '\ea25';
}

.icon-sort-numeric:before {
  content: '\ea26';
}

.icon-sort-variant:before {
  content: '\ea27';
}

.icon-sort:before {
  content: '\ea28';
}

.icon-soundcloud:before {
  content: '\ea29';
}

.icon-source-fork:before {
  content: '\ea2a';
}

.icon-source-pull:before {
  content: '\ea2b';
}

.icon-speaker-off:before {
  content: '\ea2c';
}

.icon-speaker:before {
  content: '\ea2d';
}

.icon-speedometer:before {
  content: '\ea2e';
}

.icon-spellcheck:before {
  content: '\ea2f';
}

.icon-spotify:before {
  content: '\ea30';
}

.icon-spotlight-beam:before {
  content: '\ea31';
}

.icon-spotlight:before {
  content: '\ea32';
}

.icon-spreadsheet:before {
  content: '\ea33';
}

.icon-square-inc-cash:before {
  content: '\ea34';
}

.icon-square-inc:before {
  content: '\ea35';
}

.icon-stackoverflow:before {
  content: '\ea36';
}

.icon-star-circle:before {
  content: '\ea37';
}

.icon-star-half:before {
  content: '\ea38';
}

.icon-star-of-david:before {
  content: '\ea39';
}

.icon-star-outline:before {
  content: '\ea3a';
}

.icon-star:before {
  content: '\ea3b';
}

.icon-steam:before {
  content: '\ea3c';
}

.icon-stethoscope:before {
  content: '\ea3d';
}

.icon-stocking:before {
  content: '\ea3e';
}

.icon-stop:before {
  content: '\ea3f';
}

.icon-store-24-hour:before {
  content: '\ea40';
}

.icon-store:before {
  content: '\ea41';
}

.icon-stove:before {
  content: '\ea42';
}

.icon-subway:before {
  content: '\ea43';
}

.icon-sunglasses:before {
  content: '\ea44';
}

.icon-swap-horizontal:before {
  content: '\ea45';
}

.icon-swap-vertical:before {
  content: '\ea46';
}

.icon-swim:before {
  content: '\ea47';
}

.icon-sword:before {
  content: '\ea48';
}

.icon-sync-alert:before {
  content: '\ea49';
}

.icon-sync-off:before {
  content: '\ea4a';
}

.icon-sync:before {
  content: '\ea4b';
}

.icon-tab-unselected:before {
  content: '\ea4c';
}

.icon-tab:before {
  content: '\ea4d';
}

.icon-table-column-plus-after:before {
  content: '\ea4e';
}

.icon-table-column-plus-before:before {
  content: '\ea4f';
}

.icon-table-column-remove:before {
  content: '\ea50';
}

.icon-table-column-width:before {
  content: '\ea51';
}

.icon-table-edit:before {
  content: '\ea52';
}

.icon-table-large:before {
  content: '\ea53';
}

.icon-table-row-height:before {
  content: '\ea54';
}

.icon-table-row-plus-after:before {
  content: '\ea55';
}

.icon-table-row-plus-before:before {
  content: '\ea56';
}

.icon-table-row-remove:before {
  content: '\ea57';
}

.icon-table:before {
  content: '\ea58';
}

.icon-tablet-android:before {
  content: '\ea59';
}

.icon-tablet-ipad:before {
  content: '\ea5a';
}

.icon-tablet:before {
  content: '\ea5b';
}

.icon-tag-faces:before {
  content: '\ea5c';
}

.icon-tag-multiple:before {
  content: '\ea5d';
}

.icon-tag-outline:before {
  content: '\ea5e';
}

.icon-tag-text-outline:before {
  content: '\ea5f';
}

.icon-tag:before {
  content: '\ea60';
}

.icon-taxi:before {
  content: '\ea61';
}

.icon-teamviewer:before {
  content: '\ea62';
}

.icon-telegram:before {
  content: '\ea63';
}

.icon-television-guide:before {
  content: '\ea64';
}

.icon-television:before {
  content: '\ea65';
}

.icon-temperature-celsius:before {
  content: '\ea66';
}

.icon-temperature-fahrenheit:before {
  content: '\ea67';
}

.icon-temperature-kelvin:before {
  content: '\ea68';
}

.icon-tennis:before {
  content: '\ea69';
}

.icon-tent:before {
  content: '\ea6a';
}

.icon-terrain:before {
  content: '\ea6b';
}

.icon-text-to-speech-off:before {
  content: '\ea6c';
}

.icon-text-to-speech:before {
  content: '\ea6d';
}

.icon-texture:before {
  content: '\ea6e';
}

.icon-theater:before {
  content: '\ea6f';
}

.icon-theme-light-dark:before {
  content: '\ea70';
}

.icon-thermometer-lines:before {
  content: '\ea71';
}

.icon-thermometer:before {
  content: '\ea72';
}

.icon-thumb-down-outline:before {
  content: '\ea73';
}

.icon-thumb-down:before {
  content: '\ea74';
}

.icon-thumb-up-outline:before {
  content: '\ea75';
}

.icon-thumb-up:before {
  content: '\ea76';
}

.icon-thumbs-up-down:before {
  content: '\ea77';
}

.icon-ticket-account:before {
  content: '\ea78';
}

.icon-ticket:before {
  content: '\ea79';
}

.icon-tie:before {
  content: '\ea7a';
}

.icon-tile-four:before {
  content: '\ea7b';
}

.icon-timelapse:before {
  content: '\ea7c';
}

.icon-timer-3:before {
  content: '\ea7d';
}

.icon-timer-10:before {
  content: '\ea7e';
}

.icon-timer-off:before {
  content: '\ea7f';
}

.icon-timer-sand:before {
  content: '\ea80';
}

.icon-timer:before {
  content: '\ea81';
}

.icon-timetable:before {
  content: '\ea82';
}

.icon-toggle-switch-off:before {
  content: '\ea83';
}

.icon-toggle-switch-on:before {
  content: '\ea84';
}

.icon-tooltip-edit:before {
  content: '\ea85';
}

.icon-tooltip-image:before {
  content: '\ea86';
}

.icon-tooltip-outline-plus:before {
  content: '\ea87';
}

.icon-tooltip-outline:before {
  content: '\ea88';
}

.icon-tooltip-text:before {
  content: '\ea89';
}

.icon-tooltip:before {
  content: '\ea8a';
}

.icon-tor:before {
  content: '\ea8b';
}

.icon-traffic-light:before {
  content: '\ea8c';
}

.icon-train:before {
  content: '\ea8d';
}

.icon-tram:before {
  content: '\ea8e';
}

.icon-transcribe-close:before {
  content: '\ea8f';
}

.icon-transcribe:before {
  content: '\ea90';
}

.icon-transfer:before {
  content: '\ea91';
}

.icon-trash:before {
  content: '\ea92';
}

.icon-tree:before {
  content: '\ea93';
}

.icon-trello:before {
  content: '\ea94';
}

.icon-trending-down:before {
  content: '\ea95';
}

.icon-trending-neutral:before {
  content: '\ea96';
}

.icon-trending-up:before {
  content: '\ea97';
}

.icon-truck:before {
  content: '\ea98';
}

.icon-tshirt-crew:before {
  content: '\ea99';
}

.icon-tshirt-v:before {
  content: '\ea9a';
}

.icon-tumblr-reblog:before {
  content: '\ea9b';
}

.icon-tumblr:before {
  content: '\ea9c';
}

.icon-twitch:before {
  content: '\ea9d';
}

.icon-twitter-box:before {
  content: '\ea9e';
}

.icon-twitter-circle:before {
  content: '\ea9f';
}

.icon-twitter-retweet:before {
  content: '\eaa0';
}

.icon-twitter:before {
  content: '\eaa1';
}

.icon-ubuntu:before {
  content: '\eaa2';
}

.icon-umbrella-outline:before {
  content: '\eaa3';
}

.icon-umbrella:before {
  content: '\eaa4';
}

.icon-undo-variant:before {
  content: '\eaa5';
}

.icon-undo:before {
  content: '\eaa6';
}

.icon-unfold-less:before {
  content: '\eaa7';
}

.icon-unfold-more:before {
  content: '\eaa8';
}

.icon-ungroup:before {
  content: '\eaa9';
}

.icon-untappd:before {
  content: '\eaaa';
}

.icon-upload:before {
  content: '\eaab';
}

.icon-usb:before {
  content: '\eaac';
}

.icon-vector-curve:before {
  content: '\eaad';
}

.icon-vector-point:before {
  content: '\eaae';
}

.icon-vector-square:before {
  content: '\eaaf';
}

.icon-verified:before {
  content: '\eab0';
}

.icon-vibration:before {
  content: '\eab1';
}

.icon-video-off:before {
  content: '\eab2';
}

.icon-video-switch:before {
  content: '\eab3';
}

.icon-video:before {
  content: '\eab4';
}

.icon-view-agenda:before {
  content: '\eab5';
}

.icon-view-array:before {
  content: '\eab6';
}

.icon-view-carousel:before {
  content: '\eab7';
}

.icon-view-column:before {
  content: '\eab8';
}

.icon-view-dashboard:before {
  content: '\eab9';
}

.icon-view-day:before {
  content: '\eaba';
}

.icon-view-headline:before {
  content: '\eabb';
}

.icon-view-list:before {
  content: '\eabc';
}

.icon-view-module:before {
  content: '\eabd';
}

.icon-view-quilt:before {
  content: '\eabe';
}

.icon-view-stream:before {
  content: '\eabf';
}

.icon-view-week:before {
  content: '\eac0';
}

.icon-vimeo:before {
  content: '\eac1';
}

.icon-vine:before {
  content: '\eac2';
}

.icon-vk-box:before {
  content: '\eac3';
}

.icon-vk-circle:before {
  content: '\eac4';
}

.icon-vk:before {
  content: '\eac5';
}

.icon-voicemail:before {
  content: '\eac6';
}

.icon-volume-high:before {
  content: '\eac7';
}

.icon-volume-low:before {
  content: '\eac8';
}

.icon-volume-medium:before {
  content: '\eac9';
}

.icon-volume-off:before {
  content: '\eaca';
}

.icon-volume:before {
  content: '\eacb';
}

.icon-vpn:before {
  content: '\eacc';
}

.icon-walk:before {
  content: '\eacd';
}

.icon-wallet-giftcard:before {
  content: '\eace';
}

.icon-wallet-membership:before {
  content: '\eacf';
}

.icon-wallet-travel:before {
  content: '\ead0';
}

.icon-wallet:before {
  content: '\ead1';
}

.icon-washing-machine:before {
  content: '\ead2';
}

.icon-watch-export:before {
  content: '\ead3';
}

.icon-watch-import:before {
  content: '\ead4';
}

.icon-watch:before {
  content: '\ead5';
}

.icon-water-off:before {
  content: '\ead6';
}

.icon-water-pump:before {
  content: '\ead7';
}

.icon-water:before {
  content: '\ead8';
}

.icon-weather-cloudy:before {
  content: '\ead9';
}

.icon-weather-fog:before {
  content: '\eada';
}

.icon-weather-hail:before {
  content: '\eadb';
}

.icon-weather-lightning:before {
  content: '\eadc';
}

.icon-weather-night:before {
  content: '\eadd';
}

.icon-weather-partlycloudy:before {
  content: '\eade';
}

.icon-weather-pouring:before {
  content: '\eadf';
}

.icon-weather-rainy:before {
  content: '\eae0';
}

.icon-weather-snowy:before {
  content: '\eae1';
}

.icon-weather-sunny:before {
  content: '\eae2';
}

.icon-weather-sunset-down:before {
  content: '\eae3';
}

.icon-weather-sunset-up:before {
  content: '\eae4';
}

.icon-weather-sunset:before {
  content: '\eae5';
}

.icon-weather-windy-variant:before {
  content: '\eae6';
}

.icon-weather-windy:before {
  content: '\eae7';
}

.icon-web:before {
  content: '\eae8';
}

.icon-webcam:before {
  content: '\eae9';
}

.icon-weight-kilogram:before {
  content: '\eaea';
}

.icon-weight:before {
  content: '\eaeb';
}

.icon-whatsapp:before {
  content: '\eaec';
}

.icon-wheelchair-accessibility:before {
  content: '\eaed';
}

.icon-white-balance-auto:before {
  content: '\eaee';
}

.icon-white-balance-incandescent:before {
  content: '\eaef';
}

.icon-white-balance-irradescent:before {
  content: '\eaf0';
}

.icon-white-balance-sunny:before {
  content: '\eaf1';
}

.icon-wifi:before {
  content: '\eaf2';
}

.icon-wii:before {
  content: '\eaf3';
}

.icon-wikipedia:before {
  content: '\eaf4';
}

.icon-window-close:before {
  content: '\eaf5';
}

.icon-window-closed:before {
  content: '\eaf6';
}

.icon-window-maximize:before {
  content: '\eaf7';
}

.icon-window-minimize:before {
  content: '\eaf8';
}

.icon-window-open:before {
  content: '\eaf9';
}

.icon-window-restore:before {
  content: '\eafa';
}

.icon-windows:before {
  content: '\eafb';
}

.icon-wordpress:before {
  content: '\eafc';
}

.icon-worker:before {
  content: '\eafd';
}

.icon-wunderlist:before {
  content: '\eafe';
}

.icon-xbox-controller-off:before {
  content: '\eaff';
}

.icon-xbox-controller:before {
  content: '\eb00';
}

.icon-xbox:before {
  content: '\eb01';
}

.icon-xda:before {
  content: '\eb02';
}

.icon-xml:before {
  content: '\eb03';
}

.icon-yeast:before {
  content: '\eb04';
}

.icon-yelp:before {
  content: '\eb05';
}

.icon-youtube-play:before {
  content: '\eb06';
}

.icon-youtube:before {
  content: '\eb07';
}

.icon-zip-box:before {
  content: '\eb08';
}

/*----------------------------------------------------------------*/
/*  Variables
/*----------------------------------------------------------------*/
/*----------------------------------------------------------------*/
/*  Page Layouts
/*----------------------------------------------------------------*/
.page-layout {
  position: relative;
  overflow: hidden;
}

.page-layout .top-bg {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  left: 0;
  height: 200px;
  background-image: url('/assets/images/backgrounds/header-bg.png');
  background-size: cover;
}

.page-layout md-backdrop {
  z-index: 50;
}

.page-layout>.header .breadcrumb {
  margin-bottom: 16px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.54);
}

.page-layout>.header .breadcrumb md-icon {
  margin: 0;
}

.page-layout>.header .breadcrumb .separator {
  margin: 0 8px;
}

.page-layout>.header .title {
  font-size: 34px;
}

.page-layout.carded {
  min-height: 100%;
  height: 100%;
}

.page-layout.carded.fullwidth.single-scroll {
  height: auto;
}

.page-layout.carded.fullwidth.single-scroll>.center .content-card .content {
  overflow: hidden;
}

.page-layout.carded.fullwidth>.center {
  position: relative;
  z-index: 2;
  margin-left: 32px;
  margin-right: 32px;
}

.page-layout.carded.fullwidth>.center .header {
  max-height: 136px;
  padding: 24px;
}

.page-layout.carded.fullwidth>.center .content-card {
  background: #ffffff;
  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);
  overflow: hidden;
}

.page-layout.carded.fullwidth>.center .content-card .toolbar {
  padding: 8px 24px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

.page-layout.carded.fullwidth>.center .content-card .content {
  padding: 24px;
  background: #ffffff;
}

.page-layout.carded.left-sidenav.single-scroll {
  height: auto;
}

.page-layout.carded.left-sidenav.single-scroll>.center .content-card .content {
  overflow: hidden;
}

.page-layout.carded.left-sidenav>.sidenav {
  width: 240px;
  min-width: 240px;
  max-width: 240px;
  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);
  z-index: 51;
}

.page-layout.carded.left-sidenav>.sidenav .header {
  height: 200px;
  min-height: 200px;
  max-height: 200px;
  padding: 24px;
}

.page-layout.carded.left-sidenav>.sidenav .content {
  background: transparent;
  padding: 24px;
}

.page-layout.carded.left-sidenav>.sidenav.md-locked-open {
  width: 220px;
  min-width: 220px;
  max-width: 220px;
  z-index: 2;
  background: transparent;
  box-shadow: none;
}

.page-layout.carded.left-sidenav>.sidenav.md-locked-open+.center {
  margin-left: 0;
}

.page-layout.carded.left-sidenav>.sidenav:not(.md-locked-open) .header {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

.page-layout.carded.left-sidenav>.sidenav:not(.md-locked-open) .content {
  overflow: hidden;
}

.page-layout.carded.left-sidenav>.center {
  position: relative;
  z-index: 2;
  margin-left: 32px;
  margin-right: 32px;
}

.page-layout.carded.left-sidenav>.center .header {
  height: 136px;
  min-height: 136px;
  max-height: 136px;
  padding: 24px;
}

.page-layout.carded.left-sidenav>.center .content-card {
  background: #ffffff;
  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);
  overflow: hidden;
}

.page-layout.carded.left-sidenav>.center .content-card .toolbar {
  padding: 8px 24px;
  height: 64px;
  min-height: 64px;
  max-height: 64px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

.page-layout.carded.left-sidenav>.center .content-card .toolbar .sidenav-toggle {
  margin: 0 8px 0 0 !important;
  padding: 0 !important;
  border-radius: 0;
}

.page-layout.carded.left-sidenav>.center .content-card .content {
  padding: 24px;
  background: #ffffff;
}

.page-layout.carded.right-sidenav.single-scroll {
  height: auto;
}

.page-layout.carded.right-sidenav.single-scroll>.center .content-card .content {
  overflow: hidden;
}

.page-layout.carded.right-sidenav>.sidenav {
  width: 240px;
  min-width: 240px;
  max-width: 240px;
  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);
  z-index: 51;
}

.page-layout.carded.right-sidenav>.sidenav .header {
  height: 200px;
  min-height: 200px;
  max-height: 200px;
  padding: 24px 24px 24px 0;
}

.page-layout.carded.right-sidenav>.sidenav .content {
  background: transparent;
  padding: 24px 24px 24px 0;
}

.page-layout.carded.right-sidenav>.sidenav.md-locked-open {
  width: 196px;
  min-width: 196px;
  max-width: 196px;
  z-index: 2;
  background: transparent;
  box-shadow: none;
}

.page-layout.carded.right-sidenav>.sidenav:not(.md-locked-open) .header {
  padding: 24px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

.page-layout.carded.right-sidenav>.sidenav:not(.md-locked-open) .content {
  overflow: hidden;
  padding: 24px;
}

.page-layout.carded.right-sidenav>.center {
  position: relative;
  z-index: 2;
  margin-left: 32px;
  margin-right: 32px;
}

.page-layout.carded.right-sidenav>.center .header {
  height: 136px;
  min-height: 136px;
  max-height: 136px;
  padding: 24px;
}

.page-layout.carded.right-sidenav>.center .content-card {
  background: #ffffff;
  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);
  overflow: hidden;
}

.page-layout.carded.right-sidenav>.center .content-card .toolbar {
  padding: 8px 24px;
  height: 64px;
  min-height: 64px;
  max-height: 64px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

.page-layout.carded.right-sidenav>.center .content-card .toolbar .sidenav-toggle {
  margin: 0 0 0 8px !important;
  padding: 0 !important;
  border-radius: 0;
}

.page-layout.carded.right-sidenav>.center .content-card .content {
  padding: 24px;
  background: #ffffff;
}

.page-layout.simple.fullwidth,
.page-layout.simple.inner-sidenav {
  min-height: 100%;
}

.page-layout.simple.fullwidth>.header,
.page-layout.simple.inner-sidenav>.header {
  height: 200px;
  min-height: 200px;
  max-height: 200px;
  padding: 24px;
  background-image: url('/assets/images/backgrounds/header-bg.png');
  background-size: cover;
}

.page-layout.simple.fullwidth>.content,
.page-layout.simple.inner-sidenav>.content {
  padding: 24px;
}

.page-layout.simple.left-sidenav {
  min-height: 100%;
  height: 100%;
}

.page-layout.simple.left-sidenav.single-scroll {
  height: auto;
}

.page-layout.simple.left-sidenav.single-scroll>.center {
  overflow: hidden;
}

.page-layout.simple.left-sidenav.inner-sidenav>.content>md-sidenav {
  margin-right: 24px;
}

.page-layout.simple.left-sidenav .sidenav {
  width: 240px;
  min-width: 240px;
  max-width: 240px;
  padding: 24px;
  z-index: 51;
  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);
}

.page-layout.simple.left-sidenav .sidenav.md-locked-open {
  width: 220px;
  min-width: 220px;
  max-width: 220px;
  z-index: 2;
  box-shadow: none;
  background: transparent;
}

.page-layout.simple.left-sidenav>.center {
  position: relative;
  overflow: auto;
  z-index: 3;
  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);
}

.page-layout.simple.left-sidenav>.center .header {
  height: 200px;
  min-height: 200px;
  max-height: 200px;
  padding: 24px;
  background-image: url('/assets/images/backgrounds/header-bg.png');
  background-size: cover;
}

.page-layout.simple.left-sidenav>.center .content {
  padding: 24px;
  background: #ffffff;
}

.page-layout.simple.right-sidenav {
  min-height: 100%;
  height: 100%;
}

.page-layout.simple.right-sidenav.single-scroll {
  height: auto;
}

.page-layout.simple.right-sidenav.single-scroll>.center {
  overflow: hidden;
}

.page-layout.simple.right-sidenav.inner-sidenav>.content>md-sidenav {
  margin-left: 24px;
}

.page-layout.simple.right-sidenav .sidenav {
  width: 240px;
  min-width: 240px;
  max-width: 240px;
  padding: 24px;
  z-index: 51;
  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);
}

.page-layout.simple.right-sidenav .sidenav.md-locked-open {
  width: 220px;
  min-width: 220px;
  max-width: 220px;
  z-index: 2;
  box-shadow: none;
  background: transparent;
}

.page-layout.simple.right-sidenav>.center {
  position: relative;
  overflow: auto;
  z-index: 3;
  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);
}

.page-layout.simple.right-sidenav>.center .header {
  height: 200px;
  min-height: 200px;
  max-height: 200px;
  padding: 24px;
  background-image: url('/assets/images/backgrounds/header-bg.png');
  background-size: cover;
}

.page-layout.simple.right-sidenav>.center .content {
  padding: 24px;
  background: #ffffff;
}

.page-layout.simple.inner-sidenav {
  height: auto;
}

.page-layout.simple.inner-sidenav>.content>md-sidenav.md-locked-open {
  padding: 0;
}

.page-layout.simple.tabbed {
  min-height: 100%;
}

.page-layout.simple.tabbed>.header {
  height: 200px;
  min-height: 200px;
  max-height: 200px;
  padding: 24px;
  background-image: url('/assets/images/backgrounds/header-bg.png');
  background-size: cover;
}

.page-layout.simple.tabbed>.content>md-tabs>md-tabs-wrapper {
  background: #ffffff;
  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);
  padding: 0 24px;
}

.page-layout.simple.tabbed>.content>md-tabs>md-tabs-wrapper md-tabs-canvas {
  height: 56px;
}

.page-layout.simple.tabbed>.content>md-tabs>md-tabs-wrapper md-tabs-canvas md-pagination-wrapper {
  height: 56px;
}

.page-layout.simple.tabbed>.content>md-tabs>md-tabs-wrapper md-tabs-canvas .md-tab {
  padding: 16px 24px;
  text-transform: none;
}

.page-layout.simple.tabbed>.content>md-tabs:not(.md-dynamic-height) md-tabs-content-wrapper {
  top: 56px;
}

.page-layout.simple.tabbed>.content>md-tabs>md-tabs-content-wrapper>md-tab-content {
  padding: 24px;
}

.page-layout.simple.tabbed>.content>md-nav-bar .md-nav-bar {
  background: #ffffff;
  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);
  border: none;
  height: 56px;
}

.page-layout.simple.tabbed>.content>md-nav-bar .md-nav-bar nav {
  margin: 0 12px;
}

.page-layout.simple.tabbed>.content>md-nav-bar .md-nav-bar nav .md-nav-item {
  height: 56px;
}

.page-layout.simple.tabbed>.content>md-nav-bar .md-nav-bar nav .md-nav-item ._md-nav-button {
  height: 56px;
  line-height: 32px;
}

.page-layout.simple.tabbed>.content>md-nav-bar .md-nav-bar nav .md-nav-item ._md-nav-button-text {
  text-transform: none;
}

.page-layout.blank {
  min-height: 100%;
  padding: 24px;
}

.single-scroll .carded.fullwidth {
  height: auto;
}

.single-scroll .carded.fullwidth>.center .content-card .content {
  overflow: hidden;
}

.single-scroll .carded.left-sidenav {
  height: auto;
}

.single-scroll .carded.left-sidenav>.center .content-card .content {
  overflow: hidden;
}

.single-scroll .carded.right-sidenav {
  height: auto;
}

.single-scroll .carded.right-sidenav>.center .content-card .content {
  overflow: hidden;
}

.single-scroll .simple.left-sidenav {
  height: auto;
}

.single-scroll .simple.left-sidenav>.center {
  overflow: hidden;
}

.single-scroll .simple.right-sidenav {
  height: auto;
}

.single-scroll .simple.right-sidenav>.center {
  overflow: hidden;
}

@media screen and (max-width: 1280px) {

  .page-layout.simple.inner-sidenav.right-sidenav>.content,
  .page-layout.simple.inner-sidenav.left-sidenav>.content {
    height: auto !important;
  }

  .page-layout.simple.inner-sidenav.right-sidenav>.content>md-sidenav,
  .page-layout.simple.inner-sidenav.left-sidenav>.content>md-sidenav {
    margin-left: 0;
    margin-right: 0;
  }

  .sidenav-open .page-layout.simple.inner-sidenav {
    height: 100%;
  }
}

@media screen and (max-width: 600px) {
  .page-layout .top-bg {
    height: 160px;
  }

  .page-layout.carded.right-sidenav>.center,
  .page-layout.carded.left-sidenav>.center,
  .page-layout.carded.fullwidth>.center {
    margin-left: 16px;
    margin-right: 16px;
  }

  .page-layout.carded.right-sidenav>.center .header,
  .page-layout.carded.left-sidenav>.center .header,
  .page-layout.carded.fullwidth>.center .header {
    height: 96px;
    min-height: 96px;
    max-height: 96px;
    padding: 16px;
  }

  .page-layout.carded.fullwidth {
    height: auto;
  }

  .page-layout.carded.fullwidth>.center .content-card .content {
    overflow: hidden;
  }

  .page-layout.carded.right-sidenav,
  .page-layout.carded.left-sidenav {
    height: auto;
  }

  .page-layout.carded.right-sidenav>.center .content-card .content,
  .page-layout.carded.left-sidenav>.center .content-card .content {
    overflow: hidden;
  }

  .page-layout.simple.fullwidth>.header,
  .page-layout.simple.inner-sidenav>.header {
    height: 160px;
    min-height: 160px;
    max-height: 160px;
    padding: 16px;
  }

  .page-layout.simple.right-sidenav>.center .header,
  .page-layout.simple.left-sidenav>.center .header {
    height: 160px;
    min-height: 160px;
    max-height: 160px;
    padding: 16px;
  }

  .page-layout.simple.left-sidenav,
  .page-layout.simple.right-sidenav {
    height: auto;
  }

  .page-layout.simple.left-sidenav>.center,
  .page-layout.simple.right-sidenav>.center {
    overflow: hidden;
  }
}

/*----------------------------------------------------------------*/
/*  Variables
/*----------------------------------------------------------------*/
/*----------------------------------------------------------------*/
/*  Template Layouts
/*----------------------------------------------------------------*/

#main {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

body.boxed {
  background: #3f4450;
}

body.boxed #main {
  overflow: hidden !important;
  width: 100% !important;
  max-width: 1280px;
  margin: 0 auto;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.45);
}

#layout-content-only {
  position: relative;
  height: 100%;
  max-height: 100%;
}

#layout-content-only #content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

#layout-content-with-toolbar {
  position: relative;
  height: 100%;
  max-height: 100%;
}

#layout-content-with-toolbar #content {
  position: absolute;
  top: 64px;
  right: 0;
  bottom: 0;
  left: 0;
}

#layout-vertical-navigation {
  height: 100%;
  max-height: 100%;
}

#layout-vertical-navigation #content-container {
  position: relative;
  overflow: hidden;
}

#layout-vertical-navigation #content-container #content {
  position: absolute;
  top: 64px;
  right: 0;
  bottom: 0;
  left: 0;
}

#layout-vertical-navigation-fullwidth-toolbar {
  height: 100%;
  max-height: 100%;
}

#layout-vertical-navigation-fullwidth-toolbar #main-container {
  position: relative;
}

#layout-vertical-navigation-fullwidth-toolbar #main-container #content-container {
  position: relative;
  overflow: hidden;
}

#layout-vertical-navigation-fullwidth-toolbar #main-container #content-container #content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

#layout-vertical-navigation-fullwidth-toolbar-2 {
  height: 100%;
  max-height: 100%;
}

#layout-vertical-navigation-fullwidth-toolbar-2 #main-container {
  position: relative;
}

#layout-vertical-navigation-fullwidth-toolbar-2 #main-container #content-container {
  position: relative;
  overflow: hidden;
}

#layout-vertical-navigation-fullwidth-toolbar-2 #main-container #content-container #content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

#layout-horizontal-navigation {
  height: 100%;
  max-height: 100%;
}

#layout-horizontal-navigation #content-container {
  position: relative;
  overflow: hidden;
}

#layout-horizontal-navigation #content-container #content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

/*----------------------------------------------------------------*/
/*  Variables
/*----------------------------------------------------------------*/
/*-----------------------------------------------------------------------*/
/* Contains custom elements, components and general styles that
/* follows Google(TM) Material Design(TM) specs
/*
/* https://www.google.com/design/spec/material-design/introduction.html
/*-----------------------------------------------------------------------*/
/*----------------------------------------------------------------*/
/*  Avatars
/*----------------------------------------------------------------*/
.avatar {
  width: 40px;
  min-width: 40px;
  height: 40px;
  line-height: 40px;
  margin: 0 8px 0 0;
  border-radius: 50%;
  font-size: 17px;
  font-weight: 500;
  text-align: center;
  color: #ffffff;
}

.avatar.square {
  border-radius: 0;
}

.avatar.small {
  width: 20px;
  min-width: 20px;
  height: 20px;
  line-height: 20px;
}

.avatar.big {
  width: 72px;
  min-width: 72px;
  height: 72px;
  line-height: 72px;
}

.avatar.huge {
  width: 96px;
  min-width: 96px;
  height: 96px;
  line-height: 96px;
}

/*----------------------------------------------------------------*/
/*  Forms
/*----------------------------------------------------------------*/
.form-wrapper {
  background: #ffffff;
  padding: 16px;
}

.form-wrapper .form-title {
  font-size: 21px;
  padding: 8px 0;
}

/*----------------------------------------------------------------*/
/*  Navigation - Simple
/*----------------------------------------------------------------*/
.navigation-simple .item {
  position: relative;
  cursor: pointer;
  text-align: left;
  margin: 0;
  padding: 0 24px;
  text-transform: none;
  line-height: 48px;
  max-height: 48px;
  height: 48px;
}

.navigation-simple .item md-icon {
  margin: 0 16px 0 0;
}

.navigation-simple .item .title {
  font-size: 13px;
  font-weight: 500;
  line-height: 1;
}

.navigation-simple .item.selected {
  background-color: rgba(0, 0, 0, 0.06);
}

.navigation-simple .subheader {
  font-size: 13px;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
  font-weight: 500;
  margin-top: 8px;
}

.navigation-simple .subheader.light {
  border-top: 1px solid rgba(255, 255, 255, 0.12);
}

.navigation-simple md-divider {
  margin: 8px 0;
}

/*----------------------------------------------------------------*/
/*  Pagination
/*----------------------------------------------------------------*/
.simple-pagination {
  position: relative;
  display: inline-flex;
  flex-direction: row;
  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);
  background-color: #ffffff;
  padding: 0 8px;
}

.simple-pagination .pagination-item {
  min-width: 48px;
  min-height: 56px;
  line-height: 56px;
  border-radius: 0;
  margin: 0;
  font-weight: normal;
  color: rgba(0, 0, 0, 0.54);
}

.simple-pagination .pagination-item:hover {
  color: rgba(0, 0, 0, 0.87);
}

.simple-pagination .pagination-item.active {
  cursor: default;
  color: rgba(0, 0, 0, 0.87);
}

.simple-pagination .pagination-item.disabled {
  cursor: default;
  color: rgba(0, 0, 0, 0.26);
}

/*----------------------------------------------------------------*/
/*  Price Tables
/*----------------------------------------------------------------*/
.price-tables .price-table {
  position: relative;
  background-color: #ffffff;
  width: 280px;
  border-radius: 2px;
  margin: 24px 24px 0 0;
  overflow: hidden;
}

.price-tables .price-table.style-1 .package-type {
  font-size: 17px;
  padding: 16px 24px;
}

.price-tables .price-table.style-1 .package-type .sale {
  font-size: 13px;
  font-weight: 600;
}

.price-tables .price-table.style-1 .price {
  padding: 32px 32px 16px 32px;
}

.price-tables .price-table.style-1 .price .currency {
  padding-right: 4px;
  font-size: 24px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.54);
}

.price-tables .price-table.style-1 .price .value {
  font-size: 72px;
  font-weight: 300;
  line-height: 1;
}

.price-tables .price-table.style-1 .price .period {
  padding: 0 0 5px 4px;
  font-size: 17px;
  color: rgba(0, 0, 0, 0.54);
}

.price-tables .price-table.style-1 md-divider {
  margin: 16px 32px;
}

.price-tables .price-table.style-1 .terms {
  padding: 16px 32px;
  font-size: 15px;
}

.price-tables .price-table.style-1 .cta-button {
  margin: 16px auto 32px auto;
  width: 128px;
}

.price-tables .price-table.style-2 .badge {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  font-size: 11px;
  font-weight: 500;
  padding: 6px 8px;
}

.price-tables .price-table.style-2 .package-type {
  padding: 48px 32px 24px 32px;
  font-size: 20px;
  font-weight: 500;
  text-align: center;
}

.price-tables .price-table.style-2 .price {
  padding: 0 32px 8px 32px;
}

.price-tables .price-table.style-2 .price .currency {
  padding-right: 4px;
  font-size: 24px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.54);
}

.price-tables .price-table.style-2 .price .value {
  font-size: 56px;
  font-weight: 300;
  line-height: 1;
}

.price-tables .price-table.style-2 .period {
  padding: 0 32px;
  font-size: 15px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.54);
  text-align: center;
}

.price-tables .price-table.style-2 .terms {
  padding: 32px;
  font-size: 15px;
}

.price-tables .price-table.style-2 .terms .term {
  padding-bottom: 8px;
}

.price-tables .price-table.style-2 .terms .term:last-child {
  padding-bottom: 0;
}

.price-tables .price-table.style-2 .cta-button {
  margin: 8px auto 32px auto;
  width: 128px;
}

.price-tables .price-table.style-3 .package-type {
  padding: 32px;
  text-align: center;
}

.price-tables .price-table.style-3 .package-type .title {
  font-size: 34px;
}

.price-tables .price-table.style-3 .package-type .subtitle {
  font-size: 17px;
  color: rgba(0, 0, 0, 0.54);
  font-weight: 500;
}

.price-tables .price-table.style-3 .price {
  padding: 16px 32px;
}

.price-tables .price-table.style-3 .price .currency {
  padding-right: 4px;
  font-size: 15px;
  font-weight: 500;
}

.price-tables .price-table.style-3 .price .value {
  font-size: 34px;
  font-weight: 300;
  line-height: 1;
}

.price-tables .price-table.style-3 .price .period {
  padding-left: 4px;
  text-align: center;
}

.price-tables .price-table.style-3 .terms {
  margin: 32px;
  font-size: 15px;
  color: rgba(0, 0, 0, 0.54);
}

.price-tables .price-table.style-3 .terms .term {
  padding-bottom: 16px;
}

.price-tables .price-table.style-3 .terms .term:last-child {
  padding-bottom: 0;
}

.price-tables .price-table.style-3 .cta-button {
  margin: 8px 32px;
}

.price-tables .price-table.style-3 .note {
  padding: 8px 32px 16px 32px;
  text-align: center;
  color: rgba(0, 0, 0, 0.54);
}

/*----------------------------------------------------------------*/
/*  Table - Simple
/*----------------------------------------------------------------*/
.simple-table-container {
  background: #ffffff;
}

.simple-table-container .table-title {
  font-size: 20px;
  padding: 24px;
}

table.simple {
  width: 100%;
  border: none;
  border-spacing: 0;
  text-align: left;
}

table.simple thead tr th {
  padding: 16px 8px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.54);
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  white-space: nowrap;
  min-width: 120px;
}

table.simple thead tr th:first-child {
  padding-left: 24px;
}

table.simple thead tr th:last-child {
  padding-right: 24px;
}

table.simple tbody tr td {
  padding: 16px 8px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

table.simple tbody tr td:first-child {
  padding-left: 24px;
}

table.simple tbody tr td:last-child {
  padding-right: 24px;
}

table.simple tbody tr:last-child td {
  border-bottom: none;
}

table.simple.clickable tbody tr {
  cursor: pointer;
}

table.simple.clickable tbody tr:hover {
  background: rgba(0, 0, 0, 0.03);
}

/*----------------------------------------------------------------*/
/*  Mixins
/*----------------------------------------------------------------*/

.angular-google-map-container {
  height: 400px;
}

/*----------------------------------------------------------------*/
/*  Variables
/*----------------------------------------------------------------*/
.moment-picker .moment-picker-container {
  width: 296px;
  border: none;
  border-radius: 2px;
  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);
  margin-left: 0;
  padding: 8px;
}

.moment-picker .moment-picker-container th,
.moment-picker .moment-picker-container td {
  min-width: 0;
  width: 40px;
  height: 40px;
  padding: 8px;
  text-shadow: none;
  border-radius: 35px;
}

.moment-picker .moment-picker-container th:hover,
.moment-picker .moment-picker-container td:hover {
  background: material-color('grey', '100');
  background-image: none;
}

.moment-picker .moment-picker-container td.selected {
  background: material-color('light-blue');
  background-image: none;
}

.moment-picker .moment-picker-container .header-view th {
  border-radius: 0;
  white-space: nowrap;
  width: auto;
}

.moment-picker .moment-picker-container .header-view th:first-child,
.moment-picker .moment-picker-container .header-view th:last-child {
  width: 20%;
}

/*----------------------------------------------------------------*/
/*  Variables
/*----------------------------------------------------------------*/
/*----------------------------------------------------------------*/
/*  @ Chart C3
/*----------------------------------------------------------------*/
.c3 {
  transition: all 300ms ease;
  /*-- Chart --*/
  /*-- Line --*/
  /*-- Point --*/
  /*-- Axis --*/
  /*-- Grid --*/
  /*-- Text on Chart --*/
  /*-- Bar --*/
  /*-- Focus --*/
  /*-- Region --*/
  /*-- Brush --*/
  /*-- Select - Drag --*/
  /*-- Legend --*/
  /*-- Tooltip --*/
  /*-- Area --*/
  /*-- Arc --*/
}

.c3 svg {
  font: 12px RobotoDraft, Roboto, 'Helvetica Neue', sans-serif;
}

.c3 path,
.c3 line {
  fill: none;
  stroke: #000;
}

.c3 text {
  font-family: 'Poppins', 'Roboto', 'Helvetica Neue', 'Arial', sans-serif;
  user-select: none;
}

.c3 .c3-legend-item-tile,
.c3 .c3-xgrid-focus,
.c3 .c3-ygrid,
.c3 .c3-event-rect,
.c3 .c3-bars path {
  shape-rendering: crispEdges;
}

.c3 .c3-chart-line {
  transition: all 300ms ease;
}

.c3 .c3-line {
  stroke-width: 1px;
}

.c3.stroke-3 .c3-line {
  stroke-width: 3px;
}

.c3.stroke-2 .c3-line {
  stroke-width: 2px;
}

.c3 .c3-circle {
  transition: all 300ms ease;
  stroke: white;
  stroke-width: 2;
}

.c3 .c3-circle._expanded_ {
  stroke-width: 3;
  stroke: white;
}

.c3 .c3-chart-arc path {
  stroke: #fff;
}

.c3 .c3-chart-arc text {
  fill: #fff;
  font-size: 13px;
}

.c3 .c3-grid line {
  stroke: rgba(0, 0, 0, 0.04);
  stroke-width: 1px;
  stroke-dasharray: 0;
}

.c3 .c3-grid text {
  fill: #aaa;
}

.c3 .c3-axis .tick {
  stroke-width: 0;
}

.c3 .c3-axis text {
  fill: rgba(0, 0, 0, 0.33);
}

.c3 .c3-axis line,
.c3 .c3-axis path {
  stroke: rgba(0, 0, 0, 0.04);
}

.c3 .c3-xgrid,
.c3 .c3-ygrid {
  stroke-dasharray: 0 0;
}

.c3 .c3-text.c3-empty {
  fill: #808080;
  font-size: 2em;
}

.c3 .c3-bar {
  stroke-width: 0;
}

.c3 .c3-bar._expanded_ {
  fill-opacity: 0.75;
}

.c3 .c3-target.c3-focused {
  opacity: 1;
}

.c3 .c3-target.c3-focused path.c3-line,
.c3 .c3-target.c3-focused .c3-target.c3-focused path.c3-step {
  stroke-width: 3px;
  transition: all 300ms ease;
}

.c3 .c3-target.c3-defocused {
  opacity: 0.3 !important;
}

.c3 .c3-region {
  fill: steelblue;
  fill-opacity: 0.1;
}

.c3 .c3-brush .extent {
  fill-opacity: 0.1;
}

.c3 .c3-legend-item {
  font-size: 12px;
}

.c3 .c3-legend-item-hidden {
  opacity: 0.15;
}

.c3 .c3-legend-background {
  opacity: 0.75;
  fill: white;
  stroke: lightgray;
  stroke-width: 1;
}

.c3 .c3-tooltip-container {
  z-index: 10;
}

.c3 .c3-tooltip {
  border-collapse: collapse;
  border-spacing: 0;
  background-color: #fff;
  empty-cells: show;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.14),
    0 4px 5px 0 rgba(0, 0, 0, 0.098), 0 1px 10px 0 rgba(0, 0, 0, 0.084);
  opacity: 1;
  border-radius: 2px;
  overflow: hidden;
  padding: 4px 0;
}

.c3 .c3-tooltip tr {
  border: none;
}

.c3 .c3-tooltip th {
  background-color: transparent;
  font-size: 14px;
  font-weight: 400;
  padding: 8px 12px;
  text-align: left;
  color: rgba(0, 0, 0, 0.54);
}

.c3 .c3-tooltip td {
  font-size: 13px;
  padding: 4px 12px !important;
  background-color: #fff;
  border-left: none;
  color: rgba(0, 0, 0, 0.84);
}

.c3 .c3-tooltip td>span {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-right: 6px;
}

.c3 .c3-tooltip td.value {
  font-size: 14px !important;
  text-align: right;
  color: rgba(0, 0, 0, 0.84);
}

.c3 .c3-area {
  stroke-width: 0;
  opacity: 0.2;
}

.c3 .c3-chart-arcs-title {
  dominant-baseline: middle;
  font-size: 1.3em;
}

.c3 .c3-chart-arcs .c3-chart-arcs-background {
  fill: #e0e0e0;
  stroke: none;
}

.c3 .c3-chart-arcs .c3-chart-arcs-gauge-unit {
  fill: #000;
  font-size: 16px;
}

.c3 .c3-chart-arcs .c3-chart-arcs-gauge-max {
  fill: #777;
}

.c3 .c3-chart-arcs .c3-chart-arcs-gauge-min {
  fill: #777;
}

.c3 .c3-chart-arc .c3-gauge-value {
  fill: #000;
}

.ct-label {
  font-size: 13px;
}

.ct-chart-donut .ct-label,
.ct-chart-pie .ct-label {
  font-size: 13px;
}

.chart-legend,
.bar-legend,
.line-legend,
.pie-legend,
.radar-legend,
.polararea-legend,
.doughnut-legend {
  margin-top: 15px;
}

table.dataTable {
  width: 100%;
  margin: 0 auto !important;
  clear: both;
  border-spacing: 0;
}

table.dataTable thead tr {
  background: #ffffff;
}

table.dataTable thead th {
  text-align: left;
  vertical-align: middle;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  padding: 8px 8px;
}

table.dataTable thead th:first-child {
  padding-left: 24px;
}

table.dataTable thead th:last-child {
  border-right: none;
  padding-right: 24px;
}

table.dataTable thead th:active {
  outline: none;
}

table.dataTable thead th.dt-head-left {
  text-align: left;
}

table.dataTable thead th.dt-head-center {
  text-align: center;
}

table.dataTable thead th.dt-head-right {
  text-align: right;
}

table.dataTable thead th.dt-head-justify {
  text-align: justify;
}

table.dataTable thead th.dt-head-nowrap {
  white-space: nowrap;
}

table.dataTable thead th .table-header .column-title {
  display: block;
  font-weight: 600;
  white-space: nowrap;
}

table.dataTable thead th .table-header .selectize-control {
  margin-top: 15px;
}

table.dataTable thead th .table-header .selectize-control.single .selectize-input {
  padding: 7px 10px;
}

table.dataTable thead th .table-header .selectize-control.single .selectize-input:after {
  right: 10px;
  border-width: 5px 4px 0 4px;
  border-color: rgba(0, 0, 0, 0.12) transparent transparent transparent;
}

table.dataTable thead th .table-header .column-search-input {
  display: inline-block;
  margin-top: 15px;
  width: 100%;
  height: 33px;
}

table.dataTable thead td {
  padding: 15px;
  vertical-align: middle;
}

table.dataTable thead td:active {
  outline: none;
}

table.dataTable thead td.dt-head-left {
  text-align: left;
}

table.dataTable thead td.dt-head-center {
  text-align: center;
}

table.dataTable thead td.dt-head-right {
  text-align: right;
}

table.dataTable thead td.dt-head-justify {
  text-align: justify;
}

table.dataTable thead td.dt-head-nowrap {
  white-space: nowrap;
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc {
  background: none;
}

table.dataTable thead .sorting .table-header .column-title,
table.dataTable thead .sorting_asc .table-header .column-title,
table.dataTable thead .sorting_desc .table-header .column-title {
  cursor: pointer;
}

table.dataTable thead .sorting .table-header .column-title:after,
table.dataTable thead .sorting_asc .table-header .column-title:after,
table.dataTable thead .sorting_desc .table-header .column-title:after {
  position: relative;
  font-family: 'icomoon';
  font-weight: normal;
  margin-left: 10px;
  top: 2px;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.54);
}

table.dataTable thead .sorting .table-header .column-title:after {
  content: '\eaa8';
}

table.dataTable thead .sorting_asc .table-header .column-title:after {
  content: '\e718';
}

table.dataTable thead .sorting_desc .table-header .column-title:after {
  content: '\e715';
}

table.dataTable tfoot th {
  font-weight: 600;
  text-align: left;
  padding: 10px 18px 6px 18px;
  border-top: 1px solid #111111;
}

table.dataTable tfoot th.dt-head-left {
  text-align: left;
}

table.dataTable tfoot th.dt-head-center {
  text-align: center;
}

table.dataTable tfoot th.dt-head-right {
  text-align: right;
}

table.dataTable tfoot th.dt-head-justify {
  text-align: justify;
}

table.dataTable tfoot th.dt-head-nowrap {
  white-space: nowrap;
}

table.dataTable tfoot td {
  padding: 10px 18px 6px 18px;
  border-top: 1px solid #111111;
}

table.dataTable tfoot td.dt-head-left {
  text-align: left;
}

table.dataTable tfoot td.dt-head-center {
  text-align: center;
}

table.dataTable tfoot td.dt-head-right {
  text-align: right;
}

table.dataTable tfoot td.dt-head-justify {
  text-align: justify;
}

table.dataTable tfoot td.dt-head-nowrap {
  white-space: nowrap;
}

table.dataTable tbody tr {
  background-color: #ffffff;
}

table.dataTable tbody tr.selected {
  background-color: #b0bed9;
}

table.dataTable tbody tr.details-open td.detail-column i {
  background: #ffffff;
}

table.dataTable tbody tr.details-row.odd tr {
  background: #ffffff;
}

table.dataTable tbody tr.details-row>td {
  padding: 0;
}

table.dataTable tbody th {
  padding: 14px 15px;
  vertical-align: middle;
}

table.dataTable tbody th.dt-body-left {
  text-align: left;
}

table.dataTable tbody th.dt-body-center {
  text-align: center;
}

table.dataTable tbody th.dt-body-right {
  text-align: right;
}

table.dataTable tbody th.dt-body-justify {
  text-align: justify;
}

table.dataTable tbody th.dt-body-nowrap {
  white-space: nowrap;
}

table.dataTable tbody td {
  padding: 2px 8px;
  vertical-align: middle;
}

table.dataTable tbody td:first-child {
  padding-left: 24px;
}

table.dataTable tbody td:last-child {
  padding-right: 24px;
}

table.dataTable tbody td.dt-body-left {
  text-align: left;
}

table.dataTable tbody td.dt-body-center {
  text-align: center;
}

table.dataTable tbody td.dt-body-right {
  text-align: right;
}

table.dataTable tbody td.dt-body-justify {
  text-align: justify;
}

table.dataTable tbody td.dt-body-nowrap {
  white-space: nowrap;
}

table.dataTable th.dt-left {
  text-align: left;
}

table.dataTable th.dt-center {
  text-align: center;
}

table.dataTable th.dt-right {
  text-align: right;
}

table.dataTable th.dt-justify {
  text-align: justify;
}

table.dataTable th.dt-nowrap {
  white-space: nowrap;
}

table.dataTable td.dt-left {
  text-align: left;
}

table.dataTable td.dt-center {
  text-align: center;
}

table.dataTable td.dataTables_empty {
  height: 51px;
  text-align: center;
}

table.dataTable td.dt-right {
  text-align: right;
}

table.dataTable td.dt-justify {
  text-align: justify;
}

table.dataTable td.dt-nowrap {
  white-space: nowrap;
}

table.dataTable.row-border thead {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

table.dataTable.row-border tbody tr:first-child th {
  border-top: none;
}

table.dataTable.row-border tbody tr:first-child td {
  border-top: none;
}

table.dataTable.row-border tbody tr:last-child td {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

table.dataTable.row-border tbody th {
  border-top: 1px solid rgba(0, 0, 0, 0.12);
}

table.dataTable.row-border tbody td {
  border-top: 1px solid rgba(0, 0, 0, 0.12);
}

table.dataTable.cell-border tbody tr:first-child th {
  border-top: none;
}

table.dataTable.cell-border tbody tr:first-child td {
  border-top: none;
}

table.dataTable.cell-border tbody th {
  border-top: 1px solid rgba(0, 0, 0, 0.12);
  border-right: 1px solid rgba(0, 0, 0, 0.12);
}

table.dataTable.cell-border tbody th:last-child {
  border-right: none;
}

table.dataTable.cell-border tbody td {
  border-top: 1px solid rgba(0, 0, 0, 0.12);
  border-right: 1px solid rgba(0, 0, 0, 0.12);
}

table.dataTable.cell-border tbody td:last-child {
  border-right: none;
}

table.dataTable.stripe tbody tr.odd {
  background-color: #ffffff;
}

table.dataTable.stripe tbody tr.odd.selected {
  background-color: #abb9d3;
}

table.dataTable.hover tbody tr:hover {
  background-color: whitesmoke;
}

table.dataTable.hover tbody tr:hover.selected {
  background-color: #a9b7d1;
}

table.dataTable.hover tbody tr.odd:hover {
  background-color: whitesmoke;
}

table.dataTable.hover tbody tr.odd:hover.selected {
  background-color: #a9b7d1;
}

table.dataTable.hover tbody tr.even:hover {
  background-color: whitesmoke;
}

table.dataTable.hover tbody tr.even:hover.selected {
  background-color: #a9b7d1;
}

table.dataTable.order-column tbody tr>.sorting_1 {
  background-color: #f9f9f9;
}

table.dataTable.order-column tbody tr>.sorting_2 {
  background-color: #f9f9f9;
}

table.dataTable.order-column tbody tr>.sorting_3 {
  background-color: #f9f9f9;
}

table.dataTable.order-column tbody tr.selected>.sorting_1 {
  background-color: #acbad4;
}

table.dataTable.order-column tbody tr.selected>.sorting_2 {
  background-color: #acbad4;
}

table.dataTable.order-column tbody tr.selected>.sorting_3 {
  background-color: #acbad4;
}

table.dataTable.order-column.stripe tbody tr.odd>.sorting_1 {
  background-color: #f1f1f1;
}

table.dataTable.order-column.stripe tbody tr.odd>.sorting_2 {
  background-color: #f3f3f3;
}

table.dataTable.order-column.stripe tbody tr.odd>.sorting_3 {
  background-color: whitesmoke;
}

table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_1 {
  background-color: #a6b3cd;
}

table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_2 {
  background-color: #a7b5ce;
}

table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_3 {
  background-color: #a9b6d0;
}

table.dataTable.order-column.stripe tbody tr.even>.sorting_1 {
  background-color: #f9f9f9;
}

table.dataTable.order-column.stripe tbody tr.even>.sorting_2 {
  background-color: #fbfbfb;
}

table.dataTable.order-column.stripe tbody tr.even>.sorting_3 {
  background-color: #fdfdfd;
}

table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_1 {
  background-color: #acbad4;
}

table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_2 {
  background-color: #adbbd6;
}

table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_3 {
  background-color: #afbdd8;
}

table.dataTable.order-column.hover tbody tr:hover>.sorting_1 {
  background-color: #eaeaea;
}

table.dataTable.order-column.hover tbody tr:hover>.sorting_2 {
  background-color: #ebebeb;
}

table.dataTable.order-column.hover tbody tr:hover>.sorting_3 {
  background-color: #eeeeee;
}

table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_1 {
  background-color: #a1aec7;
}

table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_2 {
  background-color: #a2afc8;
}

table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_3 {
  background-color: #a4b2cb;
}

table.dataTable.order-column.hover tbody tr.odd:hover>.sorting_1 {
  background-color: #eaeaea;
}

table.dataTable.order-column.hover tbody tr.odd:hover>.sorting_2 {
  background-color: #ebebeb;
}

table.dataTable.order-column.hover tbody tr.odd:hover>.sorting_3 {
  background-color: #eeeeee;
}

table.dataTable.order-column.hover tbody tr.odd:hover.selected>.sorting_1 {
  background-color: #a1aec7;
}

table.dataTable.order-column.hover tbody tr.odd:hover.selected>.sorting_2 {
  background-color: #a2afc8;
}

table.dataTable.order-column.hover tbody tr.odd:hover.selected>.sorting_3 {
  background-color: #a4b2cb;
}

table.dataTable.order-column.hover tbody tr.even:hover>.sorting_1 {
  background-color: #eaeaea;
}

table.dataTable.order-column.hover tbody tr.even:hover>.sorting_2 {
  background-color: #ebebeb;
}

table.dataTable.order-column.hover tbody tr.even:hover>.sorting_3 {
  background-color: #eeeeee;
}

table.dataTable.order-column.hover tbody tr.even:hover.selected>.sorting_1 {
  background-color: #a1aec7;
}

table.dataTable.order-column.hover tbody tr.even:hover.selected>.sorting_2 {
  background-color: #a2afc8;
}

table.dataTable.order-column.hover tbody tr.even:hover.selected>.sorting_3 {
  background-color: #a4b2cb;
}

table.dataTable.no-footer {
  border-bottom: none;
}

table.dataTable.nowrap th {
  white-space: nowrap;
}

table.dataTable.nowrap td {
  white-space: nowrap;
}

table.dataTable.compact thead th {
  padding: 5px 9px;
}

table.dataTable.compact thead td {
  padding: 5px 9px;
}

table.dataTable.compact tfoot th {
  padding: 5px 9px 3px 9px;
}

table.dataTable.compact tfoot td {
  padding: 5px 9px 3px 9px;
}

table.dataTable.compact tbody th {
  padding: 4px 5px;
}

table.dataTable.compact tbody td {
  padding: 4px 5px;
}

/*
 * Control feature layout
 */
.dataTables_wrapper {
  display: flex;
  flex: 1 0 auto;
  flex-direction: column;
  min-height: 0;
  padding: 0;
}

.dataTables_wrapper .top {
  padding: 16px 24px;
}

.dataTables_wrapper .bottom {
  display: flex;
  min-height: 64px;
  justify-content: space-between;
  padding: 16px 8px;
}

.dataTables_wrapper .bottom .left {
  display: flex;
  flex: 0 0 50%;
  max-width: 50%;
  align-self: center;
  padding: 0 8px;
}

.dataTables_wrapper .bottom .left .length {
  display: block;
}

.dataTables_wrapper .bottom .right {
  display: flex;
  flex: 0 0 50%;
  max-width: 50%;
  align-self: center;
  justify-content: flex-end;
  padding: 0 8px;
}

.dataTables_wrapper .bottom .right .info {
  display: block;
  align-self: center;
}

.dataTables_wrapper .bottom .right .info .dataTables_info {
  padding: 0 8px;
  font-weight: 600;
}

.dataTables_wrapper .bottom .right .pagination {
  display: block;
  align-self: center;
  white-space: nowrap;
}

.dataTables_wrapper .bottom .right .pagination .dataTables_paginate {
  padding: 0;
  margin: 0 !important;
}

.dataTables_wrapper .dataTables_filter {
  float: right;
}

.dataTables_wrapper .dataTables_filter input {
  margin-left: 0.5em;
  border: 1px solid rgba(0, 0, 0, 0.12);
  height: 24px;
  padding: 4px 8px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
  background: #ffffff;
  color: rgba(0, 0, 0, 0.87);
  border: 1px solid rgba(0, 0, 0, 0.12);
  padding: 9px 12px;
  border-radius: 2px;
  cursor: pointer;
  user-select: none;
  margin: 0 2px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  box-shadow: inset 999em 0 0 0 rgba(0, 0, 0, 0.05);
  color: rgba(0, 0, 0, 0.87) !important;
  border: 1px solid rgba(0, 0, 0, 0.12) !important;
  background: none;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:active {
  box-shadow: inset 999em 0 0 0 rgba(0, 0, 0, 0.08),
    inset 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 0 0 rgba(255, 255, 255, 0.35);
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
  color: rgba(0, 0, 0, 0.54) !important;
  border-color: rgba(0, 0, 0, 0.12) !important;
  background: #ffffff !important;
  box-shadow: none !important;
  cursor: default;
}

.dataTables_wrapper .dataTables_processing {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 40px;
  margin-left: -50%;
  margin-top: -25px;
  padding-top: 20px;
  text-align: center;
  font-size: 1.2em;
  background-color: white;
  background: -webkit-gradient(linear,
      left top,
      right top,
      color-stop(0%, rgba(255, 255, 255, 0)),
      color-stop(25%, rgba(255, 255, 255, 0.9)),
      color-stop(75%, rgba(255, 255, 255, 0.9)),
      color-stop(100%, rgba(255, 255, 255, 0)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 0.9) 25%,
      rgba(255, 255, 255, 0.9) 75%,
      rgba(255, 255, 255, 0) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -moz-linear-gradient(left,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 0.9) 25%,
      rgba(255, 255, 255, 0.9) 75%,
      rgba(255, 255, 255, 0) 100%);
  /* FF3.6+ */
  background: -ms-linear-gradient(left,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 0.9) 25%,
      rgba(255, 255, 255, 0.9) 75%,
      rgba(255, 255, 255, 0) 100%);
  /* IE10+ */
  background: -o-linear-gradient(left,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 0.9) 25%,
      rgba(255, 255, 255, 0.9) 75%,
      rgba(255, 255, 255, 0) 100%);
  /* Opera 11.10+ */
  background: linear-gradient(to right,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 0.9) 25%,
      rgba(255, 255, 255, 0.9) 75%,
      rgba(255, 255, 255, 0) 100%);
  /* W3C */
}

.dataTables_wrapper .dataTables_scroll {
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
  clear: both;
  min-height: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  /* Clear the table border & shadows */
}

.dataTables_wrapper .dataTables_scroll table.dataTable {
  box-shadow: none;
}

.dataTables_wrapper .dataTables_scroll table.dataTable.row-border thead {
  border: none;
}

.dataTables_wrapper .dataTables_scroll .dataTables_scrollHead {
  display: flex;
  min-height: 56px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.095), 0 1px 1px 0 rgba(0, 0, 0, 0.1),
    0 2px 1px 0 rgba(0, 0, 0, 0.05);
  background: #ffffff;
  overflow: visible !important;
}

.dataTables_wrapper .dataTables_scroll .dataTables_scrollHead tr th:last-child .table-header .column-title {
  position: relative;
  left: 7px;
}

.dataTables_wrapper .dataTables_scroll .dataTables_scrollBody {
  display: flex;
  overflow-x: hidden !important;
  overflow-y: scroll !important;
  -webkit-overflow-scrolling: touch;
}

.dataTables_wrapper .dataTables_scroll .dataTables_scrollBody th>.dataTables_sizing {
  height: 0;
  overflow: hidden;
  margin: 0 !important;
  padding: 0 !important;
}

.dataTables_wrapper .dataTables_scroll .dataTables_scrollBody td>.dataTables_sizing {
  height: 0;
  overflow: hidden;
  margin: 0 !important;
  padding: 0 !important;
}

.dataTables_wrapper.no-footer .dataTables_scrollBody {
  border-bottom: none;
}

.dataTables_wrapper.no-footer .dataTables_scrollHead table,
.dataTables_wrapper.no-footer .dataTables_scrollBody table {
  border-top: none;
  border-bottom: none;
  margin: 0;
}

.dataTables_wrapper:after {
  visibility: hidden;
  display: block;
  content: '';
  clear: both;
  height: 0;
}

/* DataTable Specific Content Rules & Fixes */
table.dataTable .show-details {
  padding: 5px 10px;
  font-weight: bold;
}

table.dataTable .action-buttons {
  display: flex;
  justify-content: center;
}

table.dataTable .action-buttons .button {
  padding: 8px;
}

/* Fullpage datatable */
.fullpage-datatable .dataTables_wrapper {
  height: 100%;
  max-height: 100%;
  padding: 0;
}

/* Fullpage datatable IE11 Fix */
.explorer-11 .fullpage-datatable .dataTables_scroll {
  flex: 1;
}

/* Responsive datatable */
table.dataTable.dtr-inline.collapsed.dtr-inline.collapsed>tbody>tr>td:first-child,
table.dataTable.dtr-inline.collapsed.dtr-inline.collapsed>tbody>tr>th:first-child {
  padding-left: 40px;
}

table.dataTable.dtr-inline.collapsed.dtr-inline.collapsed>tbody>tr>td:first-child:before,
table.dataTable.dtr-inline.collapsed.dtr-inline.collapsed>tbody>tr>th:first-child:before {
  content: '+';
  width: 15px;
  height: 15px;
  line-height: 15px;
  top: 50%;
  margin-top: -7px;
  left: 8px;
  color: rgba(0, 0, 0, 0.54);
  background: none;
  border: none;
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.54);
  font-weight: bold;
}

table.dataTable.dtr-inline.collapsed.dtr-inline.collapsed>tbody>tr.parent>td:first-child:before,
table.dataTable.dtr-inline.collapsed.dtr-inline.collapsed>tbody>tr.parent>th:first-child:before {
  background: none;
}

table.dataTable.dtr-inline.collapsed>tbody>tr.child ul {
  display: block;
}

table.dataTable.dtr-inline.collapsed>tbody>tr.child ul li {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  padding: 8px 0;
}

table.dataTable.dtr-inline.collapsed>tbody>tr.child ul li:first-child {
  padding-top: 0;
}

table.dataTable.dtr-inline.collapsed>tbody>tr.child ul li:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

table.dataTable.dtr-inline.collapsed>tbody>tr.child ul li .dtr-title {
  margin-right: 8px;
}

/*

github.com style (c) Vasily Polovnyov <vast@whiteants.net>

*/
hljs,
[hljs] {
  display: block;
  overflow-x: auto;
  color: #333;
  background: #f8f8f8;
  -webkit-text-size-adjust: none;
}

.hljs-comment,
.diff .hljs-header {
  color: #998;
  font-style: italic;
}

.hljs-keyword,
.css .rule .hljs-keyword,
.hljs-winutils,
.nginx .hljs-title,
.hljs-subst,
.hljs-request,
.hljs-status {
  color: #333;
  font-weight: bold;
}

.hljs-number,
.hljs-hexcolor,
.ruby .hljs-constant {
  color: #008080;
}

.hljs-string,
.hljs-tag .hljs-value,
.hljs-doctag,
.tex .hljs-formula {
  color: #d14;
}

.hljs-title,
.hljs-id,
.scss .hljs-preprocessor {
  color: #900;
  font-weight: bold;
}

.hljs-list .hljs-keyword,
.hljs-subst {
  font-weight: normal;
}

.hljs-class .hljs-title,
.hljs-type,
.vhdl .hljs-literal,
.tex .hljs-command {
  color: #458;
  font-weight: bold;
}

.hljs-tag,
.hljs-tag .hljs-title,
.hljs-rule .hljs-property,
.django .hljs-tag .hljs-keyword {
  color: #000080;
  font-weight: normal;
}

.hljs-attribute,
.hljs-variable,
.lisp .hljs-body,
.hljs-name {
  color: #008080;
}

.hljs-regexp {
  color: #009926;
}

.hljs-symbol,
.ruby .hljs-symbol .hljs-string,
.lisp .hljs-keyword,
.clojure .hljs-keyword,
.scheme .hljs-keyword,
.tex .hljs-special,
.hljs-prompt {
  color: #990073;
}

.hljs-built_in {
  color: #0086b3;
}

.hljs-preprocessor,
.hljs-pragma,
.hljs-pi,
.hljs-doctype,
.hljs-shebang,
.hljs-cdata {
  color: #999;
  font-weight: bold;
}

.hljs-deletion {
  background: #fdd;
}

.hljs-addition {
  background: #dfd;
}

.diff .hljs-change {
  background: #0086b3;
}

.hljs-chunk {
  color: #aaa;
}

/*----------------------------------------------------------------*/
/*  Variables
/*----------------------------------------------------------------*/
nvd3 {
  display: block;
  width: 100%;
  height: 100%;
}

nvd3.remove-x-lines .nv-x .tick line {
  display: none;
}

nvd3.remove-y-lines .nv-y .tick line {
  display: none;
}

nvd3.remove-line-stroke .nv-groups path.nv-line {
  stroke-width: 0 !important;
}

nvd3.remove-opacity .nv-groups .nv-group {
  fill-opacity: 1 !important;
}

nvd3.show-line-points .nv-line .nv-scatter .nv-groups .nv-point {
  fill-opacity: 1 !important;
  stroke-opacity: 1 !important;
}

.nvd3 text {
  font-family: 'Poppins', 'Roboto', 'Helvetica Neue', 'Arial', sans-serif;
}

.nvd3 line.nv-guideline {
  stroke: rgba(0, 0, 0, 0.54);
}

.nvd3 .nv-groups .nv-point.hover {
  stroke-width: 3px !important;
  fill-opacity: 1 !important;
  stroke-opacity: 1 !important;
}

.nvtooltip {
  background: none;
  color: white;
  padding: 0;
  border: none;
}

.nvtooltip.gravity-n:after {
  display: block;
  position: absolute;
  content: '';
  width: 0;
  height: 0;
  left: 50%;
  bottom: 100%;
  margin-left: -5px;
  border: 5px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.87);
}

.nvtooltip.gravity-s:after {
  display: block;
  position: absolute;
  content: '';
  width: 0;
  height: 0;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border: 5px solid transparent;
  border-top-color: rgba(0, 0, 0, 0.87);
}

.nvtooltip.gravity-e:after {
  display: block;
  position: absolute;
  content: '';
  width: 0;
  height: 0;
  top: 50%;
  right: 0;
  margin-top: -6px;
  margin-right: -11px;
  border: 6px solid transparent;
  border-left-color: rgba(0, 0, 0, 0.87);
}

.nvtooltip.gravity-w:after {
  display: block;
  position: absolute;
  content: '';
  width: 0;
  height: 0;
  top: 50%;
  margin-top: -6px;
  margin-left: -11px;
  border: 6px solid transparent;
  border-right-color: rgba(0, 0, 0, 0.87);
}

.nvtooltip table {
  background: rgba(0, 0, 0, 0.87);
  padding: 8px 12px;
  margin: 0;
  border-radius: 2px;
}

.nvtooltip table tbody tr td.legend-color-guide div {
  border: none;
}

.nvtooltip table tbody tr td:last-child {
  padding-right: 0;
}

.ps-container:hover .ps-in-scrolling {
  pointer-events: auto;
}

.ps-container .ps-in-scrolling {
  pointer-events: auto;
}

.ps-container>.ps-scrollbar-x-rail {
  background: none !important;
  margin: 4px 0;
  height: 4px;
  z-index: 49;
}

.ps-container>.ps-scrollbar-x-rail>.ps-scrollbar-x {
  height: 4px;
}

.ps-container>.ps-scrollbar-y-rail {
  background: none !important;
  margin: 4px 0;
  width: 4px;
  z-index: 49;
}

.ps-container>.ps-scrollbar-y-rail>.ps-scrollbar-y {
  width: 4px;
}

.ta-root {
  display: block;
}

.ta-root .ta-scroll-window.form-control {
  border: 1px solid rgba(0, 0, 0, 0.12);
}

.ta-root.focussed>.ta-scroll-window.form-control {
  outline: 0px solid transparent;
  border: 1px solid rgba(0, 0, 0, 0.12);
  box-shadow: none;
}

.ta-root textarea.ta-editor.ta-html {
  resize: vertical;
  width: 100% !important;
  border: 1px solid rgba(0, 0, 0, 0.12);
  padding: 16px;
}

.ta-root .ta-toolbar {
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-bottom: none;
  background: material-color('grey', '100');
}

.ta-root .ta-toolbar .ta-group {
  display: flex;
  align-items: center;
  align-content: center;
  flex-wrap: wrap;
}

.ta-root .ta-toolbar .ta-group #toolbarWC,
.ta-root .ta-toolbar .ta-group #toolbarCC {
  display: inline-block !important;
  line-height: 24px;
}

.ta-root .ta-toolbar .ta-group .md-button {
  width: 40px;
  min-width: 40px;
  line-height: 14px;
  height: 36px;
  min-height: 36px;
  padding: 6px;
  margin: 4px 0;
}

.ta-root .ta-toolbar .ta-group .md-button i {
  font-size: 20px;
  width: 20px;
  height: 20px;
  line-height: 20px;
}

/*----------------------------------------------------------------*/
/*  Print
/*----------------------------------------------------------------*/
@media all {

  /* Never show page break in normal view */
  .page-break {
    display: none;
  }
}

@media print {

  /* Page Styles */
  @page {}

  /* Page break */
  .page-break {
    display: block;
    break-after: always;
    page-break-after: always;
  }

  /* General styles */
  #main #vertical-navigation {
    display: none;
  }

  #main #toolbar {
    display: none;
  }

  #main #quick-panel {
    display: none;
  }

  #main #content {
    position: relative !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    background: none !important;
  }

  ms-theme-options {
    display: none;
  }

  .ps-scrollbar-x-rail,
  .ps-scrollbar-y-rail {
    display: none !important;
  }

  /* Printable page specific styles */
  .printable {
    overflow: visible !important;
  }

  .printable .template-layout {
    display: inline !important;
  }
}

/*----------------------------------------------------------------*/
/*  Reset
/*----------------------------------------------------------------*/
* {
  text-rendering: optimizeLegibility;
  -o-text-rendering: optimizeLegibility;
  -ms-text-rendering: optimizeLegibility;
  -moz-text-rendering: optimizeLegibility;
  -webkit-text-rendering: optimizeLegibility;
  -webkit-tap-highlight-color: transparent;
  box-sizing: border-box;
}

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

*:focus {
  outline: none;
}

*:not(md-input-container)>input[type='tel'],
*:not(md-input-container)>input[type='email'],
*:not(md-input-container)>input[type='search'],
*:not(md-input-container)>input[type='password'],
*:not(md-input-container)>input[type='button'],
*:not(md-input-container)>button,
*:not(md-input-container)>input[type='submit'],
*:not(md-input-container)>input[type='image'],
*:not(md-input-container)>textarea {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  border: none;
  padding: 0;
  margin: 0;
}

*:not(md-input-container)>input[type='button'],
*:not(md-input-container)>button,
*:not(md-input-container)>input[type='submit'] {
  background: none;
}

button {
  border-radius: 0;
  font-family: inherit;
  font-size: inherit;
  padding: 0;
  margin: 0;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}

/*----------------------------------------------------------------*/
/*  Variables
/*----------------------------------------------------------------*/
/*----------------------------------------------------------------*/
/*  Typography
/*----------------------------------------------------------------*/
html {
  font-size: 62.5%;
  font-family: 'Poppins', 'Roboto', 'Helvetica Neue', 'Arial', sans-serif !important;
  line-height: 1.4;
  letter-spacing: -0.1px;
}

body {
  font-size: 1.3rem;
  font-family: 'Poppins', 'Roboto', 'Helvetica Neue', 'Arial', sans-serif !important;
}

html,
body {
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
}

form {
  font-size: 1.6rem;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-weight: normal;
}

h1,
.h1 {
  font-size: 2.4rem;
}

h2,
.h2 {
  font-size: 2rem;
}

h3,
.h3 {
  font-size: 1.6rem;
}

h4,
.h4 {
  font-size: 1.4rem;
}

h5,
.h5 {
  font-size: 1.3rem;
}

h6,
.h6 {
  font-size: 1.2rem;
}

a {
  text-decoration: none;
}

a:hover,
a:active {
  text-decoration: underline;
}

abbr {
  cursor: help;
  border-bottom: 1px dotted rgba(0, 0, 0, 0.54);
}

blockquote {
  border-left: 3px solid rgba(0, 0, 0, 0.12);
  font-style: italic;
  margin: 1em 0;
  padding-left: 16px;
}

blockquote footer {
  font-style: normal;
}

blockquote footer:before {
  content: '\2014 \00A0';
}

blockquote.reverse {
  border-left: none;
  border-right: 3px solid rgba(0, 0, 0, 0.12);
  text-align: right;
  padding-left: 0;
  padding-right: 16px;
}

blockquote.reverse footer:before {
  content: '';
}

blockquote.reverse footer:after {
  content: '\2014 \00A0';
}

code {
  font-family: 'Monaco', 'Menlo', 'Consolas', 'Ubuntu Mono', monospace;
}

code:not(.highlight) {
  background: rgba(0, 0, 0, 0.065);
  color: #106cc8;
  margin: 0 1px;
  padding: 2px 3px;
  border-radius: 2px;
}

dl dt {
  font-weight: bold;
}

dl dd {
  margin: 4px 0 16px 0;
}

mark {
  background: #f7f49a;
}

pre {
  line-height: 1.6;
  margin: 8px 16px;
  white-space: pre-wrap;
}

small {
  font-size: 80%;
}

table thead tr th {
  text-align: left;
}

.text-italic {
  font-style: italic;
}

.text-semibold {
  font-weight: 600;
}

.text-bold,
strong {
  font-weight: 700;
}

.text-strike {
  text-decoration: line-through;
}

.text-super {
  vertical-align: super;
}

.text-sub {
  vertical-align: sub;
}

.text-capitalize {
  text-transform: capitalize;
}

.text-lowercase {
  text-transform: lowercase;
}

.text-uppercase {
  text-transform: uppercase;
}

.text-left {
  text-align: left;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.font-weight-100 {
  font-weight: 100;
}

.font-weight-200 {
  font-weight: 200;
}

.font-weight-300 {
  font-weight: 300;
}

.font-weight-400 {
  font-weight: 400;
}

.font-weight-500 {
  font-weight: 500;
}

.font-weight-600 {
  font-weight: 600;
}

.font-weight-700 {
  font-weight: 700;
}

.font-weight-800 {
  font-weight: 800;
}

.font-weight-900 {
  font-weight: 900;
}

.font-size-2 {
  font-size: 2px;
}

.font-size-4 {
  font-size: 4px;
}

.font-size-6 {
  font-size: 6px;
}

.font-size-8 {
  font-size: 8px;
}

.font-size-10 {
  font-size: 10px;
}

.font-size-12 {
  font-size: 12px;
}

.font-size-14 {
  font-size: 14px;
}

.font-size-16 {
  font-size: 16px;
}

.font-size-18 {
  font-size: 18px;
}

.font-size-20 {
  font-size: 20px;
}

.font-size-22 {
  font-size: 22px;
}

.font-size-24 {
  font-size: 24px;
}

.font-size-26 {
  font-size: 26px;
}

.font-size-28 {
  font-size: 28px;
}

.font-size-30 {
  font-size: 30px;
}

.font-size-32 {
  font-size: 32px;
}

.font-size-34 {
  font-size: 34px;
}

.font-size-36 {
  font-size: 36px;
}

.font-size-38 {
  font-size: 38px;
}

.font-size-40 {
  font-size: 40px;
}

.font-size-42 {
  font-size: 42px;
}

.font-size-44 {
  font-size: 44px;
}

.font-size-46 {
  font-size: 46px;
}

.font-size-48 {
  font-size: 48px;
}

.font-size-50 {
  font-size: 50px;
}

.font-size-52 {
  font-size: 52px;
}

.font-size-54 {
  font-size: 54px;
}

.font-size-56 {
  font-size: 56px;
}

.font-size-58 {
  font-size: 58px;
}

.font-size-60 {
  font-size: 60px;
}

.font-size-62 {
  font-size: 62px;
}

.font-size-64 {
  font-size: 64px;
}

.font-size-66 {
  font-size: 66px;
}

.font-size-68 {
  font-size: 68px;
}

.font-size-70 {
  font-size: 70px;
}

.font-size-72 {
  font-size: 72px;
}

.font-size-74 {
  font-size: 74px;
}

.font-size-76 {
  font-size: 76px;
}

.font-size-78 {
  font-size: 78px;
}

.font-size-80 {
  font-size: 80px;
}

.font-size-82 {
  font-size: 82px;
}

.font-size-84 {
  font-size: 84px;
}

.font-size-86 {
  font-size: 86px;
}

.font-size-88 {
  font-size: 88px;
}

.font-size-90 {
  font-size: 90px;
}

.font-size-92 {
  font-size: 92px;
}

.font-size-94 {
  font-size: 94px;
}

.font-size-96 {
  font-size: 96px;
}

.font-size-98 {
  font-size: 98px;
}

.font-size-100 {
  font-size: 100px;
}

.font-size-102 {
  font-size: 102px;
}

.font-size-104 {
  font-size: 104px;
}

.font-size-106 {
  font-size: 106px;
}

.font-size-108 {
  font-size: 108px;
}

.font-size-110 {
  font-size: 110px;
}

.font-size-112 {
  font-size: 112px;
}

.font-size-114 {
  font-size: 114px;
}

.font-size-116 {
  font-size: 116px;
}

.font-size-118 {
  font-size: 118px;
}

.font-size-120 {
  font-size: 120px;
}

.line-height-2 {
  line-height: 2px;
}

.line-height-4 {
  line-height: 4px;
}

.line-height-6 {
  line-height: 6px;
}

.line-height-8 {
  line-height: 8px;
}

.line-height-10 {
  line-height: 10px;
}

.line-height-12 {
  line-height: 12px;
}

.line-height-14 {
  line-height: 14px;
}

.line-height-16 {
  line-height: 16px;
}

.line-height-18 {
  line-height: 18px;
}

.line-height-20 {
  line-height: 20px;
}

.line-height-22 {
  line-height: 22px;
}

.line-height-24 {
  line-height: 24px;
}

.line-height-26 {
  line-height: 26px;
}

.line-height-28 {
  line-height: 28px;
}

.line-height-30 {
  line-height: 30px;
}

.line-height-32 {
  line-height: 32px;
}

.line-height-34 {
  line-height: 34px;
}

.line-height-36 {
  line-height: 36px;
}

.line-height-38 {
  line-height: 38px;
}

.line-height-40 {
  line-height: 40px;
}

.line-height-42 {
  line-height: 42px;
}

.line-height-44 {
  line-height: 44px;
}

.line-height-46 {
  line-height: 46px;
}

.line-height-48 {
  line-height: 48px;
}

.line-height-50 {
  line-height: 50px;
}

.line-height-52 {
  line-height: 52px;
}

.line-height-54 {
  line-height: 54px;
}

.line-height-56 {
  line-height: 56px;
}

.line-height-58 {
  line-height: 58px;
}

.line-height-60 {
  line-height: 60px;
}

.line-height-62 {
  line-height: 62px;
}

.line-height-64 {
  line-height: 64px;
}

.line-height-66 {
  line-height: 66px;
}

.line-height-68 {
  line-height: 68px;
}

.line-height-70 {
  line-height: 70px;
}

.line-height-72 {
  line-height: 72px;
}

.line-height-74 {
  line-height: 74px;
}

.line-height-76 {
  line-height: 76px;
}

.line-height-78 {
  line-height: 78px;
}

.line-height-80 {
  line-height: 80px;
}

.line-height-82 {
  line-height: 82px;
}

.line-height-84 {
  line-height: 84px;
}

.line-height-86 {
  line-height: 86px;
}

.line-height-88 {
  line-height: 88px;
}

.line-height-90 {
  line-height: 90px;
}

.line-height-92 {
  line-height: 92px;
}

.line-height-94 {
  line-height: 94px;
}

.line-height-96 {
  line-height: 96px;
}

.line-height-98 {
  line-height: 98px;
}

.line-height-100 {
  line-height: 100px;
}

.line-height-102 {
  line-height: 102px;
}

.line-height-104 {
  line-height: 104px;
}

.line-height-106 {
  line-height: 106px;
}

.line-height-108 {
  line-height: 108px;
}

.line-height-110 {
  line-height: 110px;
}

.line-height-112 {
  line-height: 112px;
}

.line-height-114 {
  line-height: 114px;
}

.line-height-116 {
  line-height: 116px;
}

.line-height-118 {
  line-height: 118px;
}

.line-height-120 {
  line-height: 120px;
}

.text-boxed,
.text-boxed-light {
  border-radius: 2px;
  padding: 4px 8px;
  margin: 0 8px;
  font-size: 11px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.54);
  background-color: rgba(0, 0, 0, 0.12);
  white-space: nowrap;
}

.text-boxed-light {
  background-color: rgba(255, 255, 255, 0.7);
}

.text-truncate {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.text-nowrap {
  white-space: nowrap;
}

.pagination>li>a {
  color: #3c4252;
}

.pagination>.active>a,
.pagination>.active>a:hover {
  background-color: #3c4252;
  border-color: #3c4252;
}

.ico-blanco {
  color: white !important;
}

/*----------------------------------------------------------------*/
/*  Variables
/*----------------------------------------------------------------*/

/*----------------------------------------------------------------*/
/*  Variables
/*----------------------------------------------------------------*/
.ms-theme-options .ms-theme-options-button {
  position: absolute;
  top: 160px;
  right: 0;
  z-index: 50;
  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);
  width: 48px;
  height: 48px;
  line-height: 48px;
  text-align: center;
  cursor: pointer;
  border-radius: 0;
  margin: 0;
  pointer-events: auto;
  opacity: 0.75;
}

.ms-theme-options .ms-theme-options-button:hover {
  opacity: 1;
}

.ms-theme-options md-sidenav {
  width: 384px;
  min-width: 384px;
  max-width: 384px;
}

.ms-theme-options md-sidenav .ms-theme-options-list {
  background: #ffffff;
  z-index: 12;
  pointer-events: auto;
}

.ms-theme-options md-sidenav .ms-theme-options-list .theme-option {
  padding: 16px;
}

.ms-theme-options md-sidenav .ms-theme-options-list .theme-option.layout-options md-radio-button {
  width: 160px;
  max-width: 160px;
  margin: 8px 8px 16px 8px;
}

.ms-theme-options md-sidenav .ms-theme-options-list .theme-option.layout-options md-radio-button:hover ._md-label img,
.ms-theme-options md-sidenav .ms-theme-options-list .theme-option.layout-options md-radio-button.md-checked ._md-label img {
  opacity: 1;
  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);
}

.ms-theme-options md-sidenav .ms-theme-options-list .theme-option.layout-options md-radio-button ._md-container {
  display: none;
}

.ms-theme-options md-sidenav .ms-theme-options-list .theme-option.layout-options md-radio-button ._md-label {
  margin-left: 0;
}

.ms-theme-options md-sidenav .ms-theme-options-list .theme-option.layout-options md-radio-button ._md-label img {
  opacity: 0.8;
  margin-bottom: 8px;
}

.ms-theme-options md-sidenav .ms-theme-options-list .theme-option.color-palettes md-menu-item {
  max-width: 192px;
}

.ms-theme-options md-sidenav .ms-theme-options-list .theme-option.color-palettes .theme-button {
  border-bottom: 16px solid;
  text-align: left;
  width: 101px;
  height: 88px;
  box-shadow: none;
  opacity: 0.8;
}

.ms-theme-options md-sidenav .ms-theme-options-list .theme-option.color-palettes .theme-button:hover,
.ms-theme-options md-sidenav .ms-theme-options-list .theme-option.color-palettes .theme-button.active {
  opacity: 1;
  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);
}

.ms-theme-options md-sidenav .ms-theme-options-list .theme-option md-radio-button {
  margin: 8px;
}

.ms-theme-options md-sidenav .ms-theme-options-list .theme-option .option-title {
  font-size: 14px;
  font-weight: 500;
  padding: 0 8px 12px 8px;
}

@charset "UTF-8";

/**
 *  Do not remove this comments bellow. It's the markers used by wiredep to inject
 *  sass dependencies when defined in the bower.json of your dependencies
 */
/**
 *  Do not remove this comments bellow. It's the markers used by gulp-inject to inject
 *  all your sass files automatically
 */
.block {
  display: block;
}

dd {
  word-wrap: break-word;
}

.tail-loader {
  color: #64a869;
  height: 5px;
  overflow-x: hidden;
  position: relative;
  width: 100%;
}

.tail-loader:before {
  animation: left-to-right 1s alternate infinite linear;
  background-image: linear-gradient(to right,
      transparent,
      #64a869,
      transparent);
  position: absolute;
  content: '';
  height: 5px;
  left: 0;
  right: 0;
  top: 0;
}

@keyframes left-to-right {
  0% {
    transform: translateX(-100%);
  }

  100% {
    transform: translateX(100%);
  }
}

.tail-overlay {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 100%;
  position: fixed;
  height: 100%;
  z-index: 10000;
  background: transparent;
}

.tail-overlay .loading-text {
  font-size: 24px;
  margin-bottom: 12px;
  opacity: 1;
}

.tail-disabled {
  opacity: 0.25;
}

.label {
  font-weight: 300 !important;
  border-radius: 2px !important;
}

.w-100-p {
  width: 100%;
}

.h-100-p {
  height: 100%;
}

.icon-16,
.input-group-btn i {
  font-size: 16px !important;
  width: 16px !important;
  max-width: 16px !important;
  height: 16px !important;
  max-height: 16px !important;
  line-height: 16px !important;
  min-width: 16px !important;
  min-height: 16px !important;
}

.hint {
  /* Position the hint */
  margin-top: 3px;
  left: 2px;
  right: auto;
  bottom: 7px;
  /* Copy styles from ng-messages */
  font-size: 12px;
  line-height: 14px;
  transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
  /* Set our own color */
  color: grey;
}

.hint.ng-hide,
.hint.ng-enter,
.hint.ng-leave.ng-leave-active {
  bottom: 26px;
  opacity: 0;
}

.hint.ng-leave,
.hint.ng-enter.ng-enter-active {
  bottom: 7px;
  opacity: 1;
}

.bg-lightcoral {
  background: lightcoral;
  color: white;
}

.bg-lightgray {
  background: lightgray;
  color: white;
}

.bg-lightgreen {
  background: lightgreen;
  color: white;
}

.bb-white-2 {
  border-bottom: 2px solid white !important;
}

.pre-line {
  white-space: pre-line;
}

.light-info {
  color: #aaa !important;
}

a.light-info:visited {
  color: #aaa !important;
}

a.grey-link:link {
  color: #333 !important;
}

a.grey-link:visited {
  color: #333 !important;
}

a.white-link:link {
  color: #fff !important;
}

a.white-link:visited {
  color: #fff !important;
}

.no-overflow {
  overflow: hidden;
}

.ellipsis {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.break-spaces {
  white-space: break-spaces;
}

.no-padding-v {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.no-padding-h {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.flip-h {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}

.datepicker-fix.md-input-focused label,
.datepicker-fix.md-input-has-value label {
  left: 0 !important;
}

.datepicker-fix button {
  top: 0 !important;
}

.margin-n-0,
.m-n-0 {
  margin: -0px;
}

.margin-top-n-0,
.mt-n-0 {
  margin-top: -0px;
}

.margin-right-n-0,
.mr-n-0 {
  margin-right: -0px;
}

.margin-bottom-n-0,
.mb-n-0 {
  margin-bottom: -0px;
}

.margin-left-n-0,
.ml-n-0 {
  margin-left: -0px;
}

.margin-horizontal-n-0,
.mh-n-0 {
  margin-left: -0px;
  margin-right: -0px;
}

.margin-vertical-n-0,
.mv-n-0 {
  margin-top: -0px;
  margin-bottom: -0px;
}

.margin-n-5,
.m-n-5 {
  margin: -5px;
}

.margin-top-n-5,
.mt-n-5 {
  margin-top: -5px;
}

.margin-right-n-5,
.mr-n-5 {
  margin-right: -5px;
}

.margin-bottom-n-5,
.mb-n-5 {
  margin-bottom: -5px;
}

.margin-left-n-5,
.ml-n-5 {
  margin-left: -5px;
}

.margin-horizontal-n-5,
.mh-n-5 {
  margin-left: -5px;
  margin-right: -5px;
}

.margin-vertical-n-5,
.mv-n-5 {
  margin-top: -5px;
  margin-bottom: -5px;
}

.margin-n-10,
.m-n-10 {
  margin: -10px;
}

.margin-top-n-10,
.mt-n-10 {
  margin-top: -10px;
}

.margin-right-n-10,
.mr-n-10 {
  margin-right: -10px;
}

.margin-bottom-n-10,
.mb-n-10 {
  margin-bottom: -10px;
}

.margin-left-n-10,
.ml-n-10 {
  margin-left: -10px;
}

.margin-horizontal-n-10,
.mh-n-10 {
  margin-left: -10px;
  margin-right: -10px;
}

.margin-vertical-n-10,
.mv-n-10 {
  margin-top: -10px;
  margin-bottom: -10px;
}

.margin-n-15,
.m-n-15 {
  margin: -15px;
}

.margin-top-n-15,
.mt-n-15 {
  margin-top: -15px;
}

.margin-right-n-15,
.mr-n-15 {
  margin-right: -15px;
}

.margin-bottom-n-15,
.mb-n-15 {
  margin-bottom: -15px;
}

.margin-left-n-15,
.ml-n-15 {
  margin-left: -15px;
}

.margin-horizontal-n-15,
.mh-n-15 {
  margin-left: -15px;
  margin-right: -15px;
}

.margin-vertical-n-15,
.mv-n-15 {
  margin-top: -15px;
  margin-bottom: -15px;
}

.margin-n-20,
.m-n-20 {
  margin: -20px;
}

.margin-top-n-20,
.mt-n-20 {
  margin-top: -20px;
}

.margin-right-n-20,
.mr-n-20 {
  margin-right: -20px;
}

.margin-bottom-n-20,
.mb-n-20 {
  margin-bottom: -20px;
}

.margin-left-n-20,
.ml-n-20 {
  margin-left: -20px;
}

.margin-horizontal-n-20,
.mh-n-20 {
  margin-left: -20px;
  margin-right: -20px;
}

.margin-vertical-n-20,
.mv-n-20 {
  margin-top: -20px;
  margin-bottom: -20px;
}

.margin-n-25,
.m-n-25 {
  margin: -25px;
}

.margin-top-n-25,
.mt-n-25 {
  margin-top: -25px;
}

.margin-right-n-25,
.mr-n-25 {
  margin-right: -25px;
}

.margin-bottom-n-25,
.mb-n-25 {
  margin-bottom: -25px;
}

.margin-left-n-25,
.ml-n-25 {
  margin-left: -25px;
}

.margin-horizontal-n-25,
.mh-n-25 {
  margin-left: -25px;
  margin-right: -25px;
}

.margin-vertical-n-25,
.mv-n-25 {
  margin-top: -25px;
  margin-bottom: -25px;
}

.margin-n-30,
.m-n-30 {
  margin: -30px;
}

.margin-top-n-30,
.mt-n-30 {
  margin-top: -30px;
}

.margin-right-n-30,
.mr-n-30 {
  margin-right: -30px;
}

.margin-bottom-n-30,
.mb-n-30 {
  margin-bottom: -30px;
}

.margin-left-n-30,
.ml-n-30 {
  margin-left: -30px;
}

.margin-horizontal-n-30,
.mh-n-30 {
  margin-left: -30px;
  margin-right: -30px;
}

.margin-vertical-n-30,
.mv-n-30 {
  margin-top: -30px;
  margin-bottom: -30px;
}

.margin-n-35,
.m-n-35 {
  margin: -35px;
}

.margin-top-n-35,
.mt-n-35 {
  margin-top: -35px;
}

.margin-right-n-35,
.mr-n-35 {
  margin-right: -35px;
}

.margin-bottom-n-35,
.mb-n-35 {
  margin-bottom: -35px;
}

.margin-left-n-35,
.ml-n-35 {
  margin-left: -35px;
}

.margin-horizontal-n-35,
.mh-n-35 {
  margin-left: -35px;
  margin-right: -35px;
}

.margin-vertical-n-35,
.mv-n-35 {
  margin-top: -35px;
  margin-bottom: -35px;
}

.margin-n-40,
.m-n-40 {
  margin: -40px;
}

.margin-top-n-40,
.mt-n-40 {
  margin-top: -40px;
}

.margin-right-n-40,
.mr-n-40 {
  margin-right: -40px;
}

.margin-bottom-n-40,
.mb-n-40 {
  margin-bottom: -40px;
}

.margin-left-n-40,
.ml-n-40 {
  margin-left: -40px;
}

.margin-horizontal-n-40,
.mh-n-40 {
  margin-left: -40px;
  margin-right: -40px;
}

.margin-vertical-n-40,
.mv-n-40 {
  margin-top: -40px;
  margin-bottom: -40px;
}

.margin-n-45,
.m-n-45 {
  margin: -45px;
}

.margin-top-n-45,
.mt-n-45 {
  margin-top: -45px;
}

.margin-right-n-45,
.mr-n-45 {
  margin-right: -45px;
}

.margin-bottom-n-45,
.mb-n-45 {
  margin-bottom: -45px;
}

.margin-left-n-45,
.ml-n-45 {
  margin-left: -45px;
}

.margin-horizontal-n-45,
.mh-n-45 {
  margin-left: -45px;
  margin-right: -45px;
}

.margin-vertical-n-45,
.mv-n-45 {
  margin-top: -45px;
  margin-bottom: -45px;
}

.margin-n-50,
.m-n-50 {
  margin: -50px;
}

.margin-top-n-50,
.mt-n-50 {
  margin-top: -50px;
}

.margin-right-n-50,
.mr-n-50 {
  margin-right: -50px;
}

.margin-bottom-n-50,
.mb-n-50 {
  margin-bottom: -50px;
}

.margin-left-n-50,
.ml-n-50 {
  margin-left: -50px;
}

.margin-horizontal-n-50,
.mh-n-50 {
  margin-left: -50px;
  margin-right: -50px;
}

.margin-vertical-n-50,
.mv-n-50 {
  margin-top: -50px;
  margin-bottom: -50px;
}

.margin-n-55,
.m-n-55 {
  margin: -55px;
}

.margin-top-n-55,
.mt-n-55 {
  margin-top: -55px;
}

.margin-right-n-55,
.mr-n-55 {
  margin-right: -55px;
}

.margin-bottom-n-55,
.mb-n-55 {
  margin-bottom: -55px;
}

.margin-left-n-55,
.ml-n-55 {
  margin-left: -55px;
}

.margin-horizontal-n-55,
.mh-n-55 {
  margin-left: -55px;
  margin-right: -55px;
}

.margin-vertical-n-55,
.mv-n-55 {
  margin-top: -55px;
  margin-bottom: -55px;
}

.margin-n-60,
.m-n-60 {
  margin: -60px;
}

.margin-top-n-60,
.mt-n-60 {
  margin-top: -60px;
}

.margin-right-n-60,
.mr-n-60 {
  margin-right: -60px;
}

.margin-bottom-n-60,
.mb-n-60 {
  margin-bottom: -60px;
}

.margin-left-n-60,
.ml-n-60 {
  margin-left: -60px;
}

.margin-horizontal-n-60,
.mh-n-60 {
  margin-left: -60px;
  margin-right: -60px;
}

.margin-vertical-n-60,
.mv-n-60 {
  margin-top: -60px;
  margin-bottom: -60px;
}

.margin-n-65,
.m-n-65 {
  margin: -65px;
}

.margin-top-n-65,
.mt-n-65 {
  margin-top: -65px;
}

.margin-right-n-65,
.mr-n-65 {
  margin-right: -65px;
}

.margin-bottom-n-65,
.mb-n-65 {
  margin-bottom: -65px;
}

.margin-left-n-65,
.ml-n-65 {
  margin-left: -65px;
}

.margin-horizontal-n-65,
.mh-n-65 {
  margin-left: -65px;
  margin-right: -65px;
}

.margin-vertical-n-65,
.mv-n-65 {
  margin-top: -65px;
  margin-bottom: -65px;
}

.margin-n-70,
.m-n-70 {
  margin: -70px;
}

.margin-top-n-70,
.mt-n-70 {
  margin-top: -70px;
}

.margin-right-n-70,
.mr-n-70 {
  margin-right: -70px;
}

.margin-bottom-n-70,
.mb-n-70 {
  margin-bottom: -70px;
}

.margin-left-n-70,
.ml-n-70 {
  margin-left: -70px;
}

.margin-horizontal-n-70,
.mh-n-70 {
  margin-left: -70px;
  margin-right: -70px;
}

.margin-vertical-n-70,
.mv-n-70 {
  margin-top: -70px;
  margin-bottom: -70px;
}

.margin-n-75,
.m-n-75 {
  margin: -75px;
}

.margin-top-n-75,
.mt-n-75 {
  margin-top: -75px;
}

.margin-right-n-75,
.mr-n-75 {
  margin-right: -75px;
}

.margin-bottom-n-75,
.mb-n-75 {
  margin-bottom: -75px;
}

.margin-left-n-75,
.ml-n-75 {
  margin-left: -75px;
}

.margin-horizontal-n-75,
.mh-n-75 {
  margin-left: -75px;
  margin-right: -75px;
}

.margin-vertical-n-75,
.mv-n-75 {
  margin-top: -75px;
  margin-bottom: -75px;
}

.margin-n-80,
.m-n-80 {
  margin: -80px;
}

.margin-top-n-80,
.mt-n-80 {
  margin-top: -80px;
}

.margin-right-n-80,
.mr-n-80 {
  margin-right: -80px;
}

.margin-bottom-n-80,
.mb-n-80 {
  margin-bottom: -80px;
}

.margin-left-n-80,
.ml-n-80 {
  margin-left: -80px;
}

.margin-horizontal-n-80,
.mh-n-80 {
  margin-left: -80px;
  margin-right: -80px;
}

.margin-vertical-n-80,
.mv-n-80 {
  margin-top: -80px;
  margin-bottom: -80px;
}

.margin-n-85,
.m-n-85 {
  margin: -85px;
}

.margin-top-n-85,
.mt-n-85 {
  margin-top: -85px;
}

.margin-right-n-85,
.mr-n-85 {
  margin-right: -85px;
}

.margin-bottom-n-85,
.mb-n-85 {
  margin-bottom: -85px;
}

.margin-left-n-85,
.ml-n-85 {
  margin-left: -85px;
}

.margin-horizontal-n-85,
.mh-n-85 {
  margin-left: -85px;
  margin-right: -85px;
}

.margin-vertical-n-85,
.mv-n-85 {
  margin-top: -85px;
  margin-bottom: -85px;
}

.margin-n-90,
.m-n-90 {
  margin: -90px;
}

.margin-top-n-90,
.mt-n-90 {
  margin-top: -90px;
}

.margin-right-n-90,
.mr-n-90 {
  margin-right: -90px;
}

.margin-bottom-n-90,
.mb-n-90 {
  margin-bottom: -90px;
}

.margin-left-n-90,
.ml-n-90 {
  margin-left: -90px;
}

.margin-horizontal-n-90,
.mh-n-90 {
  margin-left: -90px;
  margin-right: -90px;
}

.margin-vertical-n-90,
.mv-n-90 {
  margin-top: -90px;
  margin-bottom: -90px;
}

.margin-n-95,
.m-n-95 {
  margin: -95px;
}

.margin-top-n-95,
.mt-n-95 {
  margin-top: -95px;
}

.margin-right-n-95,
.mr-n-95 {
  margin-right: -95px;
}

.margin-bottom-n-95,
.mb-n-95 {
  margin-bottom: -95px;
}

.margin-left-n-95,
.ml-n-95 {
  margin-left: -95px;
}

.margin-horizontal-n-95,
.mh-n-95 {
  margin-left: -95px;
  margin-right: -95px;
}

.margin-vertical-n-95,
.mv-n-95 {
  margin-top: -95px;
  margin-bottom: -95px;
}

.margin-n-100,
.m-n-100 {
  margin: -100px;
}

.margin-top-n-100,
.mt-n-100 {
  margin-top: -100px;
}

.margin-right-n-100,
.mr-n-100 {
  margin-right: -100px;
}

.margin-bottom-n-100,
.mb-n-100 {
  margin-bottom: -100px;
}

.margin-left-n-100,
.ml-n-100 {
  margin-left: -100px;
}

.margin-horizontal-n-100,
.mh-n-100 {
  margin-left: -100px;
  margin-right: -100px;
}

.margin-vertical-n-100,
.mv-n-100 {
  margin-top: -100px;
  margin-bottom: -100px;
}

.margin-n-0,
.m-n-0 {
  margin: -0px;
}

.margin-top-n-0,
.mt-n-0 {
  margin-top: -0px;
}

.margin-right-n-0,
.mr-n-0 {
  margin-right: -0px;
}

.margin-bottom-n-0,
.mb-n-0 {
  margin-bottom: -0px;
}

º .margin-left-n-0,
.ml-n-0 {
  margin-left: -0px;
}

.margin-horizontal-n-0,
.mh-n-0 {
  margin-left: -0px;
  margin-right: -0px;
}

.margin-vertical-n-0,
.mv-n-0 {
  margin-top: -0px;
  margin-bottom: -0px;
}

.margin-n-8,
.m-n-8 {
  margin: -8px;
}

.margin-top-n-8,
.mt-n-8 {
  margin-top: -8px;
}

.margin-right-n-8,
.mr-n-8 {
  margin-right: -8px;
}

.margin-bottom-n-8,
.mb-n-8 {
  margin-bottom: -8px;
}

º .margin-left-n-8,
.ml-n-8 {
  margin-left: -8px;
}

.margin-horizontal-n-8,
.mh-n-8 {
  margin-left: -8px;
  margin-right: -8px;
}

.margin-vertical-n-8,
.mv-n-8 {
  margin-top: -8px;
  margin-bottom: -8px;
}

.margin-n-16,
.m-n-16 {
  margin: -16px;
}

.margin-top-n-16,
.mt-n-16 {
  margin-top: -16px;
}

.margin-right-n-16,
.mr-n-16 {
  margin-right: -16px;
}

.margin-bottom-n-16,
.mb-n-16 {
  margin-bottom: -16px;
}

º .margin-left-n-16,
.ml-n-16 {
  margin-left: -16px;
}

.margin-horizontal-n-16,
.mh-n-16 {
  margin-left: -16px;
  margin-right: -16px;
}

.margin-vertical-n-16,
.mv-n-16 {
  margin-top: -16px;
  margin-bottom: -16px;
}

.margin-n-24,
.m-n-24 {
  margin: -24px;
}

.margin-top-n-24,
.mt-n-24 {
  margin-top: -24px;
}

.margin-right-n-24,
.mr-n-24 {
  margin-right: -24px;
}

.margin-bottom-n-24,
.mb-n-24 {
  margin-bottom: -24px;
}

º .margin-left-n-24,
.ml-n-24 {
  margin-left: -24px;
}

.margin-horizontal-n-24,
.mh-n-24 {
  margin-left: -24px;
  margin-right: -24px;
}

.margin-vertical-n-24,
.mv-n-24 {
  margin-top: -24px;
  margin-bottom: -24px;
}

.margin-n-32,
.m-n-32 {
  margin: -32px;
}

.margin-top-n-32,
.mt-n-32 {
  margin-top: -32px;
}

.margin-right-n-32,
.mr-n-32 {
  margin-right: -32px;
}

.margin-bottom-n-32,
.mb-n-32 {
  margin-bottom: -32px;
}

º .margin-left-n-32,
.ml-n-32 {
  margin-left: -32px;
}

.margin-horizontal-n-32,
.mh-n-32 {
  margin-left: -32px;
  margin-right: -32px;
}

.margin-vertical-n-32,
.mv-n-32 {
  margin-top: -32px;
  margin-bottom: -32px;
}

.margin-n-40,
.m-n-40 {
  margin: -40px;
}

.margin-top-n-40,
.mt-n-40 {
  margin-top: -40px;
}

.margin-right-n-40,
.mr-n-40 {
  margin-right: -40px;
}

.margin-bottom-n-40,
.mb-n-40 {
  margin-bottom: -40px;
}

º .margin-left-n-40,
.ml-n-40 {
  margin-left: -40px;
}

.margin-horizontal-n-40,
.mh-n-40 {
  margin-left: -40px;
  margin-right: -40px;
}

.margin-vertical-n-40,
.mv-n-40 {
  margin-top: -40px;
  margin-bottom: -40px;
}

.margin-n-48,
.m-n-48 {
  margin: -48px;
}

.margin-top-n-48,
.mt-n-48 {
  margin-top: -48px;
}

.margin-right-n-48,
.mr-n-48 {
  margin-right: -48px;
}

.margin-bottom-n-48,
.mb-n-48 {
  margin-bottom: -48px;
}

º .margin-left-n-48,
.ml-n-48 {
  margin-left: -48px;
}

.margin-horizontal-n-48,
.mh-n-48 {
  margin-left: -48px;
  margin-right: -48px;
}

.margin-vertical-n-48,
.mv-n-48 {
  margin-top: -48px;
  margin-bottom: -48px;
}

.margin-n-56,
.m-n-56 {
  margin: -56px;
}

.margin-top-n-56,
.mt-n-56 {
  margin-top: -56px;
}

.margin-right-n-56,
.mr-n-56 {
  margin-right: -56px;
}

.margin-bottom-n-56,
.mb-n-56 {
  margin-bottom: -56px;
}

º .margin-left-n-56,
.ml-n-56 {
  margin-left: -56px;
}

.margin-horizontal-n-56,
.mh-n-56 {
  margin-left: -56px;
  margin-right: -56px;
}

.margin-vertical-n-56,
.mv-n-56 {
  margin-top: -56px;
  margin-bottom: -56px;
}

.margin-n-64,
.m-n-64 {
  margin: -64px;
}

.margin-top-n-64,
.mt-n-64 {
  margin-top: -64px;
}

.margin-right-n-64,
.mr-n-64 {
  margin-right: -64px;
}

.margin-bottom-n-64,
.mb-n-64 {
  margin-bottom: -64px;
}

º .margin-left-n-64,
.ml-n-64 {
  margin-left: -64px;
}

.margin-horizontal-n-64,
.mh-n-64 {
  margin-left: -64px;
  margin-right: -64px;
}

.margin-vertical-n-64,
.mv-n-64 {
  margin-top: -64px;
  margin-bottom: -64px;
}

.margin-n-72,
.m-n-72 {
  margin: -72px;
}

.margin-top-n-72,
.mt-n-72 {
  margin-top: -72px;
}

.margin-right-n-72,
.mr-n-72 {
  margin-right: -72px;
}

.margin-bottom-n-72,
.mb-n-72 {
  margin-bottom: -72px;
}

º .margin-left-n-72,
.ml-n-72 {
  margin-left: -72px;
}

.margin-horizontal-n-72,
.mh-n-72 {
  margin-left: -72px;
  margin-right: -72px;
}

.margin-vertical-n-72,
.mv-n-72 {
  margin-top: -72px;
  margin-bottom: -72px;
}

.margin-n-80,
.m-n-80 {
  margin: -80px;
}

.margin-top-n-80,
.mt-n-80 {
  margin-top: -80px;
}

.margin-right-n-80,
.mr-n-80 {
  margin-right: -80px;
}

.margin-bottom-n-80,
.mb-n-80 {
  margin-bottom: -80px;
}

º .margin-left-n-80,
.ml-n-80 {
  margin-left: -80px;
}

.margin-horizontal-n-80,
.mh-n-80 {
  margin-left: -80px;
  margin-right: -80px;
}

.margin-vertical-n-80,
.mv-n-80 {
  margin-top: -80px;
  margin-bottom: -80px;
}

.bt-0 {
  border-top-width: 0px;
}

.br-0 {
  border-right-width: 0px;
}

.bb-0 {
  border-bottom-width: 0px;
}

.bl-0 {
  border-left-width: 0px;
}

.bh-0 {
  border-right-width: 0px;
  border-left-width: 0px;
}

.bv-0 {
  border-top-width: 0px;
  border-bottom-width: 0px;
}

.bt-1 {
  border-top-width: 1px;
}

.br-1 {
  border-right-width: 1px;
}

.bb-1 {
  border-bottom-width: 1px;
}

.bl-1 {
  border-left-width: 1px;
}

.bh-1 {
  border-right-width: 1px;
  border-left-width: 1px;
}

.bv-1 {
  border-top-width: 1px;
  border-bottom-width: 1px;
}

.bt-2 {
  border-top-width: 2px;
}

.br-2 {
  border-right-width: 2px;
}

.bb-2 {
  border-bottom-width: 2px;
}

.bl-2 {
  border-left-width: 2px;
}

.bh-2 {
  border-right-width: 2px;
  border-left-width: 2px;
}

.bv-2 {
  border-top-width: 2px;
  border-bottom-width: 2px;
}

.bt-3 {
  border-top-width: 3px;
}

.br-3 {
  border-right-width: 3px;
}

.bb-3 {
  border-bottom-width: 3px;
}

.bl-3 {
  border-left-width: 3px;
}

.bh-3 {
  border-right-width: 3px;
  border-left-width: 3px;
}

.bv-3 {
  border-top-width: 3px;
  border-bottom-width: 3px;
}

.bt-4 {
  border-top-width: 4px;
}

.br-4 {
  border-right-width: 4px;
}

.bb-4 {
  border-bottom-width: 4px;
}

.bl-4 {
  border-left-width: 4px;
}

.bh-4 {
  border-right-width: 4px;
  border-left-width: 4px;
}

.bv-4 {
  border-top-width: 4px;
  border-bottom-width: 4px;
}

.bt-5 {
  border-top-width: 5px;
}

.br-5 {
  border-right-width: 5px;
}

.bb-5 {
  border-bottom-width: 5px;
}

.bl-5 {
  border-left-width: 5px;
}

.bh-5 {
  border-right-width: 5px;
  border-left-width: 5px;
}

.bv-5 {
  border-top-width: 5px;
  border-bottom-width: 5px;
}

.bt-6 {
  border-top-width: 6px;
}

.br-6 {
  border-right-width: 6px;
}

.bb-6 {
  border-bottom-width: 6px;
}

.bl-6 {
  border-left-width: 6px;
}

.bh-6 {
  border-right-width: 6px;
  border-left-width: 6px;
}

.bv-6 {
  border-top-width: 6px;
  border-bottom-width: 6px;
}

.bt-7 {
  border-top-width: 7px;
}

.br-7 {
  border-right-width: 7px;
}

.bb-7 {
  border-bottom-width: 7px;
}

.bl-7 {
  border-left-width: 7px;
}

.bh-7 {
  border-right-width: 7px;
  border-left-width: 7px;
}

.bv-7 {
  border-top-width: 7px;
  border-bottom-width: 7px;
}

.bt-8 {
  border-top-width: 8px;
}

.br-8 {
  border-right-width: 8px;
}

.bb-8 {
  border-bottom-width: 8px;
}

.bl-8 {
  border-left-width: 8px;
}

.bh-8 {
  border-right-width: 8px;
  border-left-width: 8px;
}

.bv-8 {
  border-top-width: 8px;
  border-bottom-width: 8px;
}

.bt-9 {
  border-top-width: 9px;
}

.br-9 {
  border-right-width: 9px;
}

.bb-9 {
  border-bottom-width: 9px;
}

.bl-9 {
  border-left-width: 9px;
}

.bh-9 {
  border-right-width: 9px;
  border-left-width: 9px;
}

.bv-9 {
  border-top-width: 9px;
  border-bottom-width: 9px;
}

.bt-10 {
  border-top-width: 10px;
}

.br-10 {
  border-right-width: 10px;
}

.bb-10 {
  border-bottom-width: 10px;
}

.bl-10 {
  border-left-width: 10px;
}

.bh-10 {
  border-right-width: 10px;
  border-left-width: 10px;
}

.bv-10 {
  border-top-width: 10px;
  border-bottom-width: 10px;
}

.icon-0 {
  font-size: 0px !important;
  width: 0px !important;
  min-width: 0px !important;
  max-width: 0px !important;
  height: 0px !important;
  min-height: 0px !important;
  max-height: 0px !important;
  line-height: 0px !important;
}

.icon-2 {
  font-size: 2px !important;
  width: 2px !important;
  min-width: 2px !important;
  max-width: 2px !important;
  height: 2px !important;
  min-height: 2px !important;
  max-height: 2px !important;
  line-height: 2px !important;
}

.icon-4 {
  font-size: 4px !important;
  width: 4px !important;
  min-width: 4px !important;
  max-width: 4px !important;
  height: 4px !important;
  min-height: 4px !important;
  max-height: 4px !important;
  line-height: 4px !important;
}

.icon-6 {
  font-size: 6px !important;
  width: 6px !important;
  min-width: 6px !important;
  max-width: 6px !important;
  height: 6px !important;
  min-height: 6px !important;
  max-height: 6px !important;
  line-height: 6px !important;
}

.icon-8 {
  font-size: 8px !important;
  width: 8px !important;
  min-width: 8px !important;
  max-width: 8px !important;
  height: 8px !important;
  min-height: 8px !important;
  max-height: 8px !important;
  line-height: 8px !important;
}

.icon-10 {
  font-size: 10px !important;
  width: 10px !important;
  min-width: 10px !important;
  max-width: 10px !important;
  height: 10px !important;
  min-height: 10px !important;
  max-height: 10px !important;
  line-height: 10px !important;
}

.icon-12 {
  font-size: 12px !important;
  width: 12px !important;
  min-width: 12px !important;
  max-width: 12px !important;
  height: 12px !important;
  min-height: 12px !important;
  max-height: 12px !important;
  line-height: 12px !important;
}

.icon-14 {
  font-size: 14px !important;
  width: 14px !important;
  min-width: 14px !important;
  max-width: 14px !important;
  height: 14px !important;
  min-height: 14px !important;
  max-height: 14px !important;
  line-height: 14px !important;
}

.icon-16 {
  font-size: 16px !important;
  width: 16px !important;
  min-width: 16px !important;
  max-width: 16px !important;
  height: 16px !important;
  min-height: 16px !important;
  max-height: 16px !important;
  line-height: 16px !important;
}

.icon-18 {
  font-size: 18px !important;
  width: 18px !important;
  min-width: 18px !important;
  max-width: 18px !important;
  height: 18px !important;
  min-height: 18px !important;
  max-height: 18px !important;
  line-height: 18px !important;
}

.icon-20 {
  font-size: 20px !important;
  width: 20px !important;
  min-width: 20px !important;
  max-width: 20px !important;
  height: 20px !important;
  min-height: 20px !important;
  max-height: 20px !important;
  line-height: 20px !important;
}

.icon-22 {
  font-size: 22px !important;
  width: 22px !important;
  min-width: 22px !important;
  max-width: 22px !important;
  height: 22px !important;
  min-height: 22px !important;
  max-height: 22px !important;
  line-height: 22px !important;
}

.icon-24 {
  font-size: 24px !important;
  width: 24px !important;
  min-width: 24px !important;
  max-width: 24px !important;
  height: 24px !important;
  min-height: 24px !important;
  max-height: 24px !important;
  line-height: 24px !important;
}

.icon-26 {
  font-size: 26px !important;
  width: 26px !important;
  min-width: 26px !important;
  max-width: 26px !important;
  height: 26px !important;
  min-height: 26px !important;
  max-height: 26px !important;
  line-height: 26px !important;
}

.icon-28 {
  font-size: 28px !important;
  width: 28px !important;
  min-width: 28px !important;
  max-width: 28px !important;
  height: 28px !important;
  min-height: 28px !important;
  max-height: 28px !important;
  line-height: 28px !important;
}

.icon-30 {
  font-size: 30px !important;
  width: 30px !important;
  min-width: 30px !important;
  max-width: 30px !important;
  height: 30px !important;
  min-height: 30px !important;
  max-height: 30px !important;
  line-height: 30px !important;
}

.icon-32 {
  font-size: 32px !important;
  width: 32px !important;
  min-width: 32px !important;
  max-width: 32px !important;
  height: 32px !important;
  min-height: 32px !important;
  max-height: 32px !important;
  line-height: 32px !important;
}

.icon-34 {
  font-size: 34px !important;
  width: 34px !important;
  min-width: 34px !important;
  max-width: 34px !important;
  height: 34px !important;
  min-height: 34px !important;
  max-height: 34px !important;
  line-height: 34px !important;
}

.icon-36 {
  font-size: 36px !important;
  width: 36px !important;
  min-width: 36px !important;
  max-width: 36px !important;
  height: 36px !important;
  min-height: 36px !important;
  max-height: 36px !important;
  line-height: 36px !important;
}

.icon-38 {
  font-size: 38px !important;
  width: 38px !important;
  min-width: 38px !important;
  max-width: 38px !important;
  height: 38px !important;
  min-height: 38px !important;
  max-height: 38px !important;
  line-height: 38px !important;
}

.icon-40 {
  font-size: 40px !important;
  width: 40px !important;
  min-width: 40px !important;
  max-width: 40px !important;
  height: 40px !important;
  min-height: 40px !important;
  max-height: 40px !important;
  line-height: 40px !important;
}

.icon-42 {
  font-size: 42px !important;
  width: 42px !important;
  min-width: 42px !important;
  max-width: 42px !important;
  height: 42px !important;
  min-height: 42px !important;
  max-height: 42px !important;
  line-height: 42px !important;
}

.icon-44 {
  font-size: 44px !important;
  width: 44px !important;
  min-width: 44px !important;
  max-width: 44px !important;
  height: 44px !important;
  min-height: 44px !important;
  max-height: 44px !important;
  line-height: 44px !important;
}

.icon-46 {
  font-size: 46px !important;
  width: 46px !important;
  min-width: 46px !important;
  max-width: 46px !important;
  height: 46px !important;
  min-height: 46px !important;
  max-height: 46px !important;
  line-height: 46px !important;
}

.icon-48 {
  font-size: 48px !important;
  width: 48px !important;
  min-width: 48px !important;
  max-width: 48px !important;
  height: 48px !important;
  min-height: 48px !important;
  max-height: 48px !important;
  line-height: 48px !important;
}

.icon-50 {
  font-size: 50px !important;
  width: 50px !important;
  min-width: 50px !important;
  max-width: 50px !important;
  height: 50px !important;
  min-height: 50px !important;
  max-height: 50px !important;
  line-height: 50px !important;
}

.icon-52 {
  font-size: 52px !important;
  width: 52px !important;
  min-width: 52px !important;
  max-width: 52px !important;
  height: 52px !important;
  min-height: 52px !important;
  max-height: 52px !important;
  line-height: 52px !important;
}

.icon-54 {
  font-size: 54px !important;
  width: 54px !important;
  min-width: 54px !important;
  max-width: 54px !important;
  height: 54px !important;
  min-height: 54px !important;
  max-height: 54px !important;
  line-height: 54px !important;
}

.icon-56 {
  font-size: 56px !important;
  width: 56px !important;
  min-width: 56px !important;
  max-width: 56px !important;
  height: 56px !important;
  min-height: 56px !important;
  max-height: 56px !important;
  line-height: 56px !important;
}

.icon-58 {
  font-size: 58px !important;
  width: 58px !important;
  min-width: 58px !important;
  max-width: 58px !important;
  height: 58px !important;
  min-height: 58px !important;
  max-height: 58px !important;
  line-height: 58px !important;
}

.icon-60 {
  font-size: 60px !important;
  width: 60px !important;
  min-width: 60px !important;
  max-width: 60px !important;
  height: 60px !important;
  min-height: 60px !important;
  max-height: 60px !important;
  line-height: 60px !important;
}

.icon-62 {
  font-size: 62px !important;
  width: 62px !important;
  min-width: 62px !important;
  max-width: 62px !important;
  height: 62px !important;
  min-height: 62px !important;
  max-height: 62px !important;
  line-height: 62px !important;
}

.icon-64 {
  font-size: 64px !important;
  width: 64px !important;
  min-width: 64px !important;
  max-width: 64px !important;
  height: 64px !important;
  min-height: 64px !important;
  max-height: 64px !important;
  line-height: 64px !important;
}

.icon-66 {
  font-size: 66px !important;
  width: 66px !important;
  min-width: 66px !important;
  max-width: 66px !important;
  height: 66px !important;
  min-height: 66px !important;
  max-height: 66px !important;
  line-height: 66px !important;
}

.icon-68 {
  font-size: 68px !important;
  width: 68px !important;
  min-width: 68px !important;
  max-width: 68px !important;
  height: 68px !important;
  min-height: 68px !important;
  max-height: 68px !important;
  line-height: 68px !important;
}

.icon-70 {
  font-size: 70px !important;
  width: 70px !important;
  min-width: 70px !important;
  max-width: 70px !important;
  height: 70px !important;
  min-height: 70px !important;
  max-height: 70px !important;
  line-height: 70px !important;
}

.icon-72 {
  font-size: 72px !important;
  width: 72px !important;
  min-width: 72px !important;
  max-width: 72px !important;
  height: 72px !important;
  min-height: 72px !important;
  max-height: 72px !important;
  line-height: 72px !important;
}

.icon-74 {
  font-size: 74px !important;
  width: 74px !important;
  min-width: 74px !important;
  max-width: 74px !important;
  height: 74px !important;
  min-height: 74px !important;
  max-height: 74px !important;
  line-height: 74px !important;
}

.icon-76 {
  font-size: 76px !important;
  width: 76px !important;
  min-width: 76px !important;
  max-width: 76px !important;
  height: 76px !important;
  min-height: 76px !important;
  max-height: 76px !important;
  line-height: 76px !important;
}

.icon-78 {
  font-size: 78px !important;
  width: 78px !important;
  min-width: 78px !important;
  max-width: 78px !important;
  height: 78px !important;
  min-height: 78px !important;
  max-height: 78px !important;
  line-height: 78px !important;
}

.icon-80 {
  font-size: 80px !important;
  width: 80px !important;
  min-width: 80px !important;
  max-width: 80px !important;
  height: 80px !important;
  min-height: 80px !important;
  max-height: 80px !important;
  line-height: 80px !important;
}

.icon-82 {
  font-size: 82px !important;
  width: 82px !important;
  min-width: 82px !important;
  max-width: 82px !important;
  height: 82px !important;
  min-height: 82px !important;
  max-height: 82px !important;
  line-height: 82px !important;
}

.icon-84 {
  font-size: 84px !important;
  width: 84px !important;
  min-width: 84px !important;
  max-width: 84px !important;
  height: 84px !important;
  min-height: 84px !important;
  max-height: 84px !important;
  line-height: 84px !important;
}

.icon-86 {
  font-size: 86px !important;
  width: 86px !important;
  min-width: 86px !important;
  max-width: 86px !important;
  height: 86px !important;
  min-height: 86px !important;
  max-height: 86px !important;
  line-height: 86px !important;
}

.icon-88 {
  font-size: 88px !important;
  width: 88px !important;
  min-width: 88px !important;
  max-width: 88px !important;
  height: 88px !important;
  min-height: 88px !important;
  max-height: 88px !important;
  line-height: 88px !important;
}

.icon-90 {
  font-size: 90px !important;
  width: 90px !important;
  min-width: 90px !important;
  max-width: 90px !important;
  height: 90px !important;
  min-height: 90px !important;
  max-height: 90px !important;
  line-height: 90px !important;
}

.icon-92 {
  font-size: 92px !important;
  width: 92px !important;
  min-width: 92px !important;
  max-width: 92px !important;
  height: 92px !important;
  min-height: 92px !important;
  max-height: 92px !important;
  line-height: 92px !important;
}

.icon-94 {
  font-size: 94px !important;
  width: 94px !important;
  min-width: 94px !important;
  max-width: 94px !important;
  height: 94px !important;
  min-height: 94px !important;
  max-height: 94px !important;
  line-height: 94px !important;
}

.icon-96 {
  font-size: 96px !important;
  width: 96px !important;
  min-width: 96px !important;
  max-width: 96px !important;
  height: 96px !important;
  min-height: 96px !important;
  max-height: 96px !important;
  line-height: 96px !important;
}

.icon-98 {
  font-size: 98px !important;
  width: 98px !important;
  min-width: 98px !important;
  max-width: 98px !important;
  height: 98px !important;
  min-height: 98px !important;
  max-height: 98px !important;
  line-height: 98px !important;
}

.icon-100 {
  font-size: 100px !important;
  width: 100px !important;
  min-width: 100px !important;
  max-width: 100px !important;
  height: 100px !important;
  min-height: 100px !important;
  max-height: 100px !important;
  line-height: 100px !important;
}

.w-0 {
  width: 0px !important;
  min-width: 0px !important;
  max-width: 0px !important;
}

.h-0 {
  height: 0px !important;
  min-height: 0px !important;
  max-height: 0px !important;
}

.w-50 {
  width: 50px !important;
  min-width: 50px !important;
  max-width: 50px !important;
}

.h-50 {
  height: 50px !important;
  min-height: 50px !important;
  max-height: 50px !important;
}

.w-100 {
  width: 100px !important;
  min-width: 100px !important;
  max-width: 100px !important;
}

.h-100 {
  height: 100px !important;
  min-height: 100px !important;
  max-height: 100px !important;
}

.w-150 {
  width: 150px !important;
  min-width: 150px !important;
  max-width: 150px !important;
}

.h-150 {
  height: 150px !important;
  min-height: 150px !important;
  max-height: 150px !important;
}

.w-200 {
  width: 200px !important;
  min-width: 200px !important;
  max-width: 200px !important;
}

.h-200 {
  height: 200px !important;
  min-height: 200px !important;
  max-height: 200px !important;
}

.w-250 {
  width: 250px !important;
  min-width: 250px !important;
  max-width: 250px !important;
}

.h-250 {
  height: 250px !important;
  min-height: 250px !important;
  max-height: 250px !important;
}

.w-300 {
  width: 300px !important;
  min-width: 300px !important;
  max-width: 300px !important;
}

.h-300 {
  height: 300px !important;
  min-height: 300px !important;
  max-height: 300px !important;
}

.w-350 {
  width: 350px !important;
  min-width: 350px !important;
  max-width: 350px !important;
}

.h-350 {
  height: 350px !important;
  min-height: 350px !important;
  max-height: 350px !important;
}

.w-400 {
  width: 400px !important;
  min-width: 400px !important;
  max-width: 400px !important;
}

.h-400 {
  height: 400px !important;
  min-height: 400px !important;
  max-height: 400px !important;
}

.w-450 {
  width: 450px !important;
  min-width: 450px !important;
  max-width: 450px !important;
}

.h-450 {
  height: 450px !important;
  min-height: 450px !important;
  max-height: 450px !important;
}

.w-500 {
  width: 500px !important;
  min-width: 500px !important;
  max-width: 500px !important;
}

.h-500 {
  height: 500px !important;
  min-height: 500px !important;
  max-height: 500px !important;
}

.w-550 {
  width: 550px !important;
  min-width: 550px !important;
  max-width: 550px !important;
}

.h-550 {
  height: 550px !important;
  min-height: 550px !important;
  max-height: 550px !important;
}

.w-600 {
  width: 600px !important;
  min-width: 600px !important;
  max-width: 600px !important;
}

.h-600 {
  height: 600px !important;
  min-height: 600px !important;
  max-height: 600px !important;
}

.w-650 {
  width: 650px !important;
  min-width: 650px !important;
  max-width: 650px !important;
}

.h-650 {
  height: 650px !important;
  min-height: 650px !important;
  max-height: 650px !important;
}

.w-700 {
  width: 700px !important;
  min-width: 700px !important;
  max-width: 700px !important;
}

.h-700 {
  height: 700px !important;
  min-height: 700px !important;
  max-height: 700px !important;
}

.w-750 {
  width: 750px !important;
  min-width: 750px !important;
  max-width: 750px !important;
}

.h-750 {
  height: 750px !important;
  min-height: 750px !important;
  max-height: 750px !important;
}

.w-800 {
  width: 800px !important;
  min-width: 800px !important;
  max-width: 800px !important;
}

.h-800 {
  height: 800px !important;
  min-height: 800px !important;
  max-height: 800px !important;
}

.w-850 {
  width: 850px !important;
  min-width: 850px !important;
  max-width: 850px !important;
}

.h-850 {
  height: 850px !important;
  min-height: 850px !important;
  max-height: 850px !important;
}

.w-900 {
  width: 900px !important;
  min-width: 900px !important;
  max-width: 900px !important;
}

.h-900 {
  height: 900px !important;
  min-height: 900px !important;
  max-height: 900px !important;
}

.w-950 {
  width: 950px !important;
  min-width: 950px !important;
  max-width: 950px !important;
}

.h-950 {
  height: 950px !important;
  min-height: 950px !important;
  max-height: 950px !important;
}

.w-1000 {
  width: 1000px !important;
  min-width: 1000px !important;
  max-width: 1000px !important;
}

.h-1000 {
  height: 1000px !important;
  min-height: 1000px !important;
  max-height: 1000px !important;
}

/* FULLSCREN STYLES
-------------------------------*/
.custom-btn {
  color: #333 !important;
  background-color: #fff !important;
  border-color: #ccc !important;
}

.box {
  min-width: 100%;
  min-height: 100%;
  position: relative;
}

.floating-buttons {
  margin-top: -5px;
  width: 100%;
  background: lightgrey;
  height: 40px;
  position: absolute;
  bottom: 0px;
}

.iframeViewer {
  width: 100%;
  min-height: 100vh;
  padding: 0 !important;
}

/*----------------------------------------------------------------*/
/*  Variables
/*----------------------------------------------------------------*/
.ms-maps-options .ms-theme-options-button {
  position: absolute;
  top: 160px;
  right: 0;
  z-index: 50;
  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);
  width: 48px;
  height: 48px;
  line-height: 48px;
  text-align: center;
  cursor: pointer;
  border-radius: 0;
  margin: 0;
  pointer-events: auto;
  opacity: 0.75;
}

.ms-maps-options .ms-theme-options-button:hover {
  opacity: 1;
}

.ms-maps-options md-sidenav {
  width: 384px;
  min-width: 384px;
  max-width: 384px;
  opacity: 0.75;
}

.ms-maps-options md-sidenav .ms-theme-options-list {
  background: #ffffff;
  z-index: 12;
  pointer-events: auto;
}

.ms-maps-options md-sidenav .ms-theme-options-list .theme-option {
  padding: 16px;
}

.ms-maps-options md-sidenav .ms-theme-options-list .theme-option.layout-options md-radio-button {
  width: 160px;
  max-width: 160px;
  margin: 8px 8px 16px 8px;
}

.ms-maps-options md-sidenav .ms-theme-options-list .theme-option.layout-options md-radio-button:hover ._md-label img,
.ms-maps-options md-sidenav .ms-theme-options-list .theme-option.layout-options md-radio-button.md-checked ._md-label img {
  opacity: 1;
  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);
}

.ms-maps-options md-sidenav .ms-theme-options-list .theme-option.layout-options md-radio-button ._md-container {
  display: none;
}

.ms-maps-options md-sidenav .ms-theme-options-list .theme-option.layout-options md-radio-button ._md-label {
  margin-left: 0;
}

.ms-maps-options md-sidenav .ms-theme-options-list .theme-option.layout-options md-radio-button ._md-label img {
  opacity: 0.8;
  margin-bottom: 8px;
}

.ms-maps-options md-sidenav .ms-theme-options-list .theme-option.color-palettes md-menu-item {
  max-width: 192px;
}

.ms-maps-options md-sidenav .ms-theme-options-list .theme-option.color-palettes .theme-button {
  border-bottom: 16px solid;
  text-align: left;
  width: 101px;
  height: 88px;
  box-shadow: none;
  opacity: 0.8;
}

.ms-maps-options md-sidenav .ms-theme-options-list .theme-option.color-palettes .theme-button:hover,
.ms-maps-options md-sidenav .ms-theme-options-list .theme-option.color-palettes .theme-button.active {
  opacity: 1;
  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);
}

.ms-maps-options md-sidenav .ms-theme-options-list .theme-option md-radio-button {
  margin: 8px;
}

.ms-maps-options md-sidenav .ms-theme-options-list .theme-option .option-title {
  font-size: 14px;
  font-weight: 500;
  padding: 0 8px 12px 8px;
}

/* MODAL STYLES
-------------------------------*/
modal {
  /* modals are hidden by default */
  display: none;
}

modal .modal {
  /* modal container fixed across whole screen */
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  /* z-index must be higher than .modal-background */
  z-index: 1000;
  /* enables scrolling for tall modals */
  overflow: auto;
}

modal .modal .modal-body {
  padding: 20px;
  background: #fff;
  /* margin exposes part of the modal background */
  margin: 40px;
}

modal .modal-background {
  /* modal background fixed across whole screen */
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  /* semi-transparent black  */
  background-color: #000;
  opacity: 0.75;
  /* z-index must be below .modal and above everything else  */
  z-index: 900;
}

body.modal-open {
  /* body overflow is hidden to hide main scrollbar when modal window is open */
  overflow: hidden;
}

.emais-modal {
  overflow-y: initial !important;
}

.emais-modal .reportCards:hover {
  background-color: #3c4252;
  color: white;
  transition: 0.3s;
}

.emais-modal .reportCards:hover md-icon:before {
  color: white;
  transition: 0.3s;
}

.emais-modal .selectedCard {
  background-color: #3c4252;
  color: white;
}

.emais-modal .selectedCard md-icon:before {
  color: white;
  transition: 0.3s;
}

.marginexport {
  margin-top: -52px !important;
}

.cols-container {
  margin: 10px 10px 0 0;
  padding: 5px;
  overflow-y: scroll;
  height: 500px;
}

.sideCols {
  max-height: 480px;
}

.col {
  font-size: 1.1em;
  font-weight: bold;
  text-align: center;
  cursor: pointer;
  min-height: 40px !important;
  max-height: 40px !important;
}

.ui-sortable-background {
  background-color: #eef0f2;
}

.link:hover {
  cursor: pointer;
  text-decoration: underline;
}

/* FULLSCREN STYLES
-------------------------------*/
.custom-btn {
  color: #333 !important;
  background-color: #fff !important;
  border-color: #ccc !important;
}

.box {
  min-width: 100%;
  min-height: 100%;
  position: relative;
}

.floating-buttons {
  margin-top: -5px;
  width: 100%;
  background: lightgrey;
  height: 40px;
  position: absolute;
  bottom: 0px;
}

.iframeViewer {
  width: 100%;
  min-height: 100vh;
  padding: 0 !important;
}

.pivot-container {
  overflow: auto;
}

.pivot-container .pivot-button-container {
  min-width: 200px;
  margin-top: 5px;
  position: absolute;
}

.pivot-container .pivot-button-container button {
  display: inline-block;
  min-width: 36px !important;
  margin: 3px !important;
}

.pivot-container .pvtUi {
  color: inherit;
}

.pivot-container .pvtUi .pvtTriangle {
  content: '';
}

.pivot-container .pvtUi .pvtTriangle:first-letter {
  visibility: hidden;
}

.pivot-container .pvtUi .pvtTriangle:after {
  font-family: 'icomoon';
  content: '\e743';
  color: inherit;
}

.pivot-container .pvtUi .pvtRenderer {
  visibility: hidden;
  height: 50px;
}

.pivot-container .pvtUi .pvtAxisContainer {
  border: 0px;
  background-color: #e4e4e4;
}

.pivot-container .pvtUi .pvtAxisContainer .pvtAttr {
  background-color: #f7f7f7;
  display: inline-block;
  width: 200px;
  border-radius: 0px;
}

.pivot-container .pvtUi .pvtAxisContainer .pvtAttr .pvtTriangle {
  display: block;
  float: right;
}

.pivot-container .pvtUi .pvtAxisContainer .pvtFilterBox p button {
  background-color: #e4e4e4;
  padding: 5px;
  margin: 5px;
}

.pivot-container .pvtUi .pvtUnused {
  background-color: #f7f7f7;
}

.pivot-container .pvtUi .pvtUnused .pvtAttr {
  background-color: #e4e4e4;
  border: 0px;
}

.pivot-container .pvtUi .pvtVals {
  border: 0px;
  background-color: #f7f7f7;
}

.pivot-container .pvtUi .pvtVals .pvtAggregator,
.pivot-container .pvtUi .pvtVals .pvtAttrDropdown {
  padding: 5px;
  width: 160px;
  background-color: #e4e4e4;
  margin-left: 5px;
}

.pivot-container .pvtUi .pvtVals .pvtAttrDropdown {
  float: left;
}

.pivot-container .pvtUi .pvtVals .pvtRowOrder,
.pivot-container .pvtUi .pvtVals .pvtColOrder {
  font-size: 2.2rem;
  width: 18px;
  text-align: center;
  color: inherit;
}

.emais-modal .reportCards:hover {
  background-color: #3c4252;
  color: white;
  transition: 0.3s;
}

.emais-modal .reportCards:hover md-icon:before {
  color: white;
  transition: 0.3s;
}

.emais-modal .selectedCard {
  background-color: #3c4252;
  color: white;
}

.emais-modal .selectedCard md-icon:before {
  color: white;
  transition: 0.3s;
}

.tablaoculta .pvtAxisContainer.pvtUnused.pvtHorizList.ui-sortable,
.tablaoculta .pvtRenderer,
.tablaoculta .pvtVals,
.tablaoculta .pvtAxisContainer.pvtHorizList.pvtCols.ui-sortable,
.tablaoculta .pvtAxisContainer.pvtRows.ui-sortable,
.tablaoculta .pvtAxisContainer.pvtUnused.pvtVertList.ui-sortable {
  display: none !important;
}

.tablaoculta .emais-pivot-table {
  margin-top: 72px;
}

#scrollToTop {
  position: fixed !important;
  right: 0px;
  z-index: 100000 !important;
  margin: 10px !important;
  -moz-opacity: 0.6;
  border-radius: 0 !important;
  opacity: 0.6;
  background-color: grey;
}

#scrollToTop:hover md-icon {
  color: white !important;
}

input[mdc-datetime-picker] {
  margin: 0;
}

input[mdc-datetime-picker]:placeholder-shown {
  text-overflow: ellipsis;
}

.checkmark {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  display: block;
  stroke-width: 2;
  stroke: #fff;
  stroke-miterlimit: 10;
  box-shadow: inset 0px 0px 0px #7ac142;
  animation: fill 0.4s ease-in-out 0.4s forwards,
    scale 0.3s ease-in-out 0.9s both;
}

.checkmark__circle {
  stroke-dasharray: 166;
  stroke-dashoffset: 166;
  stroke-width: 2;
  stroke-miterlimit: 10;
  stroke: #7ac142;
  fill: none;
  animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}

.checkmark__check {
  transform-origin: 50% 50%;
  stroke-dasharray: 48;
  stroke-dashoffset: 48;
  animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
}

@keyframes stroke {
  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes scale {

  0%,
  100% {
    transform: none;
  }

  50% {
    transform: scale3d(1.1, 1.1, 1);
  }
}

@keyframes fill {
  100% {
    box-shadow: inset 0px 0px 0px 30px #7ac142;
  }
}

.thread-list .thread-list-container {
  max-height: 300px;
  padding: 0 0 10px 0;
}

.thread-list .thread-list-container .thread {
  padding: 5px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

.thread-list .thread-list-container .thread:hover {
  background-color: #5c616f;
  color: #fff;
}

.thread-list .thread-list-container .thread .info {
  overflow: hidden;
  width: 0;
  margin: 0 16px;
}

.thread-list .thread-list-container .thread .info .name {
  font-size: 15px;
  font-weight: 500;
  padding-bottom: 8px;
}

.thread-list .thread-list-container .thread .info .name .avatar {
  min-width: 32px;
  width: 32px;
  height: 32px;
  line-height: 32px;
}

.no-threads {
  width: 100%;
}

.thread-container {
  position: relative;
}

.thread-container .back {
  position: absolute;
  top: 0;
  right: 0;
  margin: 10px 10px 0 0;
}

.thread-container .thread-info {
  margin-bottom: 10px;
}

.thread-container .thread-text {
  margin-top: 10px;
  max-height: 500px;
}

/* UPLOADFILES STYLES
-------------------------------*/
table {
  border-collapse: collapse;
}

.percent {
  position: absolute;
  width: 300px;
  height: 14px;
  z-index: 1;
  text-align: center;
  font-size: 0.8em;
  color: white;
}

.progress-bar {
  width: 300px;
  height: 14px;
  border-radius: 10px;
  border: 1px solid #ccc;
  background-image: -webkit-gradient(linear,
      left top,
      left bottom,
      from(#6666cc),
      to(#4b4b95));
  border-image: initial;
}

.uploadfile {
  width: 100%;
  height: 100%;
  padding-bottom: 10px;
  margin-bottom: 5px;
}

.dropzone {
  margin: auto;
  text-align: center;
  min-height: 100%;
  min-width: 100%;
  height: 100%;
  width: 100%;
  border: none;
  background: #f7f7f7;
}

.repeatListFile {
  margin-bottom: 2px;
}

.containerListFile {
  position: absolute;
  margin-top: 20px;
  margin-left: 8px;
}

.boxListFile {
  margin: auto;
  width: 100%;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.12);
  padding-left: 15px;
  padding-right: 15px;
  border-radius: 5px;
  padding-top: 2px;
  padding-bottom: 2px;
}

.itemListFile {
  text-align: center;
  margin: auto;
}

.dropzone .dz-message {
  text-align: center;
  margin: 0em 0;
  margin-top: -1em;
}

.dropzone .dz-message span {
  color: #929292;
}

.dz-max-files-reached {
  /* disable click event on main Dropzone element when max files are reached */
  pointer-events: none !important;
  background-color: #f5f5f5;
}

.dz-max-files-reached * {
  /* allow clicking on child elements (to remove files from Dropzone) */
  pointer-events: all;
  background-color: white;
}

.dz-max-files-reached div.dz-message {
  pointer-events: none !important;
  display: none;
}

#error-404 .content {
  width: 90%;
  max-width: 512px;
  margin-top: 128px;
}

#error-404 .content .error-code {
  font-size: 112px;
  text-align: center;
  line-height: 1;
  margin-bottom: 16px;
  font-weight: 500;
}

#error-404 .content .message {
  font-size: 24px;
  text-align: center;
  color: rgba(0, 0, 0, 0.54);
}

#error-404 .content .search {
  width: 100%;
  height: 56px;
  line-height: 56px;
  margin: 48px auto 16px auto;
  padding: 16px;
  background: #ffffff;
}

#error-404 .content .search input {
  padding: 0 0 0 16px;
}

#error-404 .content .back-link {
  font-size: 15px;
  text-align: center;
}

#error-500 .content {
  width: 90%;
  max-width: 512px;
  margin-top: 128px;
}

#error-500 .content .error-code {
  font-size: 112px;
  line-height: 1;
  text-align: center;
  margin-bottom: 16px;
  font-weight: 500;
}

#error-500 .content .message {
  font-size: 24px;
  text-align: center;
  color: rgba(0, 0, 0, 0.54);
}

#error-500 .content .sub-message {
  font-size: 17px;
  text-align: center;
  color: rgba(0, 0, 0, 0.54);
  margin: 16px auto 48px auto;
}

#error-500 .content .report-link {
  text-align: center;
  font-size: 15px;
}

/*----------------------------------------------------------------*/
/*  Variables
/*----------------------------------------------------------------*/
#login {
  height: 100%;
  background: url('/assets/images/backgrounds/login-background.jpg') no-repeat;
  background-size: cover;
}

#login #login-form-wrapper {
  flex: 1 0 auto;
  padding: 32px;
}

#login #login-form-wrapper #login-form {
  width: 384px;
  max-width: 384px;
  padding: 32px;
  background: #ffffff;
  text-align: center;
}

#login #login-form-wrapper #login-form .logo {
  width: 300px;
  margin: 32px auto;
  border-radius: 2px;
}

#login #login-form-wrapper #login-form form {
  width: 100%;
  text-align: left;
}

#login #login-form-wrapper #login-form form md-checkbox {
  margin: 0;
}

#login #login-form-wrapper #login-form form .remember-forgot-password {
  font-size: 13px;
  margin-top: 8px;
}

#login #login-form-wrapper #login-form form .remember-forgot-password .remember-me {
  margin-bottom: 16px;
}

#login #login-form-wrapper #login-form form .remember-forgot-password .forgot-password {
  font-size: 13px;
  font-weight: 500;
  margin-bottom: 16px;
}

#login #login-form-wrapper #login-form form .submit-button {
  width: 220px;
  display: block;
  color: white;
  background-color: #43bf71;
}

#login #login-form-wrapper #login-form form .submit-button[disabled='disabled'] {
  color: #212121;
  background-color: rgba(0, 0, 0, 0.12);
}

#login #login-form-wrapper #login-form .register {
  margin: 32px auto 24px auto;
  width: 250px;
  font-weight: 500;
}

#login #login-form-wrapper #login-form .register .text {
  margin-right: 8px;
}

#login #login-form-wrapper #login-form .separator {
  font-size: 15px;
  font-weight: 600;
  margin: 24px auto 16px auto;
  position: relative;
  overflow: hidden;
  width: 100px;
  color: rgba(0, 0, 0, 0.54);
}

#login #login-form-wrapper #login-form .separator .text {
  display: inline-block;
  vertical-align: baseline;
  position: relative;
  padding: 0 8px;
  z-index: 9999;
}

#login #login-form-wrapper #login-form .separator .text:before,
#login #login-form-wrapper #login-form .separator .text:after {
  content: '';
  display: block;
  width: 30px;
  position: absolute;
  top: 10px;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
}

#login #login-form-wrapper #login-form .separator .text:before {
  right: 100%;
}

#login #login-form-wrapper #login-form .separator .text:after {
  left: 100%;
}

#login #login-form-wrapper #login-form .md-button.google,
#login #login-form-wrapper #login-form .md-button.facebook {
  width: 192px;
  text-transform: none;
  color: #ffffff;
  font-size: 13px;
}

#login #login-form-wrapper #login-form .md-button.google md-icon,
#login #login-form-wrapper #login-form .md-button.facebook md-icon {
  color: #ffffff;
  margin: 0 8px 0 0;
}

#login #login-form-wrapper #login-form .md-button.google {
  background-color: #d73d32;
}

#login #login-form-wrapper #login-form .md-button.facebook {
  background-color: #3f5c9a;
}

@media screen and (max-width: 600px) {
  #login #login-form-wrapper {
    padding: 16px;
  }

  #login #login-form-wrapper #login-form {
    padding: 24px;
    width: 100%;
  }

  #login #login-form-wrapper #login-form form .md-button {
    width: 90%;
  }

  #login #login-form-wrapper #login-form .md-button.google,
  #login #login-form-wrapper #login-form .md-button.facebook {
    width: 80%;
  }
}

/*----------------------------------------------------------------*/
/*  Variables
/*----------------------------------------------------------------*/
md-dialog.mail-compose-dialog {
  max-width: 90%;
  width: 60%;
}

md-dialog.mail-compose-dialog.editing-template {
  width: 80%;
}

md-dialog.mail-compose-dialog md-dialog-content {
  display: block;
  position: relative;
}

md-dialog.mail-compose-dialog md-dialog-content .template-area {
  height: 100%;
}

md-dialog.mail-compose-dialog md-toolbar .title {
  font-size: 17px;
}

md-dialog.mail-compose-dialog .to {
  margin-top: 0;
  position: relative;
}

md-dialog.mail-compose-dialog .to.hidden-cc input {
  padding-right: 32px;
}

md-dialog.mail-compose-dialog .to.hidden-cc.hidden-bcc input {
  padding-right: 56px;
}

md-dialog.mail-compose-dialog .to.hidden-bcc input {
  padding-right: 32px;
}

md-dialog.mail-compose-dialog .to .cc-bcc {
  position: absolute;
  bottom: 8px;
  right: 0;
}

md-dialog.mail-compose-dialog .to .cc-bcc .show-cc,
md-dialog.mail-compose-dialog .to .cc-bcc .show-bcc {
  cursor: pointer;
  font-size: 12px;
}

md-dialog.mail-compose-dialog .to .cc-bcc .show-bcc {
  margin-left: 8px;
}

md-dialog.mail-compose-dialog .attachment-list {
  font-size: 13px;
  padding-top: 16px;
}

md-dialog.mail-compose-dialog .attachment-list .attachment {
  background-color: rgba(0, 0, 0, 0.08);
  border: 1px solid rgba(0, 0, 0, 0.16);
  padding-left: 16px;
  margin-top: 8px;
  border-radius: 2px;
}

md-dialog.mail-compose-dialog .attachment-list .attachment .filename {
  font-weight: 500;
}

md-dialog.mail-compose-dialog .attachment-list .attachment .md-button {
  margin: 0;
}

md-dialog.mail-compose-dialog .attachment-list .attachment:last-child {
  margin-bottom: 0;
}

md-dialog.mail-compose-dialog md-dialog-actions {
  position: relative;
  justify-content: space-between;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
  background-color: rgba(0, 0, 0, 0.03);
}

@media screen and (max-width: 960px) {
  md-dialog.mail-compose-dialog {
    width: 80%;
  }
}

@media screen and (max-width: 600px) {
  md-dialog.mail-compose-dialog {
    width: 90%;
  }
}

/*----------------------------------------------------------------*/
/*  Variables
/*----------------------------------------------------------------*/
#renew-password {
  height: 100%;
  background: url('/assets/images/backgrounds/login-background.jpg') no-repeat;
  background-size: cover;
}

#renew-password #renew-password-form-wrapper {
  flex: 1 0 auto;
  padding: 32px;
}

#renew-password #renew-password-form-wrapper #renew-password-form {
  width: 384px;
  max-width: 384px;
  padding: 32px;
  text-align: center;
  background: #ffffff;
}

#renew-password #renew-password-form-wrapper #renew-password-form .logo {
  width: 300px;
  margin: 32px auto;
}

#renew-password #renew-password-form-wrapper #renew-password-form .title {
  font-size: 17px;
  margin: 16px 0 32px 0;
}

#renew-password #renew-password-form-wrapper #renew-password-form form {
  width: 100%;
  text-align: left;
}

#renew-password #renew-password-form-wrapper #renew-password-form form .submit-button {
  width: 220px;
  margin: 16px auto;
  display: block;
}

#renew-password #renew-password-form-wrapper #renew-password-form .login {
  margin: 32px auto 24px auto;
  width: 250px;
  font-weight: 500;
}

#renew-password #renew-password-form-wrapper #renew-password-form .login .text {
  margin-right: 8px;
}

@media screen and (max-width: 600px) {
  #renew-password #renew-password-form-wrapper {
    padding: 16px;
  }

  #renew-password #renew-password-form-wrapper #renew-password-form {
    padding: 24px;
    width: 100%;
  }

  #renew-password #renew-password-form-wrapper #renew-password-form form .md-button {
    width: 90%;
  }
}

/*----------------------------------------------------------------*/
/*  Variables
/*----------------------------------------------------------------*/
#renew-password {
  height: 100%;
  background: url('/assets/images/backgrounds/login-background.jpg') no-repeat;
  background-size: cover;
}

#renew-password #renew-password-form-wrapper {
  flex: 1 0 auto;
  padding: 32px;
}

#renew-password #renew-password-form-wrapper #renew-password-form {
  width: 384px;
  max-width: 384px;
  padding: 32px;
  text-align: center;
  background: #ffffff;
}

#renew-password #renew-password-form-wrapper #renew-password-form .logo {
  width: 300px;
  margin: 32px auto;
}

#renew-password #renew-password-form-wrapper #renew-password-form .title {
  font-size: 17px;
  margin: 16px 0 32px 0;
}

#renew-password #renew-password-form-wrapper #renew-password-form form {
  width: 100%;
  text-align: left;
}

#renew-password #renew-password-form-wrapper #renew-password-form form .submit-button {
  width: 220px;
  margin: 16px auto;
  display: block;
}

#renew-password #renew-password-form-wrapper #renew-password-form .login {
  margin: 32px auto 24px auto;
  width: 250px;
  font-weight: 500;
}

#renew-password #renew-password-form-wrapper #renew-password-form .login .text {
  margin-right: 8px;
}

@media screen and (max-width: 600px) {
  #renew-password #renew-password-form-wrapper {
    padding: 16px;
  }

  #renew-password #renew-password-form-wrapper #renew-password-form {
    padding: 24px;
    width: 100%;
  }

  #renew-password #renew-password-form-wrapper #renew-password-form form .md-button {
    width: 90%;
  }
}

/*----------------------------------------------------------------*/
/*  Variables
/*----------------------------------------------------------------*/
.maps-options .ms-theme-options-button {
  position: absolute;
  top: 160px;
  right: 0;
  z-index: 50;
  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);
  width: 48px;
  height: 48px;
  line-height: 48px;
  text-align: center;
  cursor: pointer;
  border-radius: 0;
  margin: 0;
  pointer-events: auto;
  opacity: 0.75;
}

.maps-options .ms-theme-options-button:hover {
  opacity: 1;
}

.maps-options md-sidenav {
  width: 384px;
  min-width: 384px;
  max-width: 384px;
  opacity: 0.75;
}

.maps-options md-sidenav .ms-theme-options-list {
  background: #ffffff;
  z-index: 12;
  pointer-events: auto;
}

.maps-options md-sidenav .ms-theme-options-list .theme-option {
  padding: 16px;
}

.maps-options md-sidenav .ms-theme-options-list .theme-option.layout-options md-radio-button {
  width: 160px;
  max-width: 160px;
  margin: 8px 8px 16px 8px;
}

.maps-options md-sidenav .ms-theme-options-list .theme-option.layout-options md-radio-button:hover ._md-label img,
.maps-options md-sidenav .ms-theme-options-list .theme-option.layout-options md-radio-button.md-checked ._md-label img {
  opacity: 1;
  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);
}

.maps-options md-sidenav .ms-theme-options-list .theme-option.layout-options md-radio-button ._md-container {
  display: none;
}

.maps-options md-sidenav .ms-theme-options-list .theme-option.layout-options md-radio-button ._md-label {
  margin-left: 0;
}

.maps-options md-sidenav .ms-theme-options-list .theme-option.layout-options md-radio-button ._md-label img {
  opacity: 0.8;
  margin-bottom: 8px;
}

.maps-options md-sidenav .ms-theme-options-list .theme-option.color-palettes md-menu-item {
  max-width: 192px;
}

.maps-options md-sidenav .ms-theme-options-list .theme-option.color-palettes .theme-button {
  border-bottom: 16px solid;
  text-align: left;
  width: 101px;
  height: 88px;
  box-shadow: none;
  opacity: 0.8;
}

.maps-options md-sidenav .ms-theme-options-list .theme-option.color-palettes .theme-button:hover,
.maps-options md-sidenav .ms-theme-options-list .theme-option.color-palettes .theme-button.active {
  opacity: 1;
  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);
}

.maps-options md-sidenav .ms-theme-options-list .theme-option md-radio-button {
  margin: 8px;
}

.maps-options md-sidenav .ms-theme-options-list .theme-option .option-title {
  font-size: 14px;
  font-weight: 500;
  padding: 0 8px 12px 8px;
}

.angular-google-map-container {
  height: 404px;
}

.mapContainer {
  height: 95%;
}

.mapaUR {
  height: 100%;
}

md-fab-toolbar md-toolbar.pevents__initial {
  pointer-events: initial;
}

md-button.filterMenuButton {
  border-radius: 0px;
}

.filtersInfo {
  background-color: transparent !important;
  height: 50px;
  padding: 6px;
}

.filtersInfo .labels {
  margin-right: 30px !important;
}

.filtersInfo .label {
  flex-direction: row;
  display: flex;
  max-height: 100%;
  color: black;
}

.filtersInfo .label .label-color {
  width: 8px !important;
  height: 8px !important;
  margin-right: 8px;
  border-radius: 50%;
}

.custom-slider.rzslider .rz-bar {
  background: #90b8b3;
  height: 2px;
}

.custom-slider.rzslider .rz-selection {
  background: #005442;
}

.custom-slider.rzslider .rz-pointer {
  width: 8px;
  height: 16px;
  top: auto;
  /* to remove the default positioning */
  bottom: 0;
  background-color: #333;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.custom-slider.rzslider .rz-pointer:after {
  display: none;
}

.custom-slider.rzslider .rz-bubble {
  bottom: 14px;
}

.custom-slider.rzslider .rz-limit {
  font-weight: bold;
  color: #005442;
}

.custom-slider.rzslider .rz-tick {
  width: 1px;
  height: 10px;
  margin-left: 4px;
  border-radius: 0;
  background: #90b8b3;
  top: -1px;
}

.custom-slider.rzslider .rz-tick.rz-selected {
  background: #005442;
}

table.ng-table tr {
  position: relative;
}

table.ng-table tr td {
  vertical-align: middle;
}

table.ng-table tr td.collapsed {
  display: none;
}

table.ng-table tr td.expanded {
  border: none;
  display: none;
  left: 0;
  padding-left: 42px;
  padding-bottom: 16px;
  position: absolute;
  width: 100%;
}

.ngt-disabled {
  cursor: default;
}

.secondOptionSwitch {
  display: flex;
  align-items: center;
  padding-left: 6px;
  padding-top: 22px;
}

.headerColumnAutocomplete {
  padding-left: 20px;
}

@media (min-width: 800px) and (max-width: 1300px) {
  .rightmedium {
    float: right !important;
  }
}

.label-status {
  font-size: 12px !important;
  border-radius: 3px !important;
  font-weight: 100;
}

/*----------------------------------------------------------------*/
/*  Variables
/*----------------------------------------------------------------*/
md-dialog.compose-dialog {
  max-width: 60%;
  width: 60%;
}

md-dialog.compose-dialog md-dialog-content {
  display: block;
  position: relative;
}

md-dialog.compose-dialog md-toolbar .title {
  font-size: 17px;
}

md-dialog.compose-dialog .to {
  margin-top: 0;
  position: relative;
}

md-dialog.compose-dialog .to.hidden-cc input {
  padding-right: 32px;
}

md-dialog.compose-dialog .to.hidden-cc.hidden-bcc input {
  padding-right: 56px;
}

md-dialog.compose-dialog .to.hidden-bcc input {
  padding-right: 32px;
}

md-dialog.compose-dialog .to .cc-bcc {
  position: absolute;
  bottom: 8px;
  right: 0;
}

md-dialog.compose-dialog .to .cc-bcc .show-cc,
md-dialog.compose-dialog .to .cc-bcc .show-bcc {
  cursor: pointer;
  font-size: 12px;
}

md-dialog.compose-dialog .to .cc-bcc .show-bcc {
  margin-left: 8px;
}

md-dialog.compose-dialog .attachment-list {
  font-size: 13px;
  padding-top: 16px;
}

md-dialog.compose-dialog .attachment-list .attachment {
  background-color: rgba(0, 0, 0, 0.08);
  border: 1px solid rgba(0, 0, 0, 0.16);
  padding-left: 16px;
  margin-top: 8px;
  border-radius: 2px;
}

md-dialog.compose-dialog .attachment-list .attachment .filename {
  font-weight: 500;
}

md-dialog.compose-dialog .attachment-list .attachment .md-button {
  margin: 0;
}

md-dialog.compose-dialog .attachment-list .attachment:last-child {
  margin-bottom: 0;
}

md-dialog.compose-dialog md-dialog-actions {
  position: relative;
  justify-content: space-between;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
  background-color: rgba(0, 0, 0, 0.03);
}

@media screen and (max-width: 960px) {
  md-dialog.compose-dialog {
    width: 80%;
  }
}

@media screen and (max-width: 600px) {
  md-dialog.compose-dialog {
    width: 90%;
  }
}

#mail .center .header {
  padding: 24px 0;
  transition: 0.5s;
  min-height: auto !important;
  max-height: none !important;
  overflow-y: hidden;
}

#mail .center .header .sidenav-toggle {
  margin: 0;
  width: 56px;
  height: 56px;
  background: #ffffff;
  border-radius: 0;
  border-right: 1px solid rgba(0, 0, 0, 0.12);
}

#mail .center .header .search {
  height: 56px;
  line-height: 56px;
  padding: 18px;
  background: #ffffff;
}

#mail .center .header .search .icon {
  margin: 0;
}

#mail .center .header .search input {
  padding-left: 16px;
  height: 56px;
  color: rgba(0, 0, 0, 0.54);
}

#ir {
  width: 70px !important;
}

.bolsascontainer {
  height: 56px !important;
  overflow: hidden;
}

.bolsascontainer:hover,
.bolsascontainer.bags-full-height {
  height: auto !important;
}

.bolsascontainer .bolsacards {
  padding: 10px;
}

.bolsascontainer .bolsacards h3 {
  margin-top: 10px;
}

.on-drag-hover {
  transition: 0.5s;
  background-color: #3c4252 !important;
}

.on-drag-hover h3 {
  color: white;
}

#mail .sidenav .account {
  width: 100%;
}

#mail .sidenav .account .account-name {
  font-weight: bold;
}

#mail .sidenav .header .logo .logo-icon {
  margin: 0 16px 0 0;
}

#mail .sidenav .header .logo .logo-text {
  font-size: 24px;
}

#mail .sidenav .header .account {
  width: 100%;
}

#mail .sidenav .header .account .account-selection {
  margin: 0;
  padding: 0;
}

#mail .sidenav .header .account .account-selection .md-select-label {
  width: 100%;
}

#mail .sidenav .header .account .account-selection .md-select-value {
  padding-left: 0;
}

#mail .sidenav .header .account .account-name {
  font-weight: bold;
}

#mail .sidenav .content {
  padding: 24px 0;
}

#mail .sidenav .content .compose-button {
  padding: 0 24px 24px 24px;
}

#mail .sidenav .content .compose-button .md-button {
  width: 100%;
  margin: 0;
}

#mail .sidenav.md-locked-open .header {
  color: #ffffff;
}

#mail .sidenav.md-locked-open .header .logo {
  padding-top: 27px;
}

#mail .sidenav.md-locked-open .header .logo .logo-icon md-icon {
  color: #ffffff;
}

#mail .sidenav:not(.md-locked-open) .header {
  height: 150px;
  min-height: 150px;
  max-height: 150px;
  padding-top: 24px;
}

.separator {
  border-bottom: 1px solid #e0e0e0;
}

.expandcollapse-item {
  overflow: hidden;
  margin-left: -14px !important;
}

.expandcollapse-heading-collapsed {
  cursor: pointer;
  padding: 15px 20px;
  position: relative;
  z-index: 100000000;
}

.expandcollapse-heading-expanded {
  cursor: pointer;
  z-index: 100000000;
  padding: 15px 20px;
  position: relative;
}

.expand-collapse-content {
  padding: 20px;
}

/*
animation:*/
.slideDown.ng-hide {
  height: 0;
  transition: 0.35s ease;
  overflow: hidden;
  position: relative;
}

.slideDown {
  transition: 0.35s ease;
  overflow: hidden;
  max-height: 48px;
}

.slideDown.ng-hide-remove,
.slideDown.ng-hide-add {
  /* remember, the .hg-hide class is added to element
    when the active class is added causing it to appear
    as hidden. Therefore set the styling to display=block
    so that the hide animation is visible */
  display: block !important;
  transition: 0.35s ease;
}

.slideDown.ng-hide-add {
  animation-name: hide;
  -webkit-animation-name: hide;
  animation-duration: 0.5s;
  -webkit-animation-duration: 0.5s;
  animation-timing-function: ease-in;
  -webkit-animation-timing-function: ease-in;
}

.slideDown.ng-hide-remove {
  animation-name: show;
  -webkit-animation-name: show;
  animation-duration: 0.5s;
  -webkit-animation-duration: 0.5s;
  animation-timing-function: ease-out;
  -webkit-animation-timing-function: ease-out;
}

#mail .center .content-card.classic .toolbar {
  position: relative;
  padding: 8px 24px;
}

#mail .center .content-card.classic .toolbar .select-menu .md-icon-button {
  padding-left: 0;
  margin: 0;
}

#mail .center .content-card.classic .toolbar .page-info {
  font-weight: 500;
  margin: 0 8px;
  white-space: nowrap;
}

#mail .center .content-card.classic .toolbar .close-thread {
  margin: 0 0 0 -8px;
}

#mail .center .content-card.classic .content-wrapper {
  position: relative;
  height: 100%;
}

.thread-labels-toggle-list md-list-item md-icon {
  margin: 0 !important;
}

#mail .center .content-card.classic .content-wrapper .thread-detail {
  background: #ffffff;
}

#mail .center .content-card.classic .content-wrapper .thread-detail .thread-header {
  padding-bottom: 24px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

#mail .center .content-card.classic .content-wrapper .thread-detail .thread-header .actions {
  min-width: 88px;
}

#mail .center .content-card.classic .content-wrapper .thread-detail .thread-header .actions .md-icon-button {
  padding: 0;
  width: 32px;
  height: 32px;
}

#mail .center .content-card.classic .content-wrapper .thread-detail .thread-header .subject {
  font-size: 17px;
  font-weight: 500;
}

#mail .center .content-card.classic .content-wrapper .thread-detail .thread-header .label {
  display: inline-block;
  font-size: 11px;
  padding: 0 5px;
  margin: 8px 6px 0 0;
}

#mail .center .content-card.classic .content-wrapper .thread-detail .thread-content {
  padding: 24px 0;
}

#mail .center .content-card.classic .content-wrapper .thread-detail .thread-content .to {
  color: rgba(0, 0, 0, 0.54);
}

#mail .center .content-card.classic .content-wrapper .thread-detail .thread-content .to .to-text {
  margin-right: 4px;
  text-transform: lowercase;
}

#mail .center .content-card.classic .content-wrapper .thread-detail .thread-content .info {
  padding-bottom: 16px;
}

#mail .center .content-card.classic .content-wrapper .thread-detail .thread-content .info .avatar {
  margin-right: 16px;
}

#mail .center .content-card.classic .content-wrapper .thread-detail .thread-content .info .name {
  margin-right: 8px;
  font-weight: 500;
}

#mail .center .content-card.classic .content-wrapper .thread-detail .thread-content .info .toggle-details {
  padding-top: 16px;
  cursor: pointer;
  font-weight: 500;
}

#mail .center .content-card.classic .content-wrapper .thread-detail .thread-content .info .details {
  padding-top: 8px;
}

#mail .center .content-card.classic .content-wrapper .thread-detail .thread-content .info .details .title {
  font-weight: 500;
  margin-right: 6px;
}

#mail .center .content-card.classic .content-wrapper .thread-detail .thread-content .info .details .detail {
  color: rgba(0, 0, 0, 0.54);
}

#mail .center .content-card.classic .content-wrapper .thread-detail .thread-attachments {
  padding: 24px 0;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
}

#mail .center .content-card.classic .content-wrapper .thread-detail .thread-attachments .title {
  margin-bottom: 16px;
  font-weight: 500;
}

#mail .center .content-card.classic .content-wrapper .thread-detail .thread-attachments .attachment .preview {
  width: 100px;
  margin: 0 16px 8px 0;
}

#mail .center .content-card.classic .content-wrapper .thread-detail .thread-attachments .attachment .link {
  margin-bottom: 2px;
}

#mail .center .content-card.classic .content-wrapper .thread-detail .thread-attachments .attachment .size {
  font-size: 11px;
}

#mail .center .content-card.classic .content-wrapper {
  background: #fafafa;
}

#mail .center .content-card.classic .content-wrapper .thread-list {
  position: relative;
  padding: 0;
}

#mail .center .content-card.classic .content-wrapper .thread-list .no-threads {
  background: #fafafa;
  width: 100%;
  text-align: center;
  padding: 32px;
  font-size: 20px;
}

#mail .center .content-card.classic .content-wrapper .thread-list .loading-threads {
  background: #fafafa;
  width: 100%;
  text-align: center;
  padding: 32px;
  font-size: 20px;
}

#mail .center .content-card.classic .content-wrapper .thread-list .thread {
  background: #fafafa;
  position: relative;
  padding: 16px 24px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  cursor: pointer;
}

#mail .center .content-card.classic .content-wrapper .thread-list .thread.unread {
  background: #ffffff;
}

#mail .center .content-card.classic .content-wrapper .thread-list .thread.unread .info .name,
#mail .center .content-card.classic .content-wrapper .thread-list .thread.unread .info .subject {
  font-weight: 700;
}

#mail .center .content-card.classic .content-wrapper .thread-list .thread.unread .info .message .labels {
  background: #ffffff;
}

#mail .center .content-card.classic .content-wrapper .thread-list .thread.selected {
  background: #fff8e1;
}

#mail .center .content-card.classic .content-wrapper .thread-list .thread.selected .info .message .labels {
  background: #fff8e1;
}

#mail .center .content-card.classic .content-wrapper .thread-list .thread.current-thread {
  background: #e3f2fd;
}

#mail .center .content-card.classic .content-wrapper .thread-list .thread.current-thread .info .message .labels {
  background: #e3f2fd;
}

#mail .center .content-card.classic .content-wrapper .thread-list .thread .info {
  overflow: hidden;
  width: 0;
  margin: 0 16px;
}

#mail .center .content-card.classic .content-wrapper .thread-list .thread .info .name {
  font-size: 15px;
  font-weight: 500;
  padding-bottom: 8px;
}

#mail .center .content-card.classic .content-wrapper .thread-list .thread .info .name .avatar {
  min-width: 32px;
  width: 32px;
  height: 32px;
  line-height: 32px;
}

#mail .center .content-card.classic .content-wrapper .thread-list .thread .info .name .has-attachment {
  margin-left: 8px;
  transform: rotate(90deg);
}

#mail .center .content-card.classic .content-wrapper .thread-list .thread .info .message {
  position: relative;
  color: rgba(0, 0, 0, 0.54);
}

#mail .center .content-card.classic .content-wrapper .thread-list .thread .info .message .labels {
  position: absolute;
  background: #fafafa;
  top: 0;
  right: 0;
  padding-left: 6px;
}

#mail .center .content-card.classic .content-wrapper .thread-list .thread .info .message .labels .label {
  display: inline-block;
  font-size: 11px;
  padding: 0 5px;
  margin-right: 6px;
}

#mail .center .content-card.classic .content-wrapper .thread-list .thread .info .message .labels .label:first-child {
  margin-left: 0;
}

#mail .center .content-card.classic .content-wrapper .thread-list .thread .time {
  margin: 0 8px 6px 8px;
}

#mail .center .content-card.classic .content-wrapper .thread-list .thread .actions .md-icon-button {
  margin: 0;
  padding: 0;
  width: 32px;
  height: 32px;
}

#mail .center .content-card.outlook .content-wrapper .thread-detail {
  background: #ffffff;
}

#mail .center .content-card.outlook .content-wrapper .thread-detail .no-thread-selected md-icon {
  margin: -56px 0 12px 0;
}

#mail .center .content-card.outlook .content-wrapper .thread-detail .no-thread-selected span {
  font-size: 24px;
  font-weight: 300;
}

#mail .center .content-card.outlook .content-wrapper .thread-detail .thread-header {
  padding-bottom: 24px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

#mail .center .content-card.outlook .content-wrapper .thread-detail .thread-header .actions {
  min-width: 88px;
}

#mail .center .content-card.outlook .content-wrapper .thread-detail .thread-header .actions .md-icon-button {
  padding: 0;
  width: 32px;
  height: 32px;
}

#mail .center .content-card.outlook .content-wrapper .thread-detail .thread-header .subject {
  font-size: 17px;
  font-weight: 500;
}

#mail .center .content-card.outlook .content-wrapper .thread-detail .thread-header .label {
  display: inline-block;
  font-size: 11px;
  padding: 0 5px;
  margin: 8px 6px 0 0;
}

#mail .center .content-card.outlook .content-wrapper .thread-detail .thread-content {
  padding: 24px 0;
}

#mail .center .content-card.outlook .content-wrapper .thread-detail .thread-content .to {
  color: rgba(0, 0, 0, 0.54);
}

#mail .center .content-card.outlook .content-wrapper .thread-detail .thread-content .to .to-text {
  margin-right: 4px;
  text-transform: lowercase;
}

#mail .center .content-card.outlook .content-wrapper .thread-detail .thread-content .info {
  padding-bottom: 16px;
}

#mail .center .content-card.outlook .content-wrapper .thread-detail .thread-content .info .avatar {
  margin-right: 16px;
}

#mail .center .content-card.outlook .content-wrapper .thread-detail .thread-content .info .name {
  margin-right: 8px;
  font-weight: 500;
}

#mail .center .content-card.outlook .content-wrapper .thread-detail .thread-content .info .toggle-details {
  padding-top: 16px;
  cursor: pointer;
  font-weight: 500;
}

#mail .center .content-card.outlook .content-wrapper .thread-detail .thread-content .info .details {
  padding-top: 8px;
}

#mail .center .content-card.outlook .content-wrapper .thread-detail .thread-content .info .details .title {
  font-weight: 500;
  margin-right: 6px;
}

#mail .center .content-card.outlook .content-wrapper .thread-detail .thread-content .info .details .detail {
  color: rgba(0, 0, 0, 0.54);
}

#mail .center .content-card.outlook .content-wrapper .thread-detail .thread-attachments {
  padding: 24px 0;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
}

#mail .center .content-card.outlook .content-wrapper .thread-detail .thread-attachments .title {
  margin-bottom: 16px;
  font-weight: 500;
}

#mail .center .content-card.outlook .content-wrapper .thread-detail .thread-attachments .attachment .preview {
  width: 100px;
  margin: 0 16px 8px 0;
}

#mail .center .content-card.outlook .content-wrapper .thread-detail .thread-attachments .attachment .link {
  margin-bottom: 2px;
}

#mail .center .content-card.outlook .content-wrapper .thread-detail .thread-attachments .attachment .size {
  font-size: 11px;
}

.ur-chips md-chip {
  position: relative;
}

.ur-chips md-chip .md-chip-remove-container {
  position: absolute;
  right: 4px;
  top: 4px;
  margin-right: 0;
  height: 24px;
}

.ur-chips md-chip .md-chip-remove-container button {
  position: relative;
  height: 24px;
  width: 24px;
  line-height: 30px;
  text-align: center;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 50%;
  border: none;
  box-shadow: none;
  padding: 0;
  margin: 0;
  transition: background 0.15s linear;
  display: block;
}

.ur-chips md-chip .md-chip-remove-container button md-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0) scale(0.7);
  color: white;
  fill: white;
}

.ur-chips md-chip .md-chip-remove-container button button:hover,
.ur-chips md-chip .md-chip-remove-container button button:focus {
  background: rgba(255, 0, 0, 0.8);
}

.ur-chips md-chip .type-container {
  position: absolute;
  left: 4px;
  top: 4px;
  margin-right: 0;
  height: 24px;
}

.ur-chips md-chip .type-container .type-text {
  position: relative;
  height: 24px;
  width: 24px;
  line-height: 30px;
  text-align: center;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 50%;
  border: none;
  box-shadow: none;
  padding: 0;
  margin: 0;
  transition: background 0.15s linear;
  display: block;
}

.ur-chips md-chips-wrap.md-removable md-chip md-chip-template {
  padding-right: 5px;
}

a.toggle-details {
  padding-top: 16px;
  cursor: pointer;
  font-weight: 500;
}

#mail .center .content-card.outlook .content-wrapper {
  background: #fafafa;
}

#mail .center .content-card.outlook .content-wrapper .thread-list {
  background: #fafafa;
  position: relative;
  padding: 0;
  border-right: 1px solid rgba(0, 0, 0, 0.12);
}

#mail .center .content-card.outlook .content-wrapper .thread-list .no-threads {
  background: #fafafa;
  width: 100%;
  text-align: center;
  padding: 32px;
  font-size: 20px;
}

#mail .center .content-card.outlook .content-wrapper .thread-list .loading-threads {
  background: #fafafa;
  width: 100%;
  text-align: center;
  padding: 32px;
  font-size: 20px;
}

#mail .center .content-card.outlook .content-wrapper .thread-list .thread {
  background: #fafafa;
  position: relative;
  padding: 16px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  cursor: pointer;
}

#mail .center .content-card.outlook .content-wrapper .thread-list .thread.unread {
  background: #ffffff;
}

#mail .center .content-card.outlook .content-wrapper .thread-list .thread.unread .info .name,
#mail .center .content-card.outlook .content-wrapper .thread-list .thread.unread .info .subject {
  font-weight: 700;
}

#mail .center .content-card.outlook .content-wrapper .thread-list .thread.unread .info .message .labels {
  background: #ffffff;
}

#mail .center .content-card.outlook .content-wrapper .thread-list .thread.selected {
  background: #fff8e1;
}

#mail .center .content-card.outlook .content-wrapper .thread-list .thread.selected .info .message .labels {
  background: #fff8e1;
}

#mail .center .content-card.outlook .content-wrapper .thread-list .thread.current-thread {
  background: #e3f2fd;
}

#mail .center .content-card.outlook .content-wrapper .thread-list .thread.current-thread .info .message .labels {
  background: #e3f2fd;
}

#mail .center .content-card.outlook .content-wrapper .thread-list .thread .info {
  overflow: hidden;
  width: 0;
  margin: 0 16px;
}

#mail .center .content-card.outlook .content-wrapper .thread-list .thread .info .name {
  font-size: 15px;
  font-weight: 500;
  padding-bottom: 8px;
}

#mail .center .content-card.outlook .content-wrapper .thread-list .thread .info .name .avatar {
  min-width: 32px;
  width: 32px;
  height: 32px;
  line-height: 32px;
}

#mail .center .content-card.outlook .content-wrapper .thread-list .thread .info .name .has-attachment {
  margin-left: 8px;
  transform: rotate(90deg);
}

#mail .center .content-card.outlook .content-wrapper .thread-list .thread .info .message {
  position: relative;
  color: rgba(0, 0, 0, 0.54);
}

#mail .center .content-card.outlook .content-wrapper .thread-list .thread .info .message .labels {
  position: absolute;
  background: #fafafa;
  top: 0;
  right: 0;
  padding-left: 6px;
}

#mail .center .content-card.outlook .content-wrapper .thread-list .thread .info .message .labels .label {
  display: inline-block;
  font-size: 11px;
  padding: 0 5px;
  margin-left: 6px;
}

#mail .center .content-card.outlook .content-wrapper .thread-list .thread .info .message .labels .label:first-child {
  margin-left: 0;
}

#mail .center .content-card.outlook .content-wrapper .thread-list .thread .time {
  margin: 0 8px 6px 8px;
}

#mail .center .content-card.outlook .toolbar {
  position: relative;
  padding: 8px 16px;
}

#mail .center .content-card.outlook .toolbar .select-menu .md-icon-button {
  padding-left: 0;
  margin: 0;
}

#mail .center .content-card.outlook .toolbar .page-info {
  font-weight: 500;
  margin: 0 8px;
  white-space: nowrap;
}

#mail .center .content-card.outlook .toolbar .close-thread {
  margin: 0 0 0 -8px;
}

#mail .center .content-card.outlook .content-wrapper {
  position: relative;
  height: 100%;
}

.thread-labels-toggle-list md-list-item md-icon {
  margin: 0 !important;
}

@media only screen and (min-width: 900px) {
  .trazabilidad {
    width: 600px;
  }

  .mediacion {
    width: 600px;
  }
}

.badge.status-text {
  font-weight: normal;
}

.vipmodeswitch {
  display: inline-block;
  position: absolute;
  right: 22px;
  z-index: 999999999;
}

.vipmodeswitch a {
  cursor: pointer;
}

.PuestaPassed {
  border-color: #57bc6f !important;
  transition: 1s;
}

.PuestaPassed .panel-heading {
  background-color: #57bc6f;
  transition: 1s;
  color: white;
}

.text-vertical-xs {
  writing-mode: vertical-lr;
  display: block;
  min-height: 150px;
}

.text-vertical-md {
  writing-mode: vertical-lr;
  display: block;
  min-height: 200px;
}

.text-vertical-lg {
  writing-mode: vertical-lr;
  display: block;
  min-height: 450px;
}

.observacionesTask {
  max-height: 350px !important;
  overflow-y: scroll !important;
  margin-top: -8px !important;
}

.minHeight {
  min-height: 150px !important;
  overflow-y: scroll !important;
}

.overflow_x {
  flex-wrap: wrap;
}

.cursorPoint:hover {
  cursor: pointer;
}

.demoTable td:last-child {
  min-width: 90px;
}

/** Editable table
------------------------- */
.editable-table>tbody>tr>td {
  padding: 4px;
}

.editable-text {
  padding-left: 4px;
  padding-top: 4px;
  padding-bottom: 4px;
  display: inline-block;
}

.editable-input {
  padding-left: 3px;
}

.editable-input.input-sm {
  height: 30px;
  font-size: 14px;
  padding-top: 4px;
  padding-bottom: 4px;
}

md-tabs.subTabs {
  overflow: visible !important;
}

address-book-detail-component {
  border-left: 2px solid lightgray;
  display: flex;
}

#assetModal {
  min-width: 650px;
}

.subtitles {
  margin-left: 8px;
  margin-top: 17px;
  font-weight: 600;
}

main-batch-load .loading-layer {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  background: rgba(136, 136, 136, 0.75);
}

main-batch-load .batchs {
  max-height: 650px;
  overflow-y: scroll;
}

batchload-add .loading-layer {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  background: rgba(136, 136, 136, 0.75);
}

batchload-add .load-file-bg {
  background: gainsboro;
}

batchload-delete .actions-top-icon {
  font-size: 90px !important;
  margin: 30px;
  width: 150px;
  text-align: center;
}

main-batch-load .loading-layer {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  background: rgba(136, 136, 136, 0.75);
}

main-batch-load .batchs {
  max-height: 650px;
  overflow-y: scroll;
}

batchload-detail .loading-layer {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  background: rgba(136, 136, 136, 0.75);
  z-index: 999999999999;
}

batchload-detail .md-subheader-inner {
  padding-left: 0 !important;
}

.batch-data {
  padding: 8px 16px;
  overflow: hidden;
}

.batch-data .batch-name {
  font-weight: 700;
  white-space: nowrap;
  max-width: 100%;
}

.batch-data .batch-size,
.batch-data .batch-date {
  color: #777;
}

main-batch-load .loading-layer {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  background: rgba(136, 136, 136, 0.75);
}

main-batch-load .batchs {
  height: calc(100vh - 280px) !important;
  min-height: calc(100vh - 280px) !important;
  max-height: calc(100vh - 280px) !important;
  overflow-y: hidden;
}

batchload-result .loading-layer {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  background: rgba(136, 136, 136, 0.75);
}

batchload-result .load-file-bg {
  background: gainsboro;
}

main-activity .loading-layer {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  background: rgba(136, 136, 136, 0.75);
}

main-activity .download-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  padding-top: 250px;
  background: lightgray;
  z-index: 15000;
  opacity: 0.75;
  font-size: 24px;
}

.modal-activity {
  width: 1200px !important;
  max-width: 1200px !important;
  min-height: 500px !important;
  max-height: 800px !important;
  background-color: #eee;
}

part0117-conclusiones-form {
  display: flex;
  flex: 1;
  width: 100%;
}

part0117-conclusiones-view {
  display: flex;
  flex: 1;
  width: 100%;
}

part0117-datos-finca-local-nave-form {
  display: flex;
  flex: 1;
  width: 100%;
}

part0117-datos-finca-local-nave-view {
  display: flex;
  flex: 1;
  width: 100%;
}

part0117-datos-finca-suelo-form {
  display: flex;
  flex: 1;
  width: 100%;
}

part0117-datos-finca-suelo-view {
  display: flex;
  flex: 1;
  width: 100%;
}

part0117-datos-generales-activo-form {
  display: flex;
  flex: 1;
  width: 100%;
}

part0117-datos-generales-activo-view {
  display: flex;
  flex: 1;
  width: 100%;
}

part0117-documentacion-view {
  display: flex;
  flex: 1;
  width: 100%;
}

part0117-fecha-informe-form {
  display: flex;
  flex: 1;
  width: 100%;
}

part0117-fecha-informe-view {
  display: flex;
  flex: 1;
  width: 100%;
}

part0117-gestor-form {
  display: flex;
  flex: 1;
  width: 100%;
}

part0117-gestor-view {
  display: flex;
  flex: 1;
  width: 100%;
}

part0117-ilocalizable {
  display: flex;
  flex: 1;
  width: 100%;
}

part0117-informacion-estado-ocupacional-form {
  display: flex;
  flex: 1;
  width: 100%;
}

part0117-informacion-estado-ocupacional-view {
  display: flex;
  flex: 1;
  width: 100%;
}

part0117-reportaje-fotografico-view {
  display: flex;
  flex: 1;
  width: 100%;
}

activity0137-operaciones blockquote {
  white-space: initial !important;
}

activity0138-pbc-v2 blockquote {
  white-space: initial !important;
}

.label-block {
  display: block;
  position: relative !important;
}

.label-block {
  display: block;
  position: relative !important;
}

activity0207-info-global-fecha-prevista {
  width: 100%;
}

.validation {
  width: 100%;
}

.horizontal-dl {
  text-align: left !important;
  margin-left: 0px !important;
  width: 80px !important;
}

.horizontal-dl {
  text-align: left !important;
  margin-left: 0px !important;
  width: 80px !important;
}

activity0276-als-propuesta blockquote {
  white-space: initial !important;
}

activity0281-als-comite .observaciones {
  border-left: 3px solid #ddd;
  padding: 0px 0px 0px 8px !important;
  font-size: 14px;
}

activity0289-auth-ssjj blockquote {
  white-space: initial !important;
}

.w-80-p {
  width: 80px !important;
}

.w-80-p {
  width: 80px !important;
}

.w-60p {
  width: 60% !important;
}

.pad-0 {
  padding-top: 0px !important;
}

.w-60p {
  width: 60% !important;
}

.w-19-p {
  width: 19% !important;
}

.w-32-p {
  width: 32% !important;
}

.mr-160 {
  margin-right: 160px !important;
}

.w-170px {
  width: 170px !important;
}

.w-350px {
  width: 350px !important;
}

.w-200px {
  width: 200px !important;
}

.mr-134 {
  margin-right: 134px !important;
}

.w-50-p {
  width: 50% !important;
}

.mr-134 {
  margin-right: 134px !important;
}

.w-20-p {
  width: 20% !important;
}

.w-40-p {
  width: 40% !important;
}

.mr-134 {
  margin-right: 134px !important;
}

.w-20-p {
  width: 20% !important;
}

.w-40-p {
  width: 40% !important;
}

.firmas {
  background-color: #f5f5f5;
  padding: 10px;
  margin: 5px;
}

.firmas {
  background-color: #f5f5f5;
  padding: 10px;
  margin: 5px;
}

.firmas {
  background-color: #f5f5f5;
  padding: 10px;
  margin: 5px;
}

item-actuacion {
  display: flex;
  margin: 8px 0;
}

item-actuacion:hover {
  background: #e2e2e2;
  transition: 0.8s;
}

.actuacion-passed {
  border-left: 2px solid #57bc6f !important;
  background: #e7fdec;
  transition: 1s;
}

.w-25-p {
  width: 25% !important;
}

.w-20-p {
  width: 20% !important;
}

.w-40-p {
  width: 40% !important;
}

.w-170px {
  width: 170px;
}

.w-350px {
  width: 350px;
}

.w-200px {
  width: 200px;
}

.secondary-color {
  color: #acb3b5;
}

item-contacto {
  border-left: 2px solid lightgray;
  display: flex;
  margin: 8px 0;
}

item-comite-als {
  border-left: 2px solid lightgray;
  display: flex;
  margin: 8px 0;
}

item-contacto {
  border-left: 2px solid lightgray;
  display: flex;
  margin: 8px 0;
}

item-contacto-cepo {
  border-left: 2px solid lightgray;
  display: flex;
  margin: 8px 0;
}

item-contacto-cepo a:link {
  text-decoration: none !important;
  cursor: pointer;
}

item-contacto-comunidades {
  border-left: 2px solid lightgray;
  display: flex;
  margin: 8px 0;
}

item-contador {
  border-left: 2px solid lightgray;
  display: flex;
  margin: 8px 0;
}

item-desplazamiento-az {
  border-left: 2px solid lightgray;
  display: flex;
  margin: 8px 0;
}

item-detail-activo {
  border-left: 2px solid lightgray;
  display: flex;
  margin: 8px 0;
}

item-detail-comunidad {
  border-left: 2px solid lightgray;
  display: flex;
  margin: 8px 0;
}

item-detail-activo {
  border-left: 2px solid lightgray;
  display: flex;
  margin: 8px 0;
}

item-detail-process-als {
  width: 100%;
}

item-detalle-proveedor {
  border-left: 2px solid lightgray;
  display: flex;
  margin: 8px 0;
}

item-facturacion {
  display: flex;
  margin: 8px 0;
}

item-facturacion:hover {
  background: #e2e2e2;
  transition: 0.8s;
}

.w-48-p {
  width: 48% !important;
}

.w-52-p {
  width: 52% !important;
}

.secondary-color {
  color: #acb3b5;
}

item-firmante {
  border-left: 2px solid lightgray;
  display: flex;
  margin: 8px 0;
}

item-incidencia {
  border-left: 2px solid lightgray;
  display: flex;
  margin: 8px 0;
}

.labels {
  color: rgba(0, 0, 0, 0.38);
}

item-intervencion {
  display: flex;
  margin: 8px 0;
}

item-intervencion:hover {
  background: #e2e2e2;
  transition: 0.8s;
}

.intervencion-passed {
  border-left: 2px solid #57bc6f !important;
  background: #e7fdec;
  transition: 1s;
}

.w-25-p {
  width: 25% !important;
}

.w-20-p {
  width: 20% !important;
}

.w-40-p {
  width: 40% !important;
}

.secondary-color {
  color: #acb3b5;
}

item-llave-az {
  border-left: 2px solid lightgray;
  display: flex;
  margin: 8px 0;
}

item-medidas-adecuacion {
  border-left: 2px solid lightgray;
  display: flex;
  margin: 8px 0;
}

item-multa-tasa {
  display: flex;
  margin: 8px 0;
}

item-multa-tasa:hover {
  background: #e2e2e2;
  transition: 0.8s;
}

.multa-tasa-passed {
  border-left: 2px solid #57bc6f !important;
  background: #e7fdec;
  transition: 1s;
}

item-negociacion {
  border-left: 2px solid lightgray;
  display: flex;
  margin: 8px 0;
}

item-negocio {
  border-left: 2px solid lightgray;
  display: flex;
  margin: 8px 0;
}

item-ocupante {
  border-left: 2px solid lightgray;
  display: flex;
  margin: 8px 0;
}

item-persona {
  border-left: 2px solid lightgray;
  display: flex;
  margin: 8px 0;
}

.item-recarterizacion-container {
  border-left: 2px solid lightgray;
  display: flex;
}

item-actuacion {
  display: flex;
  margin: 8px 0;
}

item-actuacion:hover {
  background: #e2e2e2;
  transition: 0.8s;
}

.actuacion-passed {
  border-left: 2px solid #57bc6f !important;
  background: #e7fdec;
  transition: 1s;
}

.w-25-p {
  width: 25% !important;
}

.w-20-p {
  width: 20% !important;
}

.w-40-p {
  width: 40% !important;
}

.secondary-color {
  color: #acb3b5;
}

item-tarea-sap {
  border-left: 2px solid lightgray;
  display: flex;
  margin: 8px 0;
}

tail-item-validation .validation-info.bg-success {
  border: 2px solid #d6e9c6;
}

item-visita {
  border-left: 2px solid lightgray;
  display: flex;
  margin: 8px 0;
}

tab0106-acta .activity-container {
  width: 900px;
  max-width: 900px;
}

tab0106-convocatoria .activity-container {
  width: 900px;
  max-width: 900px;
}

tab0106-informe .activity-container {
  width: 900px;
  max-width: 900px;
}

.bulk-tooltip {
  max-height: none !important;
  height: auto !important;
  color: #333 !important;
  background-color: #fff !important;
  border-radius: 2px !important;
  font-size: 14px !important;
  padding: 10px;
  box-shadow: 0px 1px 1px -2px rgba(0, 0, 0, 0.14),
    0px 2px 2px 0px rgba(0, 0, 0, 0.098), 0px 1px 5px 0px rgba(0, 0, 0, 0.084);
}

.bulk-sort-button {
  font-size: 16px !important;
  margin: 0 0 0 5px !important;
  color: #9e9e9e !important;
}

event-forced-close-0062 {
  display: block;
}

event-forced-close-ko-comite button {
  background: #b3e5fc !important;
  color: #000 !important;
}

.hitos-container {
  max-height: 250px;
  overflow: auto;
}

.hito .label {
  display: inline-block !important;
}

label {
  border-radius: 5px;
}

.label-blue {
  background-color: #179ff0;
}

.tasks md-icon {
  margin: 8px;
  font-size: 36px !important;
}

.tasks .task-data {
  padding: 8px 16px;
  overflow: hidden;
}

.tasks .task-data a {
  text-decoration: none;
}

.tasks .task-data a .task-name {
  font-weight: 700;
  white-space: nowrap;
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
}

.tasks .task-data .task-state,
.tasks .task-data .task-info {
  color: #777;
}

process-context {
  display: block;
  position: relative;
  height: 100%;
  min-height: 500px;
}

pb-definition-list {
  display: block;
  height: 100%;
}

pb-definition-list #tipologies-list {
  overflow: auto;
}

pb-instance-list {
  height: calc(100vh - 295px);
  display: block;
  overflow-y: auto;
  overflow-x: hidden;
}

pb-instance-list .ms-responsive-table-wrapper {
  height: 100% !important;
  overflow: auto !important;
}

process-backoffice-main-page {
  height: calc(100vh - 64px);
  display: block;
}

process-backoffice-search-list-page {
  display: block;
  height: 100%;
}

process-backoffice-start-page {
  height: calc(100vh - 170px);
  display: block;
}

process-def-back-parametricas-list-component .parametricas {
  height: calc(100vh - 389px);
  display: block;
  overflow-y: auto;
  overflow-x: hidden;
}

process-def-back-parametricas-list-component .parametricas .ms-responsive-table-wrapper {
  height: 100% !important;
  overflow: auto !important;
}

process-def-back-stake-delete #delete-icon {
  font-size: 90px !important;
  color: #ef5350;
  margin: 30px;
  width: 150px;
  text-align: center;
  font-weight: bold;
}

pi-back-actions-menu-component {
  min-height: 100%;
  display: block;
  border-right: 1px solid #ddd;
}

pi-back-actions-menu-component .menu-link {
  padding: 15px 25px;
  display: block;
  text-decoration: none !important;
}

pi-back-actions-menu-component .menu-link.active {
  background: #eee;
}

pi-back-actions-menu-component .menu-link:hover {
  background: #ddd;
}

pi-back-actions-task-table tr.disabled,
pi-back-actions-task-table td.disabled {
  opacity: 0.25;
}

pi-back-actions-task-table tr.disabled td.disabled,
pi-back-actions-task-table td.disabled td.disabled {
  opacity: 1;
}

pi-back-actions-top-bar {
  padding: 10px;
  display: block;
  border-bottom: 3px solid lightgrey;
}

pi-back-actions-top-bar .actions-top-icon {
  width: 50px;
}

pi-back-actions-top-bar .actions-top-icon md-icon {
  font-size: 32px;
}

pi-back-actions-top-icon .actions-top-icon {
  font-size: 90px !important;
  margin: 30px;
  width: 150px;
  text-align: center;
}

pi-back-actions-main-page {
  height: calc(100vh - 254px);
  overflow: auto;
  scrollbar-width: none;
  background: #fff;
  display: block;
}

pi-back-permissions-top-icon .permissions-top-icon {
  font-size: 90px !important;
  margin: 30px;
  width: 150px;
  text-align: center;
}

pi-back-task-detail-component {
  height: calc(100vh - 349px);
  display: block;
  overflow-y: auto;
  overflow-x: hidden;
}

pi-back-task-list-component {
  height: calc(100vh - 295px);
  display: block;
  overflow-y: auto;
  overflow-x: hidden;
}

pi-back-task-list-item-component a {
  text-decoration: none !important;
}

pi-back-task-list-item-component a.active {
  background: #ddd;
}

pi-back-task-list-item-component a:hover {
  background: #eee;
}

pi-back-task-top-info-component {
  padding: 10px;
  display: block;
  border-bottom: 3px solid lightgrey;
  background: white;
}

pi-back-task-top-info-component .task-top-icon {
  width: 30px;
}

pi-back-task-top-info-component .task-top-icon md-icon {
  font-size: 24px;
}

pi-back-task-variables-v2-page {
  height: calc(100vh - 349px);
  display: block;
  overflow-y: auto;
  overflow-x: hidden;
}

ti-info-top {
  display: block;
  border-bottom: 3px solid lightgrey;
  background: white;
}

ti-info-top .task-top-icon {
  width: 30px;
}

ti-info-top .task-top-icon md-icon {
  font-size: 24px;
}

ti-instance-list md-virtual-repeat-container {
  height: calc(100vh - 220px);
}

task-instance-start-page {
  height: calc(100vh - 165px);
  display: block;
  overflow-y: auto;
  overflow-x: hidden;
}

/*----------------------------------------------------------------*/
/*  Variables
/*----------------------------------------------------------------*/
#calendar {
  background: #ffffff;
}

#calendar .header {
  position: relative;
  background-size: 100% auto;
  background-position: 0 50%;
  background-repeat: no-repeat;
  background-color: #fafafa;
  color: #ffffff;
  padding-bottom: 16px;
}

#calendar .header:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  background: rgba(0, 0, 0, 0.45);
}

#calendar .header .header-content {
  height: 100%;
}

#calendar .header .header-content .header-top {
  position: relative;
  z-index: 2;
}

#calendar .header .header-content .header-top .logo .logo-icon {
  margin-right: 16px;
}

#calendar .header .header-content .header-top .logo .logo-text {
  font-size: 24px;
}

#calendar .header .header-content .header-bottom {
  position: relative;
  z-index: 2;
}

#calendar .header .header-content .header-bottom .title {
  font-size: 20px;
  min-width: 160px;
  text-align: center;
}

#calendar .header .add-event-button {
  position: absolute;
  right: 18px;
  bottom: -32px;
}

#calendar .header md-icon {
  color: #ffffff;
}

#calendar .content {
  padding: 0;
}

#calendar .content #calendarView.fc .fc-widget-header {
  border: none;
  color: rgba(0, 0, 0, 0.54);
}

#calendar .content #calendarView.fc .fc-widget-header .fc-day-header {
  text-align: left;
  border: none;
  font-weight: 500;
  padding: 8px;
}

#calendar .content #calendarView.fc .fc-widget-content {
  color: rgba(0, 0, 0, 0.54);
}

#calendar .content #calendarView.fc .fc-widget-content .fc-day-grid-container .fc-day-grid .fc-day-number {
  text-align: left;
  padding: 8px 8px 0 8px;
}

#calendar .content #calendarView.fc .fc-widget-content .fc-time-grid-container {
  overflow: hidden;
  height: auto !important;
}

#calendar .content #calendarView.fc .fc-widget-content .fc-time-grid-container .fc-axis {
  font-weight: 500;
  border: none;
}

#calendar .content #calendarView.fc .fc-day-grid-event {
  margin: 4px 8px 0 8px;
  padding: 2px 4px;
  font-size: 13px;
  color: #ffffff;
}

#calendar .content #calendarView.fc .fc-time-grid-event {
  color: #ffffff;
}

#calendar .content #calendarView.fc .fc-month-view {
  padding: 24px;
}

#calendar .content #calendarView.fc .fc-agenda-view .fc-widget-header .fc-day-header {
  border: 1px solid #ddd;
  line-height: 50px;
  font-size: 17px;
}

#calendar .content #calendarView.fc .fc-agenda-view>table>tbody>tr>td.fc-widget-content {
  border: none;
}

#calendar .content #calendarView.fc .fc-agenda-view .fc-minor .fc-widget-content {
  border-top: none;
}

#calendar .content #calendarView.fc .fc-agenda-view .fc-week,
#calendar .content #calendarView.fc .fc-agenda-view .fc-day {
  height: 100px !important;
}

#calendar .content #calendarView.fc .fc-agenda-view .fc-widget-content {
  height: 50px;
}

#calendar .content #calendarView.fc .fc-agenda-view .fc-axis {
  padding-left: 24px;
}

@media screen and (max-width: 600px) {
  #calendar .header {
    padding: 8px;
  }

  #calendar .header .header-content .header-top .logo {
    margin-bottom: 16px;
  }

  #calendar .header .add-event-button {
    right: 10px;
  }
}

/*----------------------------------------------------------------*/
/*  Variables
/*----------------------------------------------------------------*/
md-dialog.event-detail-dialog {
  min-width: 560px;
}

md-dialog.event-detail-dialog md-dialog-content {
  position: relative;
  display: block;
}

md-dialog.event-detail-dialog md-dialog-content process-context {
  min-height: 500px;
  min-width: 500px;
}

md-dialog.event-detail-dialog md-dialog-content process-context.has-activity {
  min-width: 1200px !important;
}

md-dialog.event-detail-dialog md-dialog-content .info-panel {
  box-shadow: none;
  margin-bottom: 0px !important;
}

md-dialog.event-detail-dialog md-dialog-content .info-panel header {
  padding-top: 0px !important;
}

md-dialog.event-detail-dialog md-dialog-content tail-buttons-complete {
  margin: 8px 0px !important;
}

md-dialog.event-detail-dialog md-toolbar .md-toolbar-tools {
  position: relative;
}

md-dialog.event-detail-dialog md-toolbar .md-toolbar-tools .title {
  font-size: 20px;
  padding-left: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

md-dialog.event-detail-dialog md-toolbar .md-toolbar-tools .edit-event-button {
  position: absolute;
  right: 24px;
  bottom: -28px;
}

md-dialog.event-detail-dialog md-dialog-content {
  padding: 0px !important;
}

md-dialog.event-detail-dialog md-dialog-content .event-details md-icon {
  margin: 0 16px 0 0;
}

md-dialog.event-detail-dialog md-dialog-content .event-details .event-detail-row {
  margin-bottom: 32px;
}

md-dialog.event-detail-dialog md-dialog-content .event-details .event-detail-row:last-child {
  margin-bottom: 16px;
}

@media screen and (max-width: 960px) {
  md-dialog.event-detail-dialog {
    width: 80%;
  }
}

@media screen and (max-width: 600px) {
  md-dialog.event-detail-dialog {
    width: 90%;
  }
}

main-calendario-juntas .event {
  margin: 4px 8px 0 8px;
  padding: 2px 4px;
  font-size: 13px;
  color: #ffffff;
  line-height: 1.3;
  border-radius: 3px;
  border: 1px solid #3a87ad;
  font-weight: normal;
}

main-calendario-juntas .event.inactive {
  opacity: 0.5;
}

comment-detail-component {
  border-left: 2px solid lightgray;
  display: flex;
}

.btn-group {
  margin-right: 8px !important;
}

report-delete-container #delete-icon {
  font-size: 90px !important;
  color: #ef5350;
  margin: 30px;
  width: 150px;
  text-align: center;
}

report-delete-container report-entity-address-book-list-container {
  width: 50%;
}

report-delete-container .delete-actions {
  justify-content: center;
}

report-detail-container {
  background-color: #fff;
}

report-cockpit-search-page {
  background: white;
  height: calc(100vh - 96px);
  display: block;
}

report-cockpit-search-page div[ui-view='left'] {
  height: calc(100vh - 160px);
  display: block;
}

file-definition-detail-component {
  border-left: 2px solid lightgray;
  display: flex;
}

tail-file div md-icon {
  margin: 8px;
  font-size: 30px !important;
}

tail-file div .file-data {
  padding: 8px 8px;
  overflow: hidden;
}

tail-file div .file-data .file-name {
  font-weight: 700;
  white-space: nowrap;
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
}

tail-file div .file-data .file-size,
tail-file div .file-data .file-type {
  color: #777;
}

tail-file div .file-icons md-icon {
  margin: 0px;
}

main-files-container .title-icons {
  margin-right: 12px;
}

grupos-delete-component #delete-group-icon {
  font-size: 90px !important;
  color: #ef5350;
  margin: 30px;
  width: 150px;
  text-align: center;
}

.btn {
  margin-right: 8px;
}

.group-title {
  background-color: #687074 !important;
  color: #fff !important;
}

grupos-list-item {
  padding: 10px 0px 10px 25px;
  display: block;
  background: white;
  border-top: 1px solid #ddd;
  font-size: 14px;
}

grupos-list-item li {
  list-style-type: none !important;
}

.items-list {
  max-height: calc(100vh - 522px);
  min-height: calc(100vh - 522px);
  height: calc(100vh - 522px);
  display: block;
  overflow: auto;
}

.mb-3 {
  margin-bottom: 3px !important;
}

grupos-role-category-edit-list-item-component {
  text-decoration: none !important;
}

grupos-role-category-edit-list-item-component .grey-link {
  color: #333 !important;
}

grupos-role-category-edit-list-item-component.active {
  background: #ddd;
}

grupos-role-category-edit-list-item-component:hover {
  background: #eee;
}

grupos-role-category-edit-list-item-component .cat-role-info {
  max-height: 55px !important;
  overflow: hidden;
  text-overflow: ellipsis;
}

grupos-role-category-list-component {
  max-height: calc(100vh - 255px);
  display: block;
  overflow: auto;
  scrollbar-width: none;
}

grupos-role-category-list-component .items-list {
  max-height: calc(100vh - 360px);
  display: block;
  overflow: auto;
  scrollbar-width: none;
}

grupos-role-category-list-component .items-list::-webkit-scrollbar {
  height: 0;
  overflow: visible;
  width: 0;
}

grupos-role-category-list-item-component a {
  text-decoration: none !important;
}

grupos-role-category-list-item-component a.active {
  background: #ddd;
}

grupos-role-category-list-item-component a:hover {
  background: #eee;
}

grupos-role-category-list-item-component a .cat-role-info {
  max-height: 55px !important;
  overflow: hidden;
  text-overflow: ellipsis;
}

grupos-stake-delete-component #delete-icon {
  font-size: 90px !important;
  color: #ef5350;
  margin: 30px;
  width: 150px;
  text-align: center;
  font-weight: bold;
}

grupos-role-category-detail-page {
  height: 100%;
  max-height: calc(100vh - 255px);
  display: block;
  overflow: auto;
  scrollbar-width: none;
  background: #ddd;
}

grupos-role-category-list-page {
  max-height: calc(100vh - 255px);
  display: block;
  overflow: auto;
  scrollbar-width: none;
}

grupos-role-category-list-page ::-webkit-scrollbar {
  height: 0;
  overflow: visible;
  width: 0;
}

issue-detail-component {
  border-left-width: 3px;
}

key-request-detail-component {
  border-left: 2px solid lightgray;
  display: flex;
}

key-request-form-component .canvas-container {
  height: 100%;
  display: grid;
  justify-content: center;
}

key-request-table-lite-keys-component .ms-responsive-table-wrapper {
  max-height: 50vh;
  overflow-y: auto !important;
}

key-request-table-lite-keys-component .md-virtual-repeat-scroller {
  overflow-x: auto !important;
}

key-request-table-lite-keys-component .order-by {
  position: relative;
}

link-detail-component .link-container {
  padding: 2px 5px;
  font-size: 14px;
  width: 100%;
}

.thread-list .thread-list-container {
  max-height: 300px;
  padding: 0;
  overflow-y: scroll;
}

.thread-list .thread-list-container .icon {
  font-size: 16px !important;
  width: 16px !important;
  height: 16px !important;
  min-width: 16px !important;
  min-height: 16px !important;
  line-height: 16px !important;
  color: #747b79 !important;
  opacity: 50% !important;
}

.thread-list .thread-list-container .overflow-hidden {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.no-threads {
  width: 100%;
}

.thread-container {
  position: relative;
}

.thread-container .back {
  position: absolute;
  top: 0;
  right: 0;
  margin: 10px 10px 0 0;
}

.thread-container .thread-info {
  margin-bottom: 10px;
}

.thread-container .thread-text {
  margin-top: 10px;
  max-height: 500px;
}

.w-120px {
  width: 120px !important;
}

/*----------------------------------------------------------------*/
/*  Variables
/*----------------------------------------------------------------*/
md-dialog.compose-dialog {
  max-width: 720px;
  width: 720px;
}

md-dialog.compose-dialog md-dialog-content {
  display: block;
  position: relative;
}

md-dialog.compose-dialog md-toolbar .title {
  font-size: 17px;
}

md-dialog.compose-dialog .to {
  position: relative;
}

md-dialog.compose-dialog .to.hidden-cc input {
  padding-right: 32px;
}

md-dialog.compose-dialog .to.hidden-cc.hidden-bcc input {
  padding-right: 56px;
}

md-dialog.compose-dialog .to.hidden-bcc input {
  padding-right: 32px;
}

md-dialog.compose-dialog .to .cc-bcc {
  position: absolute;
  bottom: 8px;
  right: 0;
}

md-dialog.compose-dialog .to .cc-bcc .show-cc,
md-dialog.compose-dialog .to .cc-bcc .show-bcc {
  cursor: pointer;
  font-size: 12px;
}

md-dialog.compose-dialog .to .cc-bcc .show-bcc {
  margin-left: 8px;
}

md-dialog.compose-dialog .attachment-list {
  font-size: 13px;
  padding-top: 16px;
}

md-dialog.compose-dialog .attachment-list .attachment {
  background-color: rgba(0, 0, 0, 0.08);
  border: 1px solid rgba(0, 0, 0, 0.16);
  padding-left: 16px;
  margin-top: 8px;
  border-radius: 2px;
}

md-dialog.compose-dialog .attachment-list .attachment .filename {
  font-weight: 500;
}

md-dialog.compose-dialog .attachment-list .attachment .md-button {
  margin: 0;
}

md-dialog.compose-dialog .attachment-list .attachment:last-child {
  margin-bottom: 0;
}

md-dialog.compose-dialog md-dialog-actions {
  position: relative;
  justify-content: space-between;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
  background-color: rgba(0, 0, 0, 0.03);
}

@media screen and (max-width: 960px) {
  md-dialog.compose-dialog {
    width: 80%;
  }
}

@media screen and (max-width: 600px) {
  md-dialog.compose-dialog {
    width: 90%;
  }
}

.info-panel {
  border-radius: 2px;
  background: white;
  box-shadow: 0px 1px 1px -2px rgba(0, 0, 0, 0.14),
    0px 2px 2px 0px rgba(0, 0, 0, 0.098), 0px 1px 5px 0px rgba(0, 0, 0, 0.084);
}

.info-panel header .md-title {
  font-size: 16px !important;
}

.info-panel .md-subhead {
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.01em;
  line-height: 24px;
  color: #555;
}

.info-panel .md-subhead md-select {
  font-weight: 100;
}

.info-panel dl dt {
  color: #999 !important;
  font-weight: normal !important;
}

.info-panel .dl-horizontal.tail-w-300 dt {
  width: 250px;
}

.info-panel .dl-horizontal.tail-w-300 dd {
  margin-left: 265px !important;
}

.info-panel .dl-horizontal.tail-w-300 dt {
  width: 300px;
}

.info-panel .dl-horizontal.tail-w-300 dd {
  margin-left: 315px !important;
}

.info-panel blockquote {
  white-space: pre-line;
}

.h-100p {
  height: 100%;
  max-height: 100%;
  min-height: 100%;
}

.w-100p {
  width: 100%;
  max-width: 100%;
  min-width: 100%;
}

.ov-auto {
  overflow: auto;
}

.w-60p {
  width: 60% !important;
}

.uib-typeahead-clearable {
  position: relative;
}

.uib-typeahead-clearable span.clear {
  position: absolute;
  right: 5px;
  top: 0;
  bottom: 0;
  height: 14px;
  margin: auto;
  font-size: 14px;
  cursor: pointer;
  color: #aaa;
}

[uib-typeahead-popup].dropdown-menu {
  max-height: 200px;
  overflow-y: auto;
}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus {
  color: #333;
  text-decoration: none;
  background-color: #ccc;
  outline: 0;
}

div[uib-datepicker] {
  zoom: 1.1;
}

div[uib-datepicker] button {
  border-radius: 2px;
  border: none;
  margin-right: 0 !important;
}

div[uib-datepicker] .uib-left i,
div[uib-datepicker] .uib-right i {
  font-size: 13px;
  width: 13px;
  height: 13px;
  min-width: 13px;
  min-height: 13px;
  line-height: 13px;
}

div[uib-datepicker] .uib-daypicker table {
  width: 100%;
}

div[uib-datepicker] .uib-daypicker table small {
  margin: 5px 0;
  display: block;
}

.uib-th-item:hover {
  cursor: pointer;
  background-color: lightgray;
}

.uib-datepicker-popup {
  background: #f5f5f5 !important;
  padding: 16px;
}

item-milestone-component {
  display: block;
}

milestone-timeline-item-component .mi-container.top {
  margin-bottom: -15px !important;
}

milestone-timeline-item-component .mi-container.bottom {
  margin-top: -15px !important;
}

milestone-timeline-item-component md-icon.icon-top {
  margin-top: 25px;
}

milestone-timeline-item-component md-icon.icon-bottom {
  margin-bottom: 25px;
}

milestone-timeline-item-component .popover {
  padding: 0;
  border-radius: 2px;
  box-shadow: none !important;
  position: relative;
  display: block;
  margin-top: 0 !important;
  width: 300px;
  font-family: 'Poppins', 'Roboto', 'Helvetica Neue', 'Arial', sans-serif;
}

milestone-timeline-item-component .popover .popover-inner {
  border-radius: 0px;
}

#modal-actuacion .datarow {
  max-width: 750px !important;
  flex-wrap: wrap;
}

job-category-definition-delete-container #delete-icon {
  font-size: 90px !important;
  color: #ef5350;
  margin: 30px;
  width: 150px;
  text-align: center;
}

job-category-definition-delete-container job-definition-list-container {
  width: 100%;
}

job-category-definition-delete-container .delete-actions {
  justify-content: center;
}

job-category-definition-tree-container {
  min-height: 500px;
  display: block;
}

/* --- Angular Ui Tree --- */
.angular-ui-tree-empty {
  min-height: 0px;
  border: none;
}

.angular-ui-tree-handle {
  color: #333;
  padding: 10px 10px;
  font-weight: normal;
}

.angular-ui-tree-handle:hover {
  background: #eee;
}

.angular-ui-tree-placeholder {
  background: #f0f9ff;
  border: 2px dashed #aaa;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* --- Tree --- */
.tree-node {
  border: 1px solid #dae2ea;
  background: #f8faff;
  color: #7c9eb2;
}

.tree-node-content {
  margin: 10px;
}

.tree-handle {
  padding: 10px;
  background: #428bca;
  color: #fff;
  margin-right: 10px;
}

/* --- Drop --- */
.nodrop {
  background-color: #f2dede;
}

job-category-definition-tree-job-definition-container .jcd-container {
  height: 500px;
  width: 500px;
  overflow-y: auto;
}

job-category-definition-tree-job-definition-container .jd-container {
  height: 500px;
  width: 600px;
  overflow-y: auto;
}

job-category-definition-cockpit-search-page {
  background: white;
  height: calc(100vh - 96px);
  display: block;
}

job-category-definition-cockpit-search-page div[ui-view='left'] {
  height: calc(100vh - 212px);
  display: block;
}

job-category-definition-cockpit-tree-page {
  background: white;
  display: block;
}

job-category-definition-cockpit-tree-list {
  background: white;
  height: calc(100vh - 96px);
  padding: 1rem;
  display: block;
}

.pointer {
  cursor: pointer;
}

.pointer {
  cursor: pointer;
}

.pointer {
  cursor: pointer;
}

job-category-instance-list-fast-filters-component a.grey-link {
  text-decoration: none !important;
}

job-category-instance-list-fast-filters-component a.grey-link:hover {
  background-color: #ddd;
}

job-category-instance-list-fast-filters-component .pointer {
  cursor: pointer;
}

job-category-instance-list-fast-filters-component a.grey-link {
  text-decoration: none !important;
}

job-category-instance-list-fast-filters-component a.grey-link:hover {
  background-color: #ddd;
}

job-category-instance-list-fast-filters-component .pointer {
  cursor: pointer;
}

job-category-instance-side-nav-component a.grey-link {
  text-decoration: none !important;
}

job-category-instance-side-nav-component a.grey-link:hover {
  background-color: #ddd;
}

job-category-instance-table-component .md-virtual-repeat-scroller {
  overflow-x: auto !important;
}

job-category-instance-table-component .order-by {
  position: relative;
}

tail-order-by-component {
  position: absolute;
  top: 50%;
  transform: translate(0%, -50%);
}

job-category-instance-table-billing-component .md-virtual-repeat-scroller {
  overflow-x: auto !important;
}

job-category-instance-table-billing-component .order-by {
  position: relative;
}

tail-order-by-component {
  position: absolute;
  top: 50%;
  transform: translate(0%, -50%);
}

job-category-instance-table-keys-component .md-virtual-repeat-scroller {
  overflow-x: auto !important;
}

job-category-instance-table-keys-component .order-by {
  position: relative;
}

job-category-instance-table-lite-keys-component .ms-responsive-table-wrapper {
  max-height: calc(100vh - 370px);
  overflow-y: auto !important;
}

job-category-instance-table-lite-keys-component .md-virtual-repeat-scroller {
  overflow-x: auto !important;
}

job-category-instance-table-lite-keys-component .order-by {
  position: relative;
}

.label {
  line-height: 1.25;
  margin: 0px !important;
}

job-category-instance-delete-container .info {
  font-size: 14px;
}

job-category-instance-delete-container .info .info-label {
  font-size: 12px;
  margin-bottom: 2px;
  color: #aaa;
}

job-category-instance-list-receive-keys-container .pt-3 {
  padding-top: 3px;
}

.job-category-instance-detail-modal {
  width: 70%;
}

.disabledTag {
  cursor: default;
  opacity: 0.5;
}

.pointer {
  cursor: pointer;
}

job-category-instance-list-page {
  height: calc(100vh - 198px);
  display: block;
}

job-category-instance-list-billing-page {
  height: calc(100vh - 198px);
  display: block;
}

job-category-instance-list-keys-page {
  height: calc(100vh - 198px);
  display: block;
}

job-category-instance-search-page {
  background: white;
  height: calc(100vh - 96px);
  display: block;
}

job-category-instance-search-page div[ui-view='left'] {
  height: calc(100vh - 198px);
  display: block;
  overflow-y: auto;
}

job-category-instance-search-billing-page {
  background: white;
  height: calc(100vh - 96px);
  display: block;
}

job-category-instance-search-billing-page div[ui-view='left'] {
  height: calc(100vh - 198px);
  display: block;
  overflow-y: auto;
}

job-category-instance-search-keys-page {
  background: white;
  height: calc(100vh - 96px);
  display: block;
}

job-category-instance-search-keys-page div[ui-view='left'] {
  height: calc(100vh - 198px);
  display: block;
  overflow-y: auto;
}

job-category-instance-bulk-keys-iniciate-page {
  height: calc(100vh - 96px);
  display: block;
  overflow-y: auto;
}

job-category-instance-bulk-keys-receive-page {
  height: calc(100vh - 198px);
  display: block;
}

job-category-instance-bulk-keys-request-page {
  height: calc(100vh - 95px);
  display: block;
}

job-category-instance-bulk-keys-update-page {
  height: calc(100vh - 98px);
  display: block;
  background-color: white;
}

job-category-instance-bulk-keys-validate-page {
  height: calc(100vh - 198px);
  display: block;
}

job-category-main-page {
  height: calc(100vh - 64px);
  display: block;
}

job-category-main-page form {
  zoom: 0.9;
}

job-instance-form-component {
  width: 900px;
}

job-instance-table-component .material {
  display: inline-flex;
}

job-instance-delete-container .info {
  font-size: 14px;
}

job-instance-delete-container .info .info-label {
  font-size: 12px;
  margin-bottom: 2px;
  color: #aaa;
}

material-instance-table-component .md-virtual-repeat-scroller {
  overflow-x: auto !important;
}

material-definition-delete-container #delete-icon {
  font-size: 90px !important;
  color: #ef5350;
  margin: 30px;
  width: 150px;
  text-align: center;
}

material-definition-delete-container .delete-actions {
  justify-content: center;
}

material-definition-typeahead-container {
  width: 100%;
}

mdb-cockpit-search-page {
  background: white;
  height: calc(100vh - 96px);
  display: block;
}

mdb-cockpit-search-page div[ui-view='left'] {
  height: calc(100vh - 212px);
  display: block;
}

mdb-entity-main-page {
  height: calc(100vh - 96px);
  display: block;
  background: white;
  overflow-y: hidden;
}

mdb-entity-main-page div[ui-view='left'],
mdb-entity-main-page div[ui-view='right'] {
  height: calc(100vh - 212px);
  display: block;
  overflow: auto;
}

#materialInstanceModal md-dialog-content {
  min-height: 450px;
}

.h-80-vh {
  max-height: 80vh !important;
}

.h-80-vh {
  max-height: 80vh !important;
}

.h-80-vh {
  max-height: 80vh !important;
}

.h-75-vh {
  max-height: 75vh !important;
}

.h-75-vh {
  max-height: 75vh !important;
}

odb-backoffice-main-page {
  height: calc(100vh - 96px);
  display: block;
  background: white;
  overflow-y: hidden;
}

odb-backoffice-main-page div[ui-view='left'],
odb-backoffice-main-page div[ui-view='right'] {
  height: calc(100vh - 212px);
  display: block;
  overflow: auto;
}

odb-cockpit-search-page {
  background: white;
  height: calc(100vh - 96px);
  display: block;
}

odb-cockpit-search-page div[ui-view='left'] {
  height: calc(100vh - 160px);
  display: block;
}

odb-main-breadcrumb-component .breadcrumb {
  background-color: transparent;
}

odb-main-h3-component {
  display: block;
}

odb-main-header-component {
  height: 64px;
  max-height: 64px;
}

odb-main-nav-component .navbar {
  background-color: white;
  border-radius: 0px;
  margin-bottom: 0px;
  border-left: none;
  border-right: none;
  border-color: rgba(0, 0, 0, 0.12);
}

odb-main-nav-component a {
  text-transform: uppercase;
  font-weight: 500;
  font-size: 14px;
}

odb-main-nav-component a:hover {
  background: #eee !important;
}

odb-main-nav-component a.active {
  border-bottom: 3px solid gray;
  background: #eee !important;
}

order-instance-list-component a.grey-link {
  text-decoration: none !important;
}

order-instance-list-component a.grey-link:hover {
  background-color: #ddd;
}

order-instance-edit-organization-bulk-container td.lineThrough {
  text-decoration: line-through;
}

order-instance-edit-organization-bulk-container ul {
  display: flex;
  list-style: none;
  justify-content: right;
  margin: 0;
}

order-instance-edit-organization-bulk-container li {
  text-decoration: underline;
  margin-left: 15px;
}

.pointer {
  cursor: pointer;
}

order-instance-list-fast-filters-component a.grey-link {
  text-decoration: none !important;
}

order-instance-list-fast-filters-component a.grey-link:hover {
  background-color: #ddd;
}

order-instance-list-fast-filters-component .pointer {
  cursor: pointer;
}

order-instance-table-component .md-virtual-repeat-scroller {
  overflow-x: auto !important;
}

order-instance-table-component .order-by {
  position: relative;
}

tail-order-by-component {
  position: absolute;
  top: 50%;
  transform: translate(0%, -50%);
}

order-instance-edit-user-manager-bulk-container td.lineThrough {
  text-decoration: line-through;
}

order-instance-edit-user-manager-bulk-container ul {
  display: flex;
  list-style: none;
  justify-content: right;
  margin: 0;
}

order-instance-edit-user-manager-bulk-container li {
  text-decoration: underline;
  margin-left: 15px;
}

order-instance-list-issues-container .alert.alert-danger {
  border-left: 3px solid #8a6d3b;
}

order-instance-list-issues-container .alert.alert-warning {
  border-left: 3px solid #f0ad4e;
}

order-instance-list-organization-container ul {
  padding: 0;
  list-style: none;
}

order-instance-list-organization-container li {
  padding: 8px;
}

order-instance-list-organization-container li:not(:last-child) {
  margin-bottom: 5px;
}

order-instance-list-user-manager-container ul {
  padding: 0;
  list-style: none;
}

order-instance-list-user-manager-container li {
  padding: 8px;
}

order-instance-list-user-manager-container li:not(:last-child) {
  margin-bottom: 5px;
}

.w-1000 {
  width: 1000px;
}

.disabledTag {
  cursor: default;
  opacity: 0.5;
}

.pointer {
  cursor: pointer;
}

order-create-page {
  background: white;
  height: calc(100vh - 96px);
  display: block;
  overflow-y: auto;
}

order-list-page {
  height: calc(100vh - 198px);
  display: block;
}

order-search-page {
  background: white;
  height: calc(100vh - 96px);
  display: block;
}

order-search-page div[ui-view='left'] {
  height: calc(100vh - 198px);
  display: block;
  overflow-y: auto;
}

order-main-breadcrumb-component .breadcrumb {
  background-color: transparent;
}

order-main-h3-component {
  display: block;
}

order-main-header-component {
  height: 64px;
  max-height: 64px;
}

order-main-page {
  height: calc(100vh - 64px);
  display: block;
}

order-main-page form {
  zoom: 0.9;
}

om-calendar-page {
  background: white;
  height: calc(100vh - 209px);
  display: block;
}

om-billing-page {
  background: white;
  height: calc(100vh - 209px);
  display: block;
}

om-calendar-page {
  background: white;
  height: calc(100vh - 209px);
  display: block;
}

om-detail-page {
  background: white;
  height: calc(100vh - 216px);
  display: block;
  overflow-y: auto;
}

om-incidents-page {
  background: white;
  height: calc(100vh - 209px);
  display: block;
}

om-jobs-detail-page {
  background: white;
  height: calc(100vh - 215px);
  display: block;
  overflow-y: auto;
}

om-jobs-page {
  background: white;
  height: calc(100vh - 215px);
  display: block;
  overflow-y: auto;
}

om-jobs-page div[ui-view='left'] {
  height: calc(100vh - 215px);
  display: block;
  overflow-y: auto;
}

om-main-page {
  height: calc(100vh - 96px);
  display: block;
  background: white;
  overflow-y: auto;
}

.disabledTag {
  cursor: default;
  opacity: 0.5;
}

.pointer {
  cursor: pointer;
}

om-materials-page {
  background: white;
  height: calc(100vh - 209px);
}

textarea {
  resize: none;
}

organization-delete-container #delete-icon {
  font-size: 90px !important;
  color: #ef5350;
  margin: 30px;
  width: 150px;
  text-align: center;
}

organization-delete-container organization-entity-address-book-list-container {
  width: 50%;
}

organization-delete-container .delete-actions {
  justify-content: center;
}

organization-detail-container {
  background-color: #fff;
}

organization-cockpit-search-page {
  background: white;
  height: calc(100vh - 96px);
  display: block;
}

organization-cockpit-search-page div[ui-view='left'] {
  height: calc(100vh - 160px);
  display: block;
}

roles-category-info-component {
  height: 100%;
  display: block;
}

roles-category-info-component.bg-grey {
  background-color: #ddd !important;
}

roles-category-info-component.bg-grey md-content {
  background-color: inherit !important;
}

roles-category-info-component .light-info {
  color: #111;
}

main-schedule .loading-layer {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  background: rgba(136, 136, 136, 0.75);
}

main-schedule .schedules {
  max-height: 650px;
  overflow-y: scroll;
}

schedule-detail .loading-layer {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  background: rgba(136, 136, 136, 0.75);
  z-index: 999999999999;
}

schedule-detail .md-subheader-inner {
  padding-left: 0 !important;
}

schedule-detail .padding-v-5 {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

schedule-detail .schedules-tooltip {
  max-height: none !important;
  height: auto !important;
  color: #333 !important;
  background-color: #e4f1dc !important;
  border-radius: 2px !important;
  font-size: 13px !important;
  padding: 10px !important;
  box-shadow: 0px 1px 1px -2px rgba(0, 0, 0, 0.14),
    0px 2px 2px 0px rgba(0, 0, 0, 0.098), 0px 1px 5px 0px rgba(0, 0, 0, 0.084) !important;
}

schedule-detail .copyButton {
  border-radius: 0% !important;
}

main-schedule .loading-layer {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  background: rgba(136, 136, 136, 0.75);
}

main-schedule .schedules {
  height: calc(100vh - 280px) !important;
  min-height: calc(100vh - 280px) !important;
  max-height: calc(100vh - 280px) !important;
  overflow-y: hidden;
}

.mb-6neg {
  margin-bottom: -6px;
}

.schedules-tooltip {
  max-height: none !important;
  height: auto !important;
  color: #333 !important;
  background-color: #fff !important;
  border-radius: 2px !important;
  font-size: 14px !important;
  padding: 10px !important;
  box-shadow: 0px 1px 1px -2px rgba(0, 0, 0, 0.14),
    0px 2px 2px 0px rgba(0, 0, 0, 0.098), 0px 1px 5px 0px rgba(0, 0, 0, 0.084) !important;
}

.schedule-sort-button {
  font-size: 16px !important;
  margin: 0 0 0 5px !important;
  color: #9e9e9e !important;
}

main-schedule .loading-layer {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  background: rgba(136, 136, 136, 0.75);
}

main-schedule .schedules {
  max-height: 650px;
  overflow-y: scroll;
}

tail-gallery {
  width: 100%;
}

tail-gallery .gallery-container {
  display: flex;
  max-width: 100%;
  flex-wrap: wrap;
}

tail-gallery .gallery-container .gallery-img-container {
  overflow: hidden;
  cursor: pointer;
  position: relative;
}

tail-gallery .gallery-container .gallery-img-container img {
  object-fit: cover;
  height: 100px;
  width: 100px;
}

tail-gallery .gallery-container .gallery-img-container .imageOverlay {
  background: lightgray;
  opacity: 0.75;
  position: absolute;
  z-index: 10000;
}

tail-gallery .gallery-container .gallery-img-container .imageOverlay .file-icons {
  height: 100%;
  width: 100%;
}

tail-gallery .gallery-container .gallery-img-container .imageOverlay .file-icons .md-icon {
  color: white !important;
}

tail-gallery .gallery-container .gallery-img-container .non-selected {
  background: #333;
  opacity: 0.5;
}

tail-gallery .gallery-container .gallery-img-container .checkbox-select {
  position: absolute;
  top: 4px;
  left: 4px;
  width: 1.5rem;
  height: 1.5rem;
  justify-content: flex-start;
  z-index: 10001;
}

tail-breadcrumb-component .breadcrumb {
  background-color: transparent;
}

order-main-h3-component {
  display: block;
}

tail-header-component {
  height: 64px;
  max-height: 64px;
}

tail-loading .loading {
  position: absolute;
  width: 100%;
  height: 100%;
}

tail-loading .loading md-progress-circular {
  margin: auto;
  opacity: 1;
}

tail-loading .loading .overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background: gray;
  z-index: 10000;
  opacity: 0.5;
}

tail-main-nav-component .navbar {
  background-color: white;
  border-radius: 0px;
  margin-bottom: 0px;
  border-left: none;
  border-right: none;
  border-color: rgba(0, 0, 0, 0.12);
}

tail-main-nav-component a {
  text-transform: uppercase;
  font-weight: 500;
  font-size: 14px;
}

tail-main-nav-component a:hover {
  background: #eee !important;
}

tail-main-nav-component a.active {
  border-bottom: 3px solid gray;
  background: #eee !important;
}

order-instance-search-component {
  max-height: 100%;
  overflow: auto;
}

tail-select {
  display: flex;
}

.selection-mode md-icon {
  color: white !important;
}

.selection-mode span {
  vertical-align: middle;
}

.selection-mode-form {
  display: flex;
  justify-content: center;
}

#transitionButton {
  font-size: 1.25rem;
  font-family: 'Euclid Circular A', Poppins;
  padding: 0;
  outline: none;
  font-weight: 600;
  letter-spacing: 0.5px;
  border-radius: 0.5rem;
  padding: 0.5rem 1.25rem;
}

#transitionButton:hover {
  color: white !important;
}

tail-status-component {
  max-width: 100%;
}

tail-status-component .label {
  line-height: 1.25;
  margin: 2.5px;
}

tail-select {
  display: flex;
}

.info-tareas:hover {
  background-color: #ededed;
}

user-group-detail-component {
  border-left: 2px solid lightgray;
  display: flex;
}

delete-user #delete-icon {
  font-size: 90px !important;
  color: #ef5350;
  margin: 30px;
  width: 150px;
  text-align: center;
}

delete-user-group #delete-icon {
  font-size: 90px !important;
  color: #ef5350;
  margin: 30px;
  width: 150px;
  text-align: center;
}

/*----------------------------------------------------------------*/
/*  Variables
/*----------------------------------------------------------------*/
#layout-vertical-navigation-fullwidth-toolbar-2 #vertical-navigation {
  width: 240px;
  min-width: 240px;
  max-width: 240px;
  overflow-x: hidden;
  transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2), width 0.1s linear,
    min-width 0.1s linear, max-width 0.1s linear;
  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);
}

#layout-vertical-navigation-fullwidth-toolbar-2 #vertical-navigation .navigation-header {
  height: 64px;
  min-height: 64px;
  background-color: rgba(255, 255, 255, 0.05);
  padding: 0 16px 0 24px;
}

#layout-vertical-navigation-fullwidth-toolbar-2 #vertical-navigation:not(._md-locked-open) {
  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);
}

#layout-vertical-navigation-fullwidth-toolbar-2 #vertical-navigation i {
  color: #ffffff;
}

#layout-vertical-navigation-fullwidth-toolbar-2 #vertical-navigation .ms-navigation-button.ng-scope span.title {
  color: #ffffff !important;
}

#layout-vertical-navigation-fullwidth-toolbar-2 #vertical-navigation a {
  color: #ffffff;
}

#layout-vertical-navigation-fullwidth-toolbar-2 #vertical-navigation a i {
  color: #ffffff;
}

@media only screen and (min-width: 960px) {
  .ms-navigation-folded #content-container {
    margin-left: 64px;
  }

  .ms-navigation-folded #layout-vertical-navigation-fullwidth-toolbar-2 #vertical-navigation {
    position: absolute;
  }

  .ms-navigation-folded:not(.ms-navigation-folded-open) #layout-vertical-navigation-fullwidth-toolbar-2 #vertical-navigation {
    position: absolute;
    width: 64px;
    min-width: 64px;
    max-width: 64px;
  }

  .ms-navigation-folded:not(.ms-navigation-folded-open) #layout-vertical-navigation-fullwidth-toolbar-2 #vertical-navigation .navigation-header {
    padding: 0 16px;
  }

  .ms-navigation-folded:not(.ms-navigation-folded-open) #layout-vertical-navigation-fullwidth-toolbar-2 #vertical-navigation .navigation-header .logo-text {
    display: none;
  }
}

/*----------------------------------------------------------------*/
/*  Variables
/*----------------------------------------------------------------*/
#vertical-navigation {
  width: 240px;
  min-width: 240px;
  max-width: 240px;
  overflow-x: hidden;
  transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2), width 0.1s linear,
    min-width 0.1s linear, max-width 0.1s linear;
  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);
}

#vertical-navigation .navigation-header {
  height: 64px;
  min-height: 64px;
  background-color: rgba(0, 0, 0, 0.05);
  padding: 0 16px 0 24px;
}

#vertical-navigation .navigation-header .logo {
  width: 136px;
  background: white;
  height: 60px;
  border-radius: 2px;
}

#vertical-navigation .navigation-header .logo .logo-image {
  display: block;
  background: material-color('light-blue', '600');
  width: 32px;
  min-width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  color: #ffffff;
  border-radius: 2px;
}

#vertical-navigation .navigation-header .logo .logo-text {
  color: #ffffff;
  margin-left: 16px;
  font-size: 16px;
}

#vertical-navigation .navigation-header .fold-toggle {
  transition: transform 0.3s ease-in-out 0.1s;
  transform: rotate(0deg);
  margin: 0;
  padding: 8px;
  width: 34px !important;
  height: 34px !important;
  cursor: pointer;
}

#vertical-navigation:not(._md-locked-open) {
  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);
}

@media only screen and (min-width: 960px) {
  .ms-navigation-folded #content-container {
    margin-left: 64px;
  }

  .ms-navigation-folded #vertical-navigation {
    position: absolute;
  }

  .ms-navigation-folded #vertical-navigation .navigation-header .fold-toggle {
    transform: rotate(180deg);
    opacity: 0;
  }

  .ms-navigation-folded.ms-navigation-folded-open #vertical-navigation .navigation-header .fold-toggle {
    transition: transform 0.3s ease-in-out 0.1s, opacity 0.3s ease-in-out 0.2s;
    opacity: 1;
  }

  .ms-navigation-folded:not(.ms-navigation-folded-open) #vertical-navigation {
    position: absolute;
    width: 64px;
    min-width: 64px;
    max-width: 64px;
  }

  .ms-navigation-folded:not(.ms-navigation-folded-open) #vertical-navigation .navigation-header {
    padding: 0 16px;
  }

  .ms-navigation-folded:not(.ms-navigation-folded-open) #vertical-navigation .navigation-header .logo-text {
    display: none;
  }
}

/*----------------------------------------------------------------*/
/*  Variables
/*----------------------------------------------------------------*/
#quick-panel {
  width: 330px;
  min-width: 330px;
  max-width: 330px;
  z-index: 99;
}

#quick-panel md-content {
  height: 100%;
}

#quick-panel md-content md-tabs {
  height: 100%;
}

#quick-panel md-content md-tabs md-tabs-wrapper {
  background-color: rgba(0, 0, 0, 0.03);
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

#quick-panel md-content md-tabs md-tabs-wrapper .md-tab {
  max-width: none !important;
}

#quick-panel md-content md-tabs md-tabs-content-wrapper md-tab-content {
  height: 100%;
  overflow: hidden;
}

#quick-panel md-content md-tabs md-tabs-content-wrapper md-tab-content>div {
  overflow: hidden;
  height: 100%;
}

@media screen and (max-width: 600px) {
  #quick-panel {
    width: 80%;
    min-width: 80%;
    max-width: 80%;
  }
}

#quick-panel .activity-tab .friends .friend {
  position: relative;
}

#quick-panel .activity-tab .friends .friend .status {
  position: absolute;
  top: 8px;
  left: 44px;
  width: 18px;
  height: 18px;
  z-index: 10;
  border-radius: 50%;
  border: 3px solid #ffffff;
}

#quick-panel .activity-tab .friends .friend .status.online {
  background-color: #00c853;
}

#quick-panel .activity-tab .friends .friend .status.offline {
  background-color: #d50000;
}

#quick-panel .activity-tab .friends .friend .status.away {
  background-color: #ff6d00;
}

#quick-panel .activity-tab .friends .friend .unread-message-count {
  position: absolute;
  left: 16px;
  bottom: 16px;
  width: 18px;
  height: 18px;
  z-index: 10;
  border-radius: 50%;
  text-align: center;
  line-height: 18px;
  font-size: 11px;
}

#quick-panel .activity-tab .servers .server .status {
  margin: 24px 20px 28px 8px;
}

#quick-panel .activity-tab .servers .server .status.normal {
  color: #00c853;
}

#quick-panel .activity-tab .servers .server .status.warn {
  color: #d50000;
}

#quick-panel .activity-tab .servers .server .status.error {
  color: #ff6d00;
}

#quick-panel .activity-tab .stat md-progress-linear.normal .md-bar {
  background-color: #00c853;
}

#quick-panel .activity-tab .stat md-progress-linear.normal .md-container {
  background-color: rgba(0, 200, 83, 0.3);
}

#quick-panel .activity-tab .stat md-progress-linear.warn .md-bar {
  background-color: #ff6d00;
}

#quick-panel .activity-tab .stat md-progress-linear.warn .md-container {
  background-color: rgba(255, 109, 0, 0.3);
}

#quick-panel .activity-tab .stat md-progress-linear.alert .md-bar {
  background-color: #d50000;
}

#quick-panel .activity-tab .stat md-progress-linear.alert .md-container {
  background-color: rgba(213, 0, 0, 0.3);
}

#quick-panel .chat-tab .main,
#quick-panel .chat-tab .chat {
  position: absolute;
  width: 100%;
  top: 0;
  bottom: 0;
}

#quick-panel .chat-tab .main .contact {
  position: relative;
}

#quick-panel .chat-tab .main .contact .status {
  position: absolute;
  top: 8px;
  left: 44px;
  width: 18px;
  height: 18px;
  border: 3px solid #ffffff;
  border-radius: 50%;
  z-index: 10;
}

#quick-panel .chat-tab .main .contact .status.online {
  background-color: #00c853;
}

#quick-panel .chat-tab .main .contact .status.offline {
  background-color: #d50000;
}

#quick-panel .chat-tab .main .contact .status.away {
  background-color: #ff6d00;
}

#quick-panel .chat-tab .main .contact .unread-message-count {
  position: absolute;
  left: 16px;
  bottom: 16px;
  width: 18px;
  height: 18px;
  z-index: 10;
  border-radius: 50%;
  text-align: center;
  line-height: 18px;
  font-size: 11px;
}

#quick-panel .chat-tab .main .recent .contact .status {
  top: 18px;
}

#quick-panel .chat-tab .chat {
  max-height: 100%;
  overflow: hidden;
}

#quick-panel .chat-tab .chat .message-row .bubble {
  position: relative;
  padding: 8px;
  background-color: #eceff1;
  border: 1px solid #dcdfe1;
}

#quick-panel .chat-tab .chat .message-row .bubble:after,
#quick-panel .chat-tab .chat .message-row .bubble:before {
  content: ' ';
  position: absolute;
  width: 0;
  height: 0;
}

#quick-panel .chat-tab .chat .message-row .bubble:after {
  left: -7px;
  right: auto;
  top: 0px;
  bottom: auto;
  border: 11px solid;
  border-color: #eceff1 transparent transparent transparent;
}

#quick-panel .chat-tab .chat .message-row .bubble:before {
  left: -9px;
  right: auto;
  top: -1px;
  bottom: auto;
  border: 8px solid;
  border-color: #dcdfe1 transparent transparent transparent;
}

#quick-panel .chat-tab .chat .message-row .bubble .time {
  font-size: 11px;
  margin-top: 8px;
}

#quick-panel .chat-tab .chat .message-row.contact .avatar {
  margin: 0 16px 0 0;
}

#quick-panel .chat-tab .chat .message-row.user {
  align-items: flex-end;
}

#quick-panel .chat-tab .chat .message-row.user .avatar {
  order: 2;
  margin: 0 0 0 16px;
}

#quick-panel .chat-tab .chat .message-row.user .bubble {
  background-color: #e8f5e9;
  border: 1px solid #dfebe0;
  order: 1;
}

#quick-panel .chat-tab .chat .message-row.user .bubble:after {
  right: -7px;
  left: auto;
  top: auto;
  bottom: 0px;
  border-color: transparent transparent #e8f5e9 transparent;
}

#quick-panel .chat-tab .chat .message-row.user .bubble:before {
  right: -9px;
  left: auto;
  top: auto;
  bottom: -1px;
  border-color: transparent transparent #dfebe0 transparent;
}

#quick-panel .chat-tab .chat .reply {
  border-top: 1px solid rgba(0, 0, 0, 0.12);
}

#quick-panel .chat-tab .chat .reply textarea {
  margin: 8px;
  resize: none;
  height: 80px;
  padding: 8px 16px 8px 8px;
}

#layout-content-with-toolbar #toolbar {
  padding: 0 0 0 16px;
}

#layout-content-with-toolbar #toolbar .logo {
  margin-right: 16px;
}

#layout-content-with-toolbar #toolbar .logo .logo-image {
  display: block;
  background: material-color('light-blue', '600');
  width: 32px;
  min-width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  color: #ffffff;
  font-size: 16px;
  font-weight: 500;
  border-radius: 2px;
}

#layout-content-with-toolbar #toolbar .logo .logo-text {
  color: rgba(0, 0, 0, 0.87);
  margin-left: 16px;
  font-size: 16px;
}

/*----------------------------------------------------------------*/
/*  Variables
/*----------------------------------------------------------------*/
#layout-horizontal-navigation #toolbar-navigation-container {
  z-index: 55;
}

#layout-horizontal-navigation #toolbar-navigation-container #toolbar {
  height: 64px;
  min-height: 64px;
  max-height: 64px;
  box-shadow: none;
}

#layout-horizontal-navigation #toolbar-navigation-container #toolbar .top-row .navigation-toggle {
  height: 64px;
  border-right: 1px solid rgba(0, 0, 0, 0.12);
}

#layout-horizontal-navigation #toolbar-navigation-container #toolbar .top-row .navigation-toggle .md-button {
  margin: 0;
  width: 64px;
  height: 64px;
}

#layout-horizontal-navigation #toolbar-navigation-container #toolbar .top-row .logo {
  margin: 0 16px;
}

#layout-horizontal-navigation #toolbar-navigation-container #toolbar .top-row .logo .logo-image {
  display: block;
  background: material-color('light-blue', '600');
  width: 32px;
  min-width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  color: #ffffff;
  font-size: 16px;
  font-weight: 500;
  border-radius: 2px;
}

#layout-horizontal-navigation #toolbar-navigation-container #toolbar .top-row .logo .logo-text {
  color: rgba(0, 0, 0, 0.87);
  margin-left: 16px;
  font-size: 16px;
}

@media only screen and (max-width: 960px) {
  #layout-horizontal-navigation #toolbar-navigation-container {
    height: 64px;
    min-height: 64px;
    max-height: 64px;
  }

  #layout-horizontal-navigation #toolbar-navigation-container #toolbar {
    padding: 0;
  }
}

/*----------------------------------------------------------------*/
/*  Variables
/*----------------------------------------------------------------*/
#layout-vertical-navigation-fullwidth-toolbar-2 #toolbar .logo {
  width: 145px;
  margin: 12px 8px 15px 22px;
}

#layout-vertical-navigation-fullwidth-toolbar-2 #toolbar .logo .logo-image {
  display: block;
  background: material-color('light-blue', '600');
  width: 32px;
  min-width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  color: #ffffff;
  border-radius: 2px;
}

#layout-vertical-navigation-fullwidth-toolbar-2 #toolbar .logo .logo-text {
  color: #ffffff;
  margin-left: 16px;
  font-size: 16px;
}

#layout-vertical-navigation-fullwidth-toolbar-2 #toolbar .navigation-fold-toggle {
  width: 64px;
  min-width: 64px;
  height: 64px;
  margin: 0;
  border-right: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 0;
}

#layout-vertical-navigation-fullwidth-toolbar-2 #toolbar .navigation-fold-toggle md-icon {
  transition: transform 0.3s ease-in-out 0.1s;
  transform: rotate(0deg);
}

@media only screen and (min-width: 960px) {
  .ms-navigation-folded #layout-vertical-navigation-fullwidth-toolbar-2 #toolbar .navigation-fold-toggle md-icon {
    transform: rotate(180deg);
  }
}

@media only screen and (max-width: 960px) {
  #layout-vertical-navigation-fullwidth-toolbar-2 #toolbar .logo {
    width: 150px;
    margin: 0;
  }

  #layout-vertical-navigation-fullwidth-toolbar-2 #toolbar .logo .logo-image {
    display: block;
    background: material-color('light-blue', '600');
    width: 32px;
    min-width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    color: #ffffff;
    border-radius: 2px;
  }

  #layout-vertical-navigation-fullwidth-toolbar-2 #toolbar .logo .logo-text {
    color: #ffffff;
    margin-left: 16px;
    font-size: 16px;
  }
}

/*----------------------------------------------------------------*/
/*  Variables
/*----------------------------------------------------------------*/
#toolbar {
  height: 64px;
  min-height: 64px;
  max-height: 64px;
  z-index: 55 !important;
}

#toolbar .toolbarHeight {
  height: 64px;
}

#toolbar #navigation-toggle {
  width: 64px;
  min-width: 64px;
  height: 64px;
  margin: 0;
  border-right: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 0;
}

#toolbar #user-menu {
  height: 64px;
  padding: 0;
}

#toolbar #user-menu md-menu-item .md-button {
  font-size: 15px;
}

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

#toolbar #user-menu .user-button {
  margin: 0;
  padding: 0 16px;
  height: 64px;
  text-transform: none;
}

#toolbar #user-menu .user-button .avatar-wrapper {
  position: relative;
}

#toolbar #user-menu .user-button .avatar-wrapper .status {
  position: absolute;
  bottom: -3px;
  right: 5px;
}

#toolbar #user-menu .user-button .username {
  margin: 0 12px 0 8px;
}

#toolbar #language-menu {
  height: 64px;
}

#toolbar #language-menu .language-button {
  min-width: 64px;
  height: 64px;
  margin: 0;
  padding: 0 16px;
  border-radius: 0;
}

#toolbar #language-menu .language-button .iso {
  text-transform: uppercase;
}

#toolbar #language-menu .language-button .flag {
  margin-right: 8px;
}

#toolbar #quick-panel-toggle {
  width: 64px;
  height: 64px;
  margin: 0;
  border-radius: 0;
}

#toolbar .toolbar-separator {
  height: 64px;
  width: 1px;
  background: rgba(0, 0, 0, 0.12);
}

#language-menu-content md-menu-item .flag {
  margin-right: 16px;
}

#language-message {
  min-height: 88px;
  max-width: 600px;
}

#language-message .md-toast-content {
  height: 90px;
}

@media screen and (max-width: 600px) {
  #toolbar #user-menu .user-button {
    min-width: 64px;
    padding: 0 2px 0 10px;
  }
}