.listreports-gray, .listreports-grey {
  color: #76888f;
}

html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  font-family: sans-serif;
}

body {
  margin: 0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
  display: block;
}

audio, canvas, progress, video {
  vertical-align: baseline;
  display: inline-block;
}

audio:not([controls]) {
  height: 0;
  display: none;
}

[hidden], template {
  display: none;
}

a {
  background: none;
}

a:active, a:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b, strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

h1 {
  margin: .67em 0;
  font-size: 2em;
}

mark {
  color: #000;
  background: #ff0;
}

small {
  font-size: 80%;
}

sub, sup {
  vertical-align: baseline;
  font-size: 75%;
  line-height: 0;
  position: relative;
}

sup {
  top: -.5em;
}

sub {
  bottom: -.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

hr {
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code, kbd, pre, samp {
  font-family: monospace;
  font-size: 1em;
}

button, input, optgroup, select, textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button, select {
  text-transform: none;
}

button {
  -webkit-appearance: button;
  cursor: pointer;
}

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

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

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

button[disabled], html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type="checkbox"] {
  box-sizing: border-box;
  padding: 0;
}

input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

input[type="number"]::-webkit-inner-spin-button {
  height: auto;
}

input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

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

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

fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: .35em .625em .75em;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

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

td, th {
  padding: 0;
}

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

html {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  font-size: 10px;
}

body {
  color: #333;
  background-color: #fff;
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857;
}

input, button, select, textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

a {
  color: #3398d3;
  text-decoration: none;
}

a:hover, a:focus {
  color: #216c99;
  text-decoration: underline;
}

a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

figure {
  margin: 0;
}

img {
  vertical-align: middle;
}

.img-responsive {
  width: 100% \9 ;
  max-width: 100%;
  height: auto;
  display: block;
}

.img-rounded {
  border-radius: 6px;
}

.img-thumbnail {
  -o-transition: all .2s ease-in-out;
  width: 100% \9 ;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  max-width: 100%;
  height: auto;
  padding: 4px;
  line-height: 1.42857;
  transition: all .2s ease-in-out;
  display: inline-block;
}

.img-circle {
  border-radius: 50%;
}

hr {
  border: 0;
  border-top: 1px solid #eee;
  margin-top: 20px;
  margin-bottom: 20px;
}

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

.sr-only-focusable:active, .sr-only-focusable:focus {
  clip: auto;
  width: auto;
  height: auto;
  margin: 0;
  position: static;
  overflow: visible;
}

table {
  background-color: rgba(0, 0, 0, 0);
}

th {
  text-align: left;
}

.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}

.table > thead > tr > th, .table > thead > tr > td, .table > tbody > tr > th, .table > tbody > tr > td, .table > tfoot > tr > th, .table > tfoot > tr > td {
  vertical-align: top;
  border-top: 1px solid #ddd;
  padding: 8px;
  line-height: 1.42857;
}

.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #ddd;
}

.table > caption + thead > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > th, .table > thead:first-child > tr:first-child > td {
  border-top: 0;
}

.table > tbody + tbody {
  border-top: 2px solid #ddd;
}

.table .table {
  background-color: #fff;
}

.table-condensed > thead > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > th, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > th, .table-condensed > tfoot > tr > td {
  padding: 5px;
}

.table-bordered, .table-bordered > thead > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > tfoot > tr > td {
  border: 1px solid #ddd;
}

.table-bordered > thead > tr > th, .table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}

.table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th {
  background-color: #f4f7f8;
}

.table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th {
  background-color: #f5f5f5;
}

table col[class*="col-"] {
  float: none;
  display: table-column;
  position: static;
}

table td[class*="col-"], table th[class*="col-"] {
  float: none;
  display: table-cell;
  position: static;
}

.table > thead > tr > td.active, .table > thead > tr > th.active, .table > thead > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr > td.active, .table > tbody > tr > th.active, .table > tbody > tr.active > td, .table > tbody > tr.active > th, .table > tfoot > tr > td.active, .table > tfoot > tr > th.active, .table > tfoot > tr.active > td, .table > tfoot > tr.active > th {
  background-color: #f5f5f5;
}

.table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover, .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr.active:hover > th {
  background-color: #e8e8e8;
}

.table > thead > tr > td.success, .table > thead > tr > th.success, .table > thead > tr.success > td, .table > thead > tr.success > th, .table > tbody > tr > td.success, .table > tbody > tr > th.success, .table > tbody > tr.success > td, .table > tbody > tr.success > th, .table > tfoot > tr > td.success, .table > tfoot > tr > th.success, .table > tfoot > tr.success > td, .table > tfoot > tr.success > th {
  background-color: #dff0d8;
}

.table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr:hover > .success, .table-hover > tbody > tr.success:hover > th {
  background-color: #d0e9c6;
}

.table > thead > tr > td.info, .table > thead > tr > th.info, .table > thead > tr.info > td, .table > thead > tr.info > th, .table > tbody > tr > td.info, .table > tbody > tr > th.info, .table > tbody > tr.info > td, .table > tbody > tr.info > th, .table > tfoot > tr > td.info, .table > tfoot > tr > th.info, .table > tfoot > tr.info > td, .table > tfoot > tr.info > th {
  background-color: #d9edf7;
}

.table-hover > tbody > tr > td.info:hover, .table-hover > tbody > tr > th.info:hover, .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr:hover > .info, .table-hover > tbody > tr.info:hover > th {
  background-color: #c4e3f3;
}

.table > thead > tr > td.warning, .table > thead > tr > th.warning, .table > thead > tr.warning > td, .table > thead > tr.warning > th, .table > tbody > tr > td.warning, .table > tbody > tr > th.warning, .table > tbody > tr.warning > td, .table > tbody > tr.warning > th, .table > tfoot > tr > td.warning, .table > tfoot > tr > th.warning, .table > tfoot > tr.warning > td, .table > tfoot > tr.warning > th {
  background-color: #fcf8e3;
}

.table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr:hover > .warning, .table-hover > tbody > tr.warning:hover > th {
  background-color: #faf2cc;
}

.table > thead > tr > td.danger, .table > thead > tr > th.danger, .table > thead > tr.danger > td, .table > thead > tr.danger > th, .table > tbody > tr > td.danger, .table > tbody > tr > th.danger, .table > tbody > tr.danger > td, .table > tbody > tr.danger > th, .table > tfoot > tr > td.danger, .table > tfoot > tr > th.danger, .table > tfoot > tr.danger > td, .table > tfoot > tr.danger > th {
  background-color: #f2dede;
}

.table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr.danger:hover > th {
  background-color: #ebcccc;
}

@media screen and (max-width: 599px) {
  .table-responsive {
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-overflow-scrolling: touch;
    border: 1px solid #ddd;
    width: 100%;
    margin-bottom: 15px;
    overflow-x: auto;
    overflow-y: hidden;
  }

  .table-responsive > .table {
    margin-bottom: 0;
  }

  .table-responsive > .table > thead > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }

  .table-responsive > .table-bordered {
    border: 0;
  }

  .table-responsive > .table-bordered > thead > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }

  .table-responsive > .table-bordered > thead > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }

  .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
}

.modal-open {
  overflow: hidden;
}

.modal {
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0;
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}

.modal.fade .modal-dialog {
  -webkit-transition: -webkit-transform .3s ease-out;
  -o-transition: -o-transform .3s ease-out;
  -moz-transition: -moz-transform .3s ease-out;
  transition: transform .3s ease-out;
  transform: translate3d(0, -25%, 0);
}

.modal.in .modal-dialog {
  transform: translate3d(0, 0, 0);
}

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

.modal-dialog {
  width: auto;
  margin: 10px;
  position: relative;
}

.modal-content {
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: 6px;
  outline: 0;
  position: relative;
  box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
}

.modal-backdrop {
  z-index: 1040;
  background-color: #000;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity= 0);
}

.modal-backdrop.in {
  opacity: .5;
  filter: alpha(opacity= 50);
}

.modal-header {
  border-bottom: 1px solid #e5e5e5;
  min-height: 16.4286px;
  padding: 15px;
}

.modal-header .close {
  margin-top: -2px;
}

.modal-title {
  margin: 0;
  line-height: 1.42857;
}

.modal-body {
  padding: 15px;
  position: relative;
}

.modal-footer {
  text-align: right;
  border-top: 1px solid #e5e5e5;
  padding: 15px;
}

.modal-footer:before, .modal-footer:after {
  content: " ";
  display: table;
}

.modal-footer:after {
  clear: both;
}

.modal-footer .btn + .btn {
  margin-bottom: 0;
  margin-left: 5px;
}

.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}

.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}

.modal-scrollbar-measure {
  width: 50px;
  height: 50px;
  position: absolute;
  top: -9999px;
  overflow: scroll;
}

@media (min-width: 600px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }

  .modal-content {
    box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
  }

  .modal-sm {
    width: 300px;
  }
}

@media (min-width: 960px) {
  .modal-lg {
    width: 900px;
  }
}

.tooltip {
  z-index: 1070;
  visibility: visible;
  opacity: 0;
  filter: alpha(opacity= 0);
  font-size: 12px;
  line-height: 1.4;
  display: block;
  position: absolute;
}

.tooltip.in {
  opacity: .9;
  filter: alpha(opacity= 90);
}

.tooltip.top {
  margin-top: -3px;
  padding: 5px 0;
}

.tooltip.right {
  margin-left: 3px;
  padding: 0 5px;
}

.tooltip.bottom {
  margin-top: 3px;
  padding: 5px 0;
}

.tooltip.left {
  margin-left: -3px;
  padding: 0 5px;
}

.tooltip-inner {
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 4px;
  max-width: 200px;
  padding: 3px 8px;
  text-decoration: none;
}

.tooltip-arrow {
  border-style: solid;
  border-color: rgba(0, 0, 0, 0);
  width: 0;
  height: 0;
  position: absolute;
}

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

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

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

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

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

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

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

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

.embed-responsive {
  height: 0;
  padding: 0;
  display: block;
  position: relative;
  overflow: hidden;
}

.embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object {
  border: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.embed-responsive.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}

.embed-responsive.embed-responsive-4by3 {
  padding-bottom: 75%;
}

html, body {
  height: 100%;
  position: relative;
}

body {
  margin: 0;
  padding: 0;
}

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

.inset {
  padding: 10px;
}

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

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

button {
  cursor: pointer;
  -webkit-appearance: button;
}

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

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

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

button[disabled] {
  cursor: default;
}

input[type="reset"][disabled] {
  cursor: default;
}

input[type="submit"][disabled] {
  cursor: default;
}

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

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

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

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

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

input:-webkit-autofill {
  text-shadow: none;
}

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

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

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

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

.md-shadow-animated.md-shadow {
  transition: box-shadow .28s cubic-bezier(.4, 0, .2, 1);
}

.md-ripple-container {
  pointer-events: none;
  width: 100%;
  height: 100%;
  transition: all .55s cubic-bezier(.25, .8, .25, 1);
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}

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

.md-ripple.md-ripple-placed {
  transition: margin .9s cubic-bezier(.25, .8, .25, 1), border .9s cubic-bezier(.25, .8, .25, 1), width .9s cubic-bezier(.25, .8, .25, 1), height .9s cubic-bezier(.25, .8, .25, 1), opacity .9s cubic-bezier(.25, .8, .25, 1), transform .9s cubic-bezier(.25, .8, .25, 1);
}

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

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

.md-ripple.md-ripple-remove {
  animation: .9s cubic-bezier(.25, .8, .25, 1) md-remove-ripple;
}

@keyframes md-remove-ripple {
  0% {
    opacity: .15;
  }

  100% {
    opacity: 0;
  }
}

.md-padding {
  padding: 8px;
}

.md-margin {
  margin: 8px;
}

.md-scroll-mask {
  z-index: 50;
  background-color: rgba(0, 0, 0, 0);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

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

.md-no-momentum {
  -webkit-overflow-scrolling: auto;
}

.md-no-flicker {
  -webkit-filter: blur();
}

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

html[dir="rtl"] {
  unicode-bidi: embed;
}

html[dir="ltr"] {
  unicode-bidi: embed;
}

body[dir="rtl"] {
  unicode-bidi: embed;
}

body[dir="ltr"] {
  unicode-bidi: embed;
}

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

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

@media (max-width: 599px) {
  .layout-row:not(.layout-xs-column) > .md-auto-horizontal-margin:not(:first-child), .layout-xs-row > .md-auto-horizontal-margin:not(:first-child) {
    margin-left: 16px;
  }

  [dir="rtl"] .layout-row:not(.layout-xs-column) > .md-auto-horizontal-margin:not(:first-child) {
    margin-left: 0;
    margin-right: 16px;
  }

  [dir="rtl"] .layout-xs-row > .md-auto-horizontal-margin:not(:first-child) {
    margin-left: 0;
    margin-right: 16px;
  }
}

@media (min-width: 600px) and (max-width: 959px) {
  .layout-row:not(.layout-gt-xs-column):not(.layout-sm-column) > .md-auto-horizontal-margin:not(:first-child), .layout-gt-xs-row:not(.layout-sm-column) > .md-auto-horizontal-margin:not(:first-child), .layout-sm-row:not(.layout-sm-column) > .md-auto-horizontal-margin:not(:first-child) {
    margin-left: 16px;
  }

  [dir="rtl"] .layout-row:not(.layout-gt-xs-column):not(.layout-sm-column) > .md-auto-horizontal-margin:not(:first-child) {
    margin-left: 0;
    margin-right: 16px;
  }

  [dir="rtl"] .layout-gt-xs-row:not(.layout-sm-column) > .md-auto-horizontal-margin:not(:first-child) {
    margin-left: 0;
    margin-right: 16px;
  }

  [dir="rtl"] .layout-sm-row:not(.layout-sm-column) > .md-auto-horizontal-margin:not(:first-child) {
    margin-left: 0;
    margin-right: 16px;
  }
}

@media (min-width: 960px) and (max-width: 1279px) {
  .layout-row:not(.layout-gt-xs-column):not(.layout-gt-sm-column):not(.layout-md-column) > .md-auto-horizontal-margin:not(:first-child), .layout-gt-xs-row:not(.layout-gt-sm-column):not(.layout-md-column) > .md-auto-horizontal-margin:not(:first-child), .layout-gt-sm-row:not(.layout-md-column) > .md-auto-horizontal-margin:not(:first-child), .layout-md-row:not(.layout-md-column) > .md-auto-horizontal-margin:not(:first-child) {
    margin-left: 16px;
  }

  [dir="rtl"] .layout-row:not(.layout-gt-xs-column):not(.layout-gt-sm-column):not(.layout-md-column) > .md-auto-horizontal-margin:not(:first-child) {
    margin-left: 0;
    margin-right: 16px;
  }

  [dir="rtl"] .layout-gt-xs-row:not(.layout-gt-sm-column):not(.layout-md-column) > .md-auto-horizontal-margin:not(:first-child) {
    margin-left: 0;
    margin-right: 16px;
  }

  [dir="rtl"] .layout-gt-sm-row:not(.layout-md-column) > .md-auto-horizontal-margin:not(:first-child) {
    margin-left: 0;
    margin-right: 16px;
  }

  [dir="rtl"] .layout-md-row:not(.layout-md-column) > .md-auto-horizontal-margin:not(:first-child) {
    margin-left: 0;
    margin-right: 16px;
  }
}

@media (min-width: 1280px) and (max-width: 1919px) {
  .layout-row:not(.layout-gt-xs-column):not(.layout-gt-sm-column):not(.layout-gt-md-column):not(.layout-lg-column) > .md-auto-horizontal-margin:not(:first-child), .layout-gt-xs-row:not(.layout-gt-sm-column):not(.layout-gt-md-column):not(.layout-lg-column) > .md-auto-horizontal-margin:not(:first-child), .layout-gt-sm-row:not(.layout-gt-md-column):not(.layout-lg-column) > .md-auto-horizontal-margin:not(:first-child), .layout-gt-md-row:not(.layout-lg-column) > .md-auto-horizontal-margin:not(:first-child), .layout-lg-row:not(.layout-lg-column) > .md-auto-horizontal-margin:not(:first-child) {
    margin-left: 16px;
  }

  [dir="rtl"] .layout-row:not(.layout-gt-xs-column):not(.layout-gt-sm-column):not(.layout-gt-md-column):not(.layout-lg-column) > .md-auto-horizontal-margin:not(:first-child) {
    margin-left: 0;
    margin-right: 16px;
  }

  [dir="rtl"] .layout-gt-xs-row:not(.layout-gt-sm-column):not(.layout-gt-md-column):not(.layout-lg-column) > .md-auto-horizontal-margin:not(:first-child) {
    margin-left: 0;
    margin-right: 16px;
  }

  [dir="rtl"] .layout-gt-sm-row:not(.layout-gt-md-column):not(.layout-lg-column) > .md-auto-horizontal-margin:not(:first-child) {
    margin-left: 0;
    margin-right: 16px;
  }

  [dir="rtl"] .layout-gt-md-row:not(.layout-lg-column) > .md-auto-horizontal-margin:not(:first-child) {
    margin-left: 0;
    margin-right: 16px;
  }

  [dir="rtl"] .layout-lg-row:not(.layout-lg-column) > .md-auto-horizontal-margin:not(:first-child) {
    margin-left: 0;
    margin-right: 16px;
  }
}

@media (min-width: 1920px) {
  .layout-row:not(.layout-gt-xs-column):not(.layout-gt-sm-column):not(.layout-gt-md-column):not(.layout-gt-lg-column):not(.layout-xl-column) > .md-auto-horizontal-margin:not(:first-child), .layout-gt-xs-row:not(.layout-gt-sm-column):not(.layout-gt-md-column):not(.layout-gt-lg-column):not(.layout-xl-column) > .md-auto-horizontal-margin:not(:first-child), .layout-gt-sm-row:not(.layout-gt-md-column):not(.layout-gt-lg-column):not(.layout-xl-column) > .md-auto-horizontal-margin:not(:first-child), .layout-gt-md-row:not(.layout-gt-lg-column):not(.layout-xl-column) > .md-auto-horizontal-margin:not(:first-child), .layout-gt-lg-row:not(.layout-gt-lg-column):not(.layout-xl-column) > .md-auto-horizontal-margin:not(:first-child), .layout-xl-row:not(.layout-gt-lg-column):not(.layout-xl-column) > .md-auto-horizontal-margin:not(:first-child) {
    margin-left: 16px;
  }

  [dir="rtl"] .layout-row:not(.layout-gt-xs-column):not(.layout-gt-sm-column):not(.layout-gt-md-column):not(.layout-gt-lg-column):not(.layout-xl-column) > .md-auto-horizontal-margin:not(:first-child) {
    margin-left: 0;
    margin-right: 16px;
  }

  [dir="rtl"] .layout-gt-xs-row:not(.layout-gt-sm-column):not(.layout-gt-md-column):not(.layout-gt-lg-column):not(.layout-xl-column) > .md-auto-horizontal-margin:not(:first-child) {
    margin-left: 0;
    margin-right: 16px;
  }

  [dir="rtl"] .layout-gt-sm-row:not(.layout-gt-md-column):not(.layout-gt-lg-column):not(.layout-xl-column) > .md-auto-horizontal-margin:not(:first-child) {
    margin-left: 0;
    margin-right: 16px;
  }

  [dir="rtl"] .layout-gt-md-row:not(.layout-gt-lg-column):not(.layout-xl-column) > .md-auto-horizontal-margin:not(:first-child) {
    margin-left: 0;
    margin-right: 16px;
  }

  [dir="rtl"] .layout-gt-lg-row:not(.layout-gt-lg-column):not(.layout-xl-column) > .md-auto-horizontal-margin:not(:first-child) {
    margin-left: 0;
    margin-right: 16px;
  }

  [dir="rtl"] .layout-xl-row:not(.layout-gt-lg-column):not(.layout-xl-column) > .md-auto-horizontal-margin:not(:first-child) {
    margin-left: 0;
    margin-right: 16px;
  }
}

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

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

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

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

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

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

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

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

.md-body-1 {
  letter-spacing: .01em;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

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

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

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

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

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

.md-panel-inner-wrapper {
  position: fixed;
}

._md-panel-offscreen {
  left: -9999px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

md-autocomplete[md-floating-label] .md-show-clear-button button {
  width: 30px;
  height: 30px;
  display: block;
  position: absolute;
  top: 20px;
  right: 0;
}

md-autocomplete[md-floating-label] .md-show-clear-button input {
  padding-right: 30px;
}

[dir="rtl"] md-autocomplete[md-floating-label] .md-show-clear-button input {
  padding-left: 30px;
  padding-right: 0;
}

md-autocomplete md-autocomplete-wrap {
  box-sizing: border-box;
  flex-direction: row;
  height: 40px;
  display: flex;
  position: relative;
  overflow: visible;
}

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

md-autocomplete md-autocomplete-wrap md-input-container, md-autocomplete md-autocomplete-wrap input {
  box-sizing: border-box;
  flex: 1 1 0;
  min-width: 0;
}

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

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

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

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

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

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

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

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

md-autocomplete input:not(.md-input) {
  box-sizing: border-box;
  box-shadow: none;
  background: none;
  border: none;
  outline: none;
  font-size: 14px;
}

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

md-autocomplete input:not(.md-input) {
  width: 100%;
  height: 40px;
  padding: 0 15px;
  line-height: 40px;
}

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

md-autocomplete .md-show-clear-button button:after {
  content: "";
  opacity: 0;
  border-radius: 50%;
  transition: all .4s cubic-bezier(.25, .8, .25, 1);
  position: absolute;
  top: -6px;
  bottom: -6px;
  left: -6px;
  right: -6px;
  transform: scale(0);
}

md-autocomplete .md-show-clear-button button:focus {
  outline: none;
}

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

md-autocomplete .md-show-clear-button button md-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0)scale(.9);
}

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

md-autocomplete .md-show-clear-button button.ng-enter {
  transition: transform .15s ease-out;
  transform: scale(0);
}

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

md-autocomplete .md-show-clear-button button.ng-leave {
  transition: transform .15s ease-out;
}

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

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

  md-autocomplete .md-autocomplete-suggestion:focus {
    color: #fff;
  }
}

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

.md-virtual-repeat-container.md-autocomplete-suggestions-container .highlight, .md-standard-list-container.md-autocomplete-suggestions-container .highlight {
  font-weight: bold;
}

.md-standard-list-container {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  display: block;
  overflow-x: hidden;
  overflow-y: auto;
}

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

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

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

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

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

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

md-backdrop {
  z-index: 50;
  transition: opacity .45s;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

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

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

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

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

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

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

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

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

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

md-backdrop.md-opaque.ng-leave {
  opacity: .48;
  transition: opacity .4s;
}

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

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

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

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

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

md-bottom-sheet.ng-leave-active {
  transition: all .3s cubic-bezier(.55, 0, .55, .2);
  transform: translate3d(0, 100%, 0) !important;
}

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

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

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

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

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

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

md-bottom-sheet.md-grid md-list {
  flex-flow: wrap;
  align-items: center;
  transition: all .5s;
  display: flex;
}

md-bottom-sheet.md-grid md-list-item {
  flex-direction: column;
  align-items: center;
  height: 96px;
  margin-top: 8px;
  margin-bottom: 8px;
  transition: all .5s;
}

@media (max-width: 960px) {
  md-bottom-sheet.md-grid md-list-item {
    flex: 33.3333%;
    max-width: 33.3333%;
  }

  md-bottom-sheet.md-grid md-list-item:nth-of-type(3n+1) {
    align-items: flex-start;
  }

  md-bottom-sheet.md-grid md-list-item:nth-of-type(3n) {
    align-items: flex-end;
  }
}

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

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

@media (min-width: 1920px) {
  md-bottom-sheet.md-grid md-list-item {
    flex: 14.2857%;
    max-width: 14.2857%;
  }
}

md-bottom-sheet.md-grid md-list-item:before {
  display: none;
}

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

md-bottom-sheet.md-grid md-list-item .md-grid-item-content {
  border: 1px solid rgba(0, 0, 0, 0);
  flex-direction: column;
  align-items: center;
  width: 80px;
  display: flex;
}

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

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

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

.md-button {
  cursor: pointer;
  min-height: 36px;
  display: inline-block;
  position: relative;
}

.md-dense > .md-button:not(.md-dense-disabled), .md-dense :not(.md-dense-disabled) .md-button:not(.md-dense-disabled) {
  min-height: 32px;
}

.md-button {
  min-width: 88px;
  line-height: 36px;
}

.md-dense > .md-button:not(.md-dense-disabled), .md-dense :not(.md-dense-disabled) .md-button:not(.md-dense-disabled) {
  line-height: 32px;
}

.md-button {
  vertical-align: middle;
  text-align: center;
  box-sizing: border-box;
  -webkit-user-select: none;
  user-select: none;
  color: currentColor;
  white-space: nowrap;
  text-transform: uppercase;
  background: none;
  border: 0;
  border-radius: 2px;
  outline: none;
  align-items: center;
  margin: 6px 8px;
  padding: 0 8px;
  font-size: 14px;
  font-weight: 500;
}

.md-dense > .md-button:not(.md-dense-disabled), .md-dense :not(.md-dense-disabled) .md-button:not(.md-dense-disabled) {
  font-size: 13px;
}

.md-button {
  font-style: inherit;
  font-variant: inherit;
  font-family: inherit;
  text-decoration: none;
  transition: box-shadow .4s cubic-bezier(.25, .8, .25, 1), background-color .4s cubic-bezier(.25, .8, .25, 1);
  overflow: hidden;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.md-button.md-fab[disabled] {
  box-shadow: none;
}

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

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

.md-button .md-ripple-container {
  border-radius: inherit;
  background-clip: padding-box;
  overflow: hidden;
  -webkit-transform: translateZ(0);
}

.md-button.md-icon-button md-icon, button.md-button.md-fab md-icon {
  display: block;
}

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

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

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

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

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

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

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

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

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

md-card {
  box-sizing: border-box;
  flex-direction: column;
  margin: 8px;
  display: flex;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .2), 0 1px 1px rgba(0, 0, 0, .14), 0 2px 1px -1px rgba(0, 0, 0, .12);
}

md-card md-card-header {
  flex-direction: row;
  padding: 16px;
  display: flex;
}

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

[dir="rtl"] md-card md-card-header:first-child md-card-avatar {
  margin-left: 12px;
  margin-right: auto;
}

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

[dir="rtl"] md-card md-card-header:last-child md-card-avatar {
  margin-left: auto;
  margin-right: 12px;
}

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

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

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

md-card md-card-header md-card-avatar md-icon > svg {
  height: inherit;
  width: inherit;
}

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

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

md-card md-card-header md-card-header-text {
  flex-direction: column;
  flex: 1;
  display: flex;
}

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

md-card > img, md-card > md-card-header img, md-card md-card-title-media img {
  box-sizing: border-box;
  flex: none;
  width: 100%;
  height: auto;
  display: flex;
}

md-card md-card-title {
  flex-direction: row;
  flex: auto;
  padding: 24px 16px 16px;
  display: flex;
}

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

md-card md-card-title md-card-title-text {
  flex-direction: column;
  flex: 1;
  display: flex;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

md-card md-card-actions md-card-icon-actions {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  display: flex;
}

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

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

[dir="rtl"] md-card md-card-actions:not(.layout-column) .md-button:not(.md-icon-button):first-of-type {
  margin-left: auto;
  margin-right: 0;
}

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

[dir="rtl"] md-card md-card-actions:not(.layout-column) .md-button:not(.md-icon-button):last-of-type {
  margin-left: 0;
  margin-right: auto;
}

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

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

[dir="rtl"] md-card md-card-actions:not(.layout-column) .md-button.md-icon-button:first-of-type {
  margin-left: auto;
  margin-right: 12px;
}

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

[dir="rtl"] md-card md-card-actions:not(.layout-column) .md-button.md-icon-button:last-of-type {
  margin-left: 12px;
  margin-right: auto;
}

md-card md-card-actions:not(.layout-column) .md-button + md-card-icon-actions {
  flex-direction: row;
  flex: 1;
  justify-content: flex-end;
  display: flex;
}

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

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

.md-image-no-fill > img {
  width: auto;
  height: auto;
}

.md-inline-form md-checkbox {
  margin-top: 14px;
  margin-bottom: auto;
}

md-checkbox {
  box-sizing: border-box;
  white-space: nowrap;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  outline: none;
  min-width: 18px;
  min-height: 48px;
  display: inline-block;
  position: relative;
}

.md-dense > md-checkbox:not(.md-dense-disabled), .md-dense :not(.md-dense-disabled) md-checkbox:not(.md-dense-disabled) {
  min-height: 36px;
}

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

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

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

[dir="rtl"] md-checkbox .md-container {
  left: auto;
}

md-checkbox .md-container {
  right: auto;
}

[dir="rtl"] md-checkbox .md-container {
  right: 0;
}

md-checkbox .md-container:before {
  box-sizing: border-box;
  content: "";
  background-color: rgba(0, 0, 0, 0);
  border-radius: 50%;
  width: auto;
  height: auto;
  transition: all .5s;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

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

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

md-checkbox .md-icon {
  box-sizing: border-box;
  border-style: solid;
  border-width: 2px;
  border-radius: 2px;
  width: 18px;
  height: 18px;
  transition: all .24s;
  position: absolute;
  top: 0;
  left: 0;
}

md-checkbox.md-checked .md-icon {
  border-color: rgba(0, 0, 0, 0);
}

md-checkbox.md-checked .md-icon:after {
  box-sizing: border-box;
  content: "";
  border-style: none solid solid none;
  border-width: 0 2px 2px 0;
  border-top-color: currentColor;
  border-left-color: currentColor;
  width: 6px;
  height: 12px;
  display: table;
  position: absolute;
  top: 0;
  left: 4px;
  transform: rotate(45deg);
}

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

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

md-checkbox .md-container {
  margin: 21px 3px 3px;
  top: auto;
  left: auto;
  right: auto;
}

md-checkbox .md-label {
  box-sizing: border-box;
  vertical-align: middle;
  white-space: normal;
  -webkit-user-select: text;
  user-select: text;
  margin-top: 10px;
  margin-bottom: auto;
  margin-left: 36px;
  display: inline-block;
  position: relative;
}

[dir="rtl"] md-checkbox .md-label {
  margin-left: 0;
  margin-right: 36px;
}

md-checkbox .md-label:empty {
  margin-left: 24px;
}

[dir="rtl"] md-checkbox .md-label:empty {
  margin-left: 0;
}

md-checkbox .md-label:empty {
  margin-right: 0;
}

[dir="rtl"] md-checkbox .md-label:empty {
  margin-right: 24px;
}

md-input-container .md-checkbox-link-label {
  box-sizing: border-box;
  vertical-align: middle;
  white-space: normal;
  -webkit-user-select: text;
  user-select: text;
  cursor: pointer;
  margin-left: 18px;
  display: inline-block;
  position: relative;
  top: -21px;
}

[dir="rtl"] md-input-container .md-checkbox-link-label {
  margin-left: 0;
}

md-input-container .md-checkbox-link-label {
  margin-right: 0;
}

[dir="rtl"] md-input-container .md-checkbox-link-label {
  margin-right: 18px;
}

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

[dir="rtl"] .md-contact-chips .md-chips md-chip {
  padding: 0 0 0 25px;
}

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

[dir="rtl"] .md-contact-chips .md-chips md-chip .md-contact-avatar {
  float: right;
}

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

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

[dir="rtl"] .md-contact-chips .md-chips md-chip .md-contact-name {
  margin-left: auto;
  margin-right: 8px;
}

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

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

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

[dir="rtl"] .md-contact-suggestion .md-contact-name {
  margin-left: auto;
  margin-right: 8px;
}

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

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

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

md-chips {
  display: flex;
}

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

.md-chips {
  flex-wrap: wrap;
  flex-grow: 1;
  padding: 0 0 8px 3px;
  font-family: Roboto, Helvetica Neue, sans-serif;
  font-size: 13px;
  display: flex;
}

[dir="rtl"] .md-chips {
  padding: 0 3px 8px 0;
}

.md-chips {
  vertical-align: middle;
}

.md-chips.md-readonly .md-chip-input-container {
  min-height: 32px;
}

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

.md-chips.md-removable md-chip {
  padding-right: 28px;
}

[dir="rtl"] .md-chips.md-removable md-chip {
  padding-left: 28px;
  padding-right: 0;
}

.md-chips.md-removable md-chip .md-chip-content {
  padding-right: 4px;
}

[dir="rtl"] .md-chips.md-removable md-chip .md-chip-content {
  padding-left: 4px;
  padding-right: 0;
}

.md-chips md-chip {
  cursor: default;
  border-radius: 16px;
  height: 32px;
  margin: 8px 8px 0 0;
  line-height: 32px;
  display: block;
}

[dir="rtl"] .md-chips md-chip {
  margin: 8px 0 0 8px;
}

.md-chips md-chip {
  float: left;
  padding: 0 12px;
}

[dir="rtl"] .md-chips md-chip {
  float: right;
}

.md-chips md-chip {
  box-sizing: border-box;
  max-width: 100%;
  position: relative;
}

.md-chips md-chip .md-chip-content {
  float: left;
  display: block;
}

[dir="rtl"] .md-chips md-chip .md-chip-content {
  float: right;
}

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

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

.md-chips md-chip._md-chip-content-edit-is-enabled {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -khtml-user-select: none;
}

.md-chips md-chip .md-chip-remove-container {
  position: absolute;
  right: 0;
}

[dir="rtl"] .md-chips md-chip .md-chip-remove-container {
  left: 0;
  right: auto;
}

.md-chips md-chip .md-chip-remove-container {
  line-height: 22px;
}

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

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

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

[dir="rtl"] .md-chips .md-chip-input-container {
  margin: 8px 0 0 8px;
}

.md-chips .md-chip-input-container {
  float: left;
  flex-grow: 1;
  padding: 0;
}

[dir="rtl"] .md-chips .md-chip-input-container {
  float: right;
}

.md-chips .md-chip-input-container input {
  width: 100%;
}

.md-chips .md-chip-input-container input:not([type]) {
  border: 0;
  height: 32px;
  padding: 0;
  line-height: 32px;
}

.md-chips .md-chip-input-container input[type="email"] {
  border: 0;
  height: 32px;
  padding: 0;
  line-height: 32px;
}

.md-chips .md-chip-input-container input[type="number"] {
  border: 0;
  height: 32px;
  padding: 0;
  line-height: 32px;
}

.md-chips .md-chip-input-container input[type="tel"] {
  border: 0;
  height: 32px;
  padding: 0;
  line-height: 32px;
}

.md-chips .md-chip-input-container input[type="url"] {
  border: 0;
  height: 32px;
  padding: 0;
  line-height: 32px;
}

.md-chips .md-chip-input-container input[type="text"] {
  border: 0;
  height: 32px;
  padding: 0;
  line-height: 32px;
}

.md-chips .md-chip-input-container input:not([type]):focus {
  outline: none;
}

.md-chips .md-chip-input-container input[type="email"]:focus {
  outline: none;
}

.md-chips .md-chip-input-container input[type="number"]:focus {
  outline: none;
}

.md-chips .md-chip-input-container input[type="tel"]:focus {
  outline: none;
}

.md-chips .md-chip-input-container input[type="url"]:focus {
  outline: none;
}

.md-chips .md-chip-input-container input[type="text"]:focus {
  outline: none;
}

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

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

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

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

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

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

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

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

[dir="rtl"] .md-chips .md-chip-input-container:not(:first-child) {
  margin: 8px 0 0 8px;
}

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

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

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

  .md-chip-input-container md-autocomplete {
    border: none;
  }
}

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

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

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

@media print {
  md-content {
    overflow: visible !important;
  }
}

md-calendar {
  -webkit-user-select: none;
  user-select: none;
  font-size: 13px;
}

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

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

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

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

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

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

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

[dir="rtl"] .md-calendar-date:first-child {
  padding-left: 0;
  padding-right: 16px;
}

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

[dir="rtl"] .md-calendar-date:last-child {
  padding-left: 16px;
  padding-right: 0;
}

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

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

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

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

[dir="rtl"] .md-calendar-month-label {
  padding: 0 24px 0 0;
}

.md-calendar-month-label.md-calendar-label-clickable {
  cursor: pointer;
}

.md-calendar-month-label md-icon {
  transform: rotate(180deg);
}

[dir="rtl"] .md-calendar-month-label md-icon {
  transform: none;
}

.md-calendar-month-label span {
  vertical-align: middle;
}

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

.md-calendar-day-header th {
  text-align: center;
  box-sizing: content-box;
  border: none;
  width: 44px;
  height: 40px;
  padding: 0;
}

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

[dir="rtl"] .md-calendar-day-header th:first-child {
  padding-left: 0;
  padding-right: 16px;
}

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

[dir="rtl"] .md-calendar-day-header th:last-child {
  padding-left: 16px;
  padding-right: 0;
}

.md-calendar-day-header th {
  font-weight: normal;
}

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

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

.md-calendar:first-child {
  border-top: 1px solid rgba(0, 0, 0, 0);
}

.md-calendar tbody, .md-calendar td, .md-calendar tr {
  vertical-align: middle;
  box-sizing: content-box;
}

md-datepicker {
  white-space: nowrap;
  vertical-align: middle;
  overflow: hidden;
}

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

.md-datepicker-button {
  box-sizing: border-box;
  vertical-align: middle;
  background: none;
  display: inline-block;
  position: relative;
}

.md-datepicker-button:before {
  content: "";
  speak: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.md-datepicker-input {
  box-sizing: border-box;
  box-shadow: none;
  background: none;
  border: none;
  outline: none;
  font-size: 14px;
}

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

.md-datepicker-input {
  min-width: 120px;
  max-width: 328px;
  padding: 0 0 5px;
}

._md-datepicker-floating-label > md-datepicker {
  overflow: visible;
}

._md-datepicker-floating-label > md-datepicker .md-datepicker-input-container {
  border: none;
}

._md-datepicker-floating-label > md-datepicker .md-datepicker-button {
  float: left;
}

[dir="rtl"] ._md-datepicker-floating-label > md-datepicker .md-datepicker-button {
  float: right;
}

._md-datepicker-floating-label > md-datepicker .md-datepicker-button {
  margin-top: -16px;
  top: 13.5px;
}

._md-datepicker-floating-label .md-input {
  float: none;
}

._md-datepicker-floating-label._md-datepicker-has-calendar-icon > label:not(.md-no-float):not(.md-container-ignore) {
  right: 18px;
}

[dir="rtl"] ._md-datepicker-floating-label._md-datepicker-has-calendar-icon > label:not(.md-no-float):not(.md-container-ignore) {
  right: auto;
}

._md-datepicker-floating-label._md-datepicker-has-calendar-icon > label:not(.md-no-float):not(.md-container-ignore) {
  left: auto;
}

[dir="rtl"] ._md-datepicker-floating-label._md-datepicker-has-calendar-icon > label:not(.md-no-float):not(.md-container-ignore) {
  left: 18px;
}

._md-datepicker-floating-label._md-datepicker-has-calendar-icon > label:not(.md-no-float):not(.md-container-ignore) {
  width: calc(100% - 84px);
}

._md-datepicker-floating-label._md-datepicker-has-calendar-icon .md-input-message-animation {
  margin-left: 64px;
}

[dir="rtl"] ._md-datepicker-floating-label._md-datepicker-has-calendar-icon .md-input-message-animation {
  margin-left: auto;
  margin-right: 64px;
}

._md-datepicker-has-triangle-icon {
  padding-right: 18px;
}

[dir="rtl"] ._md-datepicker-has-triangle-icon {
  padding-left: 18px;
  padding-right: 0;
}

._md-datepicker-has-triangle-icon {
  margin-right: -18px;
}

[dir="rtl"] ._md-datepicker-has-triangle-icon {
  margin-left: -18px;
  margin-right: auto;
}

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

.md-icon-button + .md-datepicker-input-container {
  margin-left: 12px;
}

[dir="rtl"] .md-icon-button + .md-datepicker-input-container {
  margin-left: auto;
  margin-right: 12px;
}

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

.md-datepicker-is-showing .md-scroll-mask {
  z-index: 99;
}

.md-datepicker-calendar-pane {
  z-index: 100;
  transform-origin: 0 0;
  background: none;
  border-style: solid;
  border-width: 1px;
  transition: transform .2s cubic-bezier(.25, .8, .25, 1);
  position: absolute;
  top: 0;
  left: -100%;
  transform: scale(0);
}

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

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

.md-datepicker-calendar {
  opacity: 0;
  transition: opacity .2s cubic-bezier(.5, 0, .25, 1);
}

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

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

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

.md-datepicker-triangle-button {
  position: absolute;
  right: 0;
}

[dir="rtl"] .md-datepicker-triangle-button {
  left: 0;
  right: auto;
}

.md-datepicker-triangle-button {
  bottom: -2.5px;
  transform: translateX(45%);
}

[dir="rtl"] .md-datepicker-triangle-button {
  transform: translateX(-45%);
}

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

md-datepicker[disabled] .md-datepicker-input-container {
  border-bottom-color: rgba(0, 0, 0, 0);
}

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

.md-datepicker-open {
  overflow: hidden;
}

.md-datepicker-open .md-datepicker-input-container, .md-datepicker-open input.md-input {
  border-bottom-color: rgba(0, 0, 0, 0);
}

.md-datepicker-open .md-datepicker-triangle-button, .md-datepicker-open.md-input-has-value > label, .md-datepicker-open.md-input-has-placeholder > label, .md-datepicker-pos-adjusted .md-datepicker-input-mask {
  display: none;
}

.md-datepicker-calendar-pane .md-calendar {
  transition: transform .65s cubic-bezier(.25, .8, .25, 1) .125s;
  transform: translateY(-85px);
}

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

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

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

md-dialog.md-transition-in {
  opacity: 1;
  transition: all .4s cubic-bezier(.25, .8, .25, 1);
  transform: translate(0)scale(1);
}

md-dialog.md-transition-out {
  opacity: 0;
  transition: all .4s cubic-bezier(.25, .8, .25, 1);
  transform: translate(0, 100%)scale(.2);
}

md-dialog {
  opacity: 0;
  flex-direction: column;
  min-width: 240px;
  max-width: 80%;
  max-height: 80%;
  display: flex;
  position: relative;
  overflow: auto;
  box-shadow: 0 7px 8px -4px rgba(0, 0, 0, .2), 0 13px 19px 2px rgba(0, 0, 0, .14), 0 5px 24px 4px rgba(0, 0, 0, .12);
}

md-dialog > form {
  flex-direction: column;
  display: flex;
  overflow: auto;
}

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

md-dialog md-dialog-content {
  -webkit-overflow-scrolling: touch;
  flex-direction: column;
  order: 1;
  overflow: auto;
}

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

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

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

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

md-dialog md-dialog-content .md-prompt-input-container {
  box-sizing: border-box;
  width: 100%;
}

md-dialog md-dialog-actions {
  box-sizing: border-box;
  order: 2;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 0;
  padding-right: 8px;
  display: flex;
}

[dir="rtl"] md-dialog md-dialog-actions {
  padding-right: 16px;
}

md-dialog md-dialog-actions {
  padding-left: 16px;
}

[dir="rtl"] md-dialog md-dialog-actions {
  padding-left: 8px;
}

md-dialog md-dialog-actions {
  min-height: 52px;
  overflow: hidden;
}

md-dialog md-dialog-actions .md-button {
  margin-bottom: 8px;
  margin-left: 8px;
}

[dir="rtl"] md-dialog md-dialog-actions .md-button {
  margin-left: 0;
}

md-dialog md-dialog-actions .md-button {
  margin-right: 0;
}

[dir="rtl"] md-dialog md-dialog-actions .md-button {
  margin-right: 8px;
}

md-dialog md-dialog-actions .md-button {
  margin-top: 8px;
}

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

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

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

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

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

[dir="rtl"] md-divider[md-inset] {
  margin-left: auto;
  margin-right: 80px;
}

@media (max-width: 599px) {
  .layout-row:not(.layout-xs-column) > md-divider, .layout-xs-row > md-divider {
    border-top-width: 0;
    border-right-style: solid;
    border-right-width: 1px;
  }
}

@media (min-width: 600px) and (max-width: 959px) {
  .layout-row:not(.layout-gt-xs-column):not(.layout-sm-column) > md-divider, .layout-gt-xs-row:not(.layout-sm-column) > md-divider, .layout-sm-row:not(.layout-sm-column) > md-divider {
    border-top-width: 0;
    border-right-style: solid;
    border-right-width: 1px;
  }
}

@media (min-width: 960px) and (max-width: 1279px) {
  .layout-row:not(.layout-gt-xs-column):not(.layout-gt-sm-column):not(.layout-md-column) > md-divider, .layout-gt-xs-row:not(.layout-gt-sm-column):not(.layout-md-column) > md-divider, .layout-gt-sm-row:not(.layout-md-column) > md-divider, .layout-md-row:not(.layout-md-column) > md-divider {
    border-top-width: 0;
    border-right-style: solid;
    border-right-width: 1px;
  }
}

@media (min-width: 1280px) and (max-width: 1919px) {
  .layout-row:not(.layout-gt-xs-column):not(.layout-gt-sm-column):not(.layout-gt-md-column):not(.layout-lg-column) > md-divider, .layout-gt-xs-row:not(.layout-gt-sm-column):not(.layout-gt-md-column):not(.layout-lg-column) > md-divider, .layout-gt-sm-row:not(.layout-gt-md-column):not(.layout-lg-column) > md-divider, .layout-gt-md-row:not(.layout-lg-column) > md-divider, .layout-lg-row:not(.layout-lg-column) > md-divider {
    border-top-width: 0;
    border-right-style: solid;
    border-right-width: 1px;
  }
}

@media (min-width: 1920px) {
  .layout-row:not(.layout-gt-xs-column):not(.layout-gt-sm-column):not(.layout-gt-md-column):not(.layout-gt-lg-column):not(.layout-xl-column) > md-divider, .layout-gt-xs-row:not(.layout-gt-sm-column):not(.layout-gt-md-column):not(.layout-gt-lg-column):not(.layout-xl-column) > md-divider, .layout-gt-sm-row:not(.layout-gt-md-column):not(.layout-gt-lg-column):not(.layout-xl-column) > md-divider, .layout-gt-md-row:not(.layout-gt-lg-column):not(.layout-xl-column) > md-divider, .layout-gt-lg-row:not(.layout-gt-lg-column):not(.layout-xl-column) > md-divider, .layout-xl-row:not(.layout-gt-lg-column):not(.layout-xl-column) > md-divider {
    border-top-width: 0;
    border-right-style: solid;
    border-right-width: 1px;
  }
}

md-fab-speed-dial {
  align-items: center;
  display: flex;
  position: relative;
}

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

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

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

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

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

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

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

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

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

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

md-fab-speed-dial md-fab-actions .md-fab-action-item {
  transition: all .3s cubic-bezier(.55, 0, .55, .2);
}

md-fab-speed-dial.md-down {
  flex-direction: column;
}

md-fab-speed-dial.md-down md-fab-trigger {
  order: 1;
}

md-fab-speed-dial.md-down md-fab-actions {
  flex-direction: column;
  order: 2;
}

md-fab-speed-dial.md-up {
  flex-direction: column;
}

md-fab-speed-dial.md-up md-fab-trigger {
  order: 2;
}

md-fab-speed-dial.md-up md-fab-actions {
  flex-direction: column-reverse;
  order: 1;
}

md-fab-speed-dial.md-left {
  flex-direction: row;
}

md-fab-speed-dial.md-left md-fab-trigger {
  order: 2;
}

md-fab-speed-dial.md-left md-fab-actions {
  flex-direction: row-reverse;
  order: 1;
}

md-fab-speed-dial.md-left md-fab-actions .md-fab-action-item {
  transition: all .3s cubic-bezier(.55, 0, .55, .2);
}

md-fab-speed-dial.md-right {
  flex-direction: row;
}

md-fab-speed-dial.md-right md-fab-trigger {
  order: 1;
}

md-fab-speed-dial.md-right md-fab-actions {
  flex-direction: row;
  order: 2;
}

md-fab-speed-dial.md-right md-fab-actions .md-fab-action-item {
  transition: all .3s cubic-bezier(.55, 0, .55, .2);
}

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

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

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

md-fab-speed-dial.md-scale .md-fab-action-item {
  transition: all .142857s cubic-bezier(.55, 0, .55, .2);
  transform: scale(0);
}

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

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

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

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

md-fab-toolbar {
  display: block;
}

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

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

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

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

md-fab-toolbar md-fab-trigger md-icon {
  z-index: 22;
  opacity: 1;
  transition: all .2s ease-in;
  position: relative;
}

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

[dir="rtl"] md-fab-toolbar.md-left md-fab-trigger {
  left: 0;
  right: auto;
}

md-fab-toolbar.md-left .md-toolbar-tools {
  flex-direction: row-reverse;
}

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

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

[dir="rtl"] md-fab-toolbar.md-left .md-toolbar-tools > .md-button:first-child {
  margin-left: auto;
  margin-right: -.8rem;
}

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

[dir="rtl"] md-fab-toolbar.md-left .md-toolbar-tools > .md-button:last-child {
  margin-left: 8px;
  margin-right: auto;
}

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

[dir="rtl"] md-fab-toolbar.md-right md-fab-trigger {
  left: auto;
  right: 0;
}

md-fab-toolbar.md-right .md-toolbar-tools {
  flex-direction: row;
}

md-fab-toolbar md-toolbar {
  pointer-events: none;
  z-index: 23;
  background-color: rgba(0, 0, 0, 0) !important;
}

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

md-fab-toolbar md-toolbar .md-fab-action-item {
  opacity: 0;
  transition: all .15s cubic-bezier(.55, 0, .55, .2);
  transform: scale(0);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  md-grid-tile-footer {
    border-top: 1px solid #fff;
  }
}

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

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

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

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

md-input-container {
  vertical-align: middle;
  margin: 18px 0;
  padding: 2px;
  display: inline-block;
  position: relative;
}

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

md-input-container .md-errors-spacer {
  float: right;
}

[dir="rtl"] md-input-container .md-errors-spacer {
  float: left;
}

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

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

[dir="rtl"] md-input-container > md-icon {
  left: auto;
}

md-input-container > md-icon {
  right: auto;
}

[dir="rtl"] md-input-container > md-icon {
  right: 2px;
}

md-input-container textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
}

md-input-container input[type="text"] {
  -webkit-appearance: none;
  -moz-appearance: none;
}

md-input-container input[type="password"] {
  -webkit-appearance: none;
  -moz-appearance: none;
}

md-input-container input[type="datetime"] {
  -webkit-appearance: none;
  -moz-appearance: none;
}

md-input-container input[type="datetime-local"] {
  -webkit-appearance: none;
  -moz-appearance: none;
}

md-input-container input[type="date"] {
  -webkit-appearance: none;
  -moz-appearance: none;
}

md-input-container input[type="month"] {
  -webkit-appearance: none;
  -moz-appearance: none;
}

md-input-container input[type="time"] {
  -webkit-appearance: none;
  -moz-appearance: none;
}

md-input-container input[type="week"] {
  -webkit-appearance: none;
  -moz-appearance: none;
}

md-input-container input[type="number"] {
  -webkit-appearance: none;
  -moz-appearance: none;
}

md-input-container input[type="email"] {
  -webkit-appearance: none;
  -moz-appearance: none;
}

md-input-container input[type="url"] {
  -webkit-appearance: none;
  -moz-appearance: none;
}

md-input-container input[type="search"] {
  -webkit-appearance: none;
  -moz-appearance: none;
}

md-input-container input[type="tel"] {
  -webkit-appearance: none;
  -moz-appearance: none;
}

md-input-container input[type="color"] {
  -webkit-appearance: none;
  -moz-appearance: none;
}

md-input-container input[type="date"] {
  min-height: 30px;
}

md-input-container input[type="datetime-local"] {
  min-height: 30px;
}

md-input-container input[type="month"] {
  min-height: 30px;
}

md-input-container input[type="time"] {
  min-height: 30px;
}

md-input-container input[type="week"] {
  min-height: 30px;
}

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

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

md-input-container textarea[md-no-autogrow] {
  height: auto;
  overflow: auto;
}

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

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

md-input-container label:not(.md-container-ignore) {
  right: auto;
}

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

md-input-container label:not(.md-container-ignore).md-required:after {
  content: " *";
  vertical-align: top;
  font-size: 13px;
}

md-input-container label:not(.md-no-float):not(.md-container-ignore), md-input-container .md-placeholder {
  text-overflow: ellipsis;
  white-space: nowrap;
  pointer-events: none;
  -webkit-font-smoothing: antialiased;
  order: 1;
  width: 100%;
  padding-left: 2px;
  overflow: hidden;
}

[dir="rtl"] md-input-container label:not(.md-no-float):not(.md-container-ignore) {
  padding-left: 0;
}

[dir="rtl"] md-input-container .md-placeholder {
  padding-left: 0;
}

md-input-container label:not(.md-no-float):not(.md-container-ignore), md-input-container .md-placeholder {
  padding-right: 0;
}

[dir="rtl"] md-input-container label:not(.md-no-float):not(.md-container-ignore) {
  padding-right: 2px;
}

[dir="rtl"] md-input-container .md-placeholder {
  padding-right: 2px;
}

md-input-container label:not(.md-no-float):not(.md-container-ignore), md-input-container .md-placeholder {
  z-index: 1;
  transform-origin: 0 0;
  max-width: 100%;
  transition: transform .4s cubic-bezier(.25, .8, .25, 1);
  transform: translate3d(0, 28px, 0)scale(1);
}

[dir="rtl"] md-input-container label:not(.md-no-float):not(.md-container-ignore) {
  transform-origin: 100% 0;
}

[dir="rtl"] md-input-container .md-placeholder {
  transform-origin: 100% 0;
}

md-input-container.md-input-has-value label:not(.md-no-float):not(.md-container-ignore), md-input-container.md-input-has-value .md-placeholder {
  padding-left: 3px;
}

[dir="rtl"] md-input-container.md-input-has-value label:not(.md-no-float):not(.md-container-ignore) {
  padding-left: 0;
}

[dir="rtl"] md-input-container.md-input-has-value .md-placeholder {
  padding-left: 0;
}

md-input-container.md-input-has-value label:not(.md-no-float):not(.md-container-ignore), md-input-container.md-input-has-value .md-placeholder {
  padding-right: 0;
}

[dir="rtl"] md-input-container.md-input-has-value label:not(.md-no-float):not(.md-container-ignore) {
  padding-right: 3px;
}

[dir="rtl"] md-input-container.md-input-has-value .md-placeholder {
  padding-right: 3px;
}

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

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

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

md-input-container:not(.md-input-has-value):not(.md-input-has-placeholder) input:not(:focus) {
  color: rgba(0, 0, 0, 0);
}

md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-ampm-field {
  color: rgba(0, 0, 0, 0);
}

md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-day-field {
  color: rgba(0, 0, 0, 0);
}

md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-hour-field {
  color: rgba(0, 0, 0, 0);
}

md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-millisecond-field {
  color: rgba(0, 0, 0, 0);
}

md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-minute-field {
  color: rgba(0, 0, 0, 0);
}

md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-month-field {
  color: rgba(0, 0, 0, 0);
}

md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-second-field {
  color: rgba(0, 0, 0, 0);
}

md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-week-field {
  color: rgba(0, 0, 0, 0);
}

md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-year-field {
  color: rgba(0, 0, 0, 0);
}

md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-text {
  color: rgba(0, 0, 0, 0);
}

md-input-container .md-input {
  background: none;
  order: 2;
  margin-top: 0;
  padding-top: 2px;
  padding-bottom: 1px;
  padding-left: 0;
  display: block;
}

[dir="rtl"] md-input-container .md-input {
  padding-left: 2px;
}

md-input-container .md-input {
  padding-right: 2px;
}

[dir="rtl"] md-input-container .md-input {
  padding-right: 0;
}

md-input-container .md-input {
  box-sizing: border-box;
  float: left;
  border-style: solid;
  border-width: 0 0 1px;
  border-radius: 0;
  -ms-flex-preferred-size: 26px;
  width: 100%;
  height: 30px;
  line-height: 26px;
  transition: border-color .4s cubic-bezier(.25, .8, .25, 1);
}

[dir="rtl"] md-input-container .md-input {
  float: right;
}

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

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

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

md-input-container .md-char-counter {
  text-align: right;
}

[dir="rtl"] md-input-container .md-char-counter {
  text-align: left;
}

md-input-container .md-char-counter {
  padding-right: 2px;
}

[dir="rtl"] md-input-container .md-char-counter {
  padding-right: 0;
}

md-input-container .md-char-counter {
  padding-left: 0;
}

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

md-input-container .md-input-messages-animation {
  clear: left;
  order: 4;
  position: relative;
  overflow: hidden;
}

[dir="rtl"] md-input-container .md-input-messages-animation {
  clear: right;
}

md-input-container .md-input-message-animation, md-input-container .md-char-counter {
  opacity: 1;
  margin-top: 0;
  padding-top: 8px;
  font-size: 12px;
  line-height: 14px;
  transition: all .3s cubic-bezier(.55, 0, .55, .2);
  overflow: hidden;
}

md-input-container .md-input-message-animation:not(.md-char-counter), md-input-container .md-char-counter:not(.md-char-counter) {
  padding-right: 5px;
}

[dir="rtl"] md-input-container .md-input-message-animation:not(.md-char-counter) {
  padding-right: 0;
}

[dir="rtl"] md-input-container .md-char-counter:not(.md-char-counter) {
  padding-right: 0;
}

md-input-container .md-input-message-animation:not(.md-char-counter), md-input-container .md-char-counter:not(.md-char-counter) {
  padding-left: 0;
}

[dir="rtl"] md-input-container .md-input-message-animation:not(.md-char-counter) {
  padding-left: 5px;
}

[dir="rtl"] md-input-container .md-char-counter:not(.md-char-counter) {
  padding-left: 5px;
}

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

md-input-container.md-input-focused label:not(.md-no-float), md-input-container.md-input-has-placeholder label:not(.md-no-float), md-input-container.md-input-has-value label:not(.md-no-float) {
  transition: transform .4s cubic-bezier(.25, .8, .25, 1), width .4s cubic-bezier(.25, .8, .25, 1);
  transform: translate3d(0, 6px, 0)scale(.75);
}

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

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

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

md-input-container.md-icon-float {
  transition: margin-top .4s cubic-bezier(.25, .8, .25, 1);
}

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

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

[dir="rtl"] md-input-container.md-icon-float > md-icon {
  left: auto;
}

md-input-container.md-icon-float > md-icon {
  right: auto;
}

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

md-input-container.md-icon-left > label:not(.md-no-float):not(.md-container-ignore), md-input-container.md-icon-left > label .md-placeholder, md-input-container.md-icon-right > label:not(.md-no-float):not(.md-container-ignore), md-input-container.md-icon-right > label .md-placeholder {
  width: calc(100% - 36px);
  padding: 0;
}

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

[dir="rtl"] md-input-container.md-icon-left {
  padding-left: 0;
}

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

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

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

[dir="rtl"] md-input-container.md-icon-left > label {
  left: auto;
}

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

[dir="rtl"] md-input-container.md-icon-left > label {
  right: 36px;
}

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

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

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

[dir="rtl"] md-input-container.md-icon-right {
  padding-right: 0;
}

md-input-container.md-icon-right > md-icon:last-of-type {
  margin: 0;
  right: 2px;
}

[dir="rtl"] md-input-container.md-icon-right > md-icon:last-of-type {
  right: auto;
}

md-input-container.md-icon-right > md-icon:last-of-type {
  left: auto;
}

[dir="rtl"] md-input-container.md-icon-right > md-icon:last-of-type {
  left: 2px;
}

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

md-input-container.md-icon-left.md-icon-right > label:not(.md-no-float):not(.md-container-ignore), md-input-container.md-icon-left.md-icon-right > label .md-placeholder {
  width: calc(100% - 72px);
}

.md-resize-wrapper:after {
  content: "";
  clear: both;
  display: table;
}

.md-resize-wrapper {
  position: relative;
}

.md-resize-handle {
  cursor: ns-resize;
  background: none;
  width: 100%;
  height: 10px;
  position: absolute;
  bottom: -5px;
  left: 0;
}

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

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

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

md-list.md-dense:not(.md-dense-disabled) md-list-item, md-list.md-dense:not(.md-dense-disabled) md-list-item .md-list-item-inner {
  min-height: 40px;
}

md-list.md-dense:not(.md-dense-disabled) md-list-item:before, md-list.md-dense:not(.md-dense-disabled) md-list-item .md-list-item-inner:before {
  content: "";
  visibility: hidden;
  min-height: 40px;
  display: inline-block;
}

md-list.md-dense:not(.md-dense-disabled) md-list-item md-icon:first-child, md-list.md-dense:not(.md-dense-disabled) md-list-item .md-list-item-inner md-icon:first-child {
  width: 20px;
  height: 20px;
}

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

[dir="rtl"] md-list.md-dense:not(.md-dense-disabled) md-list-item > md-icon:first-child:not(.md-avatar-icon) {
  margin-left: 36px;
  margin-right: auto;
}

[dir="rtl"] md-list.md-dense:not(.md-dense-disabled) md-list-item .md-list-item-inner > md-icon:first-child:not(.md-avatar-icon) {
  margin-left: 36px;
  margin-right: auto;
}

md-list.md-dense:not(.md-dense-disabled) md-list-item > md-icon:first-child:not(.md-avatar-icon), md-list.md-dense:not(.md-dense-disabled) md-list-item .md-list-item-inner > md-icon:first-child:not(.md-avatar-icon) {
  margin-top: 4px;
  margin-bottom: 4px;
}

md-list.md-dense:not(.md-dense-disabled) md-list-item .md-avatar, md-list.md-dense:not(.md-dense-disabled) md-list-item .md-avatar-icon, md-list.md-dense:not(.md-dense-disabled) md-list-item .md-list-item-inner .md-avatar, md-list.md-dense:not(.md-dense-disabled) md-list-item .md-list-item-inner .md-avatar-icon {
  margin-right: 20px;
}

[dir="rtl"] md-list.md-dense:not(.md-dense-disabled) md-list-item .md-avatar {
  margin-left: 20px;
  margin-right: auto;
}

[dir="rtl"] md-list.md-dense:not(.md-dense-disabled) md-list-item .md-avatar-icon {
  margin-left: 20px;
  margin-right: auto;
}

[dir="rtl"] md-list.md-dense:not(.md-dense-disabled) md-list-item .md-list-item-inner .md-avatar {
  margin-left: 20px;
  margin-right: auto;
}

[dir="rtl"] md-list.md-dense:not(.md-dense-disabled) md-list-item .md-list-item-inner .md-avatar-icon {
  margin-left: 20px;
  margin-right: auto;
}

md-list.md-dense:not(.md-dense-disabled) md-list-item .md-avatar, md-list.md-dense:not(.md-dense-disabled) md-list-item .md-avatar-icon, md-list.md-dense:not(.md-dense-disabled) md-list-item .md-list-item-inner .md-avatar, md-list.md-dense:not(.md-dense-disabled) md-list-item .md-list-item-inner .md-avatar-icon {
  margin-top: 6px;
  margin-bottom: 6px;
}

md-list.md-dense:not(.md-dense-disabled) md-list-item .md-avatar, md-list.md-dense:not(.md-dense-disabled) md-list-item .md-list-item-inner .md-avatar {
  flex: none;
  width: 36px;
  height: 36px;
}

md-list.md-dense:not(.md-dense-disabled) md-list-item .md-secondary-container .md-secondary.md-button, md-list.md-dense:not(.md-dense-disabled) md-list-item .md-list-item-inner .md-secondary-container .md-secondary.md-button {
  margin-top: 4px;
  margin-bottom: 4px;
}

md-list.md-dense:not(.md-dense-disabled) md-list-item .md-secondary-container md-checkbox:not(.md-dense-disabled), md-list.md-dense:not(.md-dense-disabled) md-list-item .md-list-item-inner .md-secondary-container md-checkbox:not(.md-dense-disabled) {
  min-height: 40px;
}

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

[dir="rtl"] md-list.md-dense:not(.md-dense-disabled) md-list-item.md-2-line .md-list-item-text.md-offset {
  margin-left: auto;
  margin-right: 56px;
}

[dir="rtl"] md-list.md-dense:not(.md-dense-disabled) md-list-item.md-2-line > .md-no-style .md-list-item-text.md-offset {
  margin-left: auto;
  margin-right: 56px;
}

[dir="rtl"] md-list.md-dense:not(.md-dense-disabled) md-list-item.md-3-line .md-list-item-text.md-offset {
  margin-left: auto;
  margin-right: 56px;
}

[dir="rtl"] md-list.md-dense:not(.md-dense-disabled) md-list-item.md-3-line > .md-no-style .md-list-item-text.md-offset {
  margin-left: auto;
  margin-right: 56px;
}

md-list.md-dense:not(.md-dense-disabled) md-list-item.md-2-line .md-list-item-text h3, md-list.md-dense:not(.md-dense-disabled) md-list-item.md-2-line .md-list-item-text h4, md-list.md-dense:not(.md-dense-disabled) md-list-item.md-2-line .md-list-item-text p, md-list.md-dense:not(.md-dense-disabled) md-list-item.md-2-line > .md-no-style .md-list-item-text h3, md-list.md-dense:not(.md-dense-disabled) md-list-item.md-2-line > .md-no-style .md-list-item-text h4, md-list.md-dense:not(.md-dense-disabled) md-list-item.md-2-line > .md-no-style .md-list-item-text p, md-list.md-dense:not(.md-dense-disabled) md-list-item.md-3-line .md-list-item-text h3, md-list.md-dense:not(.md-dense-disabled) md-list-item.md-3-line .md-list-item-text h4, md-list.md-dense:not(.md-dense-disabled) md-list-item.md-3-line .md-list-item-text p, md-list.md-dense:not(.md-dense-disabled) md-list-item.md-3-line > .md-no-style .md-list-item-text h3, md-list.md-dense:not(.md-dense-disabled) md-list-item.md-3-line > .md-no-style .md-list-item-text h4, md-list.md-dense:not(.md-dense-disabled) md-list-item.md-3-line > .md-no-style .md-list-item-text p {
  padding-bottom: 4px;
  font-size: 12px;
  line-height: 1.05;
}

md-list.md-dense:not(.md-dense-disabled) md-list-item.md-2-line .md-list-item-text h3, md-list.md-dense:not(.md-dense-disabled) md-list-item.md-2-line > .md-no-style .md-list-item-text h3, md-list.md-dense:not(.md-dense-disabled) md-list-item.md-3-line .md-list-item-text h3, md-list.md-dense:not(.md-dense-disabled) md-list-item.md-3-line > .md-no-style .md-list-item-text h3 {
  font-size: 13px;
}

md-list.md-dense:not(.md-dense-disabled) md-list-item.md-2-line, md-list.md-dense:not(.md-dense-disabled) md-list-item.md-2-line > .md-no-style {
  min-height: 60px;
}

md-list.md-dense:not(.md-dense-disabled) md-list-item.md-2-line:before, md-list.md-dense:not(.md-dense-disabled) md-list-item.md-2-line > .md-no-style:before {
  content: "";
  visibility: hidden;
  min-height: 60px;
  display: inline-block;
}

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

md-list.md-dense:not(.md-dense-disabled) md-list-item.md-3-line, md-list.md-dense:not(.md-dense-disabled) md-list-item.md-3-line > .md-no-style {
  min-height: 76px;
}

md-list.md-dense:not(.md-dense-disabled) md-list-item.md-3-line:before, md-list.md-dense:not(.md-dense-disabled) md-list-item.md-3-line > .md-no-style:before {
  content: "";
  visibility: hidden;
  min-height: 76px;
  display: inline-block;
}

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

md-list.md-dense:not(.md-dense-disabled) .md-subheader-inner {
  padding-top: 12px;
  padding-bottom: 12px;
}

md-list-item {
  position: relative;
}

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

md-list-item._md-button-wrap {
  position: relative;
}

md-list-item._md-button-wrap > div.md-button:first-child {
  text-align: left;
  justify-content: flex-start;
  align-items: center;
  margin: 0;
  padding: 0 16px;
  font-weight: 400;
  display: flex;
}

[dir="rtl"] md-list-item._md-button-wrap > div.md-button:first-child {
  text-align: right;
}

md-list-item._md-button-wrap > div.md-button:first-child {
  border: none;
}

md-list-item._md-button-wrap > div.md-button:first-child > .md-button:first-child {
  height: 100%;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  left: 0;
}

md-list-item._md-button-wrap > div.md-button:first-child .md-list-item-inner {
  width: 100%;
}

md-list-item._md-button-wrap > div.md-button:first-child .md-list-item-inner:before {
  content: "";
  min-height: inherit;
  visibility: hidden;
  display: inline-block;
}

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

md-list-item.md-no-proxy.md-button, md-list-item .md-no-style.md-button {
  font-size: inherit;
  height: inherit;
  text-align: left;
}

[dir="rtl"] md-list-item.md-no-proxy.md-button {
  text-align: right;
}

[dir="rtl"] md-list-item .md-no-style.md-button {
  text-align: right;
}

md-list-item.md-no-proxy.md-button, md-list-item .md-no-style.md-button {
  text-transform: none;
  white-space: normal;
  flex-direction: inherit;
  align-items: inherit;
  border-radius: 0;
  width: 100%;
  margin: 0;
}

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

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

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

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

[dir="rtl"] md-list-item md-divider {
  left: auto;
  right: 0;
}

md-list-item md-divider {
  width: 100%;
}

md-list-item md-divider[md-inset] {
  left: 72px;
}

[dir="rtl"] md-list-item md-divider[md-inset] {
  left: auto;
  right: 72px;
}

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

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

md-list-item:before, md-list-item .md-list-item-inner:before {
  content: "";
  visibility: hidden;
  min-height: 48px;
  display: inline-block;
}

md-list-item, md-list-item .md-list-item-inner {
  height: auto;
}

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

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

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

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

[dir="rtl"] md-list-item > md-icon:first-child:not(.md-avatar-icon) {
  margin-left: 32px;
  margin-right: auto;
}

[dir="rtl"] md-list-item .md-list-item-inner > md-icon:first-child:not(.md-avatar-icon) {
  margin-left: 32px;
  margin-right: auto;
}

md-list-item .md-avatar, md-list-item .md-avatar-icon, md-list-item .md-list-item-inner .md-avatar, md-list-item .md-list-item-inner .md-avatar-icon {
  margin-top: 8px;
  margin-bottom: 8px;
  margin-right: 16px;
}

[dir="rtl"] md-list-item .md-avatar {
  margin-left: 16px;
  margin-right: auto;
}

[dir="rtl"] md-list-item .md-avatar-icon {
  margin-left: 16px;
  margin-right: auto;
}

[dir="rtl"] md-list-item .md-list-item-inner .md-avatar {
  margin-left: 16px;
  margin-right: auto;
}

[dir="rtl"] md-list-item .md-list-item-inner .md-avatar-icon {
  margin-left: 16px;
  margin-right: auto;
}

md-list-item .md-avatar, md-list-item .md-avatar-icon, md-list-item .md-list-item-inner .md-avatar, md-list-item .md-list-item-inner .md-avatar-icon {
  box-sizing: content-box;
  border-radius: 50%;
}

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

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

md-list-item .md-avatar-icon svg, md-list-item .md-list-item-inner .md-avatar-icon svg {
  width: 24px;
  height: 24px;
}

md-list-item > md-checkbox, md-list-item .md-list-item-inner > md-checkbox {
  width: 24px;
  min-height: 40px;
  margin-left: 0;
}

[dir="rtl"] md-list-item > md-checkbox {
  margin-left: 29px;
}

[dir="rtl"] md-list-item .md-list-item-inner > md-checkbox {
  margin-left: 29px;
}

md-list-item > md-checkbox, md-list-item .md-list-item-inner > md-checkbox {
  margin-right: 29px;
}

[dir="rtl"] md-list-item > md-checkbox {
  margin-right: 0;
}

[dir="rtl"] md-list-item .md-list-item-inner > md-checkbox {
  margin-right: 0;
}

md-list-item .md-secondary-container, md-list-item .md-list-item-inner .md-secondary-container {
  flex-shrink: 0;
  align-items: center;
  margin: auto 0 auto auto;
  display: flex;
  position: relative;
}

[dir="rtl"] md-list-item .md-secondary-container {
  margin-right: auto;
}

[dir="rtl"] md-list-item .md-list-item-inner .md-secondary-container {
  margin-right: auto;
}

md-list-item .md-secondary-container, md-list-item .md-list-item-inner .md-secondary-container {
  margin-left: auto;
}

[dir="rtl"] md-list-item .md-secondary-container {
  margin-left: 0;
}

[dir="rtl"] md-list-item .md-list-item-inner .md-secondary-container {
  margin-left: 0;
}

md-list-item .md-secondary-container .md-button:last-of-type, md-list-item .md-secondary-container .md-icon-button:last-of-type, md-list-item .md-list-item-inner .md-secondary-container .md-button:last-of-type, md-list-item .md-list-item-inner .md-secondary-container .md-icon-button:last-of-type {
  margin-right: 0;
}

[dir="rtl"] md-list-item .md-secondary-container .md-button:last-of-type {
  margin-left: 0;
  margin-right: auto;
}

[dir="rtl"] md-list-item .md-secondary-container .md-icon-button:last-of-type {
  margin-left: 0;
  margin-right: auto;
}

[dir="rtl"] md-list-item .md-list-item-inner .md-secondary-container .md-button:last-of-type {
  margin-left: 0;
  margin-right: auto;
}

[dir="rtl"] md-list-item .md-list-item-inner .md-secondary-container .md-icon-button:last-of-type {
  margin-left: 0;
  margin-right: auto;
}

md-list-item .md-secondary-container md-checkbox, md-list-item .md-list-item-inner .md-secondary-container md-checkbox {
  min-height: 40px;
  margin: 0 6px;
  padding: 0 8px;
}

md-list-item .md-secondary-container md-checkbox:last-child, md-list-item .md-list-item-inner .md-secondary-container md-checkbox:last-child {
  width: 40px;
  margin-right: 0;
}

[dir="rtl"] md-list-item .md-secondary-container md-checkbox:last-child {
  margin-left: 0;
  margin-right: auto;
}

[dir="rtl"] md-list-item .md-list-item-inner .md-secondary-container md-checkbox:last-child {
  margin-left: 0;
  margin-right: auto;
}

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

[dir="rtl"] md-list-item .md-secondary-container md-switch {
  margin-left: -6px;
  margin-right: auto;
}

[dir="rtl"] md-list-item .md-list-item-inner .md-secondary-container md-switch {
  margin-left: -6px;
  margin-right: auto;
}

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

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

md-list-item.md-2-line.md-long-text, md-list-item.md-2-line > .md-no-style.md-long-text, md-list-item.md-3-line.md-long-text, md-list-item.md-3-line > .md-no-style.md-long-text {
  margin-top: 8px;
  margin-bottom: 8px;
}

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

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

[dir="rtl"] md-list-item.md-2-line .md-list-item-text.md-offset {
  margin-left: auto;
  margin-right: 56px;
}

[dir="rtl"] md-list-item.md-2-line > .md-no-style .md-list-item-text.md-offset {
  margin-left: auto;
  margin-right: 56px;
}

[dir="rtl"] md-list-item.md-3-line .md-list-item-text.md-offset {
  margin-left: auto;
  margin-right: 56px;
}

[dir="rtl"] md-list-item.md-3-line > .md-no-style .md-list-item-text.md-offset {
  margin-left: auto;
  margin-right: 56px;
}

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

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

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

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

md-list-item.md-2-line:before, md-list-item.md-2-line > .md-no-style:before {
  content: "";
  visibility: hidden;
  min-height: 72px;
  display: inline-block;
}

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

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

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

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

md-list-item.md-3-line:before, md-list-item.md-3-line > .md-no-style:before {
  content: "";
  visibility: hidden;
  min-height: 88px;
  display: inline-block;
}

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

.md-open-menu-container {
  z-index: 100;
  opacity: 0;
  border-radius: 2px;
  max-height: calc(100vh - 10px);
  position: fixed;
  top: 0;
  left: 0;
  overflow: auto;
}

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

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

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

.md-open-menu-container.md-active {
  opacity: 1;
  transition: all .2s cubic-bezier(.25, .8, .25, 1);
}

.md-open-menu-container.md-active > md-menu-content > * {
  opacity: 1;
  transition: all .2s cubic-bezier(.55, 0, .55, .2) .1s;
}

.md-open-menu-container.md-leave {
  opacity: 0;
  transition: all .25s cubic-bezier(.55, 0, .55, .2);
}

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

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

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

md-menu-item {
  flex-direction: row;
  place-content: center flex-start;
  height: 48px;
  min-height: 48px;
  display: flex;
}

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

md-menu-item > a.md-button {
  padding-top: 5px;
}

md-menu-item > .md-button::-moz-focus-inner {
  border: 0;
  padding: 0;
}

md-menu-item > .md-button {
  text-align: left;
}

[dir="rtl"] md-menu-item > .md-button {
  text-align: right;
}

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

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

[dir="rtl"] md-menu-item > .md-button md-icon {
  margin: auto 0 auto 16px;
}

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

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

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

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

@media (max-width: 959px) {
  md-menu-content {
    min-width: 112px;
  }

  md-menu-content[width="3"] {
    min-width: 168px;
  }

  md-menu-content[width="4"] {
    min-width: 224px;
  }

  md-menu-content[width="5"] {
    min-width: 280px;
  }

  md-menu-content[width="6"] {
    min-width: 336px;
  }

  md-menu-content[width="7"] {
    min-width: 392px;
  }
}

@media (min-width: 960px) {
  md-menu-content {
    min-width: 96px;
  }

  md-menu-content[width="3"] {
    min-width: 192px;
  }

  md-menu-content[width="4"] {
    min-width: 256px;
  }

  md-menu-content[width="5"] {
    min-width: 320px;
  }

  md-menu-content[width="6"] {
    min-width: 384px;
  }

  md-menu-content[width="7"] {
    min-width: 448px;
  }
}

md-toolbar.md-menu-toolbar h2.md-toolbar-tools, md-toolbar.md-menu-toolbar .cba-banner banner .md-toolbar-tools.title, .cba-banner banner md-toolbar.md-menu-toolbar .md-toolbar-tools.title, md-toolbar.md-menu-toolbar abn-banner banner .md-toolbar-tools.title, abn-banner banner md-toolbar.md-menu-toolbar .md-toolbar-tools.title {
  height: auto;
  padding: 28px 28px 12px;
  line-height: 1rem;
}

md-toolbar.md-has-open-menu {
  z-index: 100;
  position: relative;
}

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

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

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

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

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

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

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

[dir="rtl"] md-menu-content.md-menu-bar-menu.md-dense md-menu-item.md-indent > md-icon {
  left: auto;
  right: 24px;
}

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

[dir="rtl"] md-menu-content.md-menu-bar-menu.md-dense md-menu-item.md-indent > .md-button {
  padding: 0 64px 0 32px;
}

[dir="rtl"] md-menu-content.md-menu-bar-menu.md-dense md-menu-item.md-indent .md-menu > .md-button {
  padding: 0 64px 0 32px;
}

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

md-menu-content.md-menu-bar-menu.md-dense .md-button span {
  float: left;
}

[dir="rtl"] md-menu-content.md-menu-bar-menu.md-dense .md-button span {
  float: right;
}

md-menu-content.md-menu-bar-menu.md-dense .md-button span.md-alt-text {
  float: right;
}

[dir="rtl"] md-menu-content.md-menu-bar-menu.md-dense .md-button span.md-alt-text {
  float: left;
}

md-menu-content.md-menu-bar-menu.md-dense .md-button span.md-alt-text {
  margin: 0 8px;
}

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

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

[dir="rtl"] md-menu-content.md-menu-bar-menu.md-dense md-menu-item > .md-button {
  text-align: right;
}

[dir="rtl"] md-menu-content.md-menu-bar-menu.md-dense .md-menu > .md-button {
  text-align: right;
}

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

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

[dir="rtl"] md-menu-content.md-menu-bar-menu.md-dense .md-menu > .md-button {
  padding-left: 0;
  padding-right: 16px;
}

md-menu-content.md-menu-bar-menu.md-dense .md-menu > .md-button:after {
  content: "▼";
  speak: none;
  display: block;
  position: absolute;
  top: 0;
  transform: rotate(270deg)scaleY(.45)scaleX(.9);
}

[dir="rtl"] md-menu-content.md-menu-bar-menu.md-dense .md-menu > .md-button:after {
  transform: rotate(90deg)scaleY(.45)scaleX(.9);
}

md-menu-content.md-menu-bar-menu.md-dense .md-menu > .md-button:after {
  right: 28px;
}

[dir="rtl"] md-menu-content.md-menu-bar-menu.md-dense .md-menu > .md-button:after {
  left: 28px;
  right: auto;
}

.md-nav-bar {
  border-style: solid;
  border-width: 0 0 1px;
  height: 48px;
  position: relative;
}

._md-nav-bar-list {
  box-sizing: border-box;
  outline: none;
  flex-direction: row;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.md-nav-item:first-of-type {
  margin-left: 8px;
}

.md-button._md-nav-button {
  margin: 0 4px;
  padding: 12px 16px;
  line-height: 24px;
  transition: background-color .35s cubic-bezier(.35, 0, .25, 1);
}

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

md-nav-ink-bar {
  transform-origin: 0 0;
  will-change: transform;
  background-color: #000;
  width: 100%;
  height: 2px;
  transition: transform .125s cubic-bezier(.35, 0, .25, 1);
  position: absolute;
  bottom: 0;
  left: 0;
}

md-nav-ink-bar.ng-animate {
  transition: none;
}

md-nav-extra-content {
  min-height: 48px;
  padding-right: 12px;
}

@keyframes indeterminate-rotate {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

md-progress-circular {
  display: block;
  position: relative;
  transform: scale(1);
}

[dir="rtl"] md-progress-circular {
  transform: scale(-1, 1);
}

md-progress-circular._md-progress-circular-disabled {
  visibility: hidden;
}

md-progress-circular.md-mode-indeterminate svg {
  animation: 1.56863s linear infinite indeterminate-rotate;
}

md-progress-circular svg {
  position: absolute;
  top: 0;
  left: 0;
  overflow: visible;
}

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

[dir="rtl"] md-progress-linear {
  transform: scale(-1, 1);
}

md-progress-linear._md-progress-linear-disabled {
  visibility: hidden;
}

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

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

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

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

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

md-progress-linear .md-container.md-mode-query .md-bar2 {
  transition: all .2s linear;
  animation: .8s cubic-bezier(.39, .575, .565, 1) infinite query;
}

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

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

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

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

md-progress-linear .md-container.ng-hide ._md-progress-linear-disabled md-progress-linear .md-container .md-bar1, md-progress-linear .md-container.ng-hide ._md-progress-linear-disabled md-progress-linear .md-container .md-bar2 {
  animation-name: none;
}

md-progress-linear .md-container.md-mode-buffer {
  transition: all .2s linear;
  background-color: rgba(0, 0, 0, 0) !important;
}

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

@keyframes query {
  0% {
    opacity: 1;
    transform: translateX(35%)scale(.3, 1);
  }

  100% {
    opacity: 0;
    transform: translateX(-50%)scale(0, 1);
  }
}

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

  50% {
    opacity: 0;
  }

  100% {
    opacity: 1;
    background-position: -200px -23px;
  }
}

@keyframes md-progress-linear-indeterminate-scale-1 {
  0% {
    animation-timing-function: linear;
    transform: scaleX(.1);
  }

  36.6% {
    animation-timing-function: cubic-bezier(.334731, .12482, .785844, 1);
    transform: scaleX(.1);
  }

  69.15% {
    animation-timing-function: cubic-bezier(.225732, 0, .233649, 1.37098);
    transform: scaleX(.83);
  }

  100% {
    transform: scaleX(.1);
  }
}

@keyframes md-progress-linear-indeterminate-1 {
  0% {
    animation-timing-function: linear;
    left: -105.167%;
  }

  20% {
    animation-timing-function: cubic-bezier(.5, 0, .701732, .495819);
    left: -105.167%;
  }

  69.15% {
    animation-timing-function: cubic-bezier(.302435, .381352, .55, .956352);
    left: 21.5%;
  }

  100% {
    left: 95.4445%;
  }
}

@keyframes md-progress-linear-indeterminate-scale-2 {
  0% {
    animation-timing-function: cubic-bezier(.205028, .0570508, .57661, .453971);
    transform: scaleX(.1);
  }

  19.15% {
    animation-timing-function: cubic-bezier(.152313, .196432, .648374, 1.00432);
    transform: scaleX(.57);
  }

  44.15% {
    animation-timing-function: cubic-bezier(.257759, -.00316336, .211762, 1.38179);
    transform: scaleX(.91);
  }

  100% {
    transform: scaleX(.1);
  }
}

@keyframes md-progress-linear-indeterminate-2 {
  0% {
    animation-timing-function: cubic-bezier(.15, 0, .515058, .409685);
    left: -54.8889%;
  }

  25% {
    animation-timing-function: cubic-bezier(.31033, .284058, .8, .733719);
    left: -17.25%;
  }

  48.35% {
    animation-timing-function: cubic-bezier(.4, .627035, .6, .902026);
    left: 29.5%;
  }

  100% {
    left: 117.389%;
  }
}

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

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

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

[dir="rtl"] md-radio-button .md-container {
  left: auto;
}

md-radio-button .md-container {
  right: auto;
}

[dir="rtl"] md-radio-button .md-container {
  right: 0;
}

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

md-radio-button .md-container:before {
  box-sizing: border-box;
  content: "";
  background-color: rgba(0, 0, 0, 0);
  border-radius: 50%;
  width: auto;
  height: auto;
  transition: all .5s;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

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

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

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

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

md-radio-button .md-label {
  box-sizing: border-box;
  margin-left: 30px;
  display: inline-block;
  position: relative;
}

[dir="rtl"] md-radio-button .md-label {
  margin-left: 0;
}

md-radio-button .md-label {
  margin-right: 0;
}

[dir="rtl"] md-radio-button .md-label {
  margin-right: 30px;
}

md-radio-button .md-label {
  vertical-align: middle;
  white-space: normal;
  pointer-events: none;
  width: auto;
}

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

md-radio-group.md-focused.ng-not-empty .md-checked .md-container:before, md-radio-group.md-focused.ng-empty > md-radio-button:first-child .md-container:before {
  top: -8px;
  bottom: -8px;
  left: -8px;
  right: -8px;
}

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

@media (max-width: 599px) {
  .layout-row:not(.layout-xs-column) > md-radio-button, .layout-xs-row > md-radio-button {
    margin-bottom: 0;
  }
}

@media (min-width: 600px) and (max-width: 959px) {
  .layout-row:not(.layout-gt-xs-column):not(.layout-sm-column) > md-radio-button, .layout-gt-xs-row:not(.layout-sm-column) > md-radio-button, .layout-sm-row:not(.layout-sm-column) > md-radio-button {
    margin-bottom: 0;
  }
}

@media (min-width: 960px) and (max-width: 1279px) {
  .layout-row:not(.layout-gt-xs-column):not(.layout-gt-sm-column):not(.layout-md-column) > md-radio-button, .layout-gt-xs-row:not(.layout-gt-sm-column):not(.layout-md-column) > md-radio-button, .layout-gt-sm-row:not(.layout-md-column) > md-radio-button, .layout-md-row:not(.layout-md-column) > md-radio-button {
    margin-bottom: 0;
  }
}

@media (min-width: 1280px) and (max-width: 1919px) {
  .layout-row:not(.layout-gt-xs-column):not(.layout-gt-sm-column):not(.layout-gt-md-column):not(.layout-lg-column) > md-radio-button, .layout-gt-xs-row:not(.layout-gt-sm-column):not(.layout-gt-md-column):not(.layout-lg-column) > md-radio-button, .layout-gt-sm-row:not(.layout-gt-md-column):not(.layout-lg-column) > md-radio-button, .layout-gt-md-row:not(.layout-lg-column) > md-radio-button, .layout-lg-row:not(.layout-lg-column) > md-radio-button {
    margin-bottom: 0;
  }
}

@media (min-width: 1920px) {
  .layout-row:not(.layout-gt-xs-column):not(.layout-gt-sm-column):not(.layout-gt-md-column):not(.layout-gt-lg-column):not(.layout-xl-column) > md-radio-button, .layout-gt-xs-row:not(.layout-gt-sm-column):not(.layout-gt-md-column):not(.layout-gt-lg-column):not(.layout-xl-column) > md-radio-button, .layout-gt-sm-row:not(.layout-gt-md-column):not(.layout-gt-lg-column):not(.layout-xl-column) > md-radio-button, .layout-gt-md-row:not(.layout-gt-lg-column):not(.layout-xl-column) > md-radio-button, .layout-gt-lg-row:not(.layout-gt-lg-column):not(.layout-xl-column) > md-radio-button, .layout-xl-row:not(.layout-gt-lg-column):not(.layout-xl-column) > md-radio-button {
    margin-bottom: 0;
  }
}

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

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

.md-inline-form md-radio-group md-radio-button .md-label {
  top: 4px;
}

.md-inline-form md-radio-group md-radio-button .md-container {
  margin-top: 2px;
}

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

md-input-container:not([md-no-float]) .md-select-placeholder span:first-child {
  transform-origin: 0 0;
  transition: transform .4s cubic-bezier(.25, .8, .25, 1);
}

[dir="rtl"] md-input-container:not([md-no-float]) .md-select-placeholder span:first-child {
  transform-origin: 100% 0;
}

md-input-container.md-input-focused:not([md-no-float]) md-select:not([placeholder]) .md-select-placeholder span:first-child {
  transform: translate(-2px, -22px)scale(.75);
}

.md-select-menu-container {
  z-index: 90;
  opacity: 0;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  transform: translateY(-1px);
}

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

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

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

.md-select-menu-container.md-active md-select-menu {
  transition: all .15s cubic-bezier(.25, .8, .25, 1);
}

.md-select-menu-container.md-active md-select-menu > * {
  opacity: 1;
  transition: all .15s cubic-bezier(.55, 0, .55, .2) .1s;
}

.md-select-menu-container.md-leave {
  opacity: 0;
  transition: all .25s cubic-bezier(.55, 0, .55, .2);
}

.md-inline-form md-select {
  margin-top: 20px;
}

md-input-container > md-select, .md-inline-form md-input-container > md-select {
  margin-top: 0;
}

md-input-container > md-select {
  order: 2;
}

md-input-container:not(.md-input-has-value) md-select[required]:not(.md-no-asterisk) .md-select-value span:first-child:after, md-input-container:not(.md-input-has-value) md-select.ng-required:not(.md-no-asterisk) .md-select-value span:first-child:after {
  content: " *";
  vertical-align: top;
  font-size: 13px;
}

md-input-container.md-input-invalid md-select .md-select-value {
  border-bottom-style: solid;
  padding-bottom: 1px;
}

md-select {
  display: flex;
}

md-select[required].ng-empty.ng-invalid:not(.md-no-asterisk) .md-select-value span:first-child:after, md-select.ng-required.ng-empty.ng-invalid:not(.md-no-asterisk) .md-select-value span:first-child:after {
  content: " *";
  vertical-align: top;
  font-size: 13px;
}

md-select[disabled] .md-select-value {
  background-position: left 0 bottom -1px;
  background-repeat: repeat-x;
  background-size: 4px 1px;
  padding-top: 1px;
  padding-bottom: 2px;
  transform: translateY(1px);
}

md-select:focus {
  outline: none;
}

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

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

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

md-input-container md-select:not([disabled]):focus .md-select-value {
  border-bottom-width: 2px;
}

md-input-container md-select[disabled] .md-select-value {
  background-position: left 0 bottom -1px;
}

md-input-container md-select .md-select-value {
  border-bottom-width: 1px;
  min-height: 26px;
  padding-bottom: 1px;
}

md-input-container md-select .md-select-value.md-select-placeholder {
  padding-left: 0;
}

[dir="rtl"] md-input-container md-select .md-select-value.md-select-placeholder {
  padding-left: 2px;
}

md-input-container md-select .md-select-value.md-select-placeholder {
  padding-right: 2px;
}

[dir="rtl"] md-input-container md-select .md-select-value.md-select-placeholder {
  padding-right: 0;
}

.md-select-value {
  align-items: center;
  padding-top: 2px;
  padding-bottom: 1px;
  padding-left: 0;
  display: flex;
}

[dir="rtl"] .md-select-value {
  padding-left: 2px;
}

.md-select-value {
  padding-right: 2px;
}

[dir="rtl"] .md-select-value {
  padding-right: 0;
}

.md-select-value {
  box-sizing: content-box;
  background-color: rgba(0, 0, 0, 0);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  flex-grow: 1;
  -ms-flex-item-align: start;
  min-width: 88px;
  min-height: 26px;
  margin-bottom: auto;
  position: relative;
}

.md-select-value > span:not(.md-select-icon) {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: auto;
  max-width: 100%;
  overflow: hidden;
}

.md-select-value > span:not(.md-select-icon) .md-text {
  display: inline;
}

.md-select-value .md-select-icon {
  align-items: flex-end;
  display: block;
}

[dir="rtl"] .md-select-value .md-select-icon {
  align-items: flex-start;
}

.md-select-value .md-select-icon {
  text-align: right;
}

[dir="rtl"] .md-select-value .md-select-icon {
  text-align: left;
}

.md-select-value .md-select-icon {
  width: 24px;
  font-size: 1.2rem;
  transform: translateY(-2px);
}

.md-select-value .md-select-icon:after {
  content: "▼";
  display: block;
  position: relative;
  top: 2px;
  right: -4px;
}

[dir="rtl"] .md-select-value .md-select-icon:after {
  right: auto;
}

.md-select-value .md-select-icon:after {
  left: auto;
}

[dir="rtl"] .md-select-value .md-select-icon:after {
  left: -4px;
}

.md-select-value .md-select-icon:after {
  speak: none;
  font-size: 13px;
  transform: scaleY(.5);
}

.md-select-value.md-select-placeholder {
  pointer-events: none;
  -webkit-font-smoothing: antialiased;
  z-index: 1;
  order: 1;
  display: flex;
}

md-select-menu {
  flex-direction: column;
  display: flex;
}

md-select-menu.md-reverse {
  flex-direction: column-reverse;
}

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

md-select-menu {
  transform-origin: 0 0;
  min-height: 48px;
  max-height: 256px;
  overflow-y: hidden;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .2), 0 1px 1px rgba(0, 0, 0, .14), 0 2px 1px -1px rgba(0, 0, 0, .12);
}

[dir="rtl"] md-select-menu {
  transform-origin: 100% 0;
}

md-select-menu {
  transform: scale(1);
}

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

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

md-option {
  cursor: pointer;
  align-items: center;
  width: auto;
  transition: background .15s linear;
  display: flex;
  position: relative;
}

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

md-option:focus {
  outline: none;
}

md-option .md-text {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
  -khtml-user-select: none;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: auto;
  overflow: hidden;
}

md-option {
  height: 48px;
  padding: 0 16px;
}

md-optgroup {
  display: block;
}

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

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

@media screen and (-ms-high-contrast: active) {
  .md-select-backdrop {
    background-color: rgba(0, 0, 0, 0);
  }

  md-select-menu {
    border: 1px solid #fff;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

md-select-menu[multiple] md-option.md-checkbox-enabled[selected] .md-icon {
  border-color: rgba(0, 0, 0, 0);
}

md-select-menu[multiple] md-option.md-checkbox-enabled[selected] .md-icon:after {
  box-sizing: border-box;
  content: "";
  border-style: none solid solid none;
  border-width: 0 2px 2px 0;
  border-top-color: currentColor;
  border-left-color: currentColor;
  width: 6px;
  height: 12px;
  display: table;
  position: absolute;
  top: 0;
  left: 4px;
  transform: rotate(45deg);
}

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

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

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

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

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

[dir="rtl"] md-select-menu[multiple] md-option.md-checkbox-enabled .md-container {
  margin-right: 10.6667px;
}

md-sidenav {
  box-sizing: border-box;
  z-index: 60;
  -webkit-overflow-scrolling: touch;
  flex-direction: column;
  width: 320px;
  max-width: 320px;
  position: absolute;
  bottom: 0;
  overflow: auto;
}

md-sidenav ul {
  list-style: none;
}

md-sidenav.md-closed {
  display: none;
}

md-sidenav.md-closed-add, md-sidenav.md-closed-remove {
  transition: all .2s ease-in;
  display: flex;
}

md-sidenav.md-closed-add.md-closed-add-active, md-sidenav.md-closed-remove.md-closed-remove-active {
  transition: all .4s cubic-bezier(.25, .8, .25, 1);
}

md-sidenav.md-locked-open-add, md-sidenav.md-locked-open-remove, md-sidenav.md-locked-open, md-sidenav.md-locked-open.md-closed, md-sidenav.md-locked-open.md-closed.md-sidenav-left, md-sidenav.md-locked-open.md-closed.md-sidenav-right, md-sidenav.md-locked-open-remove.md-closed {
  display: flex;
  position: static;
  transform: translate3d(0, 0, 0);
}

md-sidenav.md-closed.md-locked-open-add {
  display: flex;
  position: static;
  transform: translate3d(0%, 0, 0);
}

md-sidenav.md-closed.md-locked-open-add:not(.md-locked-open-add-active) {
  transition: width .3s cubic-bezier(.55, 0, .55, .2), min-width .3s cubic-bezier(.55, 0, .55, .2);
  width: 0 !important;
  min-width: 0 !important;
}

md-sidenav.md-closed.md-locked-open-add-active {
  transition: width .3s cubic-bezier(.55, 0, .55, .2), min-width .3s cubic-bezier(.55, 0, .55, .2);
}

md-sidenav.md-locked-open-remove-active {
  transition: width .3s cubic-bezier(.55, 0, .55, .2), min-width .3s cubic-bezier(.55, 0, .55, .2);
  width: 0 !important;
  min-width: 0 !important;
}

.md-sidenav-backdrop.md-locked-open {
  display: none;
}

.md-sidenav-left, md-sidenav {
  top: 0;
  left: 0;
  transform: translate3d(0%, 0, 0);
}

.md-sidenav-left.md-closed, md-sidenav.md-closed {
  transform: translate3d(-100%, 0, 0);
}

.md-sidenav-right {
  top: 0;
  left: 100%;
  transform: translate(-100%);
}

.md-sidenav-right.md-closed {
  transform: translate(0%);
}

@media (min-width: 600px) {
  md-sidenav {
    max-width: 400px;
  }
}

@media (max-width: 456px) {
  md-sidenav {
    width: calc(100% - 56px);
    min-width: calc(100% - 56px);
    max-width: calc(100% - 56px);
  }
}

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

  .md-sidenav-right {
    border-left: 1px solid #fff;
  }
}

@keyframes sliderFocusThumb {
  0% {
    transform: scale(.7);
  }

  30% {
    transform: scale(1);
  }

  100% {
    transform: scale(.7);
  }
}

@keyframes sliderDiscreteFocusThumb {
  0% {
    transform: scale(.7);
  }

  50% {
    transform: scale(.8);
  }

  100% {
    transform: scale(0);
  }
}

@keyframes sliderDiscreteFocusRing {
  0% {
    opacity: 0;
    transform: scale(.7);
  }

  50% {
    opacity: 1;
    transform: scale(1);
  }

  100% {
    transform: scale(0);
  }
}

md-slider {
  flex-direction: row;
  min-width: 128px;
  height: 48px;
  margin-left: 4px;
  margin-right: 4px;
  padding: 0;
  display: block;
  position: relative;
}

md-slider *, md-slider :after {
  box-sizing: border-box;
}

md-slider .md-slider-wrapper {
  outline: none;
  width: 100%;
  height: 100%;
}

md-slider .md-slider-content {
  position: relative;
}

md-slider .md-track-container {
  width: 100%;
  height: 2px;
  position: absolute;
  top: 23px;
}

md-slider .md-track {
  height: 100%;
  position: absolute;
  left: 0;
  right: 0;
}

md-slider .md-track-fill {
  transition: width .4s cubic-bezier(.25, .8, .25, 1), height .4s cubic-bezier(.25, .8, .25, 1);
}

md-slider .md-track-ticks {
  height: 100%;
  position: absolute;
  left: 0;
  right: 0;
}

md-slider .md-track-ticks canvas {
  width: 100%;
  height: 100%;
}

md-slider .md-thumb-container {
  position: absolute;
  left: 0;
}

[dir="rtl"] md-slider .md-thumb-container {
  left: auto;
  right: 0;
}

md-slider .md-thumb-container {
  transition: left .4s cubic-bezier(.25, .8, .25, 1), right .4s cubic-bezier(.25, .8, .25, 1), bottom .4s cubic-bezier(.25, .8, .25, 1);
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
}

md-slider .md-thumb {
  z-index: 1;
  position: absolute;
  left: -10px;
}

[dir="rtl"] md-slider .md-thumb {
  left: auto;
  right: -10px;
}

md-slider .md-thumb {
  border-radius: 20px;
  width: 20px;
  height: 20px;
  top: 14px;
}

md-slider .md-thumb:after {
  content: "";
  border-style: solid;
  border-width: 3px;
  border-radius: 20px;
  width: 20px;
  height: 20px;
  transition: inherit;
  position: absolute;
}

md-slider .md-thumb {
  transition: all .4s cubic-bezier(.25, .8, .25, 1);
  transform: scale(.7);
}

md-slider .md-sign {
  border-radius: 28px;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  transition: all .3s cubic-bezier(.35, 0, .25, 1);
  display: flex;
  position: absolute;
  top: -17px;
  left: -14px;
  transform: scale(.4)translate3d(0, 67.5px, 0);
}

md-slider .md-sign:after {
  content: "";
  position: absolute;
  left: 0;
}

[dir="rtl"] md-slider .md-sign:after {
  left: auto;
  right: 0;
}

md-slider .md-sign:after {
  opacity: 0;
  border-top-style: solid;
  border-top-width: 16px;
  border-left: 14px solid rgba(0, 0, 0, 0);
  border-right: 14px solid rgba(0, 0, 0, 0);
  border-radius: 16px;
  transition: all .2s cubic-bezier(.35, 0, .25, 1);
  top: 19px;
  transform: translate3d(0, -8px, 0);
}

md-slider .md-sign .md-thumb-text {
  z-index: 1;
  font-size: 12px;
  font-weight: bold;
}

md-slider .md-focus-ring {
  position: absolute;
  left: -17px;
}

[dir="rtl"] md-slider .md-focus-ring {
  left: auto;
  right: -17px;
}

md-slider .md-focus-ring {
  opacity: 0;
  border-radius: 34px;
  width: 34px;
  height: 34px;
  transition: all .35s cubic-bezier(.35, 0, .25, 1);
  top: 7px;
  transform: scale(.7);
}

md-slider .md-disabled-thumb {
  position: absolute;
  left: -14px;
}

[dir="rtl"] md-slider .md-disabled-thumb {
  left: auto;
  right: -14px;
}

md-slider .md-disabled-thumb {
  border-style: solid;
  border-width: 4px;
  border-radius: 28px;
  width: 28px;
  height: 28px;
  display: none;
  top: 10px;
  transform: scale(.5);
}

md-slider.md-min .md-sign {
  opacity: 0;
}

md-slider:focus {
  outline: none;
}

md-slider.md-dragging .md-thumb-container, md-slider.md-dragging .md-track-fill {
  transition: none;
}

md-slider:not([md-discrete]) .md-track-ticks, md-slider:not([md-discrete]) .md-sign {
  display: none;
}

md-slider:not([md-discrete]):not([disabled]) .md-slider-wrapper .md-thumb:hover {
  transform: scale(.8);
}

md-slider:not([md-discrete]):not([disabled]) .md-slider-wrapper.md-focused .md-focus-ring {
  opacity: 1;
  transform: scale(1);
}

md-slider:not([md-discrete]):not([disabled]) .md-slider-wrapper.md-focused .md-thumb {
  animation: .7s cubic-bezier(.35, 0, .25, 1) sliderFocusThumb;
}

md-slider:not([md-discrete]):not([disabled]).md-active .md-slider-wrapper .md-thumb {
  transform: scale(1);
}

md-slider[md-discrete]:not([disabled]) .md-slider-wrapper.md-focused .md-focus-ring {
  animation: .5s cubic-bezier(.35, 0, .25, 1) sliderDiscreteFocusRing;
  transform: scale(0);
}

md-slider[md-discrete]:not([disabled]) .md-slider-wrapper.md-focused .md-thumb {
  animation: .5s cubic-bezier(.35, 0, .25, 1) sliderDiscreteFocusThumb;
}

md-slider[md-discrete]:not([disabled]) .md-slider-wrapper.md-focused .md-thumb, md-slider[md-discrete]:not([disabled]).md-active .md-thumb {
  transform: scale(0);
}

md-slider[md-discrete]:not([disabled]) .md-slider-wrapper.md-focused .md-sign, md-slider[md-discrete]:not([disabled]) .md-slider-wrapper.md-focused .md-sign:after, md-slider[md-discrete]:not([disabled]).md-active .md-sign, md-slider[md-discrete]:not([disabled]).md-active .md-sign:after {
  opacity: 1;
  transform: translate3d(0, 0, 0)scale(1);
}

md-slider[md-discrete][disabled][readonly] .md-thumb {
  transform: scale(0);
}

md-slider[md-discrete][disabled][readonly] .md-sign, md-slider[md-discrete][disabled][readonly] .md-sign:after {
  opacity: 1;
  transform: translate3d(0, 0, 0)scale(1);
}

md-slider[disabled] .md-track-fill {
  display: none;
}

md-slider[disabled] .md-track-ticks, md-slider[disabled]:not([readonly]) .md-sign {
  opacity: 0;
}

md-slider[disabled] .md-thumb {
  transform: scale(.5);
}

md-slider[disabled] .md-disabled-thumb {
  display: block;
}

md-slider[md-vertical] {
  flex-direction: column;
  min-width: 0;
  min-height: 128px;
}

md-slider[md-vertical] .md-slider-wrapper {
  flex: 1;
  justify-content: center;
  align-self: center;
  width: 48px;
  padding-top: 12px;
  padding-bottom: 12px;
  display: flex;
}

md-slider[md-vertical] .md-track-container {
  width: 2px;
  height: 100%;
  top: 0;
  left: calc(50% - 1px);
}

md-slider[md-vertical] .md-thumb-container {
  margin-bottom: 23px;
  top: auto;
  bottom: 0;
  left: calc(50% - 1px);
}

md-slider[md-vertical] .md-thumb-container .md-thumb:after {
  left: 1px;
}

md-slider[md-vertical] .md-thumb-container .md-focus-ring {
  left: -16px;
}

md-slider[md-vertical] .md-track-fill {
  bottom: 0;
}

md-slider[md-vertical][md-discrete] .md-sign {
  top: 9.5px;
  left: -40px;
  transform: scale(.4)translate3d(67.5px, 0, 0);
}

md-slider[md-vertical][md-discrete] .md-sign:after {
  opacity: 0;
  border-style: solid none solid solid;
  border-width: 14px 0 14px 16px;
  border-top-color: rgba(0, 0, 0, 0);
  border-bottom-color: rgba(0, 0, 0, 0);
  border-right-color: currentColor;
  transition: all .2s ease-in-out;
  top: 9.5px;
  left: 19px;
  transform: translate3d(0, -8px, 0);
}

md-slider[md-vertical][md-discrete] .md-sign .md-thumb-text {
  z-index: 1;
  font-size: 12px;
  font-weight: bold;
}

md-slider[md-vertical][md-discrete].md-active .md-sign:after, md-slider[md-vertical][md-discrete] .md-focused .md-sign:after, md-slider[md-vertical][md-discrete][disabled][readonly] .md-sign:after {
  top: 0;
}

md-slider[md-vertical][disabled][readonly] .md-thumb {
  transform: scale(0);
}

md-slider[md-vertical][disabled][readonly] .md-sign, md-slider[md-vertical][disabled][readonly] .md-sign:after {
  opacity: 1;
  transform: translate3d(0, 0, 0)scale(1);
}

md-slider[md-invert]:not([md-vertical]) .md-track-fill {
  left: auto;
}

[dir="rtl"] md-slider[md-invert]:not([md-vertical]) .md-track-fill {
  left: 0;
}

md-slider[md-invert]:not([md-vertical]) .md-track-fill {
  right: 0;
}

[dir="rtl"] md-slider[md-invert]:not([md-vertical]) .md-track-fill {
  right: auto;
}

md-slider[md-invert][md-vertical] .md-track-fill {
  top: 0;
  bottom: auto;
}

md-slider-container {
  flex-direction: row;
  align-items: center;
  display: flex;
}

md-slider-container > :first-child:not(md-slider), md-slider-container > :last-child:not(md-slider) {
  min-width: 25px;
  max-width: 42px;
  height: 25px;
  transition: color .4s cubic-bezier(.25, .8, .25, 1), max-width .4s cubic-bezier(.25, .8, .25, 1);
}

md-slider-container > :first-child:not(md-slider) {
  margin-right: 16px;
}

[dir="rtl"] md-slider-container > :first-child:not(md-slider) {
  margin-left: 16px;
  margin-right: auto;
}

md-slider-container > :last-child:not(md-slider) {
  margin-left: 16px;
}

[dir="rtl"] md-slider-container > :last-child:not(md-slider) {
  margin-left: auto;
  margin-right: 16px;
}

md-slider-container[md-vertical] {
  flex-direction: column;
}

md-slider-container[md-vertical] > :first-child:not(md-slider), md-slider-container[md-vertical] > :last-child:not(md-slider) {
  text-align: center;
  margin-left: 0;
  margin-right: 0;
}

md-slider-container md-input-container input[type="number"] {
  text-align: center;
  padding-left: 15px;
}

[dir="rtl"] md-slider-container md-input-container input[type="number"] {
  padding-left: 0;
  padding-right: 15px;
}

md-slider-container md-input-container input[type="number"] {
  height: 50px;
  margin-top: -25px;
}

@media screen and (-ms-high-contrast: active) {
  md-slider.md-default-theme .md-track {
    border-bottom: 1px solid #fff;
  }
}

.md-sticky-clone {
  z-index: 2;
  top: 0;
  left: 0;
  right: 0;
  transform: translate3d(-9999px, -9999px, 0);
  position: absolute !important;
}

.md-sticky-clone[sticky-state="active"] {
  transform: translate3d(0, 0, 0);
}

.md-sticky-clone[sticky-state="active"]:not(.md-sticky-no-effect) .md-subheader-inner {
  animation: .3s ease-out both subheaderStickyHoverIn;
}

@keyframes subheaderStickyHoverIn {
  0% {
    box-shadow: 0 0 rgba(0, 0, 0, 0);
  }

  100% {
    box-shadow: 0 2px 4px rgba(0, 0, 0, .16);
  }
}

@keyframes subheaderStickyHoverOut {
  0% {
    box-shadow: 0 2px 4px rgba(0, 0, 0, .16);
  }

  100% {
    box-shadow: 0 0 rgba(0, 0, 0, 0);
  }
}

.md-subheader-wrapper:not(.md-sticky-no-effect) .md-subheader {
  margin: 0;
}

.md-subheader-wrapper:not(.md-sticky-no-effect) {
  transition: margin .2s ease-out;
}

.md-subheader-wrapper:not(.md-sticky-no-effect).md-sticky-clone {
  z-index: 2;
}

.md-subheader-wrapper:not(.md-sticky-no-effect)[sticky-state="active"] {
  margin-top: -2px;
}

.md-subheader-wrapper:not(.md-sticky-no-effect):not(.md-sticky-clone)[sticky-prev-state="active"] .md-subheader-inner:after {
  animation: .3s ease-out both subheaderStickyHoverOut;
}

.md-subheader {
  margin: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 1em;
  display: block;
  position: relative;
}

.md-subheader .md-subheader-inner {
  padding: 16px;
  display: block;
}

.md-subheader .md-subheader-content {
  z-index: 1;
  display: block;
  position: relative;
}

[md-swipe-left], [md-swipe-right] {
  touch-action: pan-y;
}

[md-swipe-up], [md-swipe-down] {
  touch-action: pan-x;
}

.md-inline-form md-switch {
  margin-top: 18px;
  margin-bottom: 19px;
}

md-switch {
  white-space: nowrap;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  height: 30px;
  margin: 16px 0;
  margin-left: inherit;
  outline: none;
  align-items: center;
  line-height: 28px;
  display: flex;
}

[dir="rtl"] md-switch {
  margin-left: 16px;
}

md-switch {
  margin-right: 16px;
}

[dir="rtl"] md-switch {
  margin-right: inherit;
}

md-switch:last-of-type {
  margin-left: inherit;
}

[dir="rtl"] md-switch:last-of-type {
  margin-left: 0;
}

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

[dir="rtl"] md-switch:last-of-type {
  margin-right: inherit;
}

md-switch[disabled], md-switch[disabled] .md-container {
  cursor: default;
}

md-switch .md-container {
  cursor: grab;
  -webkit-user-select: none;
  user-select: none;
  width: 36px;
  height: 24px;
  margin-right: 8px;
  position: relative;
}

[dir="rtl"] md-switch .md-container {
  margin-left: 8px;
  margin-right: 0;
}

md-switch .md-container {
  float: left;
}

md-switch.md-inverted .md-container {
  margin-right: initial;
}

[dir="rtl"] md-switch.md-inverted .md-container {
  margin-right: 8px;
}

md-switch.md-inverted .md-container {
  margin-left: 8px;
}

[dir="rtl"] md-switch.md-inverted .md-container {
  margin-left: initial;
}

md-switch:not([disabled]) .md-dragging, md-switch:not([disabled]).md-dragging .md-container {
  cursor: grabbing;
}

md-switch.md-focused .md-thumb:before {
  top: -8px;
  bottom: -8px;
  left: -8px;
  right: -8px;
}

md-switch .md-label {
  float: left;
  border-width: 0;
  border-color: rgba(0, 0, 0, 0);
}

md-switch .md-bar {
  border-radius: 8px;
  width: 34px;
  height: 14px;
  position: absolute;
  top: 5px;
  left: 1px;
}

md-switch .md-thumb-container {
  z-index: 1;
  width: 16px;
  position: absolute;
  top: 2px;
  left: 0;
  transform: translate3d(0, 0, 0);
}

md-switch.md-checked .md-thumb-container {
  transform: translate3d(100%, 0, 0);
}

md-switch .md-thumb {
  border-radius: 50%;
  outline: none;
  width: 20px;
  height: 20px;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .2), 0 1px 1px rgba(0, 0, 0, .14), 0 2px 1px -1px rgba(0, 0, 0, .12);
}

md-switch .md-thumb:before {
  content: "";
  background-color: rgba(0, 0, 0, 0);
  border-radius: 50%;
  width: auto;
  height: auto;
  transition: all .5s;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

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

md-switch:not(.md-dragging) .md-bar, md-switch:not(.md-dragging) .md-thumb-container, md-switch:not(.md-dragging) .md-thumb {
  transition: transform 80ms linear, background-color 80ms linear;
}

md-switch:not(.md-dragging) .md-bar, md-switch:not(.md-dragging) .md-thumb {
  transition-delay: 50ms;
}

@media screen and (-ms-high-contrast: active) {
  md-switch.md-default-theme .md-bar {
    background-color: #666;
  }

  md-switch.md-default-theme.md-checked .md-bar {
    background-color: #9e9e9e;
  }

  md-switch.md-default-theme .md-thumb {
    background-color: #fff;
  }
}

@keyframes md-tab-content-hide {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

md-tab-data {
  z-index: -1;
  opacity: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

md-tabs {
  border-radius: 2px;
  flex-shrink: 0;
  margin: 0;
  display: block;
  position: relative;
  overflow: hidden;
}

md-tabs:not(.md-no-tab-content):not(.md-dynamic-height) {
  min-height: 248px;
}

md-tabs[md-align-tabs="bottom"] {
  padding-bottom: 48px;
}

md-tabs[md-align-tabs="bottom"] > md-tabs-wrapper {
  z-index: 2;
  height: 48px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

md-tabs[md-align-tabs="bottom"] > md-tabs-content-wrapper {
  top: 0;
  bottom: 48px;
}

md-tabs.md-dynamic-height md-tabs-content-wrapper {
  min-height: 0;
  position: relative;
  top: auto;
  bottom: auto;
  left: auto;
  right: auto;
  overflow: visible;
}

md-tabs.md-dynamic-height md-tab-content.md-active {
  position: relative;
}

md-tabs[md-border-bottom] md-tabs-wrapper {
  border-style: solid;
  border-width: 0 0 1px;
}

md-tabs[md-border-bottom]:not(.md-dynamic-height) md-tabs-content-wrapper {
  top: 49px;
}

md-tabs-wrapper {
  display: block;
  position: relative;
  transform: translate(0);
}

md-tabs-wrapper md-prev-button, md-tabs-wrapper md-next-button {
  z-index: 2;
  cursor: pointer;
  background: center no-repeat;
  width: 32px;
  height: 100%;
  font-size: 16px;
  line-height: 1em;
  transition: all .5s cubic-bezier(.35, 0, .25, 1);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

md-tabs-wrapper md-prev-button:focus, md-tabs-wrapper md-next-button:focus {
  outline: none;
}

md-tabs-wrapper md-prev-button.md-disabled, md-tabs-wrapper md-next-button.md-disabled {
  opacity: .25;
  cursor: default;
}

md-tabs-wrapper md-prev-button.ng-leave, md-tabs-wrapper md-next-button.ng-leave {
  transition: none;
}

md-tabs-wrapper md-prev-button md-icon, md-tabs-wrapper md-next-button md-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

[dir="rtl"] md-tabs-wrapper md-prev-button {
  transform: rotateY(180deg)translateY(-50%);
}

[dir="rtl"] md-tabs-wrapper md-next-button {
  transform: rotateY(180deg)translateY(-50%);
}

md-tabs-wrapper md-prev-button {
  left: 0;
}

[dir="rtl"] md-tabs-wrapper md-prev-button {
  left: auto;
  right: 0;
}

md-tabs-wrapper md-prev-button {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE3LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPiA8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPiA8c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjQgMjQiIHhtbDpzcGFjZT0icHJlc2VydmUiPiA8ZyBpZD0iSGVhZGVyIj4gPGc+IDxyZWN0IHg9Ii02MTgiIHk9Ii0xMjA4IiBmaWxsPSJub25lIiB3aWR0aD0iMTQwMCIgaGVpZ2h0PSIzNjAwIi8+IDwvZz4gPC9nPiA8ZyBpZD0iTGFiZWwiPiA8L2c+IDxnIGlkPSJJY29uIj4gPGc+IDxwb2x5Z29uIHBvaW50cz0iMTUuNCw3LjQgMTQsNiA4LDEyIDE0LDE4IDE1LjQsMTYuNiAxMC44LDEyIAkJIiBzdHlsZT0iZmlsbDp3aGl0ZTsiLz4gPHJlY3QgZmlsbD0ibm9uZSIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ii8+IDwvZz4gPC9nPiA8ZyBpZD0iR3JpZCIgZGlzcGxheT0ibm9uZSI+IDxnIGRpc3BsYXk9ImlubGluZSI+IDwvZz4gPC9nPiA8L3N2Zz4NCg==);
}

md-tabs-wrapper md-next-button {
  right: 0;
}

[dir="rtl"] md-tabs-wrapper md-next-button {
  left: 0;
  right: auto;
}

md-tabs-wrapper md-next-button {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE3LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPiA8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPiA8c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjQgMjQiIHhtbDpzcGFjZT0icHJlc2VydmUiPiA8ZyBpZD0iSGVhZGVyIj4gPGc+IDxyZWN0IHg9Ii02MTgiIHk9Ii0xMzM2IiBmaWxsPSJub25lIiB3aWR0aD0iMTQwMCIgaGVpZ2h0PSIzNjAwIi8+IDwvZz4gPC9nPiA8ZyBpZD0iTGFiZWwiPiA8L2c+IDxnIGlkPSJJY29uIj4gPGc+IDxwb2x5Z29uIHBvaW50cz0iMTAsNiA4LjYsNy40IDEzLjIsMTIgOC42LDE2LjYgMTAsMTggMTYsMTIgCQkiIHN0eWxlPSJmaWxsOndoaXRlOyIvPiA8cmVjdCBmaWxsPSJub25lIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiLz4gPC9nPiA8L2c+IDxnIGlkPSJHcmlkIiBkaXNwbGF5PSJub25lIj4gPGcgZGlzcGxheT0iaW5saW5lIj4gPC9nPiA8L2c+IDwvc3ZnPg0K);
}

md-tabs-wrapper md-next-button md-icon {
  transform: translate(-50%, -50%)rotate(180deg);
}

md-tabs-wrapper.md-stretch-tabs md-pagination-wrapper {
  flex-direction: row;
  width: 100%;
}

md-tabs-wrapper.md-stretch-tabs md-pagination-wrapper md-tab-item {
  flex-grow: 1;
}

md-tabs-canvas:after {
  content: "";
  clear: both;
  display: table;
}

md-tabs-canvas {
  height: 48px;
  display: block;
  position: relative;
  overflow: hidden;
}

md-tabs-canvas .md-dummy-wrapper {
  position: absolute;
  top: 0;
  left: 0;
}

[dir="rtl"] md-tabs-canvas .md-dummy-wrapper {
  left: auto;
  right: 0;
}

md-tabs-canvas.md-paginated {
  margin: 0 32px;
}

md-tabs-canvas.md-center-tabs {
  text-align: center;
  flex-direction: column;
  display: flex;
}

md-tabs-canvas.md-center-tabs .md-tab {
  float: none;
  display: inline-block;
}

md-pagination-wrapper:after {
  content: "";
  clear: both;
  display: table;
}

md-pagination-wrapper {
  height: 48px;
  transition: transform .5s cubic-bezier(.35, 0, .25, 1);
  display: flex;
  position: absolute;
  left: 0;
}

[dir="rtl"] md-pagination-wrapper {
  left: auto;
  right: 0;
}

md-pagination-wrapper {
  transform: translate(0);
}

md-pagination-wrapper.md-center-tabs {
  justify-content: center;
  position: relative;
}

md-pagination-wrapper md-tab-item {
  min-width: 72px;
}

@media (min-width: 600px) {
  md-pagination-wrapper md-tab-item {
    min-width: 160px;
  }
}

md-tabs-content-wrapper {
  display: block;
  position: absolute;
  top: 48px;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}

md-tab-content {
  transition: transform .5s cubic-bezier(.35, 0, .25, 1);
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: auto;
  transform: translate(0);
}

md-tab-content.md-no-scroll {
  bottom: auto;
  overflow: hidden;
}

md-tab-content.ng-leave, md-tab-content.md-no-transition {
  transition: none;
}

md-tab-content.md-left:not(.md-active) {
  transform: translateX(-100%);
}

[dir="rtl"] md-tab-content.md-left:not(.md-active) {
  transform: translateX(100%);
}

md-tab-content.md-left:not(.md-active) {
  visibility: hidden;
  animation: 1s md-tab-content-hide;
}

md-tab-content.md-left:not(.md-active) * {
  visibility: hidden;
  transition: visibility 0s linear .5s;
}

md-tab-content.md-right:not(.md-active) {
  transform: translateX(100%);
}

[dir="rtl"] md-tab-content.md-right:not(.md-active) {
  transform: translateX(-100%);
}

md-tab-content.md-right:not(.md-active) {
  visibility: hidden;
  animation: 1s md-tab-content-hide;
}

md-tab-content.md-right:not(.md-active) * {
  visibility: hidden;
  transition: visibility 0s linear .5s;
}

md-tab-content > div {
  flex: 1 0 100%;
  min-width: 0;
}

md-tab-content > div.ng-leave {
  animation: 1s md-tab-content-hide;
}

md-ink-bar {
  height: 2px;
  position: absolute;
  bottom: 0;
  left: auto;
  right: auto;
}

md-ink-bar.md-left {
  transition: left .125s cubic-bezier(.35, 0, .25, 1), right .25s cubic-bezier(.35, 0, .25, 1);
}

md-ink-bar.md-right {
  transition: left .25s cubic-bezier(.35, 0, .25, 1), right .125s cubic-bezier(.35, 0, .25, 1);
}

md-tab {
  z-index: -1;
  position: absolute;
  left: -9999px;
}

.md-tab {
  text-align: center;
  cursor: pointer;
  white-space: nowrap;
  text-transform: uppercase;
  float: left;
  padding: 12px;
  font-size: 14px;
  line-height: 24px;
  transition: background-color .35s cubic-bezier(.35, 0, .25, 1);
  position: relative;
}

[dir="rtl"] .md-tab {
  float: right;
}

.md-tab {
  box-sizing: border-box;
  text-overflow: ellipsis;
  font-weight: 500;
  overflow: hidden;
}

.md-tab.md-focused, .md-tab:focus {
  box-shadow: none;
  outline: none;
}

.md-tab.md-active {
  cursor: default;
}

.md-tab.md-disabled {
  pointer-events: none;
  touch-action: pan-y;
  -webkit-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
  opacity: .5;
  cursor: default;
}

.md-tab.ng-leave {
  transition: none;
}

md-toolbar + md-tabs, md-toolbar + md-dialog-content md-tabs {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.md-toast-text {
  padding: 0 8px;
}

md-toast {
  z-index: 105;
  box-sizing: border-box;
  cursor: default;
  opacity: 1;
  padding: 8px;
  transition: all .4s cubic-bezier(.25, .8, .25, 1);
  position: absolute;
  overflow: hidden;
}

md-toast .md-toast-content {
  flex-direction: row;
  align-items: center;
  max-width: 100%;
  min-height: 48px;
  max-height: 168px;
  display: flex;
}

md-toast .md-toast-content:before {
  content: "";
  visibility: hidden;
  min-height: 48px;
  display: inline-block;
}

md-toast .md-toast-content {
  border-radius: 2px;
  justify-content: flex-start;
  padding: 0 16px;
  font-size: 14px;
  transition: all .4s cubic-bezier(.25, .8, .25, 1);
  overflow: hidden;
  transform: translate3d(0, 0, 0)rotateZ(0);
  box-shadow: 0 2px 5px rgba(0, 0, 0, .26);
}

[dir="rtl"] md-toast .md-toast-content {
  justify-content: flex-end;
}

md-toast .md-toast-content span {
  box-sizing: border-box;
  flex: 1;
  min-width: 0;
}

md-toast.md-capsule, md-toast.md-capsule .md-toast-content {
  border-radius: 24px;
}

md-toast.ng-leave-active .md-toast-content {
  transition: all .3s cubic-bezier(.55, 0, .55, .2);
}

md-toast.md-swipeleft .md-toast-content, md-toast.md-swiperight .md-toast-content, md-toast.md-swipeup .md-toast-content, md-toast.md-swipedown .md-toast-content {
  transition: all .4s cubic-bezier(.25, .8, .25, 1);
}

md-toast.ng-enter {
  opacity: 0;
}

md-toast.ng-enter .md-toast-content {
  transform: translate3d(0, 100%, 0);
}

md-toast.ng-enter.md-top .md-toast-content {
  transform: translate3d(0, -100%, 0);
}

md-toast.ng-enter.ng-enter-active {
  opacity: 1;
}

md-toast.ng-enter.ng-enter-active .md-toast-content {
  transform: translate3d(0, 0, 0);
}

md-toast.ng-leave.ng-leave-active .md-toast-content {
  opacity: 0;
  transform: translate3d(0, 100%, 0);
}

md-toast.ng-leave.ng-leave-active.md-swipeup .md-toast-content {
  transform: translate3d(0, -50%, 0);
}

md-toast.ng-leave.ng-leave-active.md-swipedown .md-toast-content {
  transform: translate3d(0, 50%, 0);
}

md-toast.ng-leave.ng-leave-active.md-top .md-toast-content {
  transform: translate3d(0, -100%, 0);
}

md-toast .md-action {
  cursor: pointer;
  text-transform: uppercase;
  float: right;
  margin-left: 24px;
  margin-right: 0;
  line-height: 19px;
}

md-toast .md-button {
  min-width: 0;
  margin-right: 0;
}

[dir="rtl"] md-toast .md-button {
  margin-right: 8px;
}

md-toast .md-button {
  margin-left: 8px;
}

[dir="rtl"] md-toast .md-button {
  margin-left: 0;
}

@media (max-width: 959px) {
  md-toast {
    border-radius: 0;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    padding: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }

  md-toast.ng-leave.ng-leave-active.md-swipeup .md-toast-content {
    transform: translate3d(0, -50%, 0);
  }

  md-toast.ng-leave.ng-leave-active.md-swipedown .md-toast-content {
    transform: translate3d(0, 50%, 0);
  }
}

@media (min-width: 960px) {
  md-toast {
    min-width: 304px;
  }

  md-toast.md-bottom {
    bottom: 0;
  }

  md-toast.md-left {
    left: 0;
  }

  md-toast.md-right {
    right: 0;
  }

  md-toast.md-top {
    top: 0;
  }

  md-toast._md-start {
    left: 0;
  }

  [dir="rtl"] md-toast._md-start {
    left: auto;
    right: 0;
  }

  md-toast._md-end {
    right: 0;
  }

  [dir="rtl"] md-toast._md-end {
    left: 0;
    right: auto;
  }

  md-toast.ng-leave.ng-leave-active.md-swipeleft .md-toast-content {
    transform: translate3d(-50%, 0, 0);
  }

  md-toast.ng-leave.ng-leave-active.md-swiperight .md-toast-content {
    transform: translate3d(50%, 0, 0);
  }
}

@media (min-width: 1920px) {
  md-toast .md-toast-content {
    max-width: 568px;
  }
}

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

.md-toast-animating {
  overflow: hidden !important;
}

md-toolbar {
  box-sizing: border-box;
  z-index: 2;
  flex-direction: column;
  width: 100%;
  min-height: 64px;
  font-size: 20px;
  display: flex;
  position: relative;
}

md-toolbar._md-toolbar-transitions {
  transition-property: background-color, fill, color;
  transition-duration: .5s;
  transition-timing-function: cubic-bezier(.35, 0, .25, 1);
}

md-toolbar.md-whiteframe-z1-add, md-toolbar.md-whiteframe-z1-remove {
  transition: box-shadow .5s linear;
}

md-toolbar md-toolbar-filler {
  width: 72px;
}

md-toolbar *, md-toolbar :before, md-toolbar :after {
  box-sizing: border-box;
}

md-toolbar.ng-animate {
  transition: none;
}

md-toolbar.md-tall {
  height: 128px;
  min-height: 128px;
  max-height: 128px;
}

md-toolbar.md-medium-tall {
  height: 88px;
  min-height: 88px;
  max-height: 88px;
}

md-toolbar.md-medium-tall .md-toolbar-tools {
  height: 48px;
  min-height: 48px;
  max-height: 48px;
}

md-toolbar > .md-indent {
  margin-left: 64px;
}

[dir="rtl"] md-toolbar > .md-indent {
  margin-left: auto;
  margin-right: 64px;
}

md-toolbar ~ md-content > md-list {
  padding: 0;
}

md-toolbar ~ md-content > md-list md-list-item:last-child md-divider {
  display: none;
}

.md-toolbar-tools {
  letter-spacing: .005em;
  box-sizing: border-box;
  flex-direction: row;
  align-items: center;
  width: 100%;
  height: 64px;
  max-height: 64px;
  margin: 0;
  padding: 0 16px;
  font-size: 20px;
  font-weight: 400;
  display: flex;
}

.md-toolbar-tools h1, .md-toolbar-tools h2, .md-toolbar-tools .cba-banner banner .title, .cba-banner banner .md-toolbar-tools .title, .md-toolbar-tools abn-banner banner .title, abn-banner banner .md-toolbar-tools .title, .md-toolbar-tools h3 {
  font-size: inherit;
  font-weight: inherit;
  margin: inherit;
}

.md-toolbar-tools a {
  color: inherit;
  text-decoration: none;
}

.md-toolbar-tools .fill-height {
  align-items: center;
  display: flex;
}

.md-toolbar-tools md-checkbox {
  margin: inherit;
}

.md-toolbar-tools .md-button {
  margin-top: 0;
  margin-bottom: 0;
}

.md-toolbar-tools .md-button, .md-toolbar-tools .md-button.md-icon-button md-icon {
  transition-property: background-color, fill, color;
  transition-duration: .5s;
  transition-timing-function: cubic-bezier(.35, 0, .25, 1);
}

.md-toolbar-tools .md-button.ng-animate, .md-toolbar-tools .md-button.md-icon-button md-icon.ng-animate {
  transition: none;
}

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

[dir="rtl"] .md-toolbar-tools > .md-button:first-child {
  margin-left: auto;
  margin-right: -8px;
}

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

[dir="rtl"] .md-toolbar-tools > .md-button:last-child {
  margin-left: -8px;
  margin-right: auto;
}

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

[dir="rtl"] .md-toolbar-tools > md-menu:last-child {
  margin-left: -8px;
  margin-right: auto;
}

.md-toolbar-tools > md-menu:last-child > .md-button {
  margin-right: 0;
}

[dir="rtl"] .md-toolbar-tools > md-menu:last-child > .md-button {
  margin-left: 0;
  margin-right: auto;
}

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

@media (min-width: 0) and (max-width: 959px) and (orientation: portrait) {
  md-toolbar {
    min-height: 56px;
  }

  .md-toolbar-tools {
    height: 56px;
    max-height: 56px;
  }
}

@media (min-width: 0) and (max-width: 959px) and (orientation: landscape) {
  md-toolbar {
    min-height: 48px;
  }

  .md-toolbar-tools {
    height: 48px;
    max-height: 48px;
  }
}

.md-tooltip {
  pointer-events: none;
  opacity: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 4px;
  height: 32px;
  padding-left: 16px;
  padding-right: 16px;
  font-size: 14px;
  font-weight: 500;
  line-height: 32px;
  display: inline-block;
  overflow: hidden;
}

.md-tooltip.md-origin-top {
  transform-origin: bottom;
  margin-top: -24px;
}

.md-tooltip.md-origin-right {
  transform-origin: 0;
  margin-left: 24px;
}

.md-tooltip.md-origin-bottom {
  transform-origin: top;
  margin-top: 24px;
}

.md-tooltip.md-origin-left {
  transform-origin: 100%;
  margin-left: -24px;
}

@media (min-width: 960px) {
  .md-tooltip {
    height: 22px;
    padding-left: 8px;
    padding-right: 8px;
    font-size: 10px;
    line-height: 22px;
  }

  .md-tooltip.md-origin-top {
    margin-top: -14px;
  }

  .md-tooltip.md-origin-right {
    margin-left: 14px;
  }

  .md-tooltip.md-origin-bottom {
    margin-top: 14px;
  }

  .md-tooltip.md-origin-left {
    margin-left: -14px;
  }
}

.md-tooltip.md-show-add {
  transform: scale(0);
}

.md-tooltip.md-show {
  opacity: .9;
  transition: all .15s cubic-bezier(.25, .8, .25, 1);
  transform: scale(1);
}

.md-tooltip.md-hide {
  opacity: 0;
  transition: all .15s cubic-bezier(.55, 0, .55, .2);
  transform: scale(0);
}

.md-truncate {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.md-truncate.md-clip {
  text-overflow: clip;
}

.md-truncate.flex {
  width: 0;
}

.md-virtual-repeat-container {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  display: block;
  position: relative;
  overflow: hidden;
}

.md-virtual-repeat-container .md-virtual-repeat-scroller {
  box-sizing: border-box;
  -webkit-overflow-scrolling: touch;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow-x: hidden;
}

.md-virtual-repeat-container .md-virtual-repeat-sizer {
  box-sizing: border-box;
  width: 1px;
  height: 1px;
  margin: 0;
  padding: 0;
  display: block;
}

.md-virtual-repeat-container .md-virtual-repeat-offsetter {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.md-virtual-repeat-container.md-orient-horizontal .md-virtual-repeat-scroller {
  overflow-x: auto;
  overflow-y: hidden;
}

.md-virtual-repeat-container.md-orient-horizontal .md-virtual-repeat-offsetter {
  bottom: 16px;
  right: auto;
}

[dir="rtl"] .md-virtual-repeat-container.md-orient-horizontal .md-virtual-repeat-offsetter {
  left: auto;
  right: auto;
}

.md-virtual-repeat-container.md-orient-horizontal .md-virtual-repeat-offsetter {
  white-space: nowrap;
}

.md-whiteframe-1dp, .md-whiteframe-z1 {
  box-shadow: 0 1px 3px rgba(0, 0, 0, .2), 0 1px 1px rgba(0, 0, 0, .14), 0 2px 1px -1px rgba(0, 0, 0, .12);
}

.md-whiteframe-2dp {
  box-shadow: 0 1px 5px rgba(0, 0, 0, .2), 0 2px 2px rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .12);
}

.md-whiteframe-3dp {
  box-shadow: 0 1px 8px rgba(0, 0, 0, .2), 0 3px 4px rgba(0, 0, 0, .14), 0 3px 3px -2px rgba(0, 0, 0, .12);
}

.md-whiteframe-4dp, .md-whiteframe-z2 {
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px rgba(0, 0, 0, .14), 0 1px 10px rgba(0, 0, 0, .12);
}

.md-whiteframe-5dp {
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 5px 8px rgba(0, 0, 0, .14), 0 1px 14px rgba(0, 0, 0, .12);
}

.md-whiteframe-6dp {
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 6px 10px rgba(0, 0, 0, .14), 0 1px 18px rgba(0, 0, 0, .12);
}

.md-whiteframe-7dp, .md-whiteframe-z3 {
  box-shadow: 0 4px 5px -2px rgba(0, 0, 0, .2), 0 7px 10px 1px rgba(0, 0, 0, .14), 0 2px 16px 1px rgba(0, 0, 0, .12);
}

.md-whiteframe-8dp {
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12);
}

.md-whiteframe-9dp {
  box-shadow: 0 5px 6px -3px rgba(0, 0, 0, .2), 0 9px 12px 1px rgba(0, 0, 0, .14), 0 3px 16px 2px rgba(0, 0, 0, .12);
}

.md-whiteframe-10dp, .md-whiteframe-z4 {
  box-shadow: 0 6px 6px -3px rgba(0, 0, 0, .2), 0 10px 14px 1px rgba(0, 0, 0, .14), 0 4px 18px 3px rgba(0, 0, 0, .12);
}

.md-whiteframe-11dp {
  box-shadow: 0 6px 7px -4px rgba(0, 0, 0, .2), 0 11px 15px 1px rgba(0, 0, 0, .14), 0 4px 20px 3px rgba(0, 0, 0, .12);
}

.md-whiteframe-12dp {
  box-shadow: 0 7px 8px -4px rgba(0, 0, 0, .2), 0 12px 17px 2px rgba(0, 0, 0, .14), 0 5px 22px 4px rgba(0, 0, 0, .12);
}

.md-whiteframe-13dp, .md-whiteframe-z5 {
  box-shadow: 0 7px 8px -4px rgba(0, 0, 0, .2), 0 13px 19px 2px rgba(0, 0, 0, .14), 0 5px 24px 4px rgba(0, 0, 0, .12);
}

.md-whiteframe-14dp {
  box-shadow: 0 7px 9px -4px rgba(0, 0, 0, .2), 0 14px 21px 2px rgba(0, 0, 0, .14), 0 5px 26px 4px rgba(0, 0, 0, .12);
}

.md-whiteframe-15dp {
  box-shadow: 0 8px 9px -5px rgba(0, 0, 0, .2), 0 15px 22px 2px rgba(0, 0, 0, .14), 0 6px 28px 5px rgba(0, 0, 0, .12);
}

.md-whiteframe-16dp {
  box-shadow: 0 8px 10px -5px rgba(0, 0, 0, .2), 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12);
}

.md-whiteframe-17dp {
  box-shadow: 0 8px 11px -5px rgba(0, 0, 0, .2), 0 17px 26px 2px rgba(0, 0, 0, .14), 0 6px 32px 5px rgba(0, 0, 0, .12);
}

.md-whiteframe-18dp {
  box-shadow: 0 9px 11px -5px rgba(0, 0, 0, .2), 0 18px 28px 2px rgba(0, 0, 0, .14), 0 7px 34px 6px rgba(0, 0, 0, .12);
}

.md-whiteframe-19dp {
  box-shadow: 0 9px 12px -6px rgba(0, 0, 0, .2), 0 19px 29px 2px rgba(0, 0, 0, .14), 0 7px 36px 6px rgba(0, 0, 0, .12);
}

.md-whiteframe-20dp {
  box-shadow: 0 10px 13px -6px rgba(0, 0, 0, .2), 0 20px 31px 3px rgba(0, 0, 0, .14), 0 8px 38px 7px rgba(0, 0, 0, .12);
}

.md-whiteframe-21dp {
  box-shadow: 0 10px 13px -6px rgba(0, 0, 0, .2), 0 21px 33px 3px rgba(0, 0, 0, .14), 0 8px 40px 7px rgba(0, 0, 0, .12);
}

.md-whiteframe-22dp {
  box-shadow: 0 10px 14px -6px rgba(0, 0, 0, .2), 0 22px 35px 3px rgba(0, 0, 0, .14), 0 8px 42px 7px rgba(0, 0, 0, .12);
}

.md-whiteframe-23dp {
  box-shadow: 0 11px 14px -7px rgba(0, 0, 0, .2), 0 23px 36px 3px rgba(0, 0, 0, .14), 0 9px 44px 8px rgba(0, 0, 0, .12);
}

.md-whiteframe-24dp {
  box-shadow: 0 11px 15px -7px rgba(0, 0, 0, .2), 0 24px 38px 3px rgba(0, 0, 0, .14), 0 9px 46px 8px rgba(0, 0, 0, .12);
}

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

@media print {
  md-whiteframe, [md-whiteframe] {
    background-color: #fff;
  }
}

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}

@-moz-document url-prefix() {
  .layout-fill {
    width: 100%;
    height: 100%;
    min-height: 100%;
    margin: 0;
  }
}

.flex-order {
  order: 0;
}

.flex-order--20 {
  order: -20;
}

.flex-order--19 {
  order: -19;
}

.flex-order--18 {
  order: -18;
}

.flex-order--17 {
  order: -17;
}

.flex-order--16 {
  order: -16;
}

.flex-order--15 {
  order: -15;
}

.flex-order--14 {
  order: -14;
}

.flex-order--13 {
  order: -13;
}

.flex-order--12 {
  order: -12;
}

.flex-order--11 {
  order: -11;
}

.flex-order--10 {
  order: -10;
}

.flex-order--9 {
  order: -9;
}

.flex-order--8 {
  order: -8;
}

.flex-order--7 {
  order: -7;
}

.flex-order--6 {
  order: -6;
}

.flex-order--5 {
  order: -5;
}

.flex-order--4 {
  order: -4;
}

.flex-order--3 {
  order: -3;
}

.flex-order--2 {
  order: -2;
}

.flex-order--1 {
  order: -1;
}

.flex-order-0 {
  order: 0;
}

.flex-order-1 {
  order: 1;
}

.flex-order-2 {
  order: 2;
}

.flex-order-3 {
  order: 3;
}

.flex-order-4 {
  order: 4;
}

.flex-order-5 {
  order: 5;
}

.flex-order-6 {
  order: 6;
}

.flex-order-7 {
  order: 7;
}

.flex-order-8 {
  order: 8;
}

.flex-order-9 {
  order: 9;
}

.flex-order-10 {
  order: 10;
}

.flex-order-11 {
  order: 11;
}

.flex-order-12 {
  order: 12;
}

.flex-order-13 {
  order: 13;
}

.flex-order-14 {
  order: 14;
}

.flex-order-15 {
  order: 15;
}

.flex-order-16 {
  order: 16;
}

.flex-order-17 {
  order: 17;
}

.flex-order-18 {
  order: 18;
}

.flex-order-19 {
  order: 19;
}

.flex-order-20 {
  order: 20;
}

.offset-0, .flex-offset-0, .layout-margin .flex-offset-0, .layout-margin .offset-0 {
  margin-left: 0;
}

[dir="rtl"] .offset-0 {
  margin-left: auto;
  margin-right: 0;
}

[dir="rtl"] .flex-offset-0 {
  margin-left: auto;
  margin-right: 0;
}

[dir="rtl"] .layout-margin .flex-offset-0 {
  margin-left: auto;
  margin-right: 0;
}

[dir="rtl"] .layout-margin .offset-0 {
  margin-left: auto;
  margin-right: 0;
}

.offset-5, .flex-offset-5, .layout-margin .flex-offset-5, .layout-margin .offset-5 {
  margin-left: 5%;
}

[dir="rtl"] .offset-5 {
  margin-left: auto;
  margin-right: 5%;
}

[dir="rtl"] .flex-offset-5 {
  margin-left: auto;
  margin-right: 5%;
}

[dir="rtl"] .layout-margin .flex-offset-5 {
  margin-left: auto;
  margin-right: 5%;
}

[dir="rtl"] .layout-margin .offset-5 {
  margin-left: auto;
  margin-right: 5%;
}

.offset-10, .flex-offset-10, .layout-margin .flex-offset-10, .layout-margin .offset-10 {
  margin-left: 10%;
}

[dir="rtl"] .offset-10 {
  margin-left: auto;
  margin-right: 10%;
}

[dir="rtl"] .flex-offset-10 {
  margin-left: auto;
  margin-right: 10%;
}

[dir="rtl"] .layout-margin .flex-offset-10 {
  margin-left: auto;
  margin-right: 10%;
}

[dir="rtl"] .layout-margin .offset-10 {
  margin-left: auto;
  margin-right: 10%;
}

.offset-15, .flex-offset-15, .layout-margin .flex-offset-15, .layout-margin .offset-15 {
  margin-left: 15%;
}

[dir="rtl"] .offset-15 {
  margin-left: auto;
  margin-right: 15%;
}

[dir="rtl"] .flex-offset-15 {
  margin-left: auto;
  margin-right: 15%;
}

[dir="rtl"] .layout-margin .flex-offset-15 {
  margin-left: auto;
  margin-right: 15%;
}

[dir="rtl"] .layout-margin .offset-15 {
  margin-left: auto;
  margin-right: 15%;
}

.offset-20, .flex-offset-20, .layout-margin .flex-offset-20, .layout-margin .offset-20 {
  margin-left: 20%;
}

[dir="rtl"] .offset-20 {
  margin-left: auto;
  margin-right: 20%;
}

[dir="rtl"] .flex-offset-20 {
  margin-left: auto;
  margin-right: 20%;
}

[dir="rtl"] .layout-margin .flex-offset-20 {
  margin-left: auto;
  margin-right: 20%;
}

[dir="rtl"] .layout-margin .offset-20 {
  margin-left: auto;
  margin-right: 20%;
}

.offset-25, .flex-offset-25, .layout-margin .flex-offset-25, .layout-margin .offset-25 {
  margin-left: 25%;
}

[dir="rtl"] .offset-25 {
  margin-left: auto;
  margin-right: 25%;
}

[dir="rtl"] .flex-offset-25 {
  margin-left: auto;
  margin-right: 25%;
}

[dir="rtl"] .layout-margin .flex-offset-25 {
  margin-left: auto;
  margin-right: 25%;
}

[dir="rtl"] .layout-margin .offset-25 {
  margin-left: auto;
  margin-right: 25%;
}

.offset-30, .flex-offset-30, .layout-margin .flex-offset-30, .layout-margin .offset-30 {
  margin-left: 30%;
}

[dir="rtl"] .offset-30 {
  margin-left: auto;
  margin-right: 30%;
}

[dir="rtl"] .flex-offset-30 {
  margin-left: auto;
  margin-right: 30%;
}

[dir="rtl"] .layout-margin .flex-offset-30 {
  margin-left: auto;
  margin-right: 30%;
}

[dir="rtl"] .layout-margin .offset-30 {
  margin-left: auto;
  margin-right: 30%;
}

.offset-35, .flex-offset-35, .layout-margin .flex-offset-35, .layout-margin .offset-35 {
  margin-left: 35%;
}

[dir="rtl"] .offset-35 {
  margin-left: auto;
  margin-right: 35%;
}

[dir="rtl"] .flex-offset-35 {
  margin-left: auto;
  margin-right: 35%;
}

[dir="rtl"] .layout-margin .flex-offset-35 {
  margin-left: auto;
  margin-right: 35%;
}

[dir="rtl"] .layout-margin .offset-35 {
  margin-left: auto;
  margin-right: 35%;
}

.offset-40, .flex-offset-40, .layout-margin .flex-offset-40, .layout-margin .offset-40 {
  margin-left: 40%;
}

[dir="rtl"] .offset-40 {
  margin-left: auto;
  margin-right: 40%;
}

[dir="rtl"] .flex-offset-40 {
  margin-left: auto;
  margin-right: 40%;
}

[dir="rtl"] .layout-margin .flex-offset-40 {
  margin-left: auto;
  margin-right: 40%;
}

[dir="rtl"] .layout-margin .offset-40 {
  margin-left: auto;
  margin-right: 40%;
}

.offset-45, .flex-offset-45, .layout-margin .flex-offset-45, .layout-margin .offset-45 {
  margin-left: 45%;
}

[dir="rtl"] .offset-45 {
  margin-left: auto;
  margin-right: 45%;
}

[dir="rtl"] .flex-offset-45 {
  margin-left: auto;
  margin-right: 45%;
}

[dir="rtl"] .layout-margin .flex-offset-45 {
  margin-left: auto;
  margin-right: 45%;
}

[dir="rtl"] .layout-margin .offset-45 {
  margin-left: auto;
  margin-right: 45%;
}

.offset-50, .flex-offset-50, .layout-margin .flex-offset-50, .layout-margin .offset-50 {
  margin-left: 50%;
}

[dir="rtl"] .offset-50 {
  margin-left: auto;
  margin-right: 50%;
}

[dir="rtl"] .flex-offset-50 {
  margin-left: auto;
  margin-right: 50%;
}

[dir="rtl"] .layout-margin .flex-offset-50 {
  margin-left: auto;
  margin-right: 50%;
}

[dir="rtl"] .layout-margin .offset-50 {
  margin-left: auto;
  margin-right: 50%;
}

.offset-55, .flex-offset-55, .layout-margin .flex-offset-55, .layout-margin .offset-55 {
  margin-left: 55%;
}

[dir="rtl"] .offset-55 {
  margin-left: auto;
  margin-right: 55%;
}

[dir="rtl"] .flex-offset-55 {
  margin-left: auto;
  margin-right: 55%;
}

[dir="rtl"] .layout-margin .flex-offset-55 {
  margin-left: auto;
  margin-right: 55%;
}

[dir="rtl"] .layout-margin .offset-55 {
  margin-left: auto;
  margin-right: 55%;
}

.offset-60, .flex-offset-60, .layout-margin .flex-offset-60, .layout-margin .offset-60 {
  margin-left: 60%;
}

[dir="rtl"] .offset-60 {
  margin-left: auto;
  margin-right: 60%;
}

[dir="rtl"] .flex-offset-60 {
  margin-left: auto;
  margin-right: 60%;
}

[dir="rtl"] .layout-margin .flex-offset-60 {
  margin-left: auto;
  margin-right: 60%;
}

[dir="rtl"] .layout-margin .offset-60 {
  margin-left: auto;
  margin-right: 60%;
}

.offset-65, .flex-offset-65, .layout-margin .flex-offset-65, .layout-margin .offset-65 {
  margin-left: 65%;
}

[dir="rtl"] .offset-65 {
  margin-left: auto;
  margin-right: 65%;
}

[dir="rtl"] .flex-offset-65 {
  margin-left: auto;
  margin-right: 65%;
}

[dir="rtl"] .layout-margin .flex-offset-65 {
  margin-left: auto;
  margin-right: 65%;
}

[dir="rtl"] .layout-margin .offset-65 {
  margin-left: auto;
  margin-right: 65%;
}

.offset-70, .flex-offset-70, .layout-margin .flex-offset-70, .layout-margin .offset-70 {
  margin-left: 70%;
}

[dir="rtl"] .offset-70 {
  margin-left: auto;
  margin-right: 70%;
}

[dir="rtl"] .flex-offset-70 {
  margin-left: auto;
  margin-right: 70%;
}

[dir="rtl"] .layout-margin .flex-offset-70 {
  margin-left: auto;
  margin-right: 70%;
}

[dir="rtl"] .layout-margin .offset-70 {
  margin-left: auto;
  margin-right: 70%;
}

.offset-75, .flex-offset-75, .layout-margin .flex-offset-75, .layout-margin .offset-75 {
  margin-left: 75%;
}

[dir="rtl"] .offset-75 {
  margin-left: auto;
  margin-right: 75%;
}

[dir="rtl"] .flex-offset-75 {
  margin-left: auto;
  margin-right: 75%;
}

[dir="rtl"] .layout-margin .flex-offset-75 {
  margin-left: auto;
  margin-right: 75%;
}

[dir="rtl"] .layout-margin .offset-75 {
  margin-left: auto;
  margin-right: 75%;
}

.offset-80, .flex-offset-80, .layout-margin .flex-offset-80, .layout-margin .offset-80 {
  margin-left: 80%;
}

[dir="rtl"] .offset-80 {
  margin-left: auto;
  margin-right: 80%;
}

[dir="rtl"] .flex-offset-80 {
  margin-left: auto;
  margin-right: 80%;
}

[dir="rtl"] .layout-margin .flex-offset-80 {
  margin-left: auto;
  margin-right: 80%;
}

[dir="rtl"] .layout-margin .offset-80 {
  margin-left: auto;
  margin-right: 80%;
}

.offset-85, .flex-offset-85, .layout-margin .flex-offset-85, .layout-margin .offset-85 {
  margin-left: 85%;
}

[dir="rtl"] .offset-85 {
  margin-left: auto;
  margin-right: 85%;
}

[dir="rtl"] .flex-offset-85 {
  margin-left: auto;
  margin-right: 85%;
}

[dir="rtl"] .layout-margin .flex-offset-85 {
  margin-left: auto;
  margin-right: 85%;
}

[dir="rtl"] .layout-margin .offset-85 {
  margin-left: auto;
  margin-right: 85%;
}

.offset-90, .flex-offset-90, .layout-margin .flex-offset-90, .layout-margin .offset-90 {
  margin-left: 90%;
}

[dir="rtl"] .offset-90 {
  margin-left: auto;
  margin-right: 90%;
}

[dir="rtl"] .flex-offset-90 {
  margin-left: auto;
  margin-right: 90%;
}

[dir="rtl"] .layout-margin .flex-offset-90 {
  margin-left: auto;
  margin-right: 90%;
}

[dir="rtl"] .layout-margin .offset-90 {
  margin-left: auto;
  margin-right: 90%;
}

.offset-95, .flex-offset-95, .layout-margin .flex-offset-95, .layout-margin .offset-95 {
  margin-left: 95%;
}

[dir="rtl"] .offset-95 {
  margin-left: auto;
  margin-right: 95%;
}

[dir="rtl"] .flex-offset-95 {
  margin-left: auto;
  margin-right: 95%;
}

[dir="rtl"] .layout-margin .flex-offset-95 {
  margin-left: auto;
  margin-right: 95%;
}

[dir="rtl"] .layout-margin .offset-95 {
  margin-left: auto;
  margin-right: 95%;
}

.offset-33, .flex-offset-33, .layout-margin .flex-offset-33, .layout-margin .offset-33 {
  margin-left: 33.3333%;
}

.offset-66, .flex-offset-66, .layout-margin .flex-offset-66, .layout-margin .offset-66 {
  margin-left: 66.6667%;
}

[dir="rtl"] .offset-66 {
  margin-left: auto;
  margin-right: 66.6667%;
}

[dir="rtl"] .flex-offset-66 {
  margin-left: auto;
  margin-right: 66.6667%;
}

[dir="rtl"] .layout-margin .flex-offset-66 {
  margin-left: auto;
  margin-right: 66.6667%;
}

[dir="rtl"] .layout-margin .offset-66 {
  margin-left: auto;
  margin-right: 66.6667%;
}

.layout-align, .layout-align-start-stretch {
  place-content: stretch flex-start;
  align-items: stretch;
}

.layout-align-start, .layout-align-start-start, .layout-align-start-center, .layout-align-start-end, .layout-align-start-stretch {
  justify-content: flex-start;
}

.layout-align-center, .layout-align-center-start, .layout-align-center-center, .layout-align-center-end, .layout-align-center-stretch {
  justify-content: center;
}

.layout-align-end, .layout-align-end-start, .layout-align-end-center, .layout-align-end-end, .layout-align-end-stretch {
  justify-content: flex-end;
}

.layout-align-space-around, .layout-align-space-around-center, .layout-align-space-around-start, .layout-align-space-around-end, .layout-align-space-around-stretch {
  justify-content: space-around;
}

.layout-align-space-between, .layout-align-space-between-center, .layout-align-space-between-start, .layout-align-space-between-end, .layout-align-space-between-stretch {
  justify-content: space-between;
}

.layout-align-start-start, .layout-align-center-start, .layout-align-end-start, .layout-align-space-between-start, .layout-align-space-around-start {
  align-content: flex-start;
  align-items: flex-start;
}

.layout-align-start-center, .layout-align-center-center, .layout-align-end-center, .layout-align-space-between-center, .layout-align-space-around-center {
  align-content: center;
  align-items: center;
  max-width: 100%;
}

.layout-align-start-center > *, .layout-align-center-center > *, .layout-align-end-center > *, .layout-align-space-between-center > *, .layout-align-space-around-center > * {
  box-sizing: border-box;
  max-width: 100%;
}

.layout-align-start-end, .layout-align-center-end, .layout-align-end-end, .layout-align-space-between-end, .layout-align-space-around-end {
  align-content: flex-end;
  align-items: flex-end;
}

.layout-align-start-stretch, .layout-align-center-stretch, .layout-align-end-stretch, .layout-align-space-between-stretch, .layout-align-space-around-stretch {
  align-content: stretch;
  align-items: stretch;
}

.flex {
  box-sizing: border-box;
  flex: 1;
}

.flex-grow {
  box-sizing: border-box;
  flex: 100%;
}

.flex-initial {
  box-sizing: border-box;
  flex: 0 auto;
}

.flex-auto {
  box-sizing: border-box;
  flex: auto;
}

.flex-none {
  box-sizing: border-box;
  flex: none;
}

.flex-noshrink {
  box-sizing: border-box;
  flex: 1 0 auto;
}

.flex-nogrow {
  box-sizing: border-box;
  flex: 0 auto;
}

.flex-0 {
  box-sizing: border-box;
  flex: 100%;
  max-width: 0%;
  max-height: 100%;
}

.layout-row > .flex-0 {
  box-sizing: border-box;
  flex: 100%;
  min-width: 0;
  max-width: 0%;
  max-height: 100%;
}

.layout-column > .flex-0 {
  box-sizing: border-box;
  flex: 100%;
  max-width: 100%;
  max-height: 0%;
}

.flex-5, .layout-row > .flex-5 {
  box-sizing: border-box;
  flex: 100%;
  max-width: 5%;
  max-height: 100%;
}

.layout-column > .flex-5 {
  box-sizing: border-box;
  flex: 100%;
  max-width: 100%;
  max-height: 5%;
}

.flex-10, .layout-row > .flex-10 {
  box-sizing: border-box;
  flex: 100%;
  max-width: 10%;
  max-height: 100%;
}

.layout-column > .flex-10 {
  box-sizing: border-box;
  flex: 100%;
  max-width: 100%;
  max-height: 10%;
}

.flex-15, .layout-row > .flex-15 {
  box-sizing: border-box;
  flex: 100%;
  max-width: 15%;
  max-height: 100%;
}

.layout-column > .flex-15 {
  box-sizing: border-box;
  flex: 100%;
  max-width: 100%;
  max-height: 15%;
}

.flex-20, .layout-row > .flex-20 {
  box-sizing: border-box;
  flex: 100%;
  max-width: 20%;
  max-height: 100%;
}

.layout-column > .flex-20 {
  box-sizing: border-box;
  flex: 100%;
  max-width: 100%;
  max-height: 20%;
}

.flex-25, .layout-row > .flex-25 {
  box-sizing: border-box;
  flex: 100%;
  max-width: 25%;
  max-height: 100%;
}

.layout-column > .flex-25 {
  box-sizing: border-box;
  flex: 100%;
  max-width: 100%;
  max-height: 25%;
}

.flex-30, .layout-row > .flex-30 {
  box-sizing: border-box;
  flex: 100%;
  max-width: 30%;
  max-height: 100%;
}

.layout-column > .flex-30 {
  box-sizing: border-box;
  flex: 100%;
  max-width: 100%;
  max-height: 30%;
}

.flex-35, .layout-row > .flex-35 {
  box-sizing: border-box;
  flex: 100%;
  max-width: 35%;
  max-height: 100%;
}

.layout-column > .flex-35 {
  box-sizing: border-box;
  flex: 100%;
  max-width: 100%;
  max-height: 35%;
}

.flex-40, .layout-row > .flex-40 {
  box-sizing: border-box;
  flex: 100%;
  max-width: 40%;
  max-height: 100%;
}

.layout-column > .flex-40 {
  box-sizing: border-box;
  flex: 100%;
  max-width: 100%;
  max-height: 40%;
}

.flex-45, .layout-row > .flex-45 {
  box-sizing: border-box;
  flex: 100%;
  max-width: 45%;
  max-height: 100%;
}

.layout-column > .flex-45 {
  box-sizing: border-box;
  flex: 100%;
  max-width: 100%;
  max-height: 45%;
}

.flex-50, .layout-row > .flex-50 {
  box-sizing: border-box;
  flex: 100%;
  max-width: 50%;
  max-height: 100%;
}

.layout-column > .flex-50 {
  box-sizing: border-box;
  flex: 100%;
  max-width: 100%;
  max-height: 50%;
}

.flex-55, .layout-row > .flex-55 {
  box-sizing: border-box;
  flex: 100%;
  max-width: 55%;
  max-height: 100%;
}

.layout-column > .flex-55 {
  box-sizing: border-box;
  flex: 100%;
  max-width: 100%;
  max-height: 55%;
}

.flex-60, .layout-row > .flex-60 {
  box-sizing: border-box;
  flex: 100%;
  max-width: 60%;
  max-height: 100%;
}

.layout-column > .flex-60 {
  box-sizing: border-box;
  flex: 100%;
  max-width: 100%;
  max-height: 60%;
}

.flex-65, .layout-row > .flex-65 {
  box-sizing: border-box;
  flex: 100%;
  max-width: 65%;
  max-height: 100%;
}

.layout-column > .flex-65 {
  box-sizing: border-box;
  flex: 100%;
  max-width: 100%;
  max-height: 65%;
}

.flex-70, .layout-row > .flex-70 {
  box-sizing: border-box;
  flex: 100%;
  max-width: 70%;
  max-height: 100%;
}

.layout-column > .flex-70 {
  box-sizing: border-box;
  flex: 100%;
  max-width: 100%;
  max-height: 70%;
}

.flex-75, .layout-row > .flex-75 {
  box-sizing: border-box;
  flex: 100%;
  max-width: 75%;
  max-height: 100%;
}

.layout-column > .flex-75 {
  box-sizing: border-box;
  flex: 100%;
  max-width: 100%;
  max-height: 75%;
}

.flex-80, .layout-row > .flex-80 {
  box-sizing: border-box;
  flex: 100%;
  max-width: 80%;
  max-height: 100%;
}

.layout-column > .flex-80 {
  box-sizing: border-box;
  flex: 100%;
  max-width: 100%;
  max-height: 80%;
}

.flex-85, .layout-row > .flex-85 {
  box-sizing: border-box;
  flex: 100%;
  max-width: 85%;
  max-height: 100%;
}

.layout-column > .flex-85 {
  box-sizing: border-box;
  flex: 100%;
  max-width: 100%;
  max-height: 85%;
}

.flex-90, .layout-row > .flex-90 {
  box-sizing: border-box;
  flex: 100%;
  max-width: 90%;
  max-height: 100%;
}

.layout-column > .flex-90 {
  box-sizing: border-box;
  flex: 100%;
  max-width: 100%;
  max-height: 90%;
}

.flex-95, .layout-row > .flex-95 {
  box-sizing: border-box;
  flex: 100%;
  max-width: 95%;
  max-height: 100%;
}

.layout-column > .flex-95 {
  box-sizing: border-box;
  flex: 100%;
  max-width: 100%;
  max-height: 95%;
}

.flex-100, .layout-row > .flex-100, .layout-column > .flex-100 {
  box-sizing: border-box;
  flex: 100%;
  max-width: 100%;
  max-height: 100%;
}

.flex-33 {
  box-sizing: border-box;
  flex: 100%;
  max-width: 33.33%;
  max-height: 100%;
}

.flex-66 {
  box-sizing: border-box;
  flex: 100%;
  max-width: 66.66%;
  max-height: 100%;
}

.layout-row > .flex-33 {
  box-sizing: border-box;
  flex: 100%;
  max-width: 33.33%;
  max-height: 100%;
}

.layout-row > .flex-66 {
  box-sizing: border-box;
  flex: 100%;
  max-width: 66.66%;
  max-height: 100%;
}

.layout-row > .flex {
  min-width: 0;
}

.layout-column > .flex-33 {
  box-sizing: border-box;
  flex: 100%;
  max-width: 100%;
  max-height: 33.33%;
}

.layout-column > .flex-66 {
  box-sizing: border-box;
  flex: 100%;
  max-width: 100%;
  max-height: 66.66%;
}

.layout-column > .flex {
  min-height: 0;
}

.layout, .layout-column, .layout-row {
  box-sizing: border-box;
  display: flex;
}

.layout-column {
  flex-direction: column;
}

.layout-row {
  flex-direction: row;
}

.layout-padding-sm > *, .layout-padding > .flex-sm {
  padding: 4px;
}

.layout-padding, .layout-padding-gt-sm, .layout-padding-md, .layout-padding > *, .layout-padding-gt-sm > *, .layout-padding-md > *, .layout-padding > .flex, .layout-padding > .flex-gt-sm, .layout-padding > .flex-md {
  padding: 8px;
}

.layout-padding-gt-md > *, .layout-padding-lg > *, .layout-padding-gt-lg > *, .layout-padding > .flex-gt-md, .layout-padding > .flex-lg, .layout-padding > .flex-lg, .layout-padding > .flex-gt-lg {
  padding: 16px;
}

.layout-margin-sm > *, .layout-margin > .flex-sm {
  margin: 4px;
}

.layout-margin, .layout-margin-gt-sm, .layout-margin-md, .layout-margin > *, .layout-margin-gt-sm > *, .layout-margin-md > *, .layout-margin > .flex, .layout-margin > .flex-gt-sm, .layout-margin > .flex-md {
  margin: 8px;
}

.layout-margin-gt-md > *, .layout-margin-lg > *, .layout-margin-gt-lg > *, .layout-margin > .flex-gt-md, .layout-margin > .flex-lg, .layout-margin > .flex-gt-lg {
  margin: 16px;
}

.layout-wrap {
  flex-wrap: wrap;
}

.layout-nowrap {
  flex-wrap: nowrap;
}

.layout-fill {
  width: 100%;
  height: 100%;
  min-height: 100%;
  margin: 0;
}

@media (max-width: 599px) {
  .hide-xs:not(.show-xs):not(.show), .hide:not(.show-xs):not(.show) {
    display: none;
  }

  .flex-order-xs--20 {
    order: -20;
  }

  .flex-order-xs--19 {
    order: -19;
  }

  .flex-order-xs--18 {
    order: -18;
  }

  .flex-order-xs--17 {
    order: -17;
  }

  .flex-order-xs--16 {
    order: -16;
  }

  .flex-order-xs--15 {
    order: -15;
  }

  .flex-order-xs--14 {
    order: -14;
  }

  .flex-order-xs--13 {
    order: -13;
  }

  .flex-order-xs--12 {
    order: -12;
  }

  .flex-order-xs--11 {
    order: -11;
  }

  .flex-order-xs--10 {
    order: -10;
  }

  .flex-order-xs--9 {
    order: -9;
  }

  .flex-order-xs--8 {
    order: -8;
  }

  .flex-order-xs--7 {
    order: -7;
  }

  .flex-order-xs--6 {
    order: -6;
  }

  .flex-order-xs--5 {
    order: -5;
  }

  .flex-order-xs--4 {
    order: -4;
  }

  .flex-order-xs--3 {
    order: -3;
  }

  .flex-order-xs--2 {
    order: -2;
  }

  .flex-order-xs--1 {
    order: -1;
  }

  .flex-order-xs-0 {
    order: 0;
  }

  .flex-order-xs-1 {
    order: 1;
  }

  .flex-order-xs-2 {
    order: 2;
  }

  .flex-order-xs-3 {
    order: 3;
  }

  .flex-order-xs-4 {
    order: 4;
  }

  .flex-order-xs-5 {
    order: 5;
  }

  .flex-order-xs-6 {
    order: 6;
  }

  .flex-order-xs-7 {
    order: 7;
  }

  .flex-order-xs-8 {
    order: 8;
  }

  .flex-order-xs-9 {
    order: 9;
  }

  .flex-order-xs-10 {
    order: 10;
  }

  .flex-order-xs-11 {
    order: 11;
  }

  .flex-order-xs-12 {
    order: 12;
  }

  .flex-order-xs-13 {
    order: 13;
  }

  .flex-order-xs-14 {
    order: 14;
  }

  .flex-order-xs-15 {
    order: 15;
  }

  .flex-order-xs-16 {
    order: 16;
  }

  .flex-order-xs-17 {
    order: 17;
  }

  .flex-order-xs-18 {
    order: 18;
  }

  .flex-order-xs-19 {
    order: 19;
  }

  .flex-order-xs-20 {
    order: 20;
  }

  .offset-xs-0, .flex-offset-xs-0, .layout-margin .flex-offset-xs-0, .layout-margin .offset-xs-0 {
    margin-left: 0;
  }

  [dir="rtl"] .offset-xs-0 {
    margin-left: auto;
    margin-right: 0;
  }

  [dir="rtl"] .flex-offset-xs-0 {
    margin-left: auto;
    margin-right: 0;
  }

  [dir="rtl"] .layout-margin .flex-offset-xs-0 {
    margin-left: auto;
    margin-right: 0;
  }

  [dir="rtl"] .layout-margin .offset-xs-0 {
    margin-left: auto;
    margin-right: 0;
  }

  .offset-xs-5, .flex-offset-xs-5, .layout-margin .flex-offset-xs-5, .layout-margin .offset-xs-5 {
    margin-left: 5%;
  }

  [dir="rtl"] .offset-xs-5 {
    margin-left: auto;
    margin-right: 5%;
  }

  [dir="rtl"] .flex-offset-xs-5 {
    margin-left: auto;
    margin-right: 5%;
  }

  [dir="rtl"] .layout-margin .flex-offset-xs-5 {
    margin-left: auto;
    margin-right: 5%;
  }

  [dir="rtl"] .layout-margin .offset-xs-5 {
    margin-left: auto;
    margin-right: 5%;
  }

  .offset-xs-10, .flex-offset-xs-10, .layout-margin .flex-offset-xs-10, .layout-margin .offset-xs-10 {
    margin-left: 10%;
  }

  [dir="rtl"] .offset-xs-10 {
    margin-left: auto;
    margin-right: 10%;
  }

  [dir="rtl"] .flex-offset-xs-10 {
    margin-left: auto;
    margin-right: 10%;
  }

  [dir="rtl"] .layout-margin .flex-offset-xs-10 {
    margin-left: auto;
    margin-right: 10%;
  }

  [dir="rtl"] .layout-margin .offset-xs-10 {
    margin-left: auto;
    margin-right: 10%;
  }

  .offset-xs-15, .flex-offset-xs-15, .layout-margin .flex-offset-xs-15, .layout-margin .offset-xs-15 {
    margin-left: 15%;
  }

  [dir="rtl"] .offset-xs-15 {
    margin-left: auto;
    margin-right: 15%;
  }

  [dir="rtl"] .flex-offset-xs-15 {
    margin-left: auto;
    margin-right: 15%;
  }

  [dir="rtl"] .layout-margin .flex-offset-xs-15 {
    margin-left: auto;
    margin-right: 15%;
  }

  [dir="rtl"] .layout-margin .offset-xs-15 {
    margin-left: auto;
    margin-right: 15%;
  }

  .offset-xs-20, .flex-offset-xs-20, .layout-margin .flex-offset-xs-20, .layout-margin .offset-xs-20 {
    margin-left: 20%;
  }

  [dir="rtl"] .offset-xs-20 {
    margin-left: auto;
    margin-right: 20%;
  }

  [dir="rtl"] .flex-offset-xs-20 {
    margin-left: auto;
    margin-right: 20%;
  }

  [dir="rtl"] .layout-margin .flex-offset-xs-20 {
    margin-left: auto;
    margin-right: 20%;
  }

  [dir="rtl"] .layout-margin .offset-xs-20 {
    margin-left: auto;
    margin-right: 20%;
  }

  .offset-xs-25, .flex-offset-xs-25, .layout-margin .flex-offset-xs-25, .layout-margin .offset-xs-25 {
    margin-left: 25%;
  }

  [dir="rtl"] .offset-xs-25 {
    margin-left: auto;
    margin-right: 25%;
  }

  [dir="rtl"] .flex-offset-xs-25 {
    margin-left: auto;
    margin-right: 25%;
  }

  [dir="rtl"] .layout-margin .flex-offset-xs-25 {
    margin-left: auto;
    margin-right: 25%;
  }

  [dir="rtl"] .layout-margin .offset-xs-25 {
    margin-left: auto;
    margin-right: 25%;
  }

  .offset-xs-30, .flex-offset-xs-30, .layout-margin .flex-offset-xs-30, .layout-margin .offset-xs-30 {
    margin-left: 30%;
  }

  [dir="rtl"] .offset-xs-30 {
    margin-left: auto;
    margin-right: 30%;
  }

  [dir="rtl"] .flex-offset-xs-30 {
    margin-left: auto;
    margin-right: 30%;
  }

  [dir="rtl"] .layout-margin .flex-offset-xs-30 {
    margin-left: auto;
    margin-right: 30%;
  }

  [dir="rtl"] .layout-margin .offset-xs-30 {
    margin-left: auto;
    margin-right: 30%;
  }

  .offset-xs-35, .flex-offset-xs-35, .layout-margin .flex-offset-xs-35, .layout-margin .offset-xs-35 {
    margin-left: 35%;
  }

  [dir="rtl"] .offset-xs-35 {
    margin-left: auto;
    margin-right: 35%;
  }

  [dir="rtl"] .flex-offset-xs-35 {
    margin-left: auto;
    margin-right: 35%;
  }

  [dir="rtl"] .layout-margin .flex-offset-xs-35 {
    margin-left: auto;
    margin-right: 35%;
  }

  [dir="rtl"] .layout-margin .offset-xs-35 {
    margin-left: auto;
    margin-right: 35%;
  }

  .offset-xs-40, .flex-offset-xs-40, .layout-margin .flex-offset-xs-40, .layout-margin .offset-xs-40 {
    margin-left: 40%;
  }

  [dir="rtl"] .offset-xs-40 {
    margin-left: auto;
    margin-right: 40%;
  }

  [dir="rtl"] .flex-offset-xs-40 {
    margin-left: auto;
    margin-right: 40%;
  }

  [dir="rtl"] .layout-margin .flex-offset-xs-40 {
    margin-left: auto;
    margin-right: 40%;
  }

  [dir="rtl"] .layout-margin .offset-xs-40 {
    margin-left: auto;
    margin-right: 40%;
  }

  .offset-xs-45, .flex-offset-xs-45, .layout-margin .flex-offset-xs-45, .layout-margin .offset-xs-45 {
    margin-left: 45%;
  }

  [dir="rtl"] .offset-xs-45 {
    margin-left: auto;
    margin-right: 45%;
  }

  [dir="rtl"] .flex-offset-xs-45 {
    margin-left: auto;
    margin-right: 45%;
  }

  [dir="rtl"] .layout-margin .flex-offset-xs-45 {
    margin-left: auto;
    margin-right: 45%;
  }

  [dir="rtl"] .layout-margin .offset-xs-45 {
    margin-left: auto;
    margin-right: 45%;
  }

  .offset-xs-50, .flex-offset-xs-50, .layout-margin .flex-offset-xs-50, .layout-margin .offset-xs-50 {
    margin-left: 50%;
  }

  [dir="rtl"] .offset-xs-50 {
    margin-left: auto;
    margin-right: 50%;
  }

  [dir="rtl"] .flex-offset-xs-50 {
    margin-left: auto;
    margin-right: 50%;
  }

  [dir="rtl"] .layout-margin .flex-offset-xs-50 {
    margin-left: auto;
    margin-right: 50%;
  }

  [dir="rtl"] .layout-margin .offset-xs-50 {
    margin-left: auto;
    margin-right: 50%;
  }

  .offset-xs-55, .flex-offset-xs-55, .layout-margin .flex-offset-xs-55, .layout-margin .offset-xs-55 {
    margin-left: 55%;
  }

  [dir="rtl"] .offset-xs-55 {
    margin-left: auto;
    margin-right: 55%;
  }

  [dir="rtl"] .flex-offset-xs-55 {
    margin-left: auto;
    margin-right: 55%;
  }

  [dir="rtl"] .layout-margin .flex-offset-xs-55 {
    margin-left: auto;
    margin-right: 55%;
  }

  [dir="rtl"] .layout-margin .offset-xs-55 {
    margin-left: auto;
    margin-right: 55%;
  }

  .offset-xs-60, .flex-offset-xs-60, .layout-margin .flex-offset-xs-60, .layout-margin .offset-xs-60 {
    margin-left: 60%;
  }

  [dir="rtl"] .offset-xs-60 {
    margin-left: auto;
    margin-right: 60%;
  }

  [dir="rtl"] .flex-offset-xs-60 {
    margin-left: auto;
    margin-right: 60%;
  }

  [dir="rtl"] .layout-margin .flex-offset-xs-60 {
    margin-left: auto;
    margin-right: 60%;
  }

  [dir="rtl"] .layout-margin .offset-xs-60 {
    margin-left: auto;
    margin-right: 60%;
  }

  .offset-xs-65, .flex-offset-xs-65, .layout-margin .flex-offset-xs-65, .layout-margin .offset-xs-65 {
    margin-left: 65%;
  }

  [dir="rtl"] .offset-xs-65 {
    margin-left: auto;
    margin-right: 65%;
  }

  [dir="rtl"] .flex-offset-xs-65 {
    margin-left: auto;
    margin-right: 65%;
  }

  [dir="rtl"] .layout-margin .flex-offset-xs-65 {
    margin-left: auto;
    margin-right: 65%;
  }

  [dir="rtl"] .layout-margin .offset-xs-65 {
    margin-left: auto;
    margin-right: 65%;
  }

  .offset-xs-70, .flex-offset-xs-70, .layout-margin .flex-offset-xs-70, .layout-margin .offset-xs-70 {
    margin-left: 70%;
  }

  [dir="rtl"] .offset-xs-70 {
    margin-left: auto;
    margin-right: 70%;
  }

  [dir="rtl"] .flex-offset-xs-70 {
    margin-left: auto;
    margin-right: 70%;
  }

  [dir="rtl"] .layout-margin .flex-offset-xs-70 {
    margin-left: auto;
    margin-right: 70%;
  }

  [dir="rtl"] .layout-margin .offset-xs-70 {
    margin-left: auto;
    margin-right: 70%;
  }

  .offset-xs-75, .flex-offset-xs-75, .layout-margin .flex-offset-xs-75, .layout-margin .offset-xs-75 {
    margin-left: 75%;
  }

  [dir="rtl"] .offset-xs-75 {
    margin-left: auto;
    margin-right: 75%;
  }

  [dir="rtl"] .flex-offset-xs-75 {
    margin-left: auto;
    margin-right: 75%;
  }

  [dir="rtl"] .layout-margin .flex-offset-xs-75 {
    margin-left: auto;
    margin-right: 75%;
  }

  [dir="rtl"] .layout-margin .offset-xs-75 {
    margin-left: auto;
    margin-right: 75%;
  }

  .offset-xs-80, .flex-offset-xs-80, .layout-margin .flex-offset-xs-80, .layout-margin .offset-xs-80 {
    margin-left: 80%;
  }

  [dir="rtl"] .offset-xs-80 {
    margin-left: auto;
    margin-right: 80%;
  }

  [dir="rtl"] .flex-offset-xs-80 {
    margin-left: auto;
    margin-right: 80%;
  }

  [dir="rtl"] .layout-margin .flex-offset-xs-80 {
    margin-left: auto;
    margin-right: 80%;
  }

  [dir="rtl"] .layout-margin .offset-xs-80 {
    margin-left: auto;
    margin-right: 80%;
  }

  .offset-xs-85, .flex-offset-xs-85, .layout-margin .flex-offset-xs-85, .layout-margin .offset-xs-85 {
    margin-left: 85%;
  }

  [dir="rtl"] .offset-xs-85 {
    margin-left: auto;
    margin-right: 85%;
  }

  [dir="rtl"] .flex-offset-xs-85 {
    margin-left: auto;
    margin-right: 85%;
  }

  [dir="rtl"] .layout-margin .flex-offset-xs-85 {
    margin-left: auto;
    margin-right: 85%;
  }

  [dir="rtl"] .layout-margin .offset-xs-85 {
    margin-left: auto;
    margin-right: 85%;
  }

  .offset-xs-90, .flex-offset-xs-90, .layout-margin .flex-offset-xs-90, .layout-margin .offset-xs-90 {
    margin-left: 90%;
  }

  [dir="rtl"] .offset-xs-90 {
    margin-left: auto;
    margin-right: 90%;
  }

  [dir="rtl"] .flex-offset-xs-90 {
    margin-left: auto;
    margin-right: 90%;
  }

  [dir="rtl"] .layout-margin .flex-offset-xs-90 {
    margin-left: auto;
    margin-right: 90%;
  }

  [dir="rtl"] .layout-margin .offset-xs-90 {
    margin-left: auto;
    margin-right: 90%;
  }

  .offset-xs-95, .flex-offset-xs-95, .layout-margin .flex-offset-xs-95, .layout-margin .offset-xs-95 {
    margin-left: 95%;
  }

  [dir="rtl"] .offset-xs-95 {
    margin-left: auto;
    margin-right: 95%;
  }

  [dir="rtl"] .flex-offset-xs-95 {
    margin-left: auto;
    margin-right: 95%;
  }

  [dir="rtl"] .layout-margin .flex-offset-xs-95 {
    margin-left: auto;
    margin-right: 95%;
  }

  [dir="rtl"] .layout-margin .offset-xs-95 {
    margin-left: auto;
    margin-right: 95%;
  }

  .offset-xs-33, .flex-offset-xs-33, .layout-margin .flex-offset-xs-33, .layout-margin .offset-xs-33 {
    margin-left: 33.3333%;
  }

  .offset-xs-66, .flex-offset-xs-66, .layout-margin .flex-offset-xs-66, .layout-margin .offset-xs-66 {
    margin-left: 66.6667%;
  }

  [dir="rtl"] .offset-xs-66 {
    margin-left: auto;
    margin-right: 66.6667%;
  }

  [dir="rtl"] .flex-offset-xs-66 {
    margin-left: auto;
    margin-right: 66.6667%;
  }

  [dir="rtl"] .layout-margin .flex-offset-xs-66 {
    margin-left: auto;
    margin-right: 66.6667%;
  }

  [dir="rtl"] .layout-margin .offset-xs-66 {
    margin-left: auto;
    margin-right: 66.6667%;
  }

  .layout-align-xs, .layout-align-xs-start-stretch {
    place-content: stretch flex-start;
    align-items: stretch;
  }

  .layout-align-xs-start, .layout-align-xs-start-start, .layout-align-xs-start-center, .layout-align-xs-start-end, .layout-align-xs-start-stretch {
    justify-content: flex-start;
  }

  .layout-align-xs-center, .layout-align-xs-center-start, .layout-align-xs-center-center, .layout-align-xs-center-end, .layout-align-xs-center-stretch {
    justify-content: center;
  }

  .layout-align-xs-end, .layout-align-xs-end-start, .layout-align-xs-end-center, .layout-align-xs-end-end, .layout-align-xs-end-stretch {
    justify-content: flex-end;
  }

  .layout-align-xs-space-around, .layout-align-xs-space-around-center, .layout-align-xs-space-around-start, .layout-align-xs-space-around-end, .layout-align-xs-space-around-stretch {
    justify-content: space-around;
  }

  .layout-align-xs-space-between, .layout-align-xs-space-between-center, .layout-align-xs-space-between-start, .layout-align-xs-space-between-end, .layout-align-xs-space-between-stretch {
    justify-content: space-between;
  }

  .layout-align-xs-start-start, .layout-align-xs-center-start, .layout-align-xs-end-start, .layout-align-xs-space-between-start, .layout-align-xs-space-around-start {
    align-content: flex-start;
    align-items: flex-start;
  }

  .layout-align-xs-start-center, .layout-align-xs-center-center, .layout-align-xs-end-center, .layout-align-xs-space-between-center, .layout-align-xs-space-around-center {
    align-content: center;
    align-items: center;
    max-width: 100%;
  }

  .layout-align-xs-start-center > *, .layout-align-xs-center-center > *, .layout-align-xs-end-center > *, .layout-align-xs-space-between-center > *, .layout-align-xs-space-around-center > * {
    box-sizing: border-box;
    max-width: 100%;
  }

  .layout-align-xs-start-end, .layout-align-xs-center-end, .layout-align-xs-end-end, .layout-align-xs-space-between-end, .layout-align-xs-space-around-end {
    align-content: flex-end;
    align-items: flex-end;
  }

  .layout-align-xs-start-stretch, .layout-align-xs-center-stretch, .layout-align-xs-end-stretch, .layout-align-xs-space-between-stretch, .layout-align-xs-space-around-stretch {
    align-content: stretch;
    align-items: stretch;
  }

  .flex-xs {
    box-sizing: border-box;
    flex: 1;
  }

  .flex-xs-grow {
    box-sizing: border-box;
    flex: 100%;
  }

  .flex-xs-initial {
    box-sizing: border-box;
    flex: 0 auto;
  }

  .flex-xs-auto {
    box-sizing: border-box;
    flex: auto;
  }

  .flex-xs-none {
    box-sizing: border-box;
    flex: none;
  }

  .flex-xs-noshrink {
    box-sizing: border-box;
    flex: 1 0 auto;
  }

  .flex-xs-nogrow {
    box-sizing: border-box;
    flex: 0 auto;
  }

  .flex-xs-0 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 0%;
    max-height: 100%;
  }

  .layout-row > .flex-xs-0 {
    box-sizing: border-box;
    flex: 100%;
    min-width: 0;
    max-width: 0%;
    max-height: 100%;
  }

  .layout-column > .flex-xs-0 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 0%;
  }

  .layout-xs-row > .flex-xs-0 {
    box-sizing: border-box;
    flex: 100%;
    min-width: 0;
    max-width: 0%;
    max-height: 100%;
  }

  .layout-xs-column > .flex-xs-0 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    min-height: 0;
    max-height: 0%;
  }

  .flex-xs-5, .layout-row > .flex-xs-5 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 5%;
    max-height: 100%;
  }

  .layout-column > .flex-xs-5 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 5%;
  }

  .layout-xs-row > .flex-xs-5 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 5%;
    max-height: 100%;
  }

  .layout-xs-column > .flex-xs-5 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 5%;
  }

  .flex-xs-10, .layout-row > .flex-xs-10 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 10%;
    max-height: 100%;
  }

  .layout-column > .flex-xs-10 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 10%;
  }

  .layout-xs-row > .flex-xs-10 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 10%;
    max-height: 100%;
  }

  .layout-xs-column > .flex-xs-10 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 10%;
  }

  .flex-xs-15, .layout-row > .flex-xs-15 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 15%;
    max-height: 100%;
  }

  .layout-column > .flex-xs-15 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 15%;
  }

  .layout-xs-row > .flex-xs-15 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 15%;
    max-height: 100%;
  }

  .layout-xs-column > .flex-xs-15 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 15%;
  }

  .flex-xs-20, .layout-row > .flex-xs-20 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 20%;
    max-height: 100%;
  }

  .layout-column > .flex-xs-20 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 20%;
  }

  .layout-xs-row > .flex-xs-20 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 20%;
    max-height: 100%;
  }

  .layout-xs-column > .flex-xs-20 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 20%;
  }

  .flex-xs-25, .layout-row > .flex-xs-25 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 25%;
    max-height: 100%;
  }

  .layout-column > .flex-xs-25 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 25%;
  }

  .layout-xs-row > .flex-xs-25 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 25%;
    max-height: 100%;
  }

  .layout-xs-column > .flex-xs-25 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 25%;
  }

  .flex-xs-30, .layout-row > .flex-xs-30 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 30%;
    max-height: 100%;
  }

  .layout-column > .flex-xs-30 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 30%;
  }

  .layout-xs-row > .flex-xs-30 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 30%;
    max-height: 100%;
  }

  .layout-xs-column > .flex-xs-30 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 30%;
  }

  .flex-xs-35, .layout-row > .flex-xs-35 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 35%;
    max-height: 100%;
  }

  .layout-column > .flex-xs-35 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 35%;
  }

  .layout-xs-row > .flex-xs-35 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 35%;
    max-height: 100%;
  }

  .layout-xs-column > .flex-xs-35 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 35%;
  }

  .flex-xs-40, .layout-row > .flex-xs-40 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 40%;
    max-height: 100%;
  }

  .layout-column > .flex-xs-40 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 40%;
  }

  .layout-xs-row > .flex-xs-40 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 40%;
    max-height: 100%;
  }

  .layout-xs-column > .flex-xs-40 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 40%;
  }

  .flex-xs-45, .layout-row > .flex-xs-45 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 45%;
    max-height: 100%;
  }

  .layout-column > .flex-xs-45 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 45%;
  }

  .layout-xs-row > .flex-xs-45 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 45%;
    max-height: 100%;
  }

  .layout-xs-column > .flex-xs-45 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 45%;
  }

  .flex-xs-50, .layout-row > .flex-xs-50 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 50%;
    max-height: 100%;
  }

  .layout-column > .flex-xs-50 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 50%;
  }

  .layout-xs-row > .flex-xs-50 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 50%;
    max-height: 100%;
  }

  .layout-xs-column > .flex-xs-50 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 50%;
  }

  .flex-xs-55, .layout-row > .flex-xs-55 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 55%;
    max-height: 100%;
  }

  .layout-column > .flex-xs-55 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 55%;
  }

  .layout-xs-row > .flex-xs-55 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 55%;
    max-height: 100%;
  }

  .layout-xs-column > .flex-xs-55 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 55%;
  }

  .flex-xs-60, .layout-row > .flex-xs-60 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 60%;
    max-height: 100%;
  }

  .layout-column > .flex-xs-60 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 60%;
  }

  .layout-xs-row > .flex-xs-60 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 60%;
    max-height: 100%;
  }

  .layout-xs-column > .flex-xs-60 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 60%;
  }

  .flex-xs-65, .layout-row > .flex-xs-65 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 65%;
    max-height: 100%;
  }

  .layout-column > .flex-xs-65 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 65%;
  }

  .layout-xs-row > .flex-xs-65 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 65%;
    max-height: 100%;
  }

  .layout-xs-column > .flex-xs-65 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 65%;
  }

  .flex-xs-70, .layout-row > .flex-xs-70 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 70%;
    max-height: 100%;
  }

  .layout-column > .flex-xs-70 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 70%;
  }

  .layout-xs-row > .flex-xs-70 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 70%;
    max-height: 100%;
  }

  .layout-xs-column > .flex-xs-70 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 70%;
  }

  .flex-xs-75, .layout-row > .flex-xs-75 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 75%;
    max-height: 100%;
  }

  .layout-column > .flex-xs-75 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 75%;
  }

  .layout-xs-row > .flex-xs-75 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 75%;
    max-height: 100%;
  }

  .layout-xs-column > .flex-xs-75 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 75%;
  }

  .flex-xs-80, .layout-row > .flex-xs-80 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 80%;
    max-height: 100%;
  }

  .layout-column > .flex-xs-80 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 80%;
  }

  .layout-xs-row > .flex-xs-80 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 80%;
    max-height: 100%;
  }

  .layout-xs-column > .flex-xs-80 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 80%;
  }

  .flex-xs-85, .layout-row > .flex-xs-85 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 85%;
    max-height: 100%;
  }

  .layout-column > .flex-xs-85 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 85%;
  }

  .layout-xs-row > .flex-xs-85 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 85%;
    max-height: 100%;
  }

  .layout-xs-column > .flex-xs-85 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 85%;
  }

  .flex-xs-90, .layout-row > .flex-xs-90 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 90%;
    max-height: 100%;
  }

  .layout-column > .flex-xs-90 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 90%;
  }

  .layout-xs-row > .flex-xs-90 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 90%;
    max-height: 100%;
  }

  .layout-xs-column > .flex-xs-90 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 90%;
  }

  .flex-xs-95, .layout-row > .flex-xs-95 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 95%;
    max-height: 100%;
  }

  .layout-column > .flex-xs-95 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 95%;
  }

  .layout-xs-row > .flex-xs-95 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 95%;
    max-height: 100%;
  }

  .layout-xs-column > .flex-xs-95 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 95%;
  }

  .flex-xs-100, .layout-row > .flex-xs-100, .layout-column > .flex-xs-100, .layout-xs-row > .flex-xs-100, .layout-xs-column > .flex-xs-100 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 100%;
  }

  .layout-row > .flex-xs-33 {
    box-sizing: border-box;
    flex: 33.33%;
    max-width: 33.33%;
    max-height: 100%;
  }

  .layout-row > .flex-xs-66 {
    box-sizing: border-box;
    flex: 66.66%;
    max-width: 66.66%;
    max-height: 100%;
  }

  .layout-column > .flex-xs-33 {
    box-sizing: border-box;
    flex: 33.33%;
    max-width: 100%;
    max-height: 33.33%;
  }

  .layout-column > .flex-xs-66 {
    box-sizing: border-box;
    flex: 66.66%;
    max-width: 100%;
    max-height: 66.66%;
  }

  .layout-xs-row > .flex-xs-33 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 33.33%;
    max-height: 100%;
  }

  .layout-xs-row > .flex-xs-66 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 66.66%;
    max-height: 100%;
  }

  .layout-xs-row > .flex {
    min-width: 0;
  }

  .layout-xs-column > .flex-xs-33 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 33.33%;
  }

  .layout-xs-column > .flex-xs-66 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 66.66%;
  }

  .layout-xs-column > .flex {
    min-height: 0;
  }

  .layout-xs, .layout-xs-column, .layout-xs-row {
    box-sizing: border-box;
    display: flex;
  }

  .layout-xs-column {
    flex-direction: column;
  }

  .layout-xs-row {
    flex-direction: row;
  }
}

@media (min-width: 600px) {
  .flex-order-gt-xs--20 {
    order: -20;
  }

  .flex-order-gt-xs--19 {
    order: -19;
  }

  .flex-order-gt-xs--18 {
    order: -18;
  }

  .flex-order-gt-xs--17 {
    order: -17;
  }

  .flex-order-gt-xs--16 {
    order: -16;
  }

  .flex-order-gt-xs--15 {
    order: -15;
  }

  .flex-order-gt-xs--14 {
    order: -14;
  }

  .flex-order-gt-xs--13 {
    order: -13;
  }

  .flex-order-gt-xs--12 {
    order: -12;
  }

  .flex-order-gt-xs--11 {
    order: -11;
  }

  .flex-order-gt-xs--10 {
    order: -10;
  }

  .flex-order-gt-xs--9 {
    order: -9;
  }

  .flex-order-gt-xs--8 {
    order: -8;
  }

  .flex-order-gt-xs--7 {
    order: -7;
  }

  .flex-order-gt-xs--6 {
    order: -6;
  }

  .flex-order-gt-xs--5 {
    order: -5;
  }

  .flex-order-gt-xs--4 {
    order: -4;
  }

  .flex-order-gt-xs--3 {
    order: -3;
  }

  .flex-order-gt-xs--2 {
    order: -2;
  }

  .flex-order-gt-xs--1 {
    order: -1;
  }

  .flex-order-gt-xs-0 {
    order: 0;
  }

  .flex-order-gt-xs-1 {
    order: 1;
  }

  .flex-order-gt-xs-2 {
    order: 2;
  }

  .flex-order-gt-xs-3 {
    order: 3;
  }

  .flex-order-gt-xs-4 {
    order: 4;
  }

  .flex-order-gt-xs-5 {
    order: 5;
  }

  .flex-order-gt-xs-6 {
    order: 6;
  }

  .flex-order-gt-xs-7 {
    order: 7;
  }

  .flex-order-gt-xs-8 {
    order: 8;
  }

  .flex-order-gt-xs-9 {
    order: 9;
  }

  .flex-order-gt-xs-10 {
    order: 10;
  }

  .flex-order-gt-xs-11 {
    order: 11;
  }

  .flex-order-gt-xs-12 {
    order: 12;
  }

  .flex-order-gt-xs-13 {
    order: 13;
  }

  .flex-order-gt-xs-14 {
    order: 14;
  }

  .flex-order-gt-xs-15 {
    order: 15;
  }

  .flex-order-gt-xs-16 {
    order: 16;
  }

  .flex-order-gt-xs-17 {
    order: 17;
  }

  .flex-order-gt-xs-18 {
    order: 18;
  }

  .flex-order-gt-xs-19 {
    order: 19;
  }

  .flex-order-gt-xs-20 {
    order: 20;
  }

  .offset-gt-xs-0, .flex-offset-gt-xs-0, .layout-margin .flex-offset-gt-xs-0, .layout-margin .offset-gt-xs-0 {
    margin-left: 0;
  }

  [dir="rtl"] .offset-gt-xs-0 {
    margin-left: auto;
    margin-right: 0;
  }

  [dir="rtl"] .flex-offset-gt-xs-0 {
    margin-left: auto;
    margin-right: 0;
  }

  [dir="rtl"] .layout-margin .flex-offset-gt-xs-0 {
    margin-left: auto;
    margin-right: 0;
  }

  [dir="rtl"] .layout-margin .offset-gt-xs-0 {
    margin-left: auto;
    margin-right: 0;
  }

  .offset-gt-xs-5, .flex-offset-gt-xs-5, .layout-margin .flex-offset-gt-xs-5, .layout-margin .offset-gt-xs-5 {
    margin-left: 5%;
  }

  [dir="rtl"] .offset-gt-xs-5 {
    margin-left: auto;
    margin-right: 5%;
  }

  [dir="rtl"] .flex-offset-gt-xs-5 {
    margin-left: auto;
    margin-right: 5%;
  }

  [dir="rtl"] .layout-margin .flex-offset-gt-xs-5 {
    margin-left: auto;
    margin-right: 5%;
  }

  [dir="rtl"] .layout-margin .offset-gt-xs-5 {
    margin-left: auto;
    margin-right: 5%;
  }

  .offset-gt-xs-10, .flex-offset-gt-xs-10, .layout-margin .flex-offset-gt-xs-10, .layout-margin .offset-gt-xs-10 {
    margin-left: 10%;
  }

  [dir="rtl"] .offset-gt-xs-10 {
    margin-left: auto;
    margin-right: 10%;
  }

  [dir="rtl"] .flex-offset-gt-xs-10 {
    margin-left: auto;
    margin-right: 10%;
  }

  [dir="rtl"] .layout-margin .flex-offset-gt-xs-10 {
    margin-left: auto;
    margin-right: 10%;
  }

  [dir="rtl"] .layout-margin .offset-gt-xs-10 {
    margin-left: auto;
    margin-right: 10%;
  }

  .offset-gt-xs-15, .flex-offset-gt-xs-15, .layout-margin .flex-offset-gt-xs-15, .layout-margin .offset-gt-xs-15 {
    margin-left: 15%;
  }

  [dir="rtl"] .offset-gt-xs-15 {
    margin-left: auto;
    margin-right: 15%;
  }

  [dir="rtl"] .flex-offset-gt-xs-15 {
    margin-left: auto;
    margin-right: 15%;
  }

  [dir="rtl"] .layout-margin .flex-offset-gt-xs-15 {
    margin-left: auto;
    margin-right: 15%;
  }

  [dir="rtl"] .layout-margin .offset-gt-xs-15 {
    margin-left: auto;
    margin-right: 15%;
  }

  .offset-gt-xs-20, .flex-offset-gt-xs-20, .layout-margin .flex-offset-gt-xs-20, .layout-margin .offset-gt-xs-20 {
    margin-left: 20%;
  }

  [dir="rtl"] .offset-gt-xs-20 {
    margin-left: auto;
    margin-right: 20%;
  }

  [dir="rtl"] .flex-offset-gt-xs-20 {
    margin-left: auto;
    margin-right: 20%;
  }

  [dir="rtl"] .layout-margin .flex-offset-gt-xs-20 {
    margin-left: auto;
    margin-right: 20%;
  }

  [dir="rtl"] .layout-margin .offset-gt-xs-20 {
    margin-left: auto;
    margin-right: 20%;
  }

  .offset-gt-xs-25, .flex-offset-gt-xs-25, .layout-margin .flex-offset-gt-xs-25, .layout-margin .offset-gt-xs-25 {
    margin-left: 25%;
  }

  [dir="rtl"] .offset-gt-xs-25 {
    margin-left: auto;
    margin-right: 25%;
  }

  [dir="rtl"] .flex-offset-gt-xs-25 {
    margin-left: auto;
    margin-right: 25%;
  }

  [dir="rtl"] .layout-margin .flex-offset-gt-xs-25 {
    margin-left: auto;
    margin-right: 25%;
  }

  [dir="rtl"] .layout-margin .offset-gt-xs-25 {
    margin-left: auto;
    margin-right: 25%;
  }

  .offset-gt-xs-30, .flex-offset-gt-xs-30, .layout-margin .flex-offset-gt-xs-30, .layout-margin .offset-gt-xs-30 {
    margin-left: 30%;
  }

  [dir="rtl"] .offset-gt-xs-30 {
    margin-left: auto;
    margin-right: 30%;
  }

  [dir="rtl"] .flex-offset-gt-xs-30 {
    margin-left: auto;
    margin-right: 30%;
  }

  [dir="rtl"] .layout-margin .flex-offset-gt-xs-30 {
    margin-left: auto;
    margin-right: 30%;
  }

  [dir="rtl"] .layout-margin .offset-gt-xs-30 {
    margin-left: auto;
    margin-right: 30%;
  }

  .offset-gt-xs-35, .flex-offset-gt-xs-35, .layout-margin .flex-offset-gt-xs-35, .layout-margin .offset-gt-xs-35 {
    margin-left: 35%;
  }

  [dir="rtl"] .offset-gt-xs-35 {
    margin-left: auto;
    margin-right: 35%;
  }

  [dir="rtl"] .flex-offset-gt-xs-35 {
    margin-left: auto;
    margin-right: 35%;
  }

  [dir="rtl"] .layout-margin .flex-offset-gt-xs-35 {
    margin-left: auto;
    margin-right: 35%;
  }

  [dir="rtl"] .layout-margin .offset-gt-xs-35 {
    margin-left: auto;
    margin-right: 35%;
  }

  .offset-gt-xs-40, .flex-offset-gt-xs-40, .layout-margin .flex-offset-gt-xs-40, .layout-margin .offset-gt-xs-40 {
    margin-left: 40%;
  }

  [dir="rtl"] .offset-gt-xs-40 {
    margin-left: auto;
    margin-right: 40%;
  }

  [dir="rtl"] .flex-offset-gt-xs-40 {
    margin-left: auto;
    margin-right: 40%;
  }

  [dir="rtl"] .layout-margin .flex-offset-gt-xs-40 {
    margin-left: auto;
    margin-right: 40%;
  }

  [dir="rtl"] .layout-margin .offset-gt-xs-40 {
    margin-left: auto;
    margin-right: 40%;
  }

  .offset-gt-xs-45, .flex-offset-gt-xs-45, .layout-margin .flex-offset-gt-xs-45, .layout-margin .offset-gt-xs-45 {
    margin-left: 45%;
  }

  [dir="rtl"] .offset-gt-xs-45 {
    margin-left: auto;
    margin-right: 45%;
  }

  [dir="rtl"] .flex-offset-gt-xs-45 {
    margin-left: auto;
    margin-right: 45%;
  }

  [dir="rtl"] .layout-margin .flex-offset-gt-xs-45 {
    margin-left: auto;
    margin-right: 45%;
  }

  [dir="rtl"] .layout-margin .offset-gt-xs-45 {
    margin-left: auto;
    margin-right: 45%;
  }

  .offset-gt-xs-50, .flex-offset-gt-xs-50, .layout-margin .flex-offset-gt-xs-50, .layout-margin .offset-gt-xs-50 {
    margin-left: 50%;
  }

  [dir="rtl"] .offset-gt-xs-50 {
    margin-left: auto;
    margin-right: 50%;
  }

  [dir="rtl"] .flex-offset-gt-xs-50 {
    margin-left: auto;
    margin-right: 50%;
  }

  [dir="rtl"] .layout-margin .flex-offset-gt-xs-50 {
    margin-left: auto;
    margin-right: 50%;
  }

  [dir="rtl"] .layout-margin .offset-gt-xs-50 {
    margin-left: auto;
    margin-right: 50%;
  }

  .offset-gt-xs-55, .flex-offset-gt-xs-55, .layout-margin .flex-offset-gt-xs-55, .layout-margin .offset-gt-xs-55 {
    margin-left: 55%;
  }

  [dir="rtl"] .offset-gt-xs-55 {
    margin-left: auto;
    margin-right: 55%;
  }

  [dir="rtl"] .flex-offset-gt-xs-55 {
    margin-left: auto;
    margin-right: 55%;
  }

  [dir="rtl"] .layout-margin .flex-offset-gt-xs-55 {
    margin-left: auto;
    margin-right: 55%;
  }

  [dir="rtl"] .layout-margin .offset-gt-xs-55 {
    margin-left: auto;
    margin-right: 55%;
  }

  .offset-gt-xs-60, .flex-offset-gt-xs-60, .layout-margin .flex-offset-gt-xs-60, .layout-margin .offset-gt-xs-60 {
    margin-left: 60%;
  }

  [dir="rtl"] .offset-gt-xs-60 {
    margin-left: auto;
    margin-right: 60%;
  }

  [dir="rtl"] .flex-offset-gt-xs-60 {
    margin-left: auto;
    margin-right: 60%;
  }

  [dir="rtl"] .layout-margin .flex-offset-gt-xs-60 {
    margin-left: auto;
    margin-right: 60%;
  }

  [dir="rtl"] .layout-margin .offset-gt-xs-60 {
    margin-left: auto;
    margin-right: 60%;
  }

  .offset-gt-xs-65, .flex-offset-gt-xs-65, .layout-margin .flex-offset-gt-xs-65, .layout-margin .offset-gt-xs-65 {
    margin-left: 65%;
  }

  [dir="rtl"] .offset-gt-xs-65 {
    margin-left: auto;
    margin-right: 65%;
  }

  [dir="rtl"] .flex-offset-gt-xs-65 {
    margin-left: auto;
    margin-right: 65%;
  }

  [dir="rtl"] .layout-margin .flex-offset-gt-xs-65 {
    margin-left: auto;
    margin-right: 65%;
  }

  [dir="rtl"] .layout-margin .offset-gt-xs-65 {
    margin-left: auto;
    margin-right: 65%;
  }

  .offset-gt-xs-70, .flex-offset-gt-xs-70, .layout-margin .flex-offset-gt-xs-70, .layout-margin .offset-gt-xs-70 {
    margin-left: 70%;
  }

  [dir="rtl"] .offset-gt-xs-70 {
    margin-left: auto;
    margin-right: 70%;
  }

  [dir="rtl"] .flex-offset-gt-xs-70 {
    margin-left: auto;
    margin-right: 70%;
  }

  [dir="rtl"] .layout-margin .flex-offset-gt-xs-70 {
    margin-left: auto;
    margin-right: 70%;
  }

  [dir="rtl"] .layout-margin .offset-gt-xs-70 {
    margin-left: auto;
    margin-right: 70%;
  }

  .offset-gt-xs-75, .flex-offset-gt-xs-75, .layout-margin .flex-offset-gt-xs-75, .layout-margin .offset-gt-xs-75 {
    margin-left: 75%;
  }

  [dir="rtl"] .offset-gt-xs-75 {
    margin-left: auto;
    margin-right: 75%;
  }

  [dir="rtl"] .flex-offset-gt-xs-75 {
    margin-left: auto;
    margin-right: 75%;
  }

  [dir="rtl"] .layout-margin .flex-offset-gt-xs-75 {
    margin-left: auto;
    margin-right: 75%;
  }

  [dir="rtl"] .layout-margin .offset-gt-xs-75 {
    margin-left: auto;
    margin-right: 75%;
  }

  .offset-gt-xs-80, .flex-offset-gt-xs-80, .layout-margin .flex-offset-gt-xs-80, .layout-margin .offset-gt-xs-80 {
    margin-left: 80%;
  }

  [dir="rtl"] .offset-gt-xs-80 {
    margin-left: auto;
    margin-right: 80%;
  }

  [dir="rtl"] .flex-offset-gt-xs-80 {
    margin-left: auto;
    margin-right: 80%;
  }

  [dir="rtl"] .layout-margin .flex-offset-gt-xs-80 {
    margin-left: auto;
    margin-right: 80%;
  }

  [dir="rtl"] .layout-margin .offset-gt-xs-80 {
    margin-left: auto;
    margin-right: 80%;
  }

  .offset-gt-xs-85, .flex-offset-gt-xs-85, .layout-margin .flex-offset-gt-xs-85, .layout-margin .offset-gt-xs-85 {
    margin-left: 85%;
  }

  [dir="rtl"] .offset-gt-xs-85 {
    margin-left: auto;
    margin-right: 85%;
  }

  [dir="rtl"] .flex-offset-gt-xs-85 {
    margin-left: auto;
    margin-right: 85%;
  }

  [dir="rtl"] .layout-margin .flex-offset-gt-xs-85 {
    margin-left: auto;
    margin-right: 85%;
  }

  [dir="rtl"] .layout-margin .offset-gt-xs-85 {
    margin-left: auto;
    margin-right: 85%;
  }

  .offset-gt-xs-90, .flex-offset-gt-xs-90, .layout-margin .flex-offset-gt-xs-90, .layout-margin .offset-gt-xs-90 {
    margin-left: 90%;
  }

  [dir="rtl"] .offset-gt-xs-90 {
    margin-left: auto;
    margin-right: 90%;
  }

  [dir="rtl"] .flex-offset-gt-xs-90 {
    margin-left: auto;
    margin-right: 90%;
  }

  [dir="rtl"] .layout-margin .flex-offset-gt-xs-90 {
    margin-left: auto;
    margin-right: 90%;
  }

  [dir="rtl"] .layout-margin .offset-gt-xs-90 {
    margin-left: auto;
    margin-right: 90%;
  }

  .offset-gt-xs-95, .flex-offset-gt-xs-95, .layout-margin .flex-offset-gt-xs-95, .layout-margin .offset-gt-xs-95 {
    margin-left: 95%;
  }

  [dir="rtl"] .offset-gt-xs-95 {
    margin-left: auto;
    margin-right: 95%;
  }

  [dir="rtl"] .flex-offset-gt-xs-95 {
    margin-left: auto;
    margin-right: 95%;
  }

  [dir="rtl"] .layout-margin .flex-offset-gt-xs-95 {
    margin-left: auto;
    margin-right: 95%;
  }

  [dir="rtl"] .layout-margin .offset-gt-xs-95 {
    margin-left: auto;
    margin-right: 95%;
  }

  .offset-gt-xs-33, .flex-offset-gt-xs-33, .layout-margin .flex-offset-gt-xs-33, .layout-margin .offset-gt-xs-33 {
    margin-left: 33.3333%;
  }

  .offset-gt-xs-66, .flex-offset-gt-xs-66, .layout-margin .flex-offset-gt-xs-66, .layout-margin .offset-gt-xs-66 {
    margin-left: 66.6667%;
  }

  [dir="rtl"] .offset-gt-xs-66 {
    margin-left: auto;
    margin-right: 66.6667%;
  }

  [dir="rtl"] .flex-offset-gt-xs-66 {
    margin-left: auto;
    margin-right: 66.6667%;
  }

  [dir="rtl"] .layout-margin .flex-offset-gt-xs-66 {
    margin-left: auto;
    margin-right: 66.6667%;
  }

  [dir="rtl"] .layout-margin .offset-gt-xs-66 {
    margin-left: auto;
    margin-right: 66.6667%;
  }

  .layout-align-gt-xs, .layout-align-gt-xs-start-stretch {
    place-content: stretch flex-start;
    align-items: stretch;
  }

  .layout-align-gt-xs-start, .layout-align-gt-xs-start-start, .layout-align-gt-xs-start-center, .layout-align-gt-xs-start-end, .layout-align-gt-xs-start-stretch {
    justify-content: flex-start;
  }

  .layout-align-gt-xs-center, .layout-align-gt-xs-center-start, .layout-align-gt-xs-center-center, .layout-align-gt-xs-center-end, .layout-align-gt-xs-center-stretch {
    justify-content: center;
  }

  .layout-align-gt-xs-end, .layout-align-gt-xs-end-start, .layout-align-gt-xs-end-center, .layout-align-gt-xs-end-end, .layout-align-gt-xs-end-stretch {
    justify-content: flex-end;
  }

  .layout-align-gt-xs-space-around, .layout-align-gt-xs-space-around-center, .layout-align-gt-xs-space-around-start, .layout-align-gt-xs-space-around-end, .layout-align-gt-xs-space-around-stretch {
    justify-content: space-around;
  }

  .layout-align-gt-xs-space-between, .layout-align-gt-xs-space-between-center, .layout-align-gt-xs-space-between-start, .layout-align-gt-xs-space-between-end, .layout-align-gt-xs-space-between-stretch {
    justify-content: space-between;
  }

  .layout-align-gt-xs-start-start, .layout-align-gt-xs-center-start, .layout-align-gt-xs-end-start, .layout-align-gt-xs-space-between-start, .layout-align-gt-xs-space-around-start {
    align-content: flex-start;
    align-items: flex-start;
  }

  .layout-align-gt-xs-start-center, .layout-align-gt-xs-center-center, .layout-align-gt-xs-end-center, .layout-align-gt-xs-space-between-center, .layout-align-gt-xs-space-around-center {
    align-content: center;
    align-items: center;
    max-width: 100%;
  }

  .layout-align-gt-xs-start-center > *, .layout-align-gt-xs-center-center > *, .layout-align-gt-xs-end-center > *, .layout-align-gt-xs-space-between-center > *, .layout-align-gt-xs-space-around-center > * {
    box-sizing: border-box;
    max-width: 100%;
  }

  .layout-align-gt-xs-start-end, .layout-align-gt-xs-center-end, .layout-align-gt-xs-end-end, .layout-align-gt-xs-space-between-end, .layout-align-gt-xs-space-around-end {
    align-content: flex-end;
    align-items: flex-end;
  }

  .layout-align-gt-xs-start-stretch, .layout-align-gt-xs-center-stretch, .layout-align-gt-xs-end-stretch, .layout-align-gt-xs-space-between-stretch, .layout-align-gt-xs-space-around-stretch {
    align-content: stretch;
    align-items: stretch;
  }

  .flex-gt-xs {
    box-sizing: border-box;
    flex: 1;
  }

  .flex-gt-xs-grow {
    box-sizing: border-box;
    flex: 100%;
  }

  .flex-gt-xs-initial {
    box-sizing: border-box;
    flex: 0 auto;
  }

  .flex-gt-xs-auto {
    box-sizing: border-box;
    flex: auto;
  }

  .flex-gt-xs-none {
    box-sizing: border-box;
    flex: none;
  }

  .flex-gt-xs-noshrink {
    box-sizing: border-box;
    flex: 1 0 auto;
  }

  .flex-gt-xs-nogrow {
    box-sizing: border-box;
    flex: 0 auto;
  }

  .flex-gt-xs-0 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 0%;
    max-height: 100%;
  }

  .layout-row > .flex-gt-xs-0 {
    box-sizing: border-box;
    flex: 100%;
    min-width: 0;
    max-width: 0%;
    max-height: 100%;
  }

  .layout-column > .flex-gt-xs-0 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 0%;
  }

  .layout-gt-xs-row > .flex-gt-xs-0 {
    box-sizing: border-box;
    flex: 100%;
    min-width: 0;
    max-width: 0%;
    max-height: 100%;
  }

  .layout-gt-xs-column > .flex-gt-xs-0 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    min-height: 0;
    max-height: 0%;
  }

  .flex-gt-xs-5, .layout-row > .flex-gt-xs-5 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 5%;
    max-height: 100%;
  }

  .layout-column > .flex-gt-xs-5 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 5%;
  }

  .layout-gt-xs-row > .flex-gt-xs-5 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 5%;
    max-height: 100%;
  }

  .layout-gt-xs-column > .flex-gt-xs-5 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 5%;
  }

  .flex-gt-xs-10, .layout-row > .flex-gt-xs-10 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 10%;
    max-height: 100%;
  }

  .layout-column > .flex-gt-xs-10 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 10%;
  }

  .layout-gt-xs-row > .flex-gt-xs-10 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 10%;
    max-height: 100%;
  }

  .layout-gt-xs-column > .flex-gt-xs-10 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 10%;
  }

  .flex-gt-xs-15, .layout-row > .flex-gt-xs-15 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 15%;
    max-height: 100%;
  }

  .layout-column > .flex-gt-xs-15 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 15%;
  }

  .layout-gt-xs-row > .flex-gt-xs-15 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 15%;
    max-height: 100%;
  }

  .layout-gt-xs-column > .flex-gt-xs-15 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 15%;
  }

  .flex-gt-xs-20, .layout-row > .flex-gt-xs-20 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 20%;
    max-height: 100%;
  }

  .layout-column > .flex-gt-xs-20 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 20%;
  }

  .layout-gt-xs-row > .flex-gt-xs-20 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 20%;
    max-height: 100%;
  }

  .layout-gt-xs-column > .flex-gt-xs-20 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 20%;
  }

  .flex-gt-xs-25, .layout-row > .flex-gt-xs-25 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 25%;
    max-height: 100%;
  }

  .layout-column > .flex-gt-xs-25 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 25%;
  }

  .layout-gt-xs-row > .flex-gt-xs-25 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 25%;
    max-height: 100%;
  }

  .layout-gt-xs-column > .flex-gt-xs-25 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 25%;
  }

  .flex-gt-xs-30, .layout-row > .flex-gt-xs-30 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 30%;
    max-height: 100%;
  }

  .layout-column > .flex-gt-xs-30 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 30%;
  }

  .layout-gt-xs-row > .flex-gt-xs-30 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 30%;
    max-height: 100%;
  }

  .layout-gt-xs-column > .flex-gt-xs-30 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 30%;
  }

  .flex-gt-xs-35, .layout-row > .flex-gt-xs-35 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 35%;
    max-height: 100%;
  }

  .layout-column > .flex-gt-xs-35 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 35%;
  }

  .layout-gt-xs-row > .flex-gt-xs-35 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 35%;
    max-height: 100%;
  }

  .layout-gt-xs-column > .flex-gt-xs-35 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 35%;
  }

  .flex-gt-xs-40, .layout-row > .flex-gt-xs-40 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 40%;
    max-height: 100%;
  }

  .layout-column > .flex-gt-xs-40 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 40%;
  }

  .layout-gt-xs-row > .flex-gt-xs-40 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 40%;
    max-height: 100%;
  }

  .layout-gt-xs-column > .flex-gt-xs-40 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 40%;
  }

  .flex-gt-xs-45, .layout-row > .flex-gt-xs-45 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 45%;
    max-height: 100%;
  }

  .layout-column > .flex-gt-xs-45 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 45%;
  }

  .layout-gt-xs-row > .flex-gt-xs-45 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 45%;
    max-height: 100%;
  }

  .layout-gt-xs-column > .flex-gt-xs-45 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 45%;
  }

  .flex-gt-xs-50, .layout-row > .flex-gt-xs-50 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 50%;
    max-height: 100%;
  }

  .layout-column > .flex-gt-xs-50 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 50%;
  }

  .layout-gt-xs-row > .flex-gt-xs-50 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 50%;
    max-height: 100%;
  }

  .layout-gt-xs-column > .flex-gt-xs-50 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 50%;
  }

  .flex-gt-xs-55, .layout-row > .flex-gt-xs-55 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 55%;
    max-height: 100%;
  }

  .layout-column > .flex-gt-xs-55 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 55%;
  }

  .layout-gt-xs-row > .flex-gt-xs-55 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 55%;
    max-height: 100%;
  }

  .layout-gt-xs-column > .flex-gt-xs-55 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 55%;
  }

  .flex-gt-xs-60, .layout-row > .flex-gt-xs-60 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 60%;
    max-height: 100%;
  }

  .layout-column > .flex-gt-xs-60 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 60%;
  }

  .layout-gt-xs-row > .flex-gt-xs-60 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 60%;
    max-height: 100%;
  }

  .layout-gt-xs-column > .flex-gt-xs-60 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 60%;
  }

  .flex-gt-xs-65, .layout-row > .flex-gt-xs-65 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 65%;
    max-height: 100%;
  }

  .layout-column > .flex-gt-xs-65 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 65%;
  }

  .layout-gt-xs-row > .flex-gt-xs-65 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 65%;
    max-height: 100%;
  }

  .layout-gt-xs-column > .flex-gt-xs-65 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 65%;
  }

  .flex-gt-xs-70, .layout-row > .flex-gt-xs-70 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 70%;
    max-height: 100%;
  }

  .layout-column > .flex-gt-xs-70 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 70%;
  }

  .layout-gt-xs-row > .flex-gt-xs-70 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 70%;
    max-height: 100%;
  }

  .layout-gt-xs-column > .flex-gt-xs-70 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 70%;
  }

  .flex-gt-xs-75, .layout-row > .flex-gt-xs-75 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 75%;
    max-height: 100%;
  }

  .layout-column > .flex-gt-xs-75 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 75%;
  }

  .layout-gt-xs-row > .flex-gt-xs-75 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 75%;
    max-height: 100%;
  }

  .layout-gt-xs-column > .flex-gt-xs-75 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 75%;
  }

  .flex-gt-xs-80, .layout-row > .flex-gt-xs-80 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 80%;
    max-height: 100%;
  }

  .layout-column > .flex-gt-xs-80 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 80%;
  }

  .layout-gt-xs-row > .flex-gt-xs-80 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 80%;
    max-height: 100%;
  }

  .layout-gt-xs-column > .flex-gt-xs-80 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 80%;
  }

  .flex-gt-xs-85, .layout-row > .flex-gt-xs-85 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 85%;
    max-height: 100%;
  }

  .layout-column > .flex-gt-xs-85 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 85%;
  }

  .layout-gt-xs-row > .flex-gt-xs-85 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 85%;
    max-height: 100%;
  }

  .layout-gt-xs-column > .flex-gt-xs-85 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 85%;
  }

  .flex-gt-xs-90, .layout-row > .flex-gt-xs-90 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 90%;
    max-height: 100%;
  }

  .layout-column > .flex-gt-xs-90 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 90%;
  }

  .layout-gt-xs-row > .flex-gt-xs-90 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 90%;
    max-height: 100%;
  }

  .layout-gt-xs-column > .flex-gt-xs-90 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 90%;
  }

  .flex-gt-xs-95, .layout-row > .flex-gt-xs-95 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 95%;
    max-height: 100%;
  }

  .layout-column > .flex-gt-xs-95 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 95%;
  }

  .layout-gt-xs-row > .flex-gt-xs-95 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 95%;
    max-height: 100%;
  }

  .layout-gt-xs-column > .flex-gt-xs-95 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 95%;
  }

  .flex-gt-xs-100, .layout-row > .flex-gt-xs-100, .layout-column > .flex-gt-xs-100, .layout-gt-xs-row > .flex-gt-xs-100, .layout-gt-xs-column > .flex-gt-xs-100 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 100%;
  }

  .layout-row > .flex-gt-xs-33 {
    box-sizing: border-box;
    flex: 33.33%;
    max-width: 33.33%;
    max-height: 100%;
  }

  .layout-row > .flex-gt-xs-66 {
    box-sizing: border-box;
    flex: 66.66%;
    max-width: 66.66%;
    max-height: 100%;
  }

  .layout-column > .flex-gt-xs-33 {
    box-sizing: border-box;
    flex: 33.33%;
    max-width: 100%;
    max-height: 33.33%;
  }

  .layout-column > .flex-gt-xs-66 {
    box-sizing: border-box;
    flex: 66.66%;
    max-width: 100%;
    max-height: 66.66%;
  }

  .layout-gt-xs-row > .flex-gt-xs-33 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 33.33%;
    max-height: 100%;
  }

  .layout-gt-xs-row > .flex-gt-xs-66 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 66.66%;
    max-height: 100%;
  }

  .layout-gt-xs-row > .flex {
    min-width: 0;
  }

  .layout-gt-xs-column > .flex-gt-xs-33 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 33.33%;
  }

  .layout-gt-xs-column > .flex-gt-xs-66 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 66.66%;
  }

  .layout-gt-xs-column > .flex {
    min-height: 0;
  }

  .layout-gt-xs, .layout-gt-xs-column, .layout-gt-xs-row {
    box-sizing: border-box;
    display: flex;
  }

  .layout-gt-xs-column {
    flex-direction: column;
  }

  .layout-gt-xs-row {
    flex-direction: row;
  }
}

@media (min-width: 600px) and (max-width: 959px) {
  .hide:not(.show-gt-xs):not(.show-sm):not(.show), .hide-gt-xs:not(.show-gt-xs):not(.show-sm):not(.show), .hide-sm:not(.show-gt-xs):not(.show-sm):not(.show) {
    display: none;
  }

  .flex-order-sm--20 {
    order: -20;
  }

  .flex-order-sm--19 {
    order: -19;
  }

  .flex-order-sm--18 {
    order: -18;
  }

  .flex-order-sm--17 {
    order: -17;
  }

  .flex-order-sm--16 {
    order: -16;
  }

  .flex-order-sm--15 {
    order: -15;
  }

  .flex-order-sm--14 {
    order: -14;
  }

  .flex-order-sm--13 {
    order: -13;
  }

  .flex-order-sm--12 {
    order: -12;
  }

  .flex-order-sm--11 {
    order: -11;
  }

  .flex-order-sm--10 {
    order: -10;
  }

  .flex-order-sm--9 {
    order: -9;
  }

  .flex-order-sm--8 {
    order: -8;
  }

  .flex-order-sm--7 {
    order: -7;
  }

  .flex-order-sm--6 {
    order: -6;
  }

  .flex-order-sm--5 {
    order: -5;
  }

  .flex-order-sm--4 {
    order: -4;
  }

  .flex-order-sm--3 {
    order: -3;
  }

  .flex-order-sm--2 {
    order: -2;
  }

  .flex-order-sm--1 {
    order: -1;
  }

  .flex-order-sm-0 {
    order: 0;
  }

  .flex-order-sm-1 {
    order: 1;
  }

  .flex-order-sm-2 {
    order: 2;
  }

  .flex-order-sm-3 {
    order: 3;
  }

  .flex-order-sm-4 {
    order: 4;
  }

  .flex-order-sm-5 {
    order: 5;
  }

  .flex-order-sm-6 {
    order: 6;
  }

  .flex-order-sm-7 {
    order: 7;
  }

  .flex-order-sm-8 {
    order: 8;
  }

  .flex-order-sm-9 {
    order: 9;
  }

  .flex-order-sm-10 {
    order: 10;
  }

  .flex-order-sm-11 {
    order: 11;
  }

  .flex-order-sm-12 {
    order: 12;
  }

  .flex-order-sm-13 {
    order: 13;
  }

  .flex-order-sm-14 {
    order: 14;
  }

  .flex-order-sm-15 {
    order: 15;
  }

  .flex-order-sm-16 {
    order: 16;
  }

  .flex-order-sm-17 {
    order: 17;
  }

  .flex-order-sm-18 {
    order: 18;
  }

  .flex-order-sm-19 {
    order: 19;
  }

  .flex-order-sm-20 {
    order: 20;
  }

  .offset-sm-0, .flex-offset-sm-0, .layout-margin .flex-offset-sm-0, .layout-margin .offset-sm-0 {
    margin-left: 0;
  }

  [dir="rtl"] .offset-sm-0 {
    margin-left: auto;
    margin-right: 0;
  }

  [dir="rtl"] .flex-offset-sm-0 {
    margin-left: auto;
    margin-right: 0;
  }

  [dir="rtl"] .layout-margin .flex-offset-sm-0 {
    margin-left: auto;
    margin-right: 0;
  }

  [dir="rtl"] .layout-margin .offset-sm-0 {
    margin-left: auto;
    margin-right: 0;
  }

  .offset-sm-5, .flex-offset-sm-5, .layout-margin .flex-offset-sm-5, .layout-margin .offset-sm-5 {
    margin-left: 5%;
  }

  [dir="rtl"] .offset-sm-5 {
    margin-left: auto;
    margin-right: 5%;
  }

  [dir="rtl"] .flex-offset-sm-5 {
    margin-left: auto;
    margin-right: 5%;
  }

  [dir="rtl"] .layout-margin .flex-offset-sm-5 {
    margin-left: auto;
    margin-right: 5%;
  }

  [dir="rtl"] .layout-margin .offset-sm-5 {
    margin-left: auto;
    margin-right: 5%;
  }

  .offset-sm-10, .flex-offset-sm-10, .layout-margin .flex-offset-sm-10, .layout-margin .offset-sm-10 {
    margin-left: 10%;
  }

  [dir="rtl"] .offset-sm-10 {
    margin-left: auto;
    margin-right: 10%;
  }

  [dir="rtl"] .flex-offset-sm-10 {
    margin-left: auto;
    margin-right: 10%;
  }

  [dir="rtl"] .layout-margin .flex-offset-sm-10 {
    margin-left: auto;
    margin-right: 10%;
  }

  [dir="rtl"] .layout-margin .offset-sm-10 {
    margin-left: auto;
    margin-right: 10%;
  }

  .offset-sm-15, .flex-offset-sm-15, .layout-margin .flex-offset-sm-15, .layout-margin .offset-sm-15 {
    margin-left: 15%;
  }

  [dir="rtl"] .offset-sm-15 {
    margin-left: auto;
    margin-right: 15%;
  }

  [dir="rtl"] .flex-offset-sm-15 {
    margin-left: auto;
    margin-right: 15%;
  }

  [dir="rtl"] .layout-margin .flex-offset-sm-15 {
    margin-left: auto;
    margin-right: 15%;
  }

  [dir="rtl"] .layout-margin .offset-sm-15 {
    margin-left: auto;
    margin-right: 15%;
  }

  .offset-sm-20, .flex-offset-sm-20, .layout-margin .flex-offset-sm-20, .layout-margin .offset-sm-20 {
    margin-left: 20%;
  }

  [dir="rtl"] .offset-sm-20 {
    margin-left: auto;
    margin-right: 20%;
  }

  [dir="rtl"] .flex-offset-sm-20 {
    margin-left: auto;
    margin-right: 20%;
  }

  [dir="rtl"] .layout-margin .flex-offset-sm-20 {
    margin-left: auto;
    margin-right: 20%;
  }

  [dir="rtl"] .layout-margin .offset-sm-20 {
    margin-left: auto;
    margin-right: 20%;
  }

  .offset-sm-25, .flex-offset-sm-25, .layout-margin .flex-offset-sm-25, .layout-margin .offset-sm-25 {
    margin-left: 25%;
  }

  [dir="rtl"] .offset-sm-25 {
    margin-left: auto;
    margin-right: 25%;
  }

  [dir="rtl"] .flex-offset-sm-25 {
    margin-left: auto;
    margin-right: 25%;
  }

  [dir="rtl"] .layout-margin .flex-offset-sm-25 {
    margin-left: auto;
    margin-right: 25%;
  }

  [dir="rtl"] .layout-margin .offset-sm-25 {
    margin-left: auto;
    margin-right: 25%;
  }

  .offset-sm-30, .flex-offset-sm-30, .layout-margin .flex-offset-sm-30, .layout-margin .offset-sm-30 {
    margin-left: 30%;
  }

  [dir="rtl"] .offset-sm-30 {
    margin-left: auto;
    margin-right: 30%;
  }

  [dir="rtl"] .flex-offset-sm-30 {
    margin-left: auto;
    margin-right: 30%;
  }

  [dir="rtl"] .layout-margin .flex-offset-sm-30 {
    margin-left: auto;
    margin-right: 30%;
  }

  [dir="rtl"] .layout-margin .offset-sm-30 {
    margin-left: auto;
    margin-right: 30%;
  }

  .offset-sm-35, .flex-offset-sm-35, .layout-margin .flex-offset-sm-35, .layout-margin .offset-sm-35 {
    margin-left: 35%;
  }

  [dir="rtl"] .offset-sm-35 {
    margin-left: auto;
    margin-right: 35%;
  }

  [dir="rtl"] .flex-offset-sm-35 {
    margin-left: auto;
    margin-right: 35%;
  }

  [dir="rtl"] .layout-margin .flex-offset-sm-35 {
    margin-left: auto;
    margin-right: 35%;
  }

  [dir="rtl"] .layout-margin .offset-sm-35 {
    margin-left: auto;
    margin-right: 35%;
  }

  .offset-sm-40, .flex-offset-sm-40, .layout-margin .flex-offset-sm-40, .layout-margin .offset-sm-40 {
    margin-left: 40%;
  }

  [dir="rtl"] .offset-sm-40 {
    margin-left: auto;
    margin-right: 40%;
  }

  [dir="rtl"] .flex-offset-sm-40 {
    margin-left: auto;
    margin-right: 40%;
  }

  [dir="rtl"] .layout-margin .flex-offset-sm-40 {
    margin-left: auto;
    margin-right: 40%;
  }

  [dir="rtl"] .layout-margin .offset-sm-40 {
    margin-left: auto;
    margin-right: 40%;
  }

  .offset-sm-45, .flex-offset-sm-45, .layout-margin .flex-offset-sm-45, .layout-margin .offset-sm-45 {
    margin-left: 45%;
  }

  [dir="rtl"] .offset-sm-45 {
    margin-left: auto;
    margin-right: 45%;
  }

  [dir="rtl"] .flex-offset-sm-45 {
    margin-left: auto;
    margin-right: 45%;
  }

  [dir="rtl"] .layout-margin .flex-offset-sm-45 {
    margin-left: auto;
    margin-right: 45%;
  }

  [dir="rtl"] .layout-margin .offset-sm-45 {
    margin-left: auto;
    margin-right: 45%;
  }

  .offset-sm-50, .flex-offset-sm-50, .layout-margin .flex-offset-sm-50, .layout-margin .offset-sm-50 {
    margin-left: 50%;
  }

  [dir="rtl"] .offset-sm-50 {
    margin-left: auto;
    margin-right: 50%;
  }

  [dir="rtl"] .flex-offset-sm-50 {
    margin-left: auto;
    margin-right: 50%;
  }

  [dir="rtl"] .layout-margin .flex-offset-sm-50 {
    margin-left: auto;
    margin-right: 50%;
  }

  [dir="rtl"] .layout-margin .offset-sm-50 {
    margin-left: auto;
    margin-right: 50%;
  }

  .offset-sm-55, .flex-offset-sm-55, .layout-margin .flex-offset-sm-55, .layout-margin .offset-sm-55 {
    margin-left: 55%;
  }

  [dir="rtl"] .offset-sm-55 {
    margin-left: auto;
    margin-right: 55%;
  }

  [dir="rtl"] .flex-offset-sm-55 {
    margin-left: auto;
    margin-right: 55%;
  }

  [dir="rtl"] .layout-margin .flex-offset-sm-55 {
    margin-left: auto;
    margin-right: 55%;
  }

  [dir="rtl"] .layout-margin .offset-sm-55 {
    margin-left: auto;
    margin-right: 55%;
  }

  .offset-sm-60, .flex-offset-sm-60, .layout-margin .flex-offset-sm-60, .layout-margin .offset-sm-60 {
    margin-left: 60%;
  }

  [dir="rtl"] .offset-sm-60 {
    margin-left: auto;
    margin-right: 60%;
  }

  [dir="rtl"] .flex-offset-sm-60 {
    margin-left: auto;
    margin-right: 60%;
  }

  [dir="rtl"] .layout-margin .flex-offset-sm-60 {
    margin-left: auto;
    margin-right: 60%;
  }

  [dir="rtl"] .layout-margin .offset-sm-60 {
    margin-left: auto;
    margin-right: 60%;
  }

  .offset-sm-65, .flex-offset-sm-65, .layout-margin .flex-offset-sm-65, .layout-margin .offset-sm-65 {
    margin-left: 65%;
  }

  [dir="rtl"] .offset-sm-65 {
    margin-left: auto;
    margin-right: 65%;
  }

  [dir="rtl"] .flex-offset-sm-65 {
    margin-left: auto;
    margin-right: 65%;
  }

  [dir="rtl"] .layout-margin .flex-offset-sm-65 {
    margin-left: auto;
    margin-right: 65%;
  }

  [dir="rtl"] .layout-margin .offset-sm-65 {
    margin-left: auto;
    margin-right: 65%;
  }

  .offset-sm-70, .flex-offset-sm-70, .layout-margin .flex-offset-sm-70, .layout-margin .offset-sm-70 {
    margin-left: 70%;
  }

  [dir="rtl"] .offset-sm-70 {
    margin-left: auto;
    margin-right: 70%;
  }

  [dir="rtl"] .flex-offset-sm-70 {
    margin-left: auto;
    margin-right: 70%;
  }

  [dir="rtl"] .layout-margin .flex-offset-sm-70 {
    margin-left: auto;
    margin-right: 70%;
  }

  [dir="rtl"] .layout-margin .offset-sm-70 {
    margin-left: auto;
    margin-right: 70%;
  }

  .offset-sm-75, .flex-offset-sm-75, .layout-margin .flex-offset-sm-75, .layout-margin .offset-sm-75 {
    margin-left: 75%;
  }

  [dir="rtl"] .offset-sm-75 {
    margin-left: auto;
    margin-right: 75%;
  }

  [dir="rtl"] .flex-offset-sm-75 {
    margin-left: auto;
    margin-right: 75%;
  }

  [dir="rtl"] .layout-margin .flex-offset-sm-75 {
    margin-left: auto;
    margin-right: 75%;
  }

  [dir="rtl"] .layout-margin .offset-sm-75 {
    margin-left: auto;
    margin-right: 75%;
  }

  .offset-sm-80, .flex-offset-sm-80, .layout-margin .flex-offset-sm-80, .layout-margin .offset-sm-80 {
    margin-left: 80%;
  }

  [dir="rtl"] .offset-sm-80 {
    margin-left: auto;
    margin-right: 80%;
  }

  [dir="rtl"] .flex-offset-sm-80 {
    margin-left: auto;
    margin-right: 80%;
  }

  [dir="rtl"] .layout-margin .flex-offset-sm-80 {
    margin-left: auto;
    margin-right: 80%;
  }

  [dir="rtl"] .layout-margin .offset-sm-80 {
    margin-left: auto;
    margin-right: 80%;
  }

  .offset-sm-85, .flex-offset-sm-85, .layout-margin .flex-offset-sm-85, .layout-margin .offset-sm-85 {
    margin-left: 85%;
  }

  [dir="rtl"] .offset-sm-85 {
    margin-left: auto;
    margin-right: 85%;
  }

  [dir="rtl"] .flex-offset-sm-85 {
    margin-left: auto;
    margin-right: 85%;
  }

  [dir="rtl"] .layout-margin .flex-offset-sm-85 {
    margin-left: auto;
    margin-right: 85%;
  }

  [dir="rtl"] .layout-margin .offset-sm-85 {
    margin-left: auto;
    margin-right: 85%;
  }

  .offset-sm-90, .flex-offset-sm-90, .layout-margin .flex-offset-sm-90, .layout-margin .offset-sm-90 {
    margin-left: 90%;
  }

  [dir="rtl"] .offset-sm-90 {
    margin-left: auto;
    margin-right: 90%;
  }

  [dir="rtl"] .flex-offset-sm-90 {
    margin-left: auto;
    margin-right: 90%;
  }

  [dir="rtl"] .layout-margin .flex-offset-sm-90 {
    margin-left: auto;
    margin-right: 90%;
  }

  [dir="rtl"] .layout-margin .offset-sm-90 {
    margin-left: auto;
    margin-right: 90%;
  }

  .offset-sm-95, .flex-offset-sm-95, .layout-margin .flex-offset-sm-95, .layout-margin .offset-sm-95 {
    margin-left: 95%;
  }

  [dir="rtl"] .offset-sm-95 {
    margin-left: auto;
    margin-right: 95%;
  }

  [dir="rtl"] .flex-offset-sm-95 {
    margin-left: auto;
    margin-right: 95%;
  }

  [dir="rtl"] .layout-margin .flex-offset-sm-95 {
    margin-left: auto;
    margin-right: 95%;
  }

  [dir="rtl"] .layout-margin .offset-sm-95 {
    margin-left: auto;
    margin-right: 95%;
  }

  .offset-sm-33, .flex-offset-sm-33, .layout-margin .flex-offset-sm-33, .layout-margin .offset-sm-33 {
    margin-left: 33.3333%;
  }

  .offset-sm-66, .flex-offset-sm-66, .layout-margin .flex-offset-sm-66, .layout-margin .offset-sm-66 {
    margin-left: 66.6667%;
  }

  [dir="rtl"] .offset-sm-66 {
    margin-left: auto;
    margin-right: 66.6667%;
  }

  [dir="rtl"] .flex-offset-sm-66 {
    margin-left: auto;
    margin-right: 66.6667%;
  }

  [dir="rtl"] .layout-margin .flex-offset-sm-66 {
    margin-left: auto;
    margin-right: 66.6667%;
  }

  [dir="rtl"] .layout-margin .offset-sm-66 {
    margin-left: auto;
    margin-right: 66.6667%;
  }

  .layout-align-sm, .layout-align-sm-start-stretch {
    place-content: stretch flex-start;
    align-items: stretch;
  }

  .layout-align-sm-start, .layout-align-sm-start-start, .layout-align-sm-start-center, .layout-align-sm-start-end, .layout-align-sm-start-stretch {
    justify-content: flex-start;
  }

  .layout-align-sm-center, .layout-align-sm-center-start, .layout-align-sm-center-center, .layout-align-sm-center-end, .layout-align-sm-center-stretch {
    justify-content: center;
  }

  .layout-align-sm-end, .layout-align-sm-end-start, .layout-align-sm-end-center, .layout-align-sm-end-end, .layout-align-sm-end-stretch {
    justify-content: flex-end;
  }

  .layout-align-sm-space-around, .layout-align-sm-space-around-center, .layout-align-sm-space-around-start, .layout-align-sm-space-around-end, .layout-align-sm-space-around-stretch {
    justify-content: space-around;
  }

  .layout-align-sm-space-between, .layout-align-sm-space-between-center, .layout-align-sm-space-between-start, .layout-align-sm-space-between-end, .layout-align-sm-space-between-stretch {
    justify-content: space-between;
  }

  .layout-align-sm-start-start, .layout-align-sm-center-start, .layout-align-sm-end-start, .layout-align-sm-space-between-start, .layout-align-sm-space-around-start {
    align-content: flex-start;
    align-items: flex-start;
  }

  .layout-align-sm-start-center, .layout-align-sm-center-center, .layout-align-sm-end-center, .layout-align-sm-space-between-center, .layout-align-sm-space-around-center {
    align-content: center;
    align-items: center;
    max-width: 100%;
  }

  .layout-align-sm-start-center > *, .layout-align-sm-center-center > *, .layout-align-sm-end-center > *, .layout-align-sm-space-between-center > *, .layout-align-sm-space-around-center > * {
    box-sizing: border-box;
    max-width: 100%;
  }

  .layout-align-sm-start-end, .layout-align-sm-center-end, .layout-align-sm-end-end, .layout-align-sm-space-between-end, .layout-align-sm-space-around-end {
    align-content: flex-end;
    align-items: flex-end;
  }

  .layout-align-sm-start-stretch, .layout-align-sm-center-stretch, .layout-align-sm-end-stretch, .layout-align-sm-space-between-stretch, .layout-align-sm-space-around-stretch {
    align-content: stretch;
    align-items: stretch;
  }

  .flex-sm {
    box-sizing: border-box;
    flex: 1;
  }

  .flex-sm-grow {
    box-sizing: border-box;
    flex: 100%;
  }

  .flex-sm-initial {
    box-sizing: border-box;
    flex: 0 auto;
  }

  .flex-sm-auto {
    box-sizing: border-box;
    flex: auto;
  }

  .flex-sm-none {
    box-sizing: border-box;
    flex: none;
  }

  .flex-sm-noshrink {
    box-sizing: border-box;
    flex: 1 0 auto;
  }

  .flex-sm-nogrow {
    box-sizing: border-box;
    flex: 0 auto;
  }

  .flex-sm-0 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 0%;
    max-height: 100%;
  }

  .layout-row > .flex-sm-0 {
    box-sizing: border-box;
    flex: 100%;
    min-width: 0;
    max-width: 0%;
    max-height: 100%;
  }

  .layout-column > .flex-sm-0 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 0%;
  }

  .layout-sm-row > .flex-sm-0 {
    box-sizing: border-box;
    flex: 100%;
    min-width: 0;
    max-width: 0%;
    max-height: 100%;
  }

  .layout-sm-column > .flex-sm-0 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    min-height: 0;
    max-height: 0%;
  }

  .flex-sm-5, .layout-row > .flex-sm-5 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 5%;
    max-height: 100%;
  }

  .layout-column > .flex-sm-5 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 5%;
  }

  .layout-sm-row > .flex-sm-5 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 5%;
    max-height: 100%;
  }

  .layout-sm-column > .flex-sm-5 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 5%;
  }

  .flex-sm-10, .layout-row > .flex-sm-10 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 10%;
    max-height: 100%;
  }

  .layout-column > .flex-sm-10 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 10%;
  }

  .layout-sm-row > .flex-sm-10 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 10%;
    max-height: 100%;
  }

  .layout-sm-column > .flex-sm-10 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 10%;
  }

  .flex-sm-15, .layout-row > .flex-sm-15 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 15%;
    max-height: 100%;
  }

  .layout-column > .flex-sm-15 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 15%;
  }

  .layout-sm-row > .flex-sm-15 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 15%;
    max-height: 100%;
  }

  .layout-sm-column > .flex-sm-15 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 15%;
  }

  .flex-sm-20, .layout-row > .flex-sm-20 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 20%;
    max-height: 100%;
  }

  .layout-column > .flex-sm-20 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 20%;
  }

  .layout-sm-row > .flex-sm-20 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 20%;
    max-height: 100%;
  }

  .layout-sm-column > .flex-sm-20 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 20%;
  }

  .flex-sm-25, .layout-row > .flex-sm-25 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 25%;
    max-height: 100%;
  }

  .layout-column > .flex-sm-25 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 25%;
  }

  .layout-sm-row > .flex-sm-25 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 25%;
    max-height: 100%;
  }

  .layout-sm-column > .flex-sm-25 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 25%;
  }

  .flex-sm-30, .layout-row > .flex-sm-30 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 30%;
    max-height: 100%;
  }

  .layout-column > .flex-sm-30 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 30%;
  }

  .layout-sm-row > .flex-sm-30 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 30%;
    max-height: 100%;
  }

  .layout-sm-column > .flex-sm-30 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 30%;
  }

  .flex-sm-35, .layout-row > .flex-sm-35 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 35%;
    max-height: 100%;
  }

  .layout-column > .flex-sm-35 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 35%;
  }

  .layout-sm-row > .flex-sm-35 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 35%;
    max-height: 100%;
  }

  .layout-sm-column > .flex-sm-35 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 35%;
  }

  .flex-sm-40, .layout-row > .flex-sm-40 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 40%;
    max-height: 100%;
  }

  .layout-column > .flex-sm-40 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 40%;
  }

  .layout-sm-row > .flex-sm-40 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 40%;
    max-height: 100%;
  }

  .layout-sm-column > .flex-sm-40 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 40%;
  }

  .flex-sm-45, .layout-row > .flex-sm-45 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 45%;
    max-height: 100%;
  }

  .layout-column > .flex-sm-45 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 45%;
  }

  .layout-sm-row > .flex-sm-45 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 45%;
    max-height: 100%;
  }

  .layout-sm-column > .flex-sm-45 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 45%;
  }

  .flex-sm-50, .layout-row > .flex-sm-50 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 50%;
    max-height: 100%;
  }

  .layout-column > .flex-sm-50 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 50%;
  }

  .layout-sm-row > .flex-sm-50 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 50%;
    max-height: 100%;
  }

  .layout-sm-column > .flex-sm-50 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 50%;
  }

  .flex-sm-55, .layout-row > .flex-sm-55 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 55%;
    max-height: 100%;
  }

  .layout-column > .flex-sm-55 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 55%;
  }

  .layout-sm-row > .flex-sm-55 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 55%;
    max-height: 100%;
  }

  .layout-sm-column > .flex-sm-55 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 55%;
  }

  .flex-sm-60, .layout-row > .flex-sm-60 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 60%;
    max-height: 100%;
  }

  .layout-column > .flex-sm-60 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 60%;
  }

  .layout-sm-row > .flex-sm-60 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 60%;
    max-height: 100%;
  }

  .layout-sm-column > .flex-sm-60 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 60%;
  }

  .flex-sm-65, .layout-row > .flex-sm-65 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 65%;
    max-height: 100%;
  }

  .layout-column > .flex-sm-65 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 65%;
  }

  .layout-sm-row > .flex-sm-65 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 65%;
    max-height: 100%;
  }

  .layout-sm-column > .flex-sm-65 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 65%;
  }

  .flex-sm-70, .layout-row > .flex-sm-70 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 70%;
    max-height: 100%;
  }

  .layout-column > .flex-sm-70 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 70%;
  }

  .layout-sm-row > .flex-sm-70 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 70%;
    max-height: 100%;
  }

  .layout-sm-column > .flex-sm-70 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 70%;
  }

  .flex-sm-75, .layout-row > .flex-sm-75 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 75%;
    max-height: 100%;
  }

  .layout-column > .flex-sm-75 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 75%;
  }

  .layout-sm-row > .flex-sm-75 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 75%;
    max-height: 100%;
  }

  .layout-sm-column > .flex-sm-75 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 75%;
  }

  .flex-sm-80, .layout-row > .flex-sm-80 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 80%;
    max-height: 100%;
  }

  .layout-column > .flex-sm-80 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 80%;
  }

  .layout-sm-row > .flex-sm-80 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 80%;
    max-height: 100%;
  }

  .layout-sm-column > .flex-sm-80 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 80%;
  }

  .flex-sm-85, .layout-row > .flex-sm-85 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 85%;
    max-height: 100%;
  }

  .layout-column > .flex-sm-85 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 85%;
  }

  .layout-sm-row > .flex-sm-85 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 85%;
    max-height: 100%;
  }

  .layout-sm-column > .flex-sm-85 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 85%;
  }

  .flex-sm-90, .layout-row > .flex-sm-90 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 90%;
    max-height: 100%;
  }

  .layout-column > .flex-sm-90 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 90%;
  }

  .layout-sm-row > .flex-sm-90 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 90%;
    max-height: 100%;
  }

  .layout-sm-column > .flex-sm-90 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 90%;
  }

  .flex-sm-95, .layout-row > .flex-sm-95 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 95%;
    max-height: 100%;
  }

  .layout-column > .flex-sm-95 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 95%;
  }

  .layout-sm-row > .flex-sm-95 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 95%;
    max-height: 100%;
  }

  .layout-sm-column > .flex-sm-95 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 95%;
  }

  .flex-sm-100, .layout-row > .flex-sm-100, .layout-column > .flex-sm-100, .layout-sm-row > .flex-sm-100, .layout-sm-column > .flex-sm-100 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 100%;
  }

  .layout-row > .flex-sm-33 {
    box-sizing: border-box;
    flex: 33.33%;
    max-width: 33.33%;
    max-height: 100%;
  }

  .layout-row > .flex-sm-66 {
    box-sizing: border-box;
    flex: 66.66%;
    max-width: 66.66%;
    max-height: 100%;
  }

  .layout-column > .flex-sm-33 {
    box-sizing: border-box;
    flex: 33.33%;
    max-width: 100%;
    max-height: 33.33%;
  }

  .layout-column > .flex-sm-66 {
    box-sizing: border-box;
    flex: 66.66%;
    max-width: 100%;
    max-height: 66.66%;
  }

  .layout-sm-row > .flex-sm-33 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 33.33%;
    max-height: 100%;
  }

  .layout-sm-row > .flex-sm-66 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 66.66%;
    max-height: 100%;
  }

  .layout-sm-row > .flex {
    min-width: 0;
  }

  .layout-sm-column > .flex-sm-33 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 33.33%;
  }

  .layout-sm-column > .flex-sm-66 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 66.66%;
  }

  .layout-sm-column > .flex {
    min-height: 0;
  }

  .layout-sm, .layout-sm-column, .layout-sm-row {
    box-sizing: border-box;
    display: flex;
  }

  .layout-sm-column {
    flex-direction: column;
  }

  .layout-sm-row {
    flex-direction: row;
  }
}

@media (min-width: 960px) {
  .flex-order-gt-sm--20 {
    order: -20;
  }

  .flex-order-gt-sm--19 {
    order: -19;
  }

  .flex-order-gt-sm--18 {
    order: -18;
  }

  .flex-order-gt-sm--17 {
    order: -17;
  }

  .flex-order-gt-sm--16 {
    order: -16;
  }

  .flex-order-gt-sm--15 {
    order: -15;
  }

  .flex-order-gt-sm--14 {
    order: -14;
  }

  .flex-order-gt-sm--13 {
    order: -13;
  }

  .flex-order-gt-sm--12 {
    order: -12;
  }

  .flex-order-gt-sm--11 {
    order: -11;
  }

  .flex-order-gt-sm--10 {
    order: -10;
  }

  .flex-order-gt-sm--9 {
    order: -9;
  }

  .flex-order-gt-sm--8 {
    order: -8;
  }

  .flex-order-gt-sm--7 {
    order: -7;
  }

  .flex-order-gt-sm--6 {
    order: -6;
  }

  .flex-order-gt-sm--5 {
    order: -5;
  }

  .flex-order-gt-sm--4 {
    order: -4;
  }

  .flex-order-gt-sm--3 {
    order: -3;
  }

  .flex-order-gt-sm--2 {
    order: -2;
  }

  .flex-order-gt-sm--1 {
    order: -1;
  }

  .flex-order-gt-sm-0 {
    order: 0;
  }

  .flex-order-gt-sm-1 {
    order: 1;
  }

  .flex-order-gt-sm-2 {
    order: 2;
  }

  .flex-order-gt-sm-3 {
    order: 3;
  }

  .flex-order-gt-sm-4 {
    order: 4;
  }

  .flex-order-gt-sm-5 {
    order: 5;
  }

  .flex-order-gt-sm-6 {
    order: 6;
  }

  .flex-order-gt-sm-7 {
    order: 7;
  }

  .flex-order-gt-sm-8 {
    order: 8;
  }

  .flex-order-gt-sm-9 {
    order: 9;
  }

  .flex-order-gt-sm-10 {
    order: 10;
  }

  .flex-order-gt-sm-11 {
    order: 11;
  }

  .flex-order-gt-sm-12 {
    order: 12;
  }

  .flex-order-gt-sm-13 {
    order: 13;
  }

  .flex-order-gt-sm-14 {
    order: 14;
  }

  .flex-order-gt-sm-15 {
    order: 15;
  }

  .flex-order-gt-sm-16 {
    order: 16;
  }

  .flex-order-gt-sm-17 {
    order: 17;
  }

  .flex-order-gt-sm-18 {
    order: 18;
  }

  .flex-order-gt-sm-19 {
    order: 19;
  }

  .flex-order-gt-sm-20 {
    order: 20;
  }

  .offset-gt-sm-0, .flex-offset-gt-sm-0, .layout-margin .flex-offset-gt-sm-0, .layout-margin .offset-gt-sm-0 {
    margin-left: 0;
  }

  [dir="rtl"] .offset-gt-sm-0 {
    margin-left: auto;
    margin-right: 0;
  }

  [dir="rtl"] .flex-offset-gt-sm-0 {
    margin-left: auto;
    margin-right: 0;
  }

  [dir="rtl"] .layout-margin .flex-offset-gt-sm-0 {
    margin-left: auto;
    margin-right: 0;
  }

  [dir="rtl"] .layout-margin .offset-gt-sm-0 {
    margin-left: auto;
    margin-right: 0;
  }

  .offset-gt-sm-5, .flex-offset-gt-sm-5, .layout-margin .flex-offset-gt-sm-5, .layout-margin .offset-gt-sm-5 {
    margin-left: 5%;
  }

  [dir="rtl"] .offset-gt-sm-5 {
    margin-left: auto;
    margin-right: 5%;
  }

  [dir="rtl"] .flex-offset-gt-sm-5 {
    margin-left: auto;
    margin-right: 5%;
  }

  [dir="rtl"] .layout-margin .flex-offset-gt-sm-5 {
    margin-left: auto;
    margin-right: 5%;
  }

  [dir="rtl"] .layout-margin .offset-gt-sm-5 {
    margin-left: auto;
    margin-right: 5%;
  }

  .offset-gt-sm-10, .flex-offset-gt-sm-10, .layout-margin .flex-offset-gt-sm-10, .layout-margin .offset-gt-sm-10 {
    margin-left: 10%;
  }

  [dir="rtl"] .offset-gt-sm-10 {
    margin-left: auto;
    margin-right: 10%;
  }

  [dir="rtl"] .flex-offset-gt-sm-10 {
    margin-left: auto;
    margin-right: 10%;
  }

  [dir="rtl"] .layout-margin .flex-offset-gt-sm-10 {
    margin-left: auto;
    margin-right: 10%;
  }

  [dir="rtl"] .layout-margin .offset-gt-sm-10 {
    margin-left: auto;
    margin-right: 10%;
  }

  .offset-gt-sm-15, .flex-offset-gt-sm-15, .layout-margin .flex-offset-gt-sm-15, .layout-margin .offset-gt-sm-15 {
    margin-left: 15%;
  }

  [dir="rtl"] .offset-gt-sm-15 {
    margin-left: auto;
    margin-right: 15%;
  }

  [dir="rtl"] .flex-offset-gt-sm-15 {
    margin-left: auto;
    margin-right: 15%;
  }

  [dir="rtl"] .layout-margin .flex-offset-gt-sm-15 {
    margin-left: auto;
    margin-right: 15%;
  }

  [dir="rtl"] .layout-margin .offset-gt-sm-15 {
    margin-left: auto;
    margin-right: 15%;
  }

  .offset-gt-sm-20, .flex-offset-gt-sm-20, .layout-margin .flex-offset-gt-sm-20, .layout-margin .offset-gt-sm-20 {
    margin-left: 20%;
  }

  [dir="rtl"] .offset-gt-sm-20 {
    margin-left: auto;
    margin-right: 20%;
  }

  [dir="rtl"] .flex-offset-gt-sm-20 {
    margin-left: auto;
    margin-right: 20%;
  }

  [dir="rtl"] .layout-margin .flex-offset-gt-sm-20 {
    margin-left: auto;
    margin-right: 20%;
  }

  [dir="rtl"] .layout-margin .offset-gt-sm-20 {
    margin-left: auto;
    margin-right: 20%;
  }

  .offset-gt-sm-25, .flex-offset-gt-sm-25, .layout-margin .flex-offset-gt-sm-25, .layout-margin .offset-gt-sm-25 {
    margin-left: 25%;
  }

  [dir="rtl"] .offset-gt-sm-25 {
    margin-left: auto;
    margin-right: 25%;
  }

  [dir="rtl"] .flex-offset-gt-sm-25 {
    margin-left: auto;
    margin-right: 25%;
  }

  [dir="rtl"] .layout-margin .flex-offset-gt-sm-25 {
    margin-left: auto;
    margin-right: 25%;
  }

  [dir="rtl"] .layout-margin .offset-gt-sm-25 {
    margin-left: auto;
    margin-right: 25%;
  }

  .offset-gt-sm-30, .flex-offset-gt-sm-30, .layout-margin .flex-offset-gt-sm-30, .layout-margin .offset-gt-sm-30 {
    margin-left: 30%;
  }

  [dir="rtl"] .offset-gt-sm-30 {
    margin-left: auto;
    margin-right: 30%;
  }

  [dir="rtl"] .flex-offset-gt-sm-30 {
    margin-left: auto;
    margin-right: 30%;
  }

  [dir="rtl"] .layout-margin .flex-offset-gt-sm-30 {
    margin-left: auto;
    margin-right: 30%;
  }

  [dir="rtl"] .layout-margin .offset-gt-sm-30 {
    margin-left: auto;
    margin-right: 30%;
  }

  .offset-gt-sm-35, .flex-offset-gt-sm-35, .layout-margin .flex-offset-gt-sm-35, .layout-margin .offset-gt-sm-35 {
    margin-left: 35%;
  }

  [dir="rtl"] .offset-gt-sm-35 {
    margin-left: auto;
    margin-right: 35%;
  }

  [dir="rtl"] .flex-offset-gt-sm-35 {
    margin-left: auto;
    margin-right: 35%;
  }

  [dir="rtl"] .layout-margin .flex-offset-gt-sm-35 {
    margin-left: auto;
    margin-right: 35%;
  }

  [dir="rtl"] .layout-margin .offset-gt-sm-35 {
    margin-left: auto;
    margin-right: 35%;
  }

  .offset-gt-sm-40, .flex-offset-gt-sm-40, .layout-margin .flex-offset-gt-sm-40, .layout-margin .offset-gt-sm-40 {
    margin-left: 40%;
  }

  [dir="rtl"] .offset-gt-sm-40 {
    margin-left: auto;
    margin-right: 40%;
  }

  [dir="rtl"] .flex-offset-gt-sm-40 {
    margin-left: auto;
    margin-right: 40%;
  }

  [dir="rtl"] .layout-margin .flex-offset-gt-sm-40 {
    margin-left: auto;
    margin-right: 40%;
  }

  [dir="rtl"] .layout-margin .offset-gt-sm-40 {
    margin-left: auto;
    margin-right: 40%;
  }

  .offset-gt-sm-45, .flex-offset-gt-sm-45, .layout-margin .flex-offset-gt-sm-45, .layout-margin .offset-gt-sm-45 {
    margin-left: 45%;
  }

  [dir="rtl"] .offset-gt-sm-45 {
    margin-left: auto;
    margin-right: 45%;
  }

  [dir="rtl"] .flex-offset-gt-sm-45 {
    margin-left: auto;
    margin-right: 45%;
  }

  [dir="rtl"] .layout-margin .flex-offset-gt-sm-45 {
    margin-left: auto;
    margin-right: 45%;
  }

  [dir="rtl"] .layout-margin .offset-gt-sm-45 {
    margin-left: auto;
    margin-right: 45%;
  }

  .offset-gt-sm-50, .flex-offset-gt-sm-50, .layout-margin .flex-offset-gt-sm-50, .layout-margin .offset-gt-sm-50 {
    margin-left: 50%;
  }

  [dir="rtl"] .offset-gt-sm-50 {
    margin-left: auto;
    margin-right: 50%;
  }

  [dir="rtl"] .flex-offset-gt-sm-50 {
    margin-left: auto;
    margin-right: 50%;
  }

  [dir="rtl"] .layout-margin .flex-offset-gt-sm-50 {
    margin-left: auto;
    margin-right: 50%;
  }

  [dir="rtl"] .layout-margin .offset-gt-sm-50 {
    margin-left: auto;
    margin-right: 50%;
  }

  .offset-gt-sm-55, .flex-offset-gt-sm-55, .layout-margin .flex-offset-gt-sm-55, .layout-margin .offset-gt-sm-55 {
    margin-left: 55%;
  }

  [dir="rtl"] .offset-gt-sm-55 {
    margin-left: auto;
    margin-right: 55%;
  }

  [dir="rtl"] .flex-offset-gt-sm-55 {
    margin-left: auto;
    margin-right: 55%;
  }

  [dir="rtl"] .layout-margin .flex-offset-gt-sm-55 {
    margin-left: auto;
    margin-right: 55%;
  }

  [dir="rtl"] .layout-margin .offset-gt-sm-55 {
    margin-left: auto;
    margin-right: 55%;
  }

  .offset-gt-sm-60, .flex-offset-gt-sm-60, .layout-margin .flex-offset-gt-sm-60, .layout-margin .offset-gt-sm-60 {
    margin-left: 60%;
  }

  [dir="rtl"] .offset-gt-sm-60 {
    margin-left: auto;
    margin-right: 60%;
  }

  [dir="rtl"] .flex-offset-gt-sm-60 {
    margin-left: auto;
    margin-right: 60%;
  }

  [dir="rtl"] .layout-margin .flex-offset-gt-sm-60 {
    margin-left: auto;
    margin-right: 60%;
  }

  [dir="rtl"] .layout-margin .offset-gt-sm-60 {
    margin-left: auto;
    margin-right: 60%;
  }

  .offset-gt-sm-65, .flex-offset-gt-sm-65, .layout-margin .flex-offset-gt-sm-65, .layout-margin .offset-gt-sm-65 {
    margin-left: 65%;
  }

  [dir="rtl"] .offset-gt-sm-65 {
    margin-left: auto;
    margin-right: 65%;
  }

  [dir="rtl"] .flex-offset-gt-sm-65 {
    margin-left: auto;
    margin-right: 65%;
  }

  [dir="rtl"] .layout-margin .flex-offset-gt-sm-65 {
    margin-left: auto;
    margin-right: 65%;
  }

  [dir="rtl"] .layout-margin .offset-gt-sm-65 {
    margin-left: auto;
    margin-right: 65%;
  }

  .offset-gt-sm-70, .flex-offset-gt-sm-70, .layout-margin .flex-offset-gt-sm-70, .layout-margin .offset-gt-sm-70 {
    margin-left: 70%;
  }

  [dir="rtl"] .offset-gt-sm-70 {
    margin-left: auto;
    margin-right: 70%;
  }

  [dir="rtl"] .flex-offset-gt-sm-70 {
    margin-left: auto;
    margin-right: 70%;
  }

  [dir="rtl"] .layout-margin .flex-offset-gt-sm-70 {
    margin-left: auto;
    margin-right: 70%;
  }

  [dir="rtl"] .layout-margin .offset-gt-sm-70 {
    margin-left: auto;
    margin-right: 70%;
  }

  .offset-gt-sm-75, .flex-offset-gt-sm-75, .layout-margin .flex-offset-gt-sm-75, .layout-margin .offset-gt-sm-75 {
    margin-left: 75%;
  }

  [dir="rtl"] .offset-gt-sm-75 {
    margin-left: auto;
    margin-right: 75%;
  }

  [dir="rtl"] .flex-offset-gt-sm-75 {
    margin-left: auto;
    margin-right: 75%;
  }

  [dir="rtl"] .layout-margin .flex-offset-gt-sm-75 {
    margin-left: auto;
    margin-right: 75%;
  }

  [dir="rtl"] .layout-margin .offset-gt-sm-75 {
    margin-left: auto;
    margin-right: 75%;
  }

  .offset-gt-sm-80, .flex-offset-gt-sm-80, .layout-margin .flex-offset-gt-sm-80, .layout-margin .offset-gt-sm-80 {
    margin-left: 80%;
  }

  [dir="rtl"] .offset-gt-sm-80 {
    margin-left: auto;
    margin-right: 80%;
  }

  [dir="rtl"] .flex-offset-gt-sm-80 {
    margin-left: auto;
    margin-right: 80%;
  }

  [dir="rtl"] .layout-margin .flex-offset-gt-sm-80 {
    margin-left: auto;
    margin-right: 80%;
  }

  [dir="rtl"] .layout-margin .offset-gt-sm-80 {
    margin-left: auto;
    margin-right: 80%;
  }

  .offset-gt-sm-85, .flex-offset-gt-sm-85, .layout-margin .flex-offset-gt-sm-85, .layout-margin .offset-gt-sm-85 {
    margin-left: 85%;
  }

  [dir="rtl"] .offset-gt-sm-85 {
    margin-left: auto;
    margin-right: 85%;
  }

  [dir="rtl"] .flex-offset-gt-sm-85 {
    margin-left: auto;
    margin-right: 85%;
  }

  [dir="rtl"] .layout-margin .flex-offset-gt-sm-85 {
    margin-left: auto;
    margin-right: 85%;
  }

  [dir="rtl"] .layout-margin .offset-gt-sm-85 {
    margin-left: auto;
    margin-right: 85%;
  }

  .offset-gt-sm-90, .flex-offset-gt-sm-90, .layout-margin .flex-offset-gt-sm-90, .layout-margin .offset-gt-sm-90 {
    margin-left: 90%;
  }

  [dir="rtl"] .offset-gt-sm-90 {
    margin-left: auto;
    margin-right: 90%;
  }

  [dir="rtl"] .flex-offset-gt-sm-90 {
    margin-left: auto;
    margin-right: 90%;
  }

  [dir="rtl"] .layout-margin .flex-offset-gt-sm-90 {
    margin-left: auto;
    margin-right: 90%;
  }

  [dir="rtl"] .layout-margin .offset-gt-sm-90 {
    margin-left: auto;
    margin-right: 90%;
  }

  .offset-gt-sm-95, .flex-offset-gt-sm-95, .layout-margin .flex-offset-gt-sm-95, .layout-margin .offset-gt-sm-95 {
    margin-left: 95%;
  }

  [dir="rtl"] .offset-gt-sm-95 {
    margin-left: auto;
    margin-right: 95%;
  }

  [dir="rtl"] .flex-offset-gt-sm-95 {
    margin-left: auto;
    margin-right: 95%;
  }

  [dir="rtl"] .layout-margin .flex-offset-gt-sm-95 {
    margin-left: auto;
    margin-right: 95%;
  }

  [dir="rtl"] .layout-margin .offset-gt-sm-95 {
    margin-left: auto;
    margin-right: 95%;
  }

  .offset-gt-sm-33, .flex-offset-gt-sm-33, .layout-margin .flex-offset-gt-sm-33, .layout-margin .offset-gt-sm-33 {
    margin-left: 33.3333%;
  }

  .offset-gt-sm-66, .flex-offset-gt-sm-66, .layout-margin .flex-offset-gt-sm-66, .layout-margin .offset-gt-sm-66 {
    margin-left: 66.6667%;
  }

  [dir="rtl"] .offset-gt-sm-66 {
    margin-left: auto;
    margin-right: 66.6667%;
  }

  [dir="rtl"] .flex-offset-gt-sm-66 {
    margin-left: auto;
    margin-right: 66.6667%;
  }

  [dir="rtl"] .layout-margin .flex-offset-gt-sm-66 {
    margin-left: auto;
    margin-right: 66.6667%;
  }

  [dir="rtl"] .layout-margin .offset-gt-sm-66 {
    margin-left: auto;
    margin-right: 66.6667%;
  }

  .layout-align-gt-sm, .layout-align-gt-sm-start-stretch {
    place-content: stretch flex-start;
    align-items: stretch;
  }

  .layout-align-gt-sm-start, .layout-align-gt-sm-start-start, .layout-align-gt-sm-start-center, .layout-align-gt-sm-start-end, .layout-align-gt-sm-start-stretch {
    justify-content: flex-start;
  }

  .layout-align-gt-sm-center, .layout-align-gt-sm-center-start, .layout-align-gt-sm-center-center, .layout-align-gt-sm-center-end, .layout-align-gt-sm-center-stretch {
    justify-content: center;
  }

  .layout-align-gt-sm-end, .layout-align-gt-sm-end-start, .layout-align-gt-sm-end-center, .layout-align-gt-sm-end-end, .layout-align-gt-sm-end-stretch {
    justify-content: flex-end;
  }

  .layout-align-gt-sm-space-around, .layout-align-gt-sm-space-around-center, .layout-align-gt-sm-space-around-start, .layout-align-gt-sm-space-around-end, .layout-align-gt-sm-space-around-stretch {
    justify-content: space-around;
  }

  .layout-align-gt-sm-space-between, .layout-align-gt-sm-space-between-center, .layout-align-gt-sm-space-between-start, .layout-align-gt-sm-space-between-end, .layout-align-gt-sm-space-between-stretch {
    justify-content: space-between;
  }

  .layout-align-gt-sm-start-start, .layout-align-gt-sm-center-start, .layout-align-gt-sm-end-start, .layout-align-gt-sm-space-between-start, .layout-align-gt-sm-space-around-start {
    align-content: flex-start;
    align-items: flex-start;
  }

  .layout-align-gt-sm-start-center, .layout-align-gt-sm-center-center, .layout-align-gt-sm-end-center, .layout-align-gt-sm-space-between-center, .layout-align-gt-sm-space-around-center {
    align-content: center;
    align-items: center;
    max-width: 100%;
  }

  .layout-align-gt-sm-start-center > *, .layout-align-gt-sm-center-center > *, .layout-align-gt-sm-end-center > *, .layout-align-gt-sm-space-between-center > *, .layout-align-gt-sm-space-around-center > * {
    box-sizing: border-box;
    max-width: 100%;
  }

  .layout-align-gt-sm-start-end, .layout-align-gt-sm-center-end, .layout-align-gt-sm-end-end, .layout-align-gt-sm-space-between-end, .layout-align-gt-sm-space-around-end {
    align-content: flex-end;
    align-items: flex-end;
  }

  .layout-align-gt-sm-start-stretch, .layout-align-gt-sm-center-stretch, .layout-align-gt-sm-end-stretch, .layout-align-gt-sm-space-between-stretch, .layout-align-gt-sm-space-around-stretch {
    align-content: stretch;
    align-items: stretch;
  }

  .flex-gt-sm {
    box-sizing: border-box;
    flex: 1;
  }

  .flex-gt-sm-grow {
    box-sizing: border-box;
    flex: 100%;
  }

  .flex-gt-sm-initial {
    box-sizing: border-box;
    flex: 0 auto;
  }

  .flex-gt-sm-auto {
    box-sizing: border-box;
    flex: auto;
  }

  .flex-gt-sm-none {
    box-sizing: border-box;
    flex: none;
  }

  .flex-gt-sm-noshrink {
    box-sizing: border-box;
    flex: 1 0 auto;
  }

  .flex-gt-sm-nogrow {
    box-sizing: border-box;
    flex: 0 auto;
  }

  .flex-gt-sm-0 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 0%;
    max-height: 100%;
  }

  .layout-row > .flex-gt-sm-0 {
    box-sizing: border-box;
    flex: 100%;
    min-width: 0;
    max-width: 0%;
    max-height: 100%;
  }

  .layout-column > .flex-gt-sm-0 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 0%;
  }

  .layout-gt-sm-row > .flex-gt-sm-0 {
    box-sizing: border-box;
    flex: 100%;
    min-width: 0;
    max-width: 0%;
    max-height: 100%;
  }

  .layout-gt-sm-column > .flex-gt-sm-0 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    min-height: 0;
    max-height: 0%;
  }

  .flex-gt-sm-5, .layout-row > .flex-gt-sm-5 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 5%;
    max-height: 100%;
  }

  .layout-column > .flex-gt-sm-5 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 5%;
  }

  .layout-gt-sm-row > .flex-gt-sm-5 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 5%;
    max-height: 100%;
  }

  .layout-gt-sm-column > .flex-gt-sm-5 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 5%;
  }

  .flex-gt-sm-10, .layout-row > .flex-gt-sm-10 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 10%;
    max-height: 100%;
  }

  .layout-column > .flex-gt-sm-10 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 10%;
  }

  .layout-gt-sm-row > .flex-gt-sm-10 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 10%;
    max-height: 100%;
  }

  .layout-gt-sm-column > .flex-gt-sm-10 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 10%;
  }

  .flex-gt-sm-15, .layout-row > .flex-gt-sm-15 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 15%;
    max-height: 100%;
  }

  .layout-column > .flex-gt-sm-15 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 15%;
  }

  .layout-gt-sm-row > .flex-gt-sm-15 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 15%;
    max-height: 100%;
  }

  .layout-gt-sm-column > .flex-gt-sm-15 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 15%;
  }

  .flex-gt-sm-20, .layout-row > .flex-gt-sm-20 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 20%;
    max-height: 100%;
  }

  .layout-column > .flex-gt-sm-20 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 20%;
  }

  .layout-gt-sm-row > .flex-gt-sm-20 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 20%;
    max-height: 100%;
  }

  .layout-gt-sm-column > .flex-gt-sm-20 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 20%;
  }

  .flex-gt-sm-25, .layout-row > .flex-gt-sm-25 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 25%;
    max-height: 100%;
  }

  .layout-column > .flex-gt-sm-25 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 25%;
  }

  .layout-gt-sm-row > .flex-gt-sm-25 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 25%;
    max-height: 100%;
  }

  .layout-gt-sm-column > .flex-gt-sm-25 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 25%;
  }

  .flex-gt-sm-30, .layout-row > .flex-gt-sm-30 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 30%;
    max-height: 100%;
  }

  .layout-column > .flex-gt-sm-30 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 30%;
  }

  .layout-gt-sm-row > .flex-gt-sm-30 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 30%;
    max-height: 100%;
  }

  .layout-gt-sm-column > .flex-gt-sm-30 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 30%;
  }

  .flex-gt-sm-35, .layout-row > .flex-gt-sm-35 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 35%;
    max-height: 100%;
  }

  .layout-column > .flex-gt-sm-35 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 35%;
  }

  .layout-gt-sm-row > .flex-gt-sm-35 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 35%;
    max-height: 100%;
  }

  .layout-gt-sm-column > .flex-gt-sm-35 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 35%;
  }

  .flex-gt-sm-40, .layout-row > .flex-gt-sm-40 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 40%;
    max-height: 100%;
  }

  .layout-column > .flex-gt-sm-40 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 40%;
  }

  .layout-gt-sm-row > .flex-gt-sm-40 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 40%;
    max-height: 100%;
  }

  .layout-gt-sm-column > .flex-gt-sm-40 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 40%;
  }

  .flex-gt-sm-45, .layout-row > .flex-gt-sm-45 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 45%;
    max-height: 100%;
  }

  .layout-column > .flex-gt-sm-45 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 45%;
  }

  .layout-gt-sm-row > .flex-gt-sm-45 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 45%;
    max-height: 100%;
  }

  .layout-gt-sm-column > .flex-gt-sm-45 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 45%;
  }

  .flex-gt-sm-50, .layout-row > .flex-gt-sm-50 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 50%;
    max-height: 100%;
  }

  .layout-column > .flex-gt-sm-50 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 50%;
  }

  .layout-gt-sm-row > .flex-gt-sm-50 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 50%;
    max-height: 100%;
  }

  .layout-gt-sm-column > .flex-gt-sm-50 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 50%;
  }

  .flex-gt-sm-55, .layout-row > .flex-gt-sm-55 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 55%;
    max-height: 100%;
  }

  .layout-column > .flex-gt-sm-55 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 55%;
  }

  .layout-gt-sm-row > .flex-gt-sm-55 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 55%;
    max-height: 100%;
  }

  .layout-gt-sm-column > .flex-gt-sm-55 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 55%;
  }

  .flex-gt-sm-60, .layout-row > .flex-gt-sm-60 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 60%;
    max-height: 100%;
  }

  .layout-column > .flex-gt-sm-60 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 60%;
  }

  .layout-gt-sm-row > .flex-gt-sm-60 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 60%;
    max-height: 100%;
  }

  .layout-gt-sm-column > .flex-gt-sm-60 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 60%;
  }

  .flex-gt-sm-65, .layout-row > .flex-gt-sm-65 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 65%;
    max-height: 100%;
  }

  .layout-column > .flex-gt-sm-65 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 65%;
  }

  .layout-gt-sm-row > .flex-gt-sm-65 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 65%;
    max-height: 100%;
  }

  .layout-gt-sm-column > .flex-gt-sm-65 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 65%;
  }

  .flex-gt-sm-70, .layout-row > .flex-gt-sm-70 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 70%;
    max-height: 100%;
  }

  .layout-column > .flex-gt-sm-70 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 70%;
  }

  .layout-gt-sm-row > .flex-gt-sm-70 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 70%;
    max-height: 100%;
  }

  .layout-gt-sm-column > .flex-gt-sm-70 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 70%;
  }

  .flex-gt-sm-75, .layout-row > .flex-gt-sm-75 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 75%;
    max-height: 100%;
  }

  .layout-column > .flex-gt-sm-75 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 75%;
  }

  .layout-gt-sm-row > .flex-gt-sm-75 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 75%;
    max-height: 100%;
  }

  .layout-gt-sm-column > .flex-gt-sm-75 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 75%;
  }

  .flex-gt-sm-80, .layout-row > .flex-gt-sm-80 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 80%;
    max-height: 100%;
  }

  .layout-column > .flex-gt-sm-80 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 80%;
  }

  .layout-gt-sm-row > .flex-gt-sm-80 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 80%;
    max-height: 100%;
  }

  .layout-gt-sm-column > .flex-gt-sm-80 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 80%;
  }

  .flex-gt-sm-85, .layout-row > .flex-gt-sm-85 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 85%;
    max-height: 100%;
  }

  .layout-column > .flex-gt-sm-85 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 85%;
  }

  .layout-gt-sm-row > .flex-gt-sm-85 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 85%;
    max-height: 100%;
  }

  .layout-gt-sm-column > .flex-gt-sm-85 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 85%;
  }

  .flex-gt-sm-90, .layout-row > .flex-gt-sm-90 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 90%;
    max-height: 100%;
  }

  .layout-column > .flex-gt-sm-90 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 90%;
  }

  .layout-gt-sm-row > .flex-gt-sm-90 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 90%;
    max-height: 100%;
  }

  .layout-gt-sm-column > .flex-gt-sm-90 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 90%;
  }

  .flex-gt-sm-95, .layout-row > .flex-gt-sm-95 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 95%;
    max-height: 100%;
  }

  .layout-column > .flex-gt-sm-95 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 95%;
  }

  .layout-gt-sm-row > .flex-gt-sm-95 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 95%;
    max-height: 100%;
  }

  .layout-gt-sm-column > .flex-gt-sm-95 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 95%;
  }

  .flex-gt-sm-100, .layout-row > .flex-gt-sm-100, .layout-column > .flex-gt-sm-100, .layout-gt-sm-row > .flex-gt-sm-100, .layout-gt-sm-column > .flex-gt-sm-100 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 100%;
  }

  .layout-row > .flex-gt-sm-33 {
    box-sizing: border-box;
    flex: 33.33%;
    max-width: 33.33%;
    max-height: 100%;
  }

  .layout-row > .flex-gt-sm-66 {
    box-sizing: border-box;
    flex: 66.66%;
    max-width: 66.66%;
    max-height: 100%;
  }

  .layout-column > .flex-gt-sm-33 {
    box-sizing: border-box;
    flex: 33.33%;
    max-width: 100%;
    max-height: 33.33%;
  }

  .layout-column > .flex-gt-sm-66 {
    box-sizing: border-box;
    flex: 66.66%;
    max-width: 100%;
    max-height: 66.66%;
  }

  .layout-gt-sm-row > .flex-gt-sm-33 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 33.33%;
    max-height: 100%;
  }

  .layout-gt-sm-row > .flex-gt-sm-66 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 66.66%;
    max-height: 100%;
  }

  .layout-gt-sm-row > .flex {
    min-width: 0;
  }

  .layout-gt-sm-column > .flex-gt-sm-33 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 33.33%;
  }

  .layout-gt-sm-column > .flex-gt-sm-66 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 66.66%;
  }

  .layout-gt-sm-column > .flex {
    min-height: 0;
  }

  .layout-gt-sm, .layout-gt-sm-column, .layout-gt-sm-row {
    box-sizing: border-box;
    display: flex;
  }

  .layout-gt-sm-column {
    flex-direction: column;
  }

  .layout-gt-sm-row {
    flex-direction: row;
  }
}

@media (min-width: 960px) and (max-width: 1279px) {
  .hide:not(.show-gt-xs):not(.show-gt-sm):not(.show-md):not(.show), .hide-gt-xs:not(.show-gt-xs):not(.show-gt-sm):not(.show-md):not(.show), .hide-gt-sm:not(.show-gt-xs):not(.show-gt-sm):not(.show-md):not(.show), .hide-md:not(.show-md):not(.show-gt-sm):not(.show-gt-xs):not(.show) {
    display: none;
  }

  .flex-order-md--20 {
    order: -20;
  }

  .flex-order-md--19 {
    order: -19;
  }

  .flex-order-md--18 {
    order: -18;
  }

  .flex-order-md--17 {
    order: -17;
  }

  .flex-order-md--16 {
    order: -16;
  }

  .flex-order-md--15 {
    order: -15;
  }

  .flex-order-md--14 {
    order: -14;
  }

  .flex-order-md--13 {
    order: -13;
  }

  .flex-order-md--12 {
    order: -12;
  }

  .flex-order-md--11 {
    order: -11;
  }

  .flex-order-md--10 {
    order: -10;
  }

  .flex-order-md--9 {
    order: -9;
  }

  .flex-order-md--8 {
    order: -8;
  }

  .flex-order-md--7 {
    order: -7;
  }

  .flex-order-md--6 {
    order: -6;
  }

  .flex-order-md--5 {
    order: -5;
  }

  .flex-order-md--4 {
    order: -4;
  }

  .flex-order-md--3 {
    order: -3;
  }

  .flex-order-md--2 {
    order: -2;
  }

  .flex-order-md--1 {
    order: -1;
  }

  .flex-order-md-0 {
    order: 0;
  }

  .flex-order-md-1 {
    order: 1;
  }

  .flex-order-md-2 {
    order: 2;
  }

  .flex-order-md-3 {
    order: 3;
  }

  .flex-order-md-4 {
    order: 4;
  }

  .flex-order-md-5 {
    order: 5;
  }

  .flex-order-md-6 {
    order: 6;
  }

  .flex-order-md-7 {
    order: 7;
  }

  .flex-order-md-8 {
    order: 8;
  }

  .flex-order-md-9 {
    order: 9;
  }

  .flex-order-md-10 {
    order: 10;
  }

  .flex-order-md-11 {
    order: 11;
  }

  .flex-order-md-12 {
    order: 12;
  }

  .flex-order-md-13 {
    order: 13;
  }

  .flex-order-md-14 {
    order: 14;
  }

  .flex-order-md-15 {
    order: 15;
  }

  .flex-order-md-16 {
    order: 16;
  }

  .flex-order-md-17 {
    order: 17;
  }

  .flex-order-md-18 {
    order: 18;
  }

  .flex-order-md-19 {
    order: 19;
  }

  .flex-order-md-20 {
    order: 20;
  }

  .offset-md-0, .flex-offset-md-0, .layout-margin .flex-offset-md-0, .layout-margin .offset-md-0 {
    margin-left: 0;
  }

  [dir="rtl"] .offset-md-0 {
    margin-left: auto;
    margin-right: 0;
  }

  [dir="rtl"] .flex-offset-md-0 {
    margin-left: auto;
    margin-right: 0;
  }

  [dir="rtl"] .layout-margin .flex-offset-md-0 {
    margin-left: auto;
    margin-right: 0;
  }

  [dir="rtl"] .layout-margin .offset-md-0 {
    margin-left: auto;
    margin-right: 0;
  }

  .offset-md-5, .flex-offset-md-5, .layout-margin .flex-offset-md-5, .layout-margin .offset-md-5 {
    margin-left: 5%;
  }

  [dir="rtl"] .offset-md-5 {
    margin-left: auto;
    margin-right: 5%;
  }

  [dir="rtl"] .flex-offset-md-5 {
    margin-left: auto;
    margin-right: 5%;
  }

  [dir="rtl"] .layout-margin .flex-offset-md-5 {
    margin-left: auto;
    margin-right: 5%;
  }

  [dir="rtl"] .layout-margin .offset-md-5 {
    margin-left: auto;
    margin-right: 5%;
  }

  .offset-md-10, .flex-offset-md-10, .layout-margin .flex-offset-md-10, .layout-margin .offset-md-10 {
    margin-left: 10%;
  }

  [dir="rtl"] .offset-md-10 {
    margin-left: auto;
    margin-right: 10%;
  }

  [dir="rtl"] .flex-offset-md-10 {
    margin-left: auto;
    margin-right: 10%;
  }

  [dir="rtl"] .layout-margin .flex-offset-md-10 {
    margin-left: auto;
    margin-right: 10%;
  }

  [dir="rtl"] .layout-margin .offset-md-10 {
    margin-left: auto;
    margin-right: 10%;
  }

  .offset-md-15, .flex-offset-md-15, .layout-margin .flex-offset-md-15, .layout-margin .offset-md-15 {
    margin-left: 15%;
  }

  [dir="rtl"] .offset-md-15 {
    margin-left: auto;
    margin-right: 15%;
  }

  [dir="rtl"] .flex-offset-md-15 {
    margin-left: auto;
    margin-right: 15%;
  }

  [dir="rtl"] .layout-margin .flex-offset-md-15 {
    margin-left: auto;
    margin-right: 15%;
  }

  [dir="rtl"] .layout-margin .offset-md-15 {
    margin-left: auto;
    margin-right: 15%;
  }

  .offset-md-20, .flex-offset-md-20, .layout-margin .flex-offset-md-20, .layout-margin .offset-md-20 {
    margin-left: 20%;
  }

  [dir="rtl"] .offset-md-20 {
    margin-left: auto;
    margin-right: 20%;
  }

  [dir="rtl"] .flex-offset-md-20 {
    margin-left: auto;
    margin-right: 20%;
  }

  [dir="rtl"] .layout-margin .flex-offset-md-20 {
    margin-left: auto;
    margin-right: 20%;
  }

  [dir="rtl"] .layout-margin .offset-md-20 {
    margin-left: auto;
    margin-right: 20%;
  }

  .offset-md-25, .flex-offset-md-25, .layout-margin .flex-offset-md-25, .layout-margin .offset-md-25 {
    margin-left: 25%;
  }

  [dir="rtl"] .offset-md-25 {
    margin-left: auto;
    margin-right: 25%;
  }

  [dir="rtl"] .flex-offset-md-25 {
    margin-left: auto;
    margin-right: 25%;
  }

  [dir="rtl"] .layout-margin .flex-offset-md-25 {
    margin-left: auto;
    margin-right: 25%;
  }

  [dir="rtl"] .layout-margin .offset-md-25 {
    margin-left: auto;
    margin-right: 25%;
  }

  .offset-md-30, .flex-offset-md-30, .layout-margin .flex-offset-md-30, .layout-margin .offset-md-30 {
    margin-left: 30%;
  }

  [dir="rtl"] .offset-md-30 {
    margin-left: auto;
    margin-right: 30%;
  }

  [dir="rtl"] .flex-offset-md-30 {
    margin-left: auto;
    margin-right: 30%;
  }

  [dir="rtl"] .layout-margin .flex-offset-md-30 {
    margin-left: auto;
    margin-right: 30%;
  }

  [dir="rtl"] .layout-margin .offset-md-30 {
    margin-left: auto;
    margin-right: 30%;
  }

  .offset-md-35, .flex-offset-md-35, .layout-margin .flex-offset-md-35, .layout-margin .offset-md-35 {
    margin-left: 35%;
  }

  [dir="rtl"] .offset-md-35 {
    margin-left: auto;
    margin-right: 35%;
  }

  [dir="rtl"] .flex-offset-md-35 {
    margin-left: auto;
    margin-right: 35%;
  }

  [dir="rtl"] .layout-margin .flex-offset-md-35 {
    margin-left: auto;
    margin-right: 35%;
  }

  [dir="rtl"] .layout-margin .offset-md-35 {
    margin-left: auto;
    margin-right: 35%;
  }

  .offset-md-40, .flex-offset-md-40, .layout-margin .flex-offset-md-40, .layout-margin .offset-md-40 {
    margin-left: 40%;
  }

  [dir="rtl"] .offset-md-40 {
    margin-left: auto;
    margin-right: 40%;
  }

  [dir="rtl"] .flex-offset-md-40 {
    margin-left: auto;
    margin-right: 40%;
  }

  [dir="rtl"] .layout-margin .flex-offset-md-40 {
    margin-left: auto;
    margin-right: 40%;
  }

  [dir="rtl"] .layout-margin .offset-md-40 {
    margin-left: auto;
    margin-right: 40%;
  }

  .offset-md-45, .flex-offset-md-45, .layout-margin .flex-offset-md-45, .layout-margin .offset-md-45 {
    margin-left: 45%;
  }

  [dir="rtl"] .offset-md-45 {
    margin-left: auto;
    margin-right: 45%;
  }

  [dir="rtl"] .flex-offset-md-45 {
    margin-left: auto;
    margin-right: 45%;
  }

  [dir="rtl"] .layout-margin .flex-offset-md-45 {
    margin-left: auto;
    margin-right: 45%;
  }

  [dir="rtl"] .layout-margin .offset-md-45 {
    margin-left: auto;
    margin-right: 45%;
  }

  .offset-md-50, .flex-offset-md-50, .layout-margin .flex-offset-md-50, .layout-margin .offset-md-50 {
    margin-left: 50%;
  }

  [dir="rtl"] .offset-md-50 {
    margin-left: auto;
    margin-right: 50%;
  }

  [dir="rtl"] .flex-offset-md-50 {
    margin-left: auto;
    margin-right: 50%;
  }

  [dir="rtl"] .layout-margin .flex-offset-md-50 {
    margin-left: auto;
    margin-right: 50%;
  }

  [dir="rtl"] .layout-margin .offset-md-50 {
    margin-left: auto;
    margin-right: 50%;
  }

  .offset-md-55, .flex-offset-md-55, .layout-margin .flex-offset-md-55, .layout-margin .offset-md-55 {
    margin-left: 55%;
  }

  [dir="rtl"] .offset-md-55 {
    margin-left: auto;
    margin-right: 55%;
  }

  [dir="rtl"] .flex-offset-md-55 {
    margin-left: auto;
    margin-right: 55%;
  }

  [dir="rtl"] .layout-margin .flex-offset-md-55 {
    margin-left: auto;
    margin-right: 55%;
  }

  [dir="rtl"] .layout-margin .offset-md-55 {
    margin-left: auto;
    margin-right: 55%;
  }

  .offset-md-60, .flex-offset-md-60, .layout-margin .flex-offset-md-60, .layout-margin .offset-md-60 {
    margin-left: 60%;
  }

  [dir="rtl"] .offset-md-60 {
    margin-left: auto;
    margin-right: 60%;
  }

  [dir="rtl"] .flex-offset-md-60 {
    margin-left: auto;
    margin-right: 60%;
  }

  [dir="rtl"] .layout-margin .flex-offset-md-60 {
    margin-left: auto;
    margin-right: 60%;
  }

  [dir="rtl"] .layout-margin .offset-md-60 {
    margin-left: auto;
    margin-right: 60%;
  }

  .offset-md-65, .flex-offset-md-65, .layout-margin .flex-offset-md-65, .layout-margin .offset-md-65 {
    margin-left: 65%;
  }

  [dir="rtl"] .offset-md-65 {
    margin-left: auto;
    margin-right: 65%;
  }

  [dir="rtl"] .flex-offset-md-65 {
    margin-left: auto;
    margin-right: 65%;
  }

  [dir="rtl"] .layout-margin .flex-offset-md-65 {
    margin-left: auto;
    margin-right: 65%;
  }

  [dir="rtl"] .layout-margin .offset-md-65 {
    margin-left: auto;
    margin-right: 65%;
  }

  .offset-md-70, .flex-offset-md-70, .layout-margin .flex-offset-md-70, .layout-margin .offset-md-70 {
    margin-left: 70%;
  }

  [dir="rtl"] .offset-md-70 {
    margin-left: auto;
    margin-right: 70%;
  }

  [dir="rtl"] .flex-offset-md-70 {
    margin-left: auto;
    margin-right: 70%;
  }

  [dir="rtl"] .layout-margin .flex-offset-md-70 {
    margin-left: auto;
    margin-right: 70%;
  }

  [dir="rtl"] .layout-margin .offset-md-70 {
    margin-left: auto;
    margin-right: 70%;
  }

  .offset-md-75, .flex-offset-md-75, .layout-margin .flex-offset-md-75, .layout-margin .offset-md-75 {
    margin-left: 75%;
  }

  [dir="rtl"] .offset-md-75 {
    margin-left: auto;
    margin-right: 75%;
  }

  [dir="rtl"] .flex-offset-md-75 {
    margin-left: auto;
    margin-right: 75%;
  }

  [dir="rtl"] .layout-margin .flex-offset-md-75 {
    margin-left: auto;
    margin-right: 75%;
  }

  [dir="rtl"] .layout-margin .offset-md-75 {
    margin-left: auto;
    margin-right: 75%;
  }

  .offset-md-80, .flex-offset-md-80, .layout-margin .flex-offset-md-80, .layout-margin .offset-md-80 {
    margin-left: 80%;
  }

  [dir="rtl"] .offset-md-80 {
    margin-left: auto;
    margin-right: 80%;
  }

  [dir="rtl"] .flex-offset-md-80 {
    margin-left: auto;
    margin-right: 80%;
  }

  [dir="rtl"] .layout-margin .flex-offset-md-80 {
    margin-left: auto;
    margin-right: 80%;
  }

  [dir="rtl"] .layout-margin .offset-md-80 {
    margin-left: auto;
    margin-right: 80%;
  }

  .offset-md-85, .flex-offset-md-85, .layout-margin .flex-offset-md-85, .layout-margin .offset-md-85 {
    margin-left: 85%;
  }

  [dir="rtl"] .offset-md-85 {
    margin-left: auto;
    margin-right: 85%;
  }

  [dir="rtl"] .flex-offset-md-85 {
    margin-left: auto;
    margin-right: 85%;
  }

  [dir="rtl"] .layout-margin .flex-offset-md-85 {
    margin-left: auto;
    margin-right: 85%;
  }

  [dir="rtl"] .layout-margin .offset-md-85 {
    margin-left: auto;
    margin-right: 85%;
  }

  .offset-md-90, .flex-offset-md-90, .layout-margin .flex-offset-md-90, .layout-margin .offset-md-90 {
    margin-left: 90%;
  }

  [dir="rtl"] .offset-md-90 {
    margin-left: auto;
    margin-right: 90%;
  }

  [dir="rtl"] .flex-offset-md-90 {
    margin-left: auto;
    margin-right: 90%;
  }

  [dir="rtl"] .layout-margin .flex-offset-md-90 {
    margin-left: auto;
    margin-right: 90%;
  }

  [dir="rtl"] .layout-margin .offset-md-90 {
    margin-left: auto;
    margin-right: 90%;
  }

  .offset-md-95, .flex-offset-md-95, .layout-margin .flex-offset-md-95, .layout-margin .offset-md-95 {
    margin-left: 95%;
  }

  [dir="rtl"] .offset-md-95 {
    margin-left: auto;
    margin-right: 95%;
  }

  [dir="rtl"] .flex-offset-md-95 {
    margin-left: auto;
    margin-right: 95%;
  }

  [dir="rtl"] .layout-margin .flex-offset-md-95 {
    margin-left: auto;
    margin-right: 95%;
  }

  [dir="rtl"] .layout-margin .offset-md-95 {
    margin-left: auto;
    margin-right: 95%;
  }

  .offset-md-33, .flex-offset-md-33, .layout-margin .flex-offset-md-33, .layout-margin .offset-md-33 {
    margin-left: 33.3333%;
  }

  .offset-md-66, .flex-offset-md-66, .layout-margin .flex-offset-md-66, .layout-margin .offset-md-66 {
    margin-left: 66.6667%;
  }

  [dir="rtl"] .offset-md-66 {
    margin-left: auto;
    margin-right: 66.6667%;
  }

  [dir="rtl"] .flex-offset-md-66 {
    margin-left: auto;
    margin-right: 66.6667%;
  }

  [dir="rtl"] .layout-margin .flex-offset-md-66 {
    margin-left: auto;
    margin-right: 66.6667%;
  }

  [dir="rtl"] .layout-margin .offset-md-66 {
    margin-left: auto;
    margin-right: 66.6667%;
  }

  .layout-align-md, .layout-align-md-start-stretch {
    place-content: stretch flex-start;
    align-items: stretch;
  }

  .layout-align-md-start, .layout-align-md-start-start, .layout-align-md-start-center, .layout-align-md-start-end, .layout-align-md-start-stretch {
    justify-content: flex-start;
  }

  .layout-align-md-center, .layout-align-md-center-start, .layout-align-md-center-center, .layout-align-md-center-end, .layout-align-md-center-stretch {
    justify-content: center;
  }

  .layout-align-md-end, .layout-align-md-end-start, .layout-align-md-end-center, .layout-align-md-end-end, .layout-align-md-end-stretch {
    justify-content: flex-end;
  }

  .layout-align-md-space-around, .layout-align-md-space-around-center, .layout-align-md-space-around-start, .layout-align-md-space-around-end, .layout-align-md-space-around-stretch {
    justify-content: space-around;
  }

  .layout-align-md-space-between, .layout-align-md-space-between-center, .layout-align-md-space-between-start, .layout-align-md-space-between-end, .layout-align-md-space-between-stretch {
    justify-content: space-between;
  }

  .layout-align-md-start-start, .layout-align-md-center-start, .layout-align-md-end-start, .layout-align-md-space-between-start, .layout-align-md-space-around-start {
    align-content: flex-start;
    align-items: flex-start;
  }

  .layout-align-md-start-center, .layout-align-md-center-center, .layout-align-md-end-center, .layout-align-md-space-between-center, .layout-align-md-space-around-center {
    align-content: center;
    align-items: center;
    max-width: 100%;
  }

  .layout-align-md-start-center > *, .layout-align-md-center-center > *, .layout-align-md-end-center > *, .layout-align-md-space-between-center > *, .layout-align-md-space-around-center > * {
    box-sizing: border-box;
    max-width: 100%;
  }

  .layout-align-md-start-end, .layout-align-md-center-end, .layout-align-md-end-end, .layout-align-md-space-between-end, .layout-align-md-space-around-end {
    align-content: flex-end;
    align-items: flex-end;
  }

  .layout-align-md-start-stretch, .layout-align-md-center-stretch, .layout-align-md-end-stretch, .layout-align-md-space-between-stretch, .layout-align-md-space-around-stretch {
    align-content: stretch;
    align-items: stretch;
  }

  .flex-md {
    box-sizing: border-box;
    flex: 1;
  }

  .flex-md-grow {
    box-sizing: border-box;
    flex: 100%;
  }

  .flex-md-initial {
    box-sizing: border-box;
    flex: 0 auto;
  }

  .flex-md-auto {
    box-sizing: border-box;
    flex: auto;
  }

  .flex-md-none {
    box-sizing: border-box;
    flex: none;
  }

  .flex-md-noshrink {
    box-sizing: border-box;
    flex: 1 0 auto;
  }

  .flex-md-nogrow {
    box-sizing: border-box;
    flex: 0 auto;
  }

  .flex-md-0 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 0%;
    max-height: 100%;
  }

  .layout-row > .flex-md-0 {
    box-sizing: border-box;
    flex: 100%;
    min-width: 0;
    max-width: 0%;
    max-height: 100%;
  }

  .layout-column > .flex-md-0 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 0%;
  }

  .layout-md-row > .flex-md-0 {
    box-sizing: border-box;
    flex: 100%;
    min-width: 0;
    max-width: 0%;
    max-height: 100%;
  }

  .layout-md-column > .flex-md-0 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    min-height: 0;
    max-height: 0%;
  }

  .flex-md-5, .layout-row > .flex-md-5 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 5%;
    max-height: 100%;
  }

  .layout-column > .flex-md-5 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 5%;
  }

  .layout-md-row > .flex-md-5 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 5%;
    max-height: 100%;
  }

  .layout-md-column > .flex-md-5 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 5%;
  }

  .flex-md-10, .layout-row > .flex-md-10 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 10%;
    max-height: 100%;
  }

  .layout-column > .flex-md-10 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 10%;
  }

  .layout-md-row > .flex-md-10 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 10%;
    max-height: 100%;
  }

  .layout-md-column > .flex-md-10 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 10%;
  }

  .flex-md-15, .layout-row > .flex-md-15 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 15%;
    max-height: 100%;
  }

  .layout-column > .flex-md-15 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 15%;
  }

  .layout-md-row > .flex-md-15 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 15%;
    max-height: 100%;
  }

  .layout-md-column > .flex-md-15 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 15%;
  }

  .flex-md-20, .layout-row > .flex-md-20 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 20%;
    max-height: 100%;
  }

  .layout-column > .flex-md-20 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 20%;
  }

  .layout-md-row > .flex-md-20 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 20%;
    max-height: 100%;
  }

  .layout-md-column > .flex-md-20 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 20%;
  }

  .flex-md-25, .layout-row > .flex-md-25 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 25%;
    max-height: 100%;
  }

  .layout-column > .flex-md-25 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 25%;
  }

  .layout-md-row > .flex-md-25 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 25%;
    max-height: 100%;
  }

  .layout-md-column > .flex-md-25 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 25%;
  }

  .flex-md-30, .layout-row > .flex-md-30 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 30%;
    max-height: 100%;
  }

  .layout-column > .flex-md-30 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 30%;
  }

  .layout-md-row > .flex-md-30 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 30%;
    max-height: 100%;
  }

  .layout-md-column > .flex-md-30 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 30%;
  }

  .flex-md-35, .layout-row > .flex-md-35 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 35%;
    max-height: 100%;
  }

  .layout-column > .flex-md-35 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 35%;
  }

  .layout-md-row > .flex-md-35 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 35%;
    max-height: 100%;
  }

  .layout-md-column > .flex-md-35 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 35%;
  }

  .flex-md-40, .layout-row > .flex-md-40 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 40%;
    max-height: 100%;
  }

  .layout-column > .flex-md-40 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 40%;
  }

  .layout-md-row > .flex-md-40 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 40%;
    max-height: 100%;
  }

  .layout-md-column > .flex-md-40 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 40%;
  }

  .flex-md-45, .layout-row > .flex-md-45 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 45%;
    max-height: 100%;
  }

  .layout-column > .flex-md-45 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 45%;
  }

  .layout-md-row > .flex-md-45 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 45%;
    max-height: 100%;
  }

  .layout-md-column > .flex-md-45 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 45%;
  }

  .flex-md-50, .layout-row > .flex-md-50 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 50%;
    max-height: 100%;
  }

  .layout-column > .flex-md-50 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 50%;
  }

  .layout-md-row > .flex-md-50 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 50%;
    max-height: 100%;
  }

  .layout-md-column > .flex-md-50 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 50%;
  }

  .flex-md-55, .layout-row > .flex-md-55 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 55%;
    max-height: 100%;
  }

  .layout-column > .flex-md-55 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 55%;
  }

  .layout-md-row > .flex-md-55 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 55%;
    max-height: 100%;
  }

  .layout-md-column > .flex-md-55 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 55%;
  }

  .flex-md-60, .layout-row > .flex-md-60 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 60%;
    max-height: 100%;
  }

  .layout-column > .flex-md-60 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 60%;
  }

  .layout-md-row > .flex-md-60 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 60%;
    max-height: 100%;
  }

  .layout-md-column > .flex-md-60 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 60%;
  }

  .flex-md-65, .layout-row > .flex-md-65 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 65%;
    max-height: 100%;
  }

  .layout-column > .flex-md-65 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 65%;
  }

  .layout-md-row > .flex-md-65 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 65%;
    max-height: 100%;
  }

  .layout-md-column > .flex-md-65 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 65%;
  }

  .flex-md-70, .layout-row > .flex-md-70 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 70%;
    max-height: 100%;
  }

  .layout-column > .flex-md-70 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 70%;
  }

  .layout-md-row > .flex-md-70 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 70%;
    max-height: 100%;
  }

  .layout-md-column > .flex-md-70 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 70%;
  }

  .flex-md-75, .layout-row > .flex-md-75 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 75%;
    max-height: 100%;
  }

  .layout-column > .flex-md-75 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 75%;
  }

  .layout-md-row > .flex-md-75 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 75%;
    max-height: 100%;
  }

  .layout-md-column > .flex-md-75 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 75%;
  }

  .flex-md-80, .layout-row > .flex-md-80 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 80%;
    max-height: 100%;
  }

  .layout-column > .flex-md-80 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 80%;
  }

  .layout-md-row > .flex-md-80 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 80%;
    max-height: 100%;
  }

  .layout-md-column > .flex-md-80 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 80%;
  }

  .flex-md-85, .layout-row > .flex-md-85 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 85%;
    max-height: 100%;
  }

  .layout-column > .flex-md-85 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 85%;
  }

  .layout-md-row > .flex-md-85 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 85%;
    max-height: 100%;
  }

  .layout-md-column > .flex-md-85 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 85%;
  }

  .flex-md-90, .layout-row > .flex-md-90 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 90%;
    max-height: 100%;
  }

  .layout-column > .flex-md-90 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 90%;
  }

  .layout-md-row > .flex-md-90 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 90%;
    max-height: 100%;
  }

  .layout-md-column > .flex-md-90 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 90%;
  }

  .flex-md-95, .layout-row > .flex-md-95 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 95%;
    max-height: 100%;
  }

  .layout-column > .flex-md-95 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 95%;
  }

  .layout-md-row > .flex-md-95 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 95%;
    max-height: 100%;
  }

  .layout-md-column > .flex-md-95 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 95%;
  }

  .flex-md-100, .layout-row > .flex-md-100, .layout-column > .flex-md-100, .layout-md-row > .flex-md-100, .layout-md-column > .flex-md-100 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 100%;
  }

  .layout-row > .flex-md-33 {
    box-sizing: border-box;
    flex: 33.33%;
    max-width: 33.33%;
    max-height: 100%;
  }

  .layout-row > .flex-md-66 {
    box-sizing: border-box;
    flex: 66.66%;
    max-width: 66.66%;
    max-height: 100%;
  }

  .layout-column > .flex-md-33 {
    box-sizing: border-box;
    flex: 33.33%;
    max-width: 100%;
    max-height: 33.33%;
  }

  .layout-column > .flex-md-66 {
    box-sizing: border-box;
    flex: 66.66%;
    max-width: 100%;
    max-height: 66.66%;
  }

  .layout-md-row > .flex-md-33 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 33.33%;
    max-height: 100%;
  }

  .layout-md-row > .flex-md-66 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 66.66%;
    max-height: 100%;
  }

  .layout-md-row > .flex {
    min-width: 0;
  }

  .layout-md-column > .flex-md-33 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 33.33%;
  }

  .layout-md-column > .flex-md-66 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 66.66%;
  }

  .layout-md-column > .flex {
    min-height: 0;
  }

  .layout-md, .layout-md-column, .layout-md-row {
    box-sizing: border-box;
    display: flex;
  }

  .layout-md-column {
    flex-direction: column;
  }

  .layout-md-row {
    flex-direction: row;
  }
}

@media (min-width: 1280px) {
  .flex-order-gt-md--20 {
    order: -20;
  }

  .flex-order-gt-md--19 {
    order: -19;
  }

  .flex-order-gt-md--18 {
    order: -18;
  }

  .flex-order-gt-md--17 {
    order: -17;
  }

  .flex-order-gt-md--16 {
    order: -16;
  }

  .flex-order-gt-md--15 {
    order: -15;
  }

  .flex-order-gt-md--14 {
    order: -14;
  }

  .flex-order-gt-md--13 {
    order: -13;
  }

  .flex-order-gt-md--12 {
    order: -12;
  }

  .flex-order-gt-md--11 {
    order: -11;
  }

  .flex-order-gt-md--10 {
    order: -10;
  }

  .flex-order-gt-md--9 {
    order: -9;
  }

  .flex-order-gt-md--8 {
    order: -8;
  }

  .flex-order-gt-md--7 {
    order: -7;
  }

  .flex-order-gt-md--6 {
    order: -6;
  }

  .flex-order-gt-md--5 {
    order: -5;
  }

  .flex-order-gt-md--4 {
    order: -4;
  }

  .flex-order-gt-md--3 {
    order: -3;
  }

  .flex-order-gt-md--2 {
    order: -2;
  }

  .flex-order-gt-md--1 {
    order: -1;
  }

  .flex-order-gt-md-0 {
    order: 0;
  }

  .flex-order-gt-md-1 {
    order: 1;
  }

  .flex-order-gt-md-2 {
    order: 2;
  }

  .flex-order-gt-md-3 {
    order: 3;
  }

  .flex-order-gt-md-4 {
    order: 4;
  }

  .flex-order-gt-md-5 {
    order: 5;
  }

  .flex-order-gt-md-6 {
    order: 6;
  }

  .flex-order-gt-md-7 {
    order: 7;
  }

  .flex-order-gt-md-8 {
    order: 8;
  }

  .flex-order-gt-md-9 {
    order: 9;
  }

  .flex-order-gt-md-10 {
    order: 10;
  }

  .flex-order-gt-md-11 {
    order: 11;
  }

  .flex-order-gt-md-12 {
    order: 12;
  }

  .flex-order-gt-md-13 {
    order: 13;
  }

  .flex-order-gt-md-14 {
    order: 14;
  }

  .flex-order-gt-md-15 {
    order: 15;
  }

  .flex-order-gt-md-16 {
    order: 16;
  }

  .flex-order-gt-md-17 {
    order: 17;
  }

  .flex-order-gt-md-18 {
    order: 18;
  }

  .flex-order-gt-md-19 {
    order: 19;
  }

  .flex-order-gt-md-20 {
    order: 20;
  }

  .offset-gt-md-0, .flex-offset-gt-md-0, .layout-margin .flex-offset-gt-md-0, .layout-margin .offset-gt-md-0 {
    margin-left: 0;
  }

  [dir="rtl"] .offset-gt-md-0 {
    margin-left: auto;
    margin-right: 0;
  }

  [dir="rtl"] .flex-offset-gt-md-0 {
    margin-left: auto;
    margin-right: 0;
  }

  [dir="rtl"] .layout-margin .flex-offset-gt-md-0 {
    margin-left: auto;
    margin-right: 0;
  }

  [dir="rtl"] .layout-margin .offset-gt-md-0 {
    margin-left: auto;
    margin-right: 0;
  }

  .offset-gt-md-5, .flex-offset-gt-md-5, .layout-margin .flex-offset-gt-md-5, .layout-margin .offset-gt-md-5 {
    margin-left: 5%;
  }

  [dir="rtl"] .offset-gt-md-5 {
    margin-left: auto;
    margin-right: 5%;
  }

  [dir="rtl"] .flex-offset-gt-md-5 {
    margin-left: auto;
    margin-right: 5%;
  }

  [dir="rtl"] .layout-margin .flex-offset-gt-md-5 {
    margin-left: auto;
    margin-right: 5%;
  }

  [dir="rtl"] .layout-margin .offset-gt-md-5 {
    margin-left: auto;
    margin-right: 5%;
  }

  .offset-gt-md-10, .flex-offset-gt-md-10, .layout-margin .flex-offset-gt-md-10, .layout-margin .offset-gt-md-10 {
    margin-left: 10%;
  }

  [dir="rtl"] .offset-gt-md-10 {
    margin-left: auto;
    margin-right: 10%;
  }

  [dir="rtl"] .flex-offset-gt-md-10 {
    margin-left: auto;
    margin-right: 10%;
  }

  [dir="rtl"] .layout-margin .flex-offset-gt-md-10 {
    margin-left: auto;
    margin-right: 10%;
  }

  [dir="rtl"] .layout-margin .offset-gt-md-10 {
    margin-left: auto;
    margin-right: 10%;
  }

  .offset-gt-md-15, .flex-offset-gt-md-15, .layout-margin .flex-offset-gt-md-15, .layout-margin .offset-gt-md-15 {
    margin-left: 15%;
  }

  [dir="rtl"] .offset-gt-md-15 {
    margin-left: auto;
    margin-right: 15%;
  }

  [dir="rtl"] .flex-offset-gt-md-15 {
    margin-left: auto;
    margin-right: 15%;
  }

  [dir="rtl"] .layout-margin .flex-offset-gt-md-15 {
    margin-left: auto;
    margin-right: 15%;
  }

  [dir="rtl"] .layout-margin .offset-gt-md-15 {
    margin-left: auto;
    margin-right: 15%;
  }

  .offset-gt-md-20, .flex-offset-gt-md-20, .layout-margin .flex-offset-gt-md-20, .layout-margin .offset-gt-md-20 {
    margin-left: 20%;
  }

  [dir="rtl"] .offset-gt-md-20 {
    margin-left: auto;
    margin-right: 20%;
  }

  [dir="rtl"] .flex-offset-gt-md-20 {
    margin-left: auto;
    margin-right: 20%;
  }

  [dir="rtl"] .layout-margin .flex-offset-gt-md-20 {
    margin-left: auto;
    margin-right: 20%;
  }

  [dir="rtl"] .layout-margin .offset-gt-md-20 {
    margin-left: auto;
    margin-right: 20%;
  }

  .offset-gt-md-25, .flex-offset-gt-md-25, .layout-margin .flex-offset-gt-md-25, .layout-margin .offset-gt-md-25 {
    margin-left: 25%;
  }

  [dir="rtl"] .offset-gt-md-25 {
    margin-left: auto;
    margin-right: 25%;
  }

  [dir="rtl"] .flex-offset-gt-md-25 {
    margin-left: auto;
    margin-right: 25%;
  }

  [dir="rtl"] .layout-margin .flex-offset-gt-md-25 {
    margin-left: auto;
    margin-right: 25%;
  }

  [dir="rtl"] .layout-margin .offset-gt-md-25 {
    margin-left: auto;
    margin-right: 25%;
  }

  .offset-gt-md-30, .flex-offset-gt-md-30, .layout-margin .flex-offset-gt-md-30, .layout-margin .offset-gt-md-30 {
    margin-left: 30%;
  }

  [dir="rtl"] .offset-gt-md-30 {
    margin-left: auto;
    margin-right: 30%;
  }

  [dir="rtl"] .flex-offset-gt-md-30 {
    margin-left: auto;
    margin-right: 30%;
  }

  [dir="rtl"] .layout-margin .flex-offset-gt-md-30 {
    margin-left: auto;
    margin-right: 30%;
  }

  [dir="rtl"] .layout-margin .offset-gt-md-30 {
    margin-left: auto;
    margin-right: 30%;
  }

  .offset-gt-md-35, .flex-offset-gt-md-35, .layout-margin .flex-offset-gt-md-35, .layout-margin .offset-gt-md-35 {
    margin-left: 35%;
  }

  [dir="rtl"] .offset-gt-md-35 {
    margin-left: auto;
    margin-right: 35%;
  }

  [dir="rtl"] .flex-offset-gt-md-35 {
    margin-left: auto;
    margin-right: 35%;
  }

  [dir="rtl"] .layout-margin .flex-offset-gt-md-35 {
    margin-left: auto;
    margin-right: 35%;
  }

  [dir="rtl"] .layout-margin .offset-gt-md-35 {
    margin-left: auto;
    margin-right: 35%;
  }

  .offset-gt-md-40, .flex-offset-gt-md-40, .layout-margin .flex-offset-gt-md-40, .layout-margin .offset-gt-md-40 {
    margin-left: 40%;
  }

  [dir="rtl"] .offset-gt-md-40 {
    margin-left: auto;
    margin-right: 40%;
  }

  [dir="rtl"] .flex-offset-gt-md-40 {
    margin-left: auto;
    margin-right: 40%;
  }

  [dir="rtl"] .layout-margin .flex-offset-gt-md-40 {
    margin-left: auto;
    margin-right: 40%;
  }

  [dir="rtl"] .layout-margin .offset-gt-md-40 {
    margin-left: auto;
    margin-right: 40%;
  }

  .offset-gt-md-45, .flex-offset-gt-md-45, .layout-margin .flex-offset-gt-md-45, .layout-margin .offset-gt-md-45 {
    margin-left: 45%;
  }

  [dir="rtl"] .offset-gt-md-45 {
    margin-left: auto;
    margin-right: 45%;
  }

  [dir="rtl"] .flex-offset-gt-md-45 {
    margin-left: auto;
    margin-right: 45%;
  }

  [dir="rtl"] .layout-margin .flex-offset-gt-md-45 {
    margin-left: auto;
    margin-right: 45%;
  }

  [dir="rtl"] .layout-margin .offset-gt-md-45 {
    margin-left: auto;
    margin-right: 45%;
  }

  .offset-gt-md-50, .flex-offset-gt-md-50, .layout-margin .flex-offset-gt-md-50, .layout-margin .offset-gt-md-50 {
    margin-left: 50%;
  }

  [dir="rtl"] .offset-gt-md-50 {
    margin-left: auto;
    margin-right: 50%;
  }

  [dir="rtl"] .flex-offset-gt-md-50 {
    margin-left: auto;
    margin-right: 50%;
  }

  [dir="rtl"] .layout-margin .flex-offset-gt-md-50 {
    margin-left: auto;
    margin-right: 50%;
  }

  [dir="rtl"] .layout-margin .offset-gt-md-50 {
    margin-left: auto;
    margin-right: 50%;
  }

  .offset-gt-md-55, .flex-offset-gt-md-55, .layout-margin .flex-offset-gt-md-55, .layout-margin .offset-gt-md-55 {
    margin-left: 55%;
  }

  [dir="rtl"] .offset-gt-md-55 {
    margin-left: auto;
    margin-right: 55%;
  }

  [dir="rtl"] .flex-offset-gt-md-55 {
    margin-left: auto;
    margin-right: 55%;
  }

  [dir="rtl"] .layout-margin .flex-offset-gt-md-55 {
    margin-left: auto;
    margin-right: 55%;
  }

  [dir="rtl"] .layout-margin .offset-gt-md-55 {
    margin-left: auto;
    margin-right: 55%;
  }

  .offset-gt-md-60, .flex-offset-gt-md-60, .layout-margin .flex-offset-gt-md-60, .layout-margin .offset-gt-md-60 {
    margin-left: 60%;
  }

  [dir="rtl"] .offset-gt-md-60 {
    margin-left: auto;
    margin-right: 60%;
  }

  [dir="rtl"] .flex-offset-gt-md-60 {
    margin-left: auto;
    margin-right: 60%;
  }

  [dir="rtl"] .layout-margin .flex-offset-gt-md-60 {
    margin-left: auto;
    margin-right: 60%;
  }

  [dir="rtl"] .layout-margin .offset-gt-md-60 {
    margin-left: auto;
    margin-right: 60%;
  }

  .offset-gt-md-65, .flex-offset-gt-md-65, .layout-margin .flex-offset-gt-md-65, .layout-margin .offset-gt-md-65 {
    margin-left: 65%;
  }

  [dir="rtl"] .offset-gt-md-65 {
    margin-left: auto;
    margin-right: 65%;
  }

  [dir="rtl"] .flex-offset-gt-md-65 {
    margin-left: auto;
    margin-right: 65%;
  }

  [dir="rtl"] .layout-margin .flex-offset-gt-md-65 {
    margin-left: auto;
    margin-right: 65%;
  }

  [dir="rtl"] .layout-margin .offset-gt-md-65 {
    margin-left: auto;
    margin-right: 65%;
  }

  .offset-gt-md-70, .flex-offset-gt-md-70, .layout-margin .flex-offset-gt-md-70, .layout-margin .offset-gt-md-70 {
    margin-left: 70%;
  }

  [dir="rtl"] .offset-gt-md-70 {
    margin-left: auto;
    margin-right: 70%;
  }

  [dir="rtl"] .flex-offset-gt-md-70 {
    margin-left: auto;
    margin-right: 70%;
  }

  [dir="rtl"] .layout-margin .flex-offset-gt-md-70 {
    margin-left: auto;
    margin-right: 70%;
  }

  [dir="rtl"] .layout-margin .offset-gt-md-70 {
    margin-left: auto;
    margin-right: 70%;
  }

  .offset-gt-md-75, .flex-offset-gt-md-75, .layout-margin .flex-offset-gt-md-75, .layout-margin .offset-gt-md-75 {
    margin-left: 75%;
  }

  [dir="rtl"] .offset-gt-md-75 {
    margin-left: auto;
    margin-right: 75%;
  }

  [dir="rtl"] .flex-offset-gt-md-75 {
    margin-left: auto;
    margin-right: 75%;
  }

  [dir="rtl"] .layout-margin .flex-offset-gt-md-75 {
    margin-left: auto;
    margin-right: 75%;
  }

  [dir="rtl"] .layout-margin .offset-gt-md-75 {
    margin-left: auto;
    margin-right: 75%;
  }

  .offset-gt-md-80, .flex-offset-gt-md-80, .layout-margin .flex-offset-gt-md-80, .layout-margin .offset-gt-md-80 {
    margin-left: 80%;
  }

  [dir="rtl"] .offset-gt-md-80 {
    margin-left: auto;
    margin-right: 80%;
  }

  [dir="rtl"] .flex-offset-gt-md-80 {
    margin-left: auto;
    margin-right: 80%;
  }

  [dir="rtl"] .layout-margin .flex-offset-gt-md-80 {
    margin-left: auto;
    margin-right: 80%;
  }

  [dir="rtl"] .layout-margin .offset-gt-md-80 {
    margin-left: auto;
    margin-right: 80%;
  }

  .offset-gt-md-85, .flex-offset-gt-md-85, .layout-margin .flex-offset-gt-md-85, .layout-margin .offset-gt-md-85 {
    margin-left: 85%;
  }

  [dir="rtl"] .offset-gt-md-85 {
    margin-left: auto;
    margin-right: 85%;
  }

  [dir="rtl"] .flex-offset-gt-md-85 {
    margin-left: auto;
    margin-right: 85%;
  }

  [dir="rtl"] .layout-margin .flex-offset-gt-md-85 {
    margin-left: auto;
    margin-right: 85%;
  }

  [dir="rtl"] .layout-margin .offset-gt-md-85 {
    margin-left: auto;
    margin-right: 85%;
  }

  .offset-gt-md-90, .flex-offset-gt-md-90, .layout-margin .flex-offset-gt-md-90, .layout-margin .offset-gt-md-90 {
    margin-left: 90%;
  }

  [dir="rtl"] .offset-gt-md-90 {
    margin-left: auto;
    margin-right: 90%;
  }

  [dir="rtl"] .flex-offset-gt-md-90 {
    margin-left: auto;
    margin-right: 90%;
  }

  [dir="rtl"] .layout-margin .flex-offset-gt-md-90 {
    margin-left: auto;
    margin-right: 90%;
  }

  [dir="rtl"] .layout-margin .offset-gt-md-90 {
    margin-left: auto;
    margin-right: 90%;
  }

  .offset-gt-md-95, .flex-offset-gt-md-95, .layout-margin .flex-offset-gt-md-95, .layout-margin .offset-gt-md-95 {
    margin-left: 95%;
  }

  [dir="rtl"] .offset-gt-md-95 {
    margin-left: auto;
    margin-right: 95%;
  }

  [dir="rtl"] .flex-offset-gt-md-95 {
    margin-left: auto;
    margin-right: 95%;
  }

  [dir="rtl"] .layout-margin .flex-offset-gt-md-95 {
    margin-left: auto;
    margin-right: 95%;
  }

  [dir="rtl"] .layout-margin .offset-gt-md-95 {
    margin-left: auto;
    margin-right: 95%;
  }

  .offset-gt-md-33, .flex-offset-gt-md-33, .layout-margin .flex-offset-gt-md-33, .layout-margin .offset-gt-md-33 {
    margin-left: 33.3333%;
  }

  .offset-gt-md-66, .flex-offset-gt-md-66, .layout-margin .flex-offset-gt-md-66, .layout-margin .offset-gt-md-66 {
    margin-left: 66.6667%;
  }

  [dir="rtl"] .offset-gt-md-66 {
    margin-left: auto;
    margin-right: 66.6667%;
  }

  [dir="rtl"] .flex-offset-gt-md-66 {
    margin-left: auto;
    margin-right: 66.6667%;
  }

  [dir="rtl"] .layout-margin .flex-offset-gt-md-66 {
    margin-left: auto;
    margin-right: 66.6667%;
  }

  [dir="rtl"] .layout-margin .offset-gt-md-66 {
    margin-left: auto;
    margin-right: 66.6667%;
  }

  .layout-align-gt-md, .layout-align-gt-md-start-stretch {
    place-content: stretch flex-start;
    align-items: stretch;
  }

  .layout-align-gt-md-start, .layout-align-gt-md-start-start, .layout-align-gt-md-start-center, .layout-align-gt-md-start-end, .layout-align-gt-md-start-stretch {
    justify-content: flex-start;
  }

  .layout-align-gt-md-center, .layout-align-gt-md-center-start, .layout-align-gt-md-center-center, .layout-align-gt-md-center-end, .layout-align-gt-md-center-stretch {
    justify-content: center;
  }

  .layout-align-gt-md-end, .layout-align-gt-md-end-start, .layout-align-gt-md-end-center, .layout-align-gt-md-end-end, .layout-align-gt-md-end-stretch {
    justify-content: flex-end;
  }

  .layout-align-gt-md-space-around, .layout-align-gt-md-space-around-center, .layout-align-gt-md-space-around-start, .layout-align-gt-md-space-around-end, .layout-align-gt-md-space-around-stretch {
    justify-content: space-around;
  }

  .layout-align-gt-md-space-between, .layout-align-gt-md-space-between-center, .layout-align-gt-md-space-between-start, .layout-align-gt-md-space-between-end, .layout-align-gt-md-space-between-stretch {
    justify-content: space-between;
  }

  .layout-align-gt-md-start-start, .layout-align-gt-md-center-start, .layout-align-gt-md-end-start, .layout-align-gt-md-space-between-start, .layout-align-gt-md-space-around-start {
    align-content: flex-start;
    align-items: flex-start;
  }

  .layout-align-gt-md-start-center, .layout-align-gt-md-center-center, .layout-align-gt-md-end-center, .layout-align-gt-md-space-between-center, .layout-align-gt-md-space-around-center {
    align-content: center;
    align-items: center;
    max-width: 100%;
  }

  .layout-align-gt-md-start-center > *, .layout-align-gt-md-center-center > *, .layout-align-gt-md-end-center > *, .layout-align-gt-md-space-between-center > *, .layout-align-gt-md-space-around-center > * {
    box-sizing: border-box;
    max-width: 100%;
  }

  .layout-align-gt-md-start-end, .layout-align-gt-md-center-end, .layout-align-gt-md-end-end, .layout-align-gt-md-space-between-end, .layout-align-gt-md-space-around-end {
    align-content: flex-end;
    align-items: flex-end;
  }

  .layout-align-gt-md-start-stretch, .layout-align-gt-md-center-stretch, .layout-align-gt-md-end-stretch, .layout-align-gt-md-space-between-stretch, .layout-align-gt-md-space-around-stretch {
    align-content: stretch;
    align-items: stretch;
  }

  .flex-gt-md {
    box-sizing: border-box;
    flex: 1;
  }

  .flex-gt-md-grow {
    box-sizing: border-box;
    flex: 100%;
  }

  .flex-gt-md-initial {
    box-sizing: border-box;
    flex: 0 auto;
  }

  .flex-gt-md-auto {
    box-sizing: border-box;
    flex: auto;
  }

  .flex-gt-md-none {
    box-sizing: border-box;
    flex: none;
  }

  .flex-gt-md-noshrink {
    box-sizing: border-box;
    flex: 1 0 auto;
  }

  .flex-gt-md-nogrow {
    box-sizing: border-box;
    flex: 0 auto;
  }

  .flex-gt-md-0 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 0%;
    max-height: 100%;
  }

  .layout-row > .flex-gt-md-0 {
    box-sizing: border-box;
    flex: 100%;
    min-width: 0;
    max-width: 0%;
    max-height: 100%;
  }

  .layout-column > .flex-gt-md-0 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 0%;
  }

  .layout-gt-md-row > .flex-gt-md-0 {
    box-sizing: border-box;
    flex: 100%;
    min-width: 0;
    max-width: 0%;
    max-height: 100%;
  }

  .layout-gt-md-column > .flex-gt-md-0 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    min-height: 0;
    max-height: 0%;
  }

  .flex-gt-md-5, .layout-row > .flex-gt-md-5 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 5%;
    max-height: 100%;
  }

  .layout-column > .flex-gt-md-5 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 5%;
  }

  .layout-gt-md-row > .flex-gt-md-5 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 5%;
    max-height: 100%;
  }

  .layout-gt-md-column > .flex-gt-md-5 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 5%;
  }

  .flex-gt-md-10, .layout-row > .flex-gt-md-10 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 10%;
    max-height: 100%;
  }

  .layout-column > .flex-gt-md-10 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 10%;
  }

  .layout-gt-md-row > .flex-gt-md-10 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 10%;
    max-height: 100%;
  }

  .layout-gt-md-column > .flex-gt-md-10 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 10%;
  }

  .flex-gt-md-15, .layout-row > .flex-gt-md-15 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 15%;
    max-height: 100%;
  }

  .layout-column > .flex-gt-md-15 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 15%;
  }

  .layout-gt-md-row > .flex-gt-md-15 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 15%;
    max-height: 100%;
  }

  .layout-gt-md-column > .flex-gt-md-15 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 15%;
  }

  .flex-gt-md-20, .layout-row > .flex-gt-md-20 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 20%;
    max-height: 100%;
  }

  .layout-column > .flex-gt-md-20 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 20%;
  }

  .layout-gt-md-row > .flex-gt-md-20 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 20%;
    max-height: 100%;
  }

  .layout-gt-md-column > .flex-gt-md-20 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 20%;
  }

  .flex-gt-md-25, .layout-row > .flex-gt-md-25 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 25%;
    max-height: 100%;
  }

  .layout-column > .flex-gt-md-25 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 25%;
  }

  .layout-gt-md-row > .flex-gt-md-25 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 25%;
    max-height: 100%;
  }

  .layout-gt-md-column > .flex-gt-md-25 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 25%;
  }

  .flex-gt-md-30, .layout-row > .flex-gt-md-30 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 30%;
    max-height: 100%;
  }

  .layout-column > .flex-gt-md-30 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 30%;
  }

  .layout-gt-md-row > .flex-gt-md-30 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 30%;
    max-height: 100%;
  }

  .layout-gt-md-column > .flex-gt-md-30 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 30%;
  }

  .flex-gt-md-35, .layout-row > .flex-gt-md-35 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 35%;
    max-height: 100%;
  }

  .layout-column > .flex-gt-md-35 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 35%;
  }

  .layout-gt-md-row > .flex-gt-md-35 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 35%;
    max-height: 100%;
  }

  .layout-gt-md-column > .flex-gt-md-35 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 35%;
  }

  .flex-gt-md-40, .layout-row > .flex-gt-md-40 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 40%;
    max-height: 100%;
  }

  .layout-column > .flex-gt-md-40 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 40%;
  }

  .layout-gt-md-row > .flex-gt-md-40 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 40%;
    max-height: 100%;
  }

  .layout-gt-md-column > .flex-gt-md-40 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 40%;
  }

  .flex-gt-md-45, .layout-row > .flex-gt-md-45 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 45%;
    max-height: 100%;
  }

  .layout-column > .flex-gt-md-45 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 45%;
  }

  .layout-gt-md-row > .flex-gt-md-45 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 45%;
    max-height: 100%;
  }

  .layout-gt-md-column > .flex-gt-md-45 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 45%;
  }

  .flex-gt-md-50, .layout-row > .flex-gt-md-50 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 50%;
    max-height: 100%;
  }

  .layout-column > .flex-gt-md-50 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 50%;
  }

  .layout-gt-md-row > .flex-gt-md-50 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 50%;
    max-height: 100%;
  }

  .layout-gt-md-column > .flex-gt-md-50 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 50%;
  }

  .flex-gt-md-55, .layout-row > .flex-gt-md-55 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 55%;
    max-height: 100%;
  }

  .layout-column > .flex-gt-md-55 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 55%;
  }

  .layout-gt-md-row > .flex-gt-md-55 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 55%;
    max-height: 100%;
  }

  .layout-gt-md-column > .flex-gt-md-55 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 55%;
  }

  .flex-gt-md-60, .layout-row > .flex-gt-md-60 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 60%;
    max-height: 100%;
  }

  .layout-column > .flex-gt-md-60 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 60%;
  }

  .layout-gt-md-row > .flex-gt-md-60 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 60%;
    max-height: 100%;
  }

  .layout-gt-md-column > .flex-gt-md-60 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 60%;
  }

  .flex-gt-md-65, .layout-row > .flex-gt-md-65 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 65%;
    max-height: 100%;
  }

  .layout-column > .flex-gt-md-65 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 65%;
  }

  .layout-gt-md-row > .flex-gt-md-65 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 65%;
    max-height: 100%;
  }

  .layout-gt-md-column > .flex-gt-md-65 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 65%;
  }

  .flex-gt-md-70, .layout-row > .flex-gt-md-70 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 70%;
    max-height: 100%;
  }

  .layout-column > .flex-gt-md-70 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 70%;
  }

  .layout-gt-md-row > .flex-gt-md-70 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 70%;
    max-height: 100%;
  }

  .layout-gt-md-column > .flex-gt-md-70 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 70%;
  }

  .flex-gt-md-75, .layout-row > .flex-gt-md-75 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 75%;
    max-height: 100%;
  }

  .layout-column > .flex-gt-md-75 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 75%;
  }

  .layout-gt-md-row > .flex-gt-md-75 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 75%;
    max-height: 100%;
  }

  .layout-gt-md-column > .flex-gt-md-75 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 75%;
  }

  .flex-gt-md-80, .layout-row > .flex-gt-md-80 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 80%;
    max-height: 100%;
  }

  .layout-column > .flex-gt-md-80 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 80%;
  }

  .layout-gt-md-row > .flex-gt-md-80 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 80%;
    max-height: 100%;
  }

  .layout-gt-md-column > .flex-gt-md-80 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 80%;
  }

  .flex-gt-md-85, .layout-row > .flex-gt-md-85 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 85%;
    max-height: 100%;
  }

  .layout-column > .flex-gt-md-85 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 85%;
  }

  .layout-gt-md-row > .flex-gt-md-85 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 85%;
    max-height: 100%;
  }

  .layout-gt-md-column > .flex-gt-md-85 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 85%;
  }

  .flex-gt-md-90, .layout-row > .flex-gt-md-90 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 90%;
    max-height: 100%;
  }

  .layout-column > .flex-gt-md-90 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 90%;
  }

  .layout-gt-md-row > .flex-gt-md-90 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 90%;
    max-height: 100%;
  }

  .layout-gt-md-column > .flex-gt-md-90 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 90%;
  }

  .flex-gt-md-95, .layout-row > .flex-gt-md-95 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 95%;
    max-height: 100%;
  }

  .layout-column > .flex-gt-md-95 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 95%;
  }

  .layout-gt-md-row > .flex-gt-md-95 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 95%;
    max-height: 100%;
  }

  .layout-gt-md-column > .flex-gt-md-95 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 95%;
  }

  .flex-gt-md-100, .layout-row > .flex-gt-md-100, .layout-column > .flex-gt-md-100, .layout-gt-md-row > .flex-gt-md-100, .layout-gt-md-column > .flex-gt-md-100 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 100%;
  }

  .layout-row > .flex-gt-md-33 {
    box-sizing: border-box;
    flex: 33.33%;
    max-width: 33.33%;
    max-height: 100%;
  }

  .layout-row > .flex-gt-md-66 {
    box-sizing: border-box;
    flex: 66.66%;
    max-width: 66.66%;
    max-height: 100%;
  }

  .layout-column > .flex-gt-md-33 {
    box-sizing: border-box;
    flex: 33.33%;
    max-width: 100%;
    max-height: 33.33%;
  }

  .layout-column > .flex-gt-md-66 {
    box-sizing: border-box;
    flex: 66.66%;
    max-width: 100%;
    max-height: 66.66%;
  }

  .layout-gt-md-row > .flex-gt-md-33 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 33.33%;
    max-height: 100%;
  }

  .layout-gt-md-row > .flex-gt-md-66 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 66.66%;
    max-height: 100%;
  }

  .layout-gt-md-row > .flex {
    min-width: 0;
  }

  .layout-gt-md-column > .flex-gt-md-33 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 33.33%;
  }

  .layout-gt-md-column > .flex-gt-md-66 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 66.66%;
  }

  .layout-gt-md-column > .flex {
    min-height: 0;
  }

  .layout-gt-md, .layout-gt-md-column, .layout-gt-md-row {
    box-sizing: border-box;
    display: flex;
  }

  .layout-gt-md-column {
    flex-direction: column;
  }

  .layout-gt-md-row {
    flex-direction: row;
  }
}

@media (min-width: 1280px) and (max-width: 1919px) {
  .hide:not(.show-gt-xs):not(.show-gt-sm):not(.show-gt-md):not(.show-lg):not(.show), .hide-gt-xs:not(.show-gt-xs):not(.show-gt-sm):not(.show-gt-md):not(.show-lg):not(.show), .hide-gt-sm:not(.show-gt-xs):not(.show-gt-sm):not(.show-gt-md):not(.show-lg):not(.show), .hide-gt-md:not(.show-gt-xs):not(.show-gt-sm):not(.show-gt-md):not(.show-lg):not(.show), .hide-lg:not(.show-lg):not(.show-gt-md):not(.show-gt-sm):not(.show-gt-xs):not(.show) {
    display: none;
  }

  .flex-order-lg--20 {
    order: -20;
  }

  .flex-order-lg--19 {
    order: -19;
  }

  .flex-order-lg--18 {
    order: -18;
  }

  .flex-order-lg--17 {
    order: -17;
  }

  .flex-order-lg--16 {
    order: -16;
  }

  .flex-order-lg--15 {
    order: -15;
  }

  .flex-order-lg--14 {
    order: -14;
  }

  .flex-order-lg--13 {
    order: -13;
  }

  .flex-order-lg--12 {
    order: -12;
  }

  .flex-order-lg--11 {
    order: -11;
  }

  .flex-order-lg--10 {
    order: -10;
  }

  .flex-order-lg--9 {
    order: -9;
  }

  .flex-order-lg--8 {
    order: -8;
  }

  .flex-order-lg--7 {
    order: -7;
  }

  .flex-order-lg--6 {
    order: -6;
  }

  .flex-order-lg--5 {
    order: -5;
  }

  .flex-order-lg--4 {
    order: -4;
  }

  .flex-order-lg--3 {
    order: -3;
  }

  .flex-order-lg--2 {
    order: -2;
  }

  .flex-order-lg--1 {
    order: -1;
  }

  .flex-order-lg-0 {
    order: 0;
  }

  .flex-order-lg-1 {
    order: 1;
  }

  .flex-order-lg-2 {
    order: 2;
  }

  .flex-order-lg-3 {
    order: 3;
  }

  .flex-order-lg-4 {
    order: 4;
  }

  .flex-order-lg-5 {
    order: 5;
  }

  .flex-order-lg-6 {
    order: 6;
  }

  .flex-order-lg-7 {
    order: 7;
  }

  .flex-order-lg-8 {
    order: 8;
  }

  .flex-order-lg-9 {
    order: 9;
  }

  .flex-order-lg-10 {
    order: 10;
  }

  .flex-order-lg-11 {
    order: 11;
  }

  .flex-order-lg-12 {
    order: 12;
  }

  .flex-order-lg-13 {
    order: 13;
  }

  .flex-order-lg-14 {
    order: 14;
  }

  .flex-order-lg-15 {
    order: 15;
  }

  .flex-order-lg-16 {
    order: 16;
  }

  .flex-order-lg-17 {
    order: 17;
  }

  .flex-order-lg-18 {
    order: 18;
  }

  .flex-order-lg-19 {
    order: 19;
  }

  .flex-order-lg-20 {
    order: 20;
  }

  .offset-lg-0, .flex-offset-lg-0, .layout-margin .flex-offset-lg-0, .layout-margin .offset-lg-0 {
    margin-left: 0;
  }

  [dir="rtl"] .offset-lg-0 {
    margin-left: auto;
    margin-right: 0;
  }

  [dir="rtl"] .flex-offset-lg-0 {
    margin-left: auto;
    margin-right: 0;
  }

  [dir="rtl"] .layout-margin .flex-offset-lg-0 {
    margin-left: auto;
    margin-right: 0;
  }

  [dir="rtl"] .layout-margin .offset-lg-0 {
    margin-left: auto;
    margin-right: 0;
  }

  .offset-lg-5, .flex-offset-lg-5, .layout-margin .flex-offset-lg-5, .layout-margin .offset-lg-5 {
    margin-left: 5%;
  }

  [dir="rtl"] .offset-lg-5 {
    margin-left: auto;
    margin-right: 5%;
  }

  [dir="rtl"] .flex-offset-lg-5 {
    margin-left: auto;
    margin-right: 5%;
  }

  [dir="rtl"] .layout-margin .flex-offset-lg-5 {
    margin-left: auto;
    margin-right: 5%;
  }

  [dir="rtl"] .layout-margin .offset-lg-5 {
    margin-left: auto;
    margin-right: 5%;
  }

  .offset-lg-10, .flex-offset-lg-10, .layout-margin .flex-offset-lg-10, .layout-margin .offset-lg-10 {
    margin-left: 10%;
  }

  [dir="rtl"] .offset-lg-10 {
    margin-left: auto;
    margin-right: 10%;
  }

  [dir="rtl"] .flex-offset-lg-10 {
    margin-left: auto;
    margin-right: 10%;
  }

  [dir="rtl"] .layout-margin .flex-offset-lg-10 {
    margin-left: auto;
    margin-right: 10%;
  }

  [dir="rtl"] .layout-margin .offset-lg-10 {
    margin-left: auto;
    margin-right: 10%;
  }

  .offset-lg-15, .flex-offset-lg-15, .layout-margin .flex-offset-lg-15, .layout-margin .offset-lg-15 {
    margin-left: 15%;
  }

  [dir="rtl"] .offset-lg-15 {
    margin-left: auto;
    margin-right: 15%;
  }

  [dir="rtl"] .flex-offset-lg-15 {
    margin-left: auto;
    margin-right: 15%;
  }

  [dir="rtl"] .layout-margin .flex-offset-lg-15 {
    margin-left: auto;
    margin-right: 15%;
  }

  [dir="rtl"] .layout-margin .offset-lg-15 {
    margin-left: auto;
    margin-right: 15%;
  }

  .offset-lg-20, .flex-offset-lg-20, .layout-margin .flex-offset-lg-20, .layout-margin .offset-lg-20 {
    margin-left: 20%;
  }

  [dir="rtl"] .offset-lg-20 {
    margin-left: auto;
    margin-right: 20%;
  }

  [dir="rtl"] .flex-offset-lg-20 {
    margin-left: auto;
    margin-right: 20%;
  }

  [dir="rtl"] .layout-margin .flex-offset-lg-20 {
    margin-left: auto;
    margin-right: 20%;
  }

  [dir="rtl"] .layout-margin .offset-lg-20 {
    margin-left: auto;
    margin-right: 20%;
  }

  .offset-lg-25, .flex-offset-lg-25, .layout-margin .flex-offset-lg-25, .layout-margin .offset-lg-25 {
    margin-left: 25%;
  }

  [dir="rtl"] .offset-lg-25 {
    margin-left: auto;
    margin-right: 25%;
  }

  [dir="rtl"] .flex-offset-lg-25 {
    margin-left: auto;
    margin-right: 25%;
  }

  [dir="rtl"] .layout-margin .flex-offset-lg-25 {
    margin-left: auto;
    margin-right: 25%;
  }

  [dir="rtl"] .layout-margin .offset-lg-25 {
    margin-left: auto;
    margin-right: 25%;
  }

  .offset-lg-30, .flex-offset-lg-30, .layout-margin .flex-offset-lg-30, .layout-margin .offset-lg-30 {
    margin-left: 30%;
  }

  [dir="rtl"] .offset-lg-30 {
    margin-left: auto;
    margin-right: 30%;
  }

  [dir="rtl"] .flex-offset-lg-30 {
    margin-left: auto;
    margin-right: 30%;
  }

  [dir="rtl"] .layout-margin .flex-offset-lg-30 {
    margin-left: auto;
    margin-right: 30%;
  }

  [dir="rtl"] .layout-margin .offset-lg-30 {
    margin-left: auto;
    margin-right: 30%;
  }

  .offset-lg-35, .flex-offset-lg-35, .layout-margin .flex-offset-lg-35, .layout-margin .offset-lg-35 {
    margin-left: 35%;
  }

  [dir="rtl"] .offset-lg-35 {
    margin-left: auto;
    margin-right: 35%;
  }

  [dir="rtl"] .flex-offset-lg-35 {
    margin-left: auto;
    margin-right: 35%;
  }

  [dir="rtl"] .layout-margin .flex-offset-lg-35 {
    margin-left: auto;
    margin-right: 35%;
  }

  [dir="rtl"] .layout-margin .offset-lg-35 {
    margin-left: auto;
    margin-right: 35%;
  }

  .offset-lg-40, .flex-offset-lg-40, .layout-margin .flex-offset-lg-40, .layout-margin .offset-lg-40 {
    margin-left: 40%;
  }

  [dir="rtl"] .offset-lg-40 {
    margin-left: auto;
    margin-right: 40%;
  }

  [dir="rtl"] .flex-offset-lg-40 {
    margin-left: auto;
    margin-right: 40%;
  }

  [dir="rtl"] .layout-margin .flex-offset-lg-40 {
    margin-left: auto;
    margin-right: 40%;
  }

  [dir="rtl"] .layout-margin .offset-lg-40 {
    margin-left: auto;
    margin-right: 40%;
  }

  .offset-lg-45, .flex-offset-lg-45, .layout-margin .flex-offset-lg-45, .layout-margin .offset-lg-45 {
    margin-left: 45%;
  }

  [dir="rtl"] .offset-lg-45 {
    margin-left: auto;
    margin-right: 45%;
  }

  [dir="rtl"] .flex-offset-lg-45 {
    margin-left: auto;
    margin-right: 45%;
  }

  [dir="rtl"] .layout-margin .flex-offset-lg-45 {
    margin-left: auto;
    margin-right: 45%;
  }

  [dir="rtl"] .layout-margin .offset-lg-45 {
    margin-left: auto;
    margin-right: 45%;
  }

  .offset-lg-50, .flex-offset-lg-50, .layout-margin .flex-offset-lg-50, .layout-margin .offset-lg-50 {
    margin-left: 50%;
  }

  [dir="rtl"] .offset-lg-50 {
    margin-left: auto;
    margin-right: 50%;
  }

  [dir="rtl"] .flex-offset-lg-50 {
    margin-left: auto;
    margin-right: 50%;
  }

  [dir="rtl"] .layout-margin .flex-offset-lg-50 {
    margin-left: auto;
    margin-right: 50%;
  }

  [dir="rtl"] .layout-margin .offset-lg-50 {
    margin-left: auto;
    margin-right: 50%;
  }

  .offset-lg-55, .flex-offset-lg-55, .layout-margin .flex-offset-lg-55, .layout-margin .offset-lg-55 {
    margin-left: 55%;
  }

  [dir="rtl"] .offset-lg-55 {
    margin-left: auto;
    margin-right: 55%;
  }

  [dir="rtl"] .flex-offset-lg-55 {
    margin-left: auto;
    margin-right: 55%;
  }

  [dir="rtl"] .layout-margin .flex-offset-lg-55 {
    margin-left: auto;
    margin-right: 55%;
  }

  [dir="rtl"] .layout-margin .offset-lg-55 {
    margin-left: auto;
    margin-right: 55%;
  }

  .offset-lg-60, .flex-offset-lg-60, .layout-margin .flex-offset-lg-60, .layout-margin .offset-lg-60 {
    margin-left: 60%;
  }

  [dir="rtl"] .offset-lg-60 {
    margin-left: auto;
    margin-right: 60%;
  }

  [dir="rtl"] .flex-offset-lg-60 {
    margin-left: auto;
    margin-right: 60%;
  }

  [dir="rtl"] .layout-margin .flex-offset-lg-60 {
    margin-left: auto;
    margin-right: 60%;
  }

  [dir="rtl"] .layout-margin .offset-lg-60 {
    margin-left: auto;
    margin-right: 60%;
  }

  .offset-lg-65, .flex-offset-lg-65, .layout-margin .flex-offset-lg-65, .layout-margin .offset-lg-65 {
    margin-left: 65%;
  }

  [dir="rtl"] .offset-lg-65 {
    margin-left: auto;
    margin-right: 65%;
  }

  [dir="rtl"] .flex-offset-lg-65 {
    margin-left: auto;
    margin-right: 65%;
  }

  [dir="rtl"] .layout-margin .flex-offset-lg-65 {
    margin-left: auto;
    margin-right: 65%;
  }

  [dir="rtl"] .layout-margin .offset-lg-65 {
    margin-left: auto;
    margin-right: 65%;
  }

  .offset-lg-70, .flex-offset-lg-70, .layout-margin .flex-offset-lg-70, .layout-margin .offset-lg-70 {
    margin-left: 70%;
  }

  [dir="rtl"] .offset-lg-70 {
    margin-left: auto;
    margin-right: 70%;
  }

  [dir="rtl"] .flex-offset-lg-70 {
    margin-left: auto;
    margin-right: 70%;
  }

  [dir="rtl"] .layout-margin .flex-offset-lg-70 {
    margin-left: auto;
    margin-right: 70%;
  }

  [dir="rtl"] .layout-margin .offset-lg-70 {
    margin-left: auto;
    margin-right: 70%;
  }

  .offset-lg-75, .flex-offset-lg-75, .layout-margin .flex-offset-lg-75, .layout-margin .offset-lg-75 {
    margin-left: 75%;
  }

  [dir="rtl"] .offset-lg-75 {
    margin-left: auto;
    margin-right: 75%;
  }

  [dir="rtl"] .flex-offset-lg-75 {
    margin-left: auto;
    margin-right: 75%;
  }

  [dir="rtl"] .layout-margin .flex-offset-lg-75 {
    margin-left: auto;
    margin-right: 75%;
  }

  [dir="rtl"] .layout-margin .offset-lg-75 {
    margin-left: auto;
    margin-right: 75%;
  }

  .offset-lg-80, .flex-offset-lg-80, .layout-margin .flex-offset-lg-80, .layout-margin .offset-lg-80 {
    margin-left: 80%;
  }

  [dir="rtl"] .offset-lg-80 {
    margin-left: auto;
    margin-right: 80%;
  }

  [dir="rtl"] .flex-offset-lg-80 {
    margin-left: auto;
    margin-right: 80%;
  }

  [dir="rtl"] .layout-margin .flex-offset-lg-80 {
    margin-left: auto;
    margin-right: 80%;
  }

  [dir="rtl"] .layout-margin .offset-lg-80 {
    margin-left: auto;
    margin-right: 80%;
  }

  .offset-lg-85, .flex-offset-lg-85, .layout-margin .flex-offset-lg-85, .layout-margin .offset-lg-85 {
    margin-left: 85%;
  }

  [dir="rtl"] .offset-lg-85 {
    margin-left: auto;
    margin-right: 85%;
  }

  [dir="rtl"] .flex-offset-lg-85 {
    margin-left: auto;
    margin-right: 85%;
  }

  [dir="rtl"] .layout-margin .flex-offset-lg-85 {
    margin-left: auto;
    margin-right: 85%;
  }

  [dir="rtl"] .layout-margin .offset-lg-85 {
    margin-left: auto;
    margin-right: 85%;
  }

  .offset-lg-90, .flex-offset-lg-90, .layout-margin .flex-offset-lg-90, .layout-margin .offset-lg-90 {
    margin-left: 90%;
  }

  [dir="rtl"] .offset-lg-90 {
    margin-left: auto;
    margin-right: 90%;
  }

  [dir="rtl"] .flex-offset-lg-90 {
    margin-left: auto;
    margin-right: 90%;
  }

  [dir="rtl"] .layout-margin .flex-offset-lg-90 {
    margin-left: auto;
    margin-right: 90%;
  }

  [dir="rtl"] .layout-margin .offset-lg-90 {
    margin-left: auto;
    margin-right: 90%;
  }

  .offset-lg-95, .flex-offset-lg-95, .layout-margin .flex-offset-lg-95, .layout-margin .offset-lg-95 {
    margin-left: 95%;
  }

  [dir="rtl"] .offset-lg-95 {
    margin-left: auto;
    margin-right: 95%;
  }

  [dir="rtl"] .flex-offset-lg-95 {
    margin-left: auto;
    margin-right: 95%;
  }

  [dir="rtl"] .layout-margin .flex-offset-lg-95 {
    margin-left: auto;
    margin-right: 95%;
  }

  [dir="rtl"] .layout-margin .offset-lg-95 {
    margin-left: auto;
    margin-right: 95%;
  }

  .offset-lg-33, .flex-offset-lg-33, .layout-margin .flex-offset-lg-33, .layout-margin .offset-lg-33 {
    margin-left: 33.3333%;
  }

  .offset-lg-66, .flex-offset-lg-66, .layout-margin .flex-offset-lg-66, .layout-margin .offset-lg-66 {
    margin-left: 66.6667%;
  }

  [dir="rtl"] .offset-lg-66 {
    margin-left: auto;
    margin-right: 66.6667%;
  }

  [dir="rtl"] .flex-offset-lg-66 {
    margin-left: auto;
    margin-right: 66.6667%;
  }

  [dir="rtl"] .layout-margin .flex-offset-lg-66 {
    margin-left: auto;
    margin-right: 66.6667%;
  }

  [dir="rtl"] .layout-margin .offset-lg-66 {
    margin-left: auto;
    margin-right: 66.6667%;
  }

  .layout-align-lg, .layout-align-lg-start-stretch {
    place-content: stretch flex-start;
    align-items: stretch;
  }

  .layout-align-lg-start, .layout-align-lg-start-start, .layout-align-lg-start-center, .layout-align-lg-start-end, .layout-align-lg-start-stretch {
    justify-content: flex-start;
  }

  .layout-align-lg-center, .layout-align-lg-center-start, .layout-align-lg-center-center, .layout-align-lg-center-end, .layout-align-lg-center-stretch {
    justify-content: center;
  }

  .layout-align-lg-end, .layout-align-lg-end-start, .layout-align-lg-end-center, .layout-align-lg-end-end, .layout-align-lg-end-stretch {
    justify-content: flex-end;
  }

  .layout-align-lg-space-around, .layout-align-lg-space-around-center, .layout-align-lg-space-around-start, .layout-align-lg-space-around-end, .layout-align-lg-space-around-stretch {
    justify-content: space-around;
  }

  .layout-align-lg-space-between, .layout-align-lg-space-between-center, .layout-align-lg-space-between-start, .layout-align-lg-space-between-end, .layout-align-lg-space-between-stretch {
    justify-content: space-between;
  }

  .layout-align-lg-start-start, .layout-align-lg-center-start, .layout-align-lg-end-start, .layout-align-lg-space-between-start, .layout-align-lg-space-around-start {
    align-content: flex-start;
    align-items: flex-start;
  }

  .layout-align-lg-start-center, .layout-align-lg-center-center, .layout-align-lg-end-center, .layout-align-lg-space-between-center, .layout-align-lg-space-around-center {
    align-content: center;
    align-items: center;
    max-width: 100%;
  }

  .layout-align-lg-start-center > *, .layout-align-lg-center-center > *, .layout-align-lg-end-center > *, .layout-align-lg-space-between-center > *, .layout-align-lg-space-around-center > * {
    box-sizing: border-box;
    max-width: 100%;
  }

  .layout-align-lg-start-end, .layout-align-lg-center-end, .layout-align-lg-end-end, .layout-align-lg-space-between-end, .layout-align-lg-space-around-end {
    align-content: flex-end;
    align-items: flex-end;
  }

  .layout-align-lg-start-stretch, .layout-align-lg-center-stretch, .layout-align-lg-end-stretch, .layout-align-lg-space-between-stretch, .layout-align-lg-space-around-stretch {
    align-content: stretch;
    align-items: stretch;
  }

  .flex-lg {
    box-sizing: border-box;
    flex: 1;
  }

  .flex-lg-grow {
    box-sizing: border-box;
    flex: 100%;
  }

  .flex-lg-initial {
    box-sizing: border-box;
    flex: 0 auto;
  }

  .flex-lg-auto {
    box-sizing: border-box;
    flex: auto;
  }

  .flex-lg-none {
    box-sizing: border-box;
    flex: none;
  }

  .flex-lg-noshrink {
    box-sizing: border-box;
    flex: 1 0 auto;
  }

  .flex-lg-nogrow {
    box-sizing: border-box;
    flex: 0 auto;
  }

  .flex-lg-0 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 0%;
    max-height: 100%;
  }

  .layout-row > .flex-lg-0 {
    box-sizing: border-box;
    flex: 100%;
    min-width: 0;
    max-width: 0%;
    max-height: 100%;
  }

  .layout-column > .flex-lg-0 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 0%;
  }

  .layout-lg-row > .flex-lg-0 {
    box-sizing: border-box;
    flex: 100%;
    min-width: 0;
    max-width: 0%;
    max-height: 100%;
  }

  .layout-lg-column > .flex-lg-0 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    min-height: 0;
    max-height: 0%;
  }

  .flex-lg-5, .layout-row > .flex-lg-5 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 5%;
    max-height: 100%;
  }

  .layout-column > .flex-lg-5 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 5%;
  }

  .layout-lg-row > .flex-lg-5 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 5%;
    max-height: 100%;
  }

  .layout-lg-column > .flex-lg-5 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 5%;
  }

  .flex-lg-10, .layout-row > .flex-lg-10 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 10%;
    max-height: 100%;
  }

  .layout-column > .flex-lg-10 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 10%;
  }

  .layout-lg-row > .flex-lg-10 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 10%;
    max-height: 100%;
  }

  .layout-lg-column > .flex-lg-10 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 10%;
  }

  .flex-lg-15, .layout-row > .flex-lg-15 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 15%;
    max-height: 100%;
  }

  .layout-column > .flex-lg-15 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 15%;
  }

  .layout-lg-row > .flex-lg-15 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 15%;
    max-height: 100%;
  }

  .layout-lg-column > .flex-lg-15 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 15%;
  }

  .flex-lg-20, .layout-row > .flex-lg-20 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 20%;
    max-height: 100%;
  }

  .layout-column > .flex-lg-20 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 20%;
  }

  .layout-lg-row > .flex-lg-20 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 20%;
    max-height: 100%;
  }

  .layout-lg-column > .flex-lg-20 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 20%;
  }

  .flex-lg-25, .layout-row > .flex-lg-25 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 25%;
    max-height: 100%;
  }

  .layout-column > .flex-lg-25 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 25%;
  }

  .layout-lg-row > .flex-lg-25 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 25%;
    max-height: 100%;
  }

  .layout-lg-column > .flex-lg-25 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 25%;
  }

  .flex-lg-30, .layout-row > .flex-lg-30 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 30%;
    max-height: 100%;
  }

  .layout-column > .flex-lg-30 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 30%;
  }

  .layout-lg-row > .flex-lg-30 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 30%;
    max-height: 100%;
  }

  .layout-lg-column > .flex-lg-30 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 30%;
  }

  .flex-lg-35, .layout-row > .flex-lg-35 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 35%;
    max-height: 100%;
  }

  .layout-column > .flex-lg-35 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 35%;
  }

  .layout-lg-row > .flex-lg-35 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 35%;
    max-height: 100%;
  }

  .layout-lg-column > .flex-lg-35 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 35%;
  }

  .flex-lg-40, .layout-row > .flex-lg-40 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 40%;
    max-height: 100%;
  }

  .layout-column > .flex-lg-40 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 40%;
  }

  .layout-lg-row > .flex-lg-40 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 40%;
    max-height: 100%;
  }

  .layout-lg-column > .flex-lg-40 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 40%;
  }

  .flex-lg-45, .layout-row > .flex-lg-45 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 45%;
    max-height: 100%;
  }

  .layout-column > .flex-lg-45 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 45%;
  }

  .layout-lg-row > .flex-lg-45 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 45%;
    max-height: 100%;
  }

  .layout-lg-column > .flex-lg-45 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 45%;
  }

  .flex-lg-50, .layout-row > .flex-lg-50 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 50%;
    max-height: 100%;
  }

  .layout-column > .flex-lg-50 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 50%;
  }

  .layout-lg-row > .flex-lg-50 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 50%;
    max-height: 100%;
  }

  .layout-lg-column > .flex-lg-50 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 50%;
  }

  .flex-lg-55, .layout-row > .flex-lg-55 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 55%;
    max-height: 100%;
  }

  .layout-column > .flex-lg-55 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 55%;
  }

  .layout-lg-row > .flex-lg-55 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 55%;
    max-height: 100%;
  }

  .layout-lg-column > .flex-lg-55 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 55%;
  }

  .flex-lg-60, .layout-row > .flex-lg-60 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 60%;
    max-height: 100%;
  }

  .layout-column > .flex-lg-60 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 60%;
  }

  .layout-lg-row > .flex-lg-60 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 60%;
    max-height: 100%;
  }

  .layout-lg-column > .flex-lg-60 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 60%;
  }

  .flex-lg-65, .layout-row > .flex-lg-65 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 65%;
    max-height: 100%;
  }

  .layout-column > .flex-lg-65 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 65%;
  }

  .layout-lg-row > .flex-lg-65 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 65%;
    max-height: 100%;
  }

  .layout-lg-column > .flex-lg-65 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 65%;
  }

  .flex-lg-70, .layout-row > .flex-lg-70 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 70%;
    max-height: 100%;
  }

  .layout-column > .flex-lg-70 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 70%;
  }

  .layout-lg-row > .flex-lg-70 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 70%;
    max-height: 100%;
  }

  .layout-lg-column > .flex-lg-70 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 70%;
  }

  .flex-lg-75, .layout-row > .flex-lg-75 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 75%;
    max-height: 100%;
  }

  .layout-column > .flex-lg-75 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 75%;
  }

  .layout-lg-row > .flex-lg-75 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 75%;
    max-height: 100%;
  }

  .layout-lg-column > .flex-lg-75 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 75%;
  }

  .flex-lg-80, .layout-row > .flex-lg-80 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 80%;
    max-height: 100%;
  }

  .layout-column > .flex-lg-80 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 80%;
  }

  .layout-lg-row > .flex-lg-80 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 80%;
    max-height: 100%;
  }

  .layout-lg-column > .flex-lg-80 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 80%;
  }

  .flex-lg-85, .layout-row > .flex-lg-85 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 85%;
    max-height: 100%;
  }

  .layout-column > .flex-lg-85 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 85%;
  }

  .layout-lg-row > .flex-lg-85 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 85%;
    max-height: 100%;
  }

  .layout-lg-column > .flex-lg-85 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 85%;
  }

  .flex-lg-90, .layout-row > .flex-lg-90 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 90%;
    max-height: 100%;
  }

  .layout-column > .flex-lg-90 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 90%;
  }

  .layout-lg-row > .flex-lg-90 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 90%;
    max-height: 100%;
  }

  .layout-lg-column > .flex-lg-90 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 90%;
  }

  .flex-lg-95, .layout-row > .flex-lg-95 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 95%;
    max-height: 100%;
  }

  .layout-column > .flex-lg-95 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 95%;
  }

  .layout-lg-row > .flex-lg-95 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 95%;
    max-height: 100%;
  }

  .layout-lg-column > .flex-lg-95 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 95%;
  }

  .flex-lg-100, .layout-row > .flex-lg-100, .layout-column > .flex-lg-100, .layout-lg-row > .flex-lg-100, .layout-lg-column > .flex-lg-100 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 100%;
  }

  .layout-row > .flex-lg-33 {
    box-sizing: border-box;
    flex: 33.33%;
    max-width: 33.33%;
    max-height: 100%;
  }

  .layout-row > .flex-lg-66 {
    box-sizing: border-box;
    flex: 66.66%;
    max-width: 66.66%;
    max-height: 100%;
  }

  .layout-column > .flex-lg-33 {
    box-sizing: border-box;
    flex: 33.33%;
    max-width: 100%;
    max-height: 33.33%;
  }

  .layout-column > .flex-lg-66 {
    box-sizing: border-box;
    flex: 66.66%;
    max-width: 100%;
    max-height: 66.66%;
  }

  .layout-lg-row > .flex-lg-33 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 33.33%;
    max-height: 100%;
  }

  .layout-lg-row > .flex-lg-66 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 66.66%;
    max-height: 100%;
  }

  .layout-lg-row > .flex {
    min-width: 0;
  }

  .layout-lg-column > .flex-lg-33 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 33.33%;
  }

  .layout-lg-column > .flex-lg-66 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 66.66%;
  }

  .layout-lg-column > .flex {
    min-height: 0;
  }

  .layout-lg, .layout-lg-column, .layout-lg-row {
    box-sizing: border-box;
    display: flex;
  }

  .layout-lg-column {
    flex-direction: column;
  }

  .layout-lg-row {
    flex-direction: row;
  }
}

@media (min-width: 1920px) {
  .flex-order-gt-lg--20 {
    order: -20;
  }

  .flex-order-gt-lg--19 {
    order: -19;
  }

  .flex-order-gt-lg--18 {
    order: -18;
  }

  .flex-order-gt-lg--17 {
    order: -17;
  }

  .flex-order-gt-lg--16 {
    order: -16;
  }

  .flex-order-gt-lg--15 {
    order: -15;
  }

  .flex-order-gt-lg--14 {
    order: -14;
  }

  .flex-order-gt-lg--13 {
    order: -13;
  }

  .flex-order-gt-lg--12 {
    order: -12;
  }

  .flex-order-gt-lg--11 {
    order: -11;
  }

  .flex-order-gt-lg--10 {
    order: -10;
  }

  .flex-order-gt-lg--9 {
    order: -9;
  }

  .flex-order-gt-lg--8 {
    order: -8;
  }

  .flex-order-gt-lg--7 {
    order: -7;
  }

  .flex-order-gt-lg--6 {
    order: -6;
  }

  .flex-order-gt-lg--5 {
    order: -5;
  }

  .flex-order-gt-lg--4 {
    order: -4;
  }

  .flex-order-gt-lg--3 {
    order: -3;
  }

  .flex-order-gt-lg--2 {
    order: -2;
  }

  .flex-order-gt-lg--1 {
    order: -1;
  }

  .flex-order-gt-lg-0 {
    order: 0;
  }

  .flex-order-gt-lg-1 {
    order: 1;
  }

  .flex-order-gt-lg-2 {
    order: 2;
  }

  .flex-order-gt-lg-3 {
    order: 3;
  }

  .flex-order-gt-lg-4 {
    order: 4;
  }

  .flex-order-gt-lg-5 {
    order: 5;
  }

  .flex-order-gt-lg-6 {
    order: 6;
  }

  .flex-order-gt-lg-7 {
    order: 7;
  }

  .flex-order-gt-lg-8 {
    order: 8;
  }

  .flex-order-gt-lg-9 {
    order: 9;
  }

  .flex-order-gt-lg-10 {
    order: 10;
  }

  .flex-order-gt-lg-11 {
    order: 11;
  }

  .flex-order-gt-lg-12 {
    order: 12;
  }

  .flex-order-gt-lg-13 {
    order: 13;
  }

  .flex-order-gt-lg-14 {
    order: 14;
  }

  .flex-order-gt-lg-15 {
    order: 15;
  }

  .flex-order-gt-lg-16 {
    order: 16;
  }

  .flex-order-gt-lg-17 {
    order: 17;
  }

  .flex-order-gt-lg-18 {
    order: 18;
  }

  .flex-order-gt-lg-19 {
    order: 19;
  }

  .flex-order-gt-lg-20 {
    order: 20;
  }

  .offset-gt-lg-0, .flex-offset-gt-lg-0, .layout-margin .flex-offset-gt-lg-0, .layout-margin .offset-gt-lg-0 {
    margin-left: 0;
  }

  [dir="rtl"] .offset-gt-lg-0 {
    margin-left: auto;
    margin-right: 0;
  }

  [dir="rtl"] .flex-offset-gt-lg-0 {
    margin-left: auto;
    margin-right: 0;
  }

  [dir="rtl"] .layout-margin .flex-offset-gt-lg-0 {
    margin-left: auto;
    margin-right: 0;
  }

  [dir="rtl"] .layout-margin .offset-gt-lg-0 {
    margin-left: auto;
    margin-right: 0;
  }

  .offset-gt-lg-5, .flex-offset-gt-lg-5, .layout-margin .flex-offset-gt-lg-5, .layout-margin .offset-gt-lg-5 {
    margin-left: 5%;
  }

  [dir="rtl"] .offset-gt-lg-5 {
    margin-left: auto;
    margin-right: 5%;
  }

  [dir="rtl"] .flex-offset-gt-lg-5 {
    margin-left: auto;
    margin-right: 5%;
  }

  [dir="rtl"] .layout-margin .flex-offset-gt-lg-5 {
    margin-left: auto;
    margin-right: 5%;
  }

  [dir="rtl"] .layout-margin .offset-gt-lg-5 {
    margin-left: auto;
    margin-right: 5%;
  }

  .offset-gt-lg-10, .flex-offset-gt-lg-10, .layout-margin .flex-offset-gt-lg-10, .layout-margin .offset-gt-lg-10 {
    margin-left: 10%;
  }

  [dir="rtl"] .offset-gt-lg-10 {
    margin-left: auto;
    margin-right: 10%;
  }

  [dir="rtl"] .flex-offset-gt-lg-10 {
    margin-left: auto;
    margin-right: 10%;
  }

  [dir="rtl"] .layout-margin .flex-offset-gt-lg-10 {
    margin-left: auto;
    margin-right: 10%;
  }

  [dir="rtl"] .layout-margin .offset-gt-lg-10 {
    margin-left: auto;
    margin-right: 10%;
  }

  .offset-gt-lg-15, .flex-offset-gt-lg-15, .layout-margin .flex-offset-gt-lg-15, .layout-margin .offset-gt-lg-15 {
    margin-left: 15%;
  }

  [dir="rtl"] .offset-gt-lg-15 {
    margin-left: auto;
    margin-right: 15%;
  }

  [dir="rtl"] .flex-offset-gt-lg-15 {
    margin-left: auto;
    margin-right: 15%;
  }

  [dir="rtl"] .layout-margin .flex-offset-gt-lg-15 {
    margin-left: auto;
    margin-right: 15%;
  }

  [dir="rtl"] .layout-margin .offset-gt-lg-15 {
    margin-left: auto;
    margin-right: 15%;
  }

  .offset-gt-lg-20, .flex-offset-gt-lg-20, .layout-margin .flex-offset-gt-lg-20, .layout-margin .offset-gt-lg-20 {
    margin-left: 20%;
  }

  [dir="rtl"] .offset-gt-lg-20 {
    margin-left: auto;
    margin-right: 20%;
  }

  [dir="rtl"] .flex-offset-gt-lg-20 {
    margin-left: auto;
    margin-right: 20%;
  }

  [dir="rtl"] .layout-margin .flex-offset-gt-lg-20 {
    margin-left: auto;
    margin-right: 20%;
  }

  [dir="rtl"] .layout-margin .offset-gt-lg-20 {
    margin-left: auto;
    margin-right: 20%;
  }

  .offset-gt-lg-25, .flex-offset-gt-lg-25, .layout-margin .flex-offset-gt-lg-25, .layout-margin .offset-gt-lg-25 {
    margin-left: 25%;
  }

  [dir="rtl"] .offset-gt-lg-25 {
    margin-left: auto;
    margin-right: 25%;
  }

  [dir="rtl"] .flex-offset-gt-lg-25 {
    margin-left: auto;
    margin-right: 25%;
  }

  [dir="rtl"] .layout-margin .flex-offset-gt-lg-25 {
    margin-left: auto;
    margin-right: 25%;
  }

  [dir="rtl"] .layout-margin .offset-gt-lg-25 {
    margin-left: auto;
    margin-right: 25%;
  }

  .offset-gt-lg-30, .flex-offset-gt-lg-30, .layout-margin .flex-offset-gt-lg-30, .layout-margin .offset-gt-lg-30 {
    margin-left: 30%;
  }

  [dir="rtl"] .offset-gt-lg-30 {
    margin-left: auto;
    margin-right: 30%;
  }

  [dir="rtl"] .flex-offset-gt-lg-30 {
    margin-left: auto;
    margin-right: 30%;
  }

  [dir="rtl"] .layout-margin .flex-offset-gt-lg-30 {
    margin-left: auto;
    margin-right: 30%;
  }

  [dir="rtl"] .layout-margin .offset-gt-lg-30 {
    margin-left: auto;
    margin-right: 30%;
  }

  .offset-gt-lg-35, .flex-offset-gt-lg-35, .layout-margin .flex-offset-gt-lg-35, .layout-margin .offset-gt-lg-35 {
    margin-left: 35%;
  }

  [dir="rtl"] .offset-gt-lg-35 {
    margin-left: auto;
    margin-right: 35%;
  }

  [dir="rtl"] .flex-offset-gt-lg-35 {
    margin-left: auto;
    margin-right: 35%;
  }

  [dir="rtl"] .layout-margin .flex-offset-gt-lg-35 {
    margin-left: auto;
    margin-right: 35%;
  }

  [dir="rtl"] .layout-margin .offset-gt-lg-35 {
    margin-left: auto;
    margin-right: 35%;
  }

  .offset-gt-lg-40, .flex-offset-gt-lg-40, .layout-margin .flex-offset-gt-lg-40, .layout-margin .offset-gt-lg-40 {
    margin-left: 40%;
  }

  [dir="rtl"] .offset-gt-lg-40 {
    margin-left: auto;
    margin-right: 40%;
  }

  [dir="rtl"] .flex-offset-gt-lg-40 {
    margin-left: auto;
    margin-right: 40%;
  }

  [dir="rtl"] .layout-margin .flex-offset-gt-lg-40 {
    margin-left: auto;
    margin-right: 40%;
  }

  [dir="rtl"] .layout-margin .offset-gt-lg-40 {
    margin-left: auto;
    margin-right: 40%;
  }

  .offset-gt-lg-45, .flex-offset-gt-lg-45, .layout-margin .flex-offset-gt-lg-45, .layout-margin .offset-gt-lg-45 {
    margin-left: 45%;
  }

  [dir="rtl"] .offset-gt-lg-45 {
    margin-left: auto;
    margin-right: 45%;
  }

  [dir="rtl"] .flex-offset-gt-lg-45 {
    margin-left: auto;
    margin-right: 45%;
  }

  [dir="rtl"] .layout-margin .flex-offset-gt-lg-45 {
    margin-left: auto;
    margin-right: 45%;
  }

  [dir="rtl"] .layout-margin .offset-gt-lg-45 {
    margin-left: auto;
    margin-right: 45%;
  }

  .offset-gt-lg-50, .flex-offset-gt-lg-50, .layout-margin .flex-offset-gt-lg-50, .layout-margin .offset-gt-lg-50 {
    margin-left: 50%;
  }

  [dir="rtl"] .offset-gt-lg-50 {
    margin-left: auto;
    margin-right: 50%;
  }

  [dir="rtl"] .flex-offset-gt-lg-50 {
    margin-left: auto;
    margin-right: 50%;
  }

  [dir="rtl"] .layout-margin .flex-offset-gt-lg-50 {
    margin-left: auto;
    margin-right: 50%;
  }

  [dir="rtl"] .layout-margin .offset-gt-lg-50 {
    margin-left: auto;
    margin-right: 50%;
  }

  .offset-gt-lg-55, .flex-offset-gt-lg-55, .layout-margin .flex-offset-gt-lg-55, .layout-margin .offset-gt-lg-55 {
    margin-left: 55%;
  }

  [dir="rtl"] .offset-gt-lg-55 {
    margin-left: auto;
    margin-right: 55%;
  }

  [dir="rtl"] .flex-offset-gt-lg-55 {
    margin-left: auto;
    margin-right: 55%;
  }

  [dir="rtl"] .layout-margin .flex-offset-gt-lg-55 {
    margin-left: auto;
    margin-right: 55%;
  }

  [dir="rtl"] .layout-margin .offset-gt-lg-55 {
    margin-left: auto;
    margin-right: 55%;
  }

  .offset-gt-lg-60, .flex-offset-gt-lg-60, .layout-margin .flex-offset-gt-lg-60, .layout-margin .offset-gt-lg-60 {
    margin-left: 60%;
  }

  [dir="rtl"] .offset-gt-lg-60 {
    margin-left: auto;
    margin-right: 60%;
  }

  [dir="rtl"] .flex-offset-gt-lg-60 {
    margin-left: auto;
    margin-right: 60%;
  }

  [dir="rtl"] .layout-margin .flex-offset-gt-lg-60 {
    margin-left: auto;
    margin-right: 60%;
  }

  [dir="rtl"] .layout-margin .offset-gt-lg-60 {
    margin-left: auto;
    margin-right: 60%;
  }

  .offset-gt-lg-65, .flex-offset-gt-lg-65, .layout-margin .flex-offset-gt-lg-65, .layout-margin .offset-gt-lg-65 {
    margin-left: 65%;
  }

  [dir="rtl"] .offset-gt-lg-65 {
    margin-left: auto;
    margin-right: 65%;
  }

  [dir="rtl"] .flex-offset-gt-lg-65 {
    margin-left: auto;
    margin-right: 65%;
  }

  [dir="rtl"] .layout-margin .flex-offset-gt-lg-65 {
    margin-left: auto;
    margin-right: 65%;
  }

  [dir="rtl"] .layout-margin .offset-gt-lg-65 {
    margin-left: auto;
    margin-right: 65%;
  }

  .offset-gt-lg-70, .flex-offset-gt-lg-70, .layout-margin .flex-offset-gt-lg-70, .layout-margin .offset-gt-lg-70 {
    margin-left: 70%;
  }

  [dir="rtl"] .offset-gt-lg-70 {
    margin-left: auto;
    margin-right: 70%;
  }

  [dir="rtl"] .flex-offset-gt-lg-70 {
    margin-left: auto;
    margin-right: 70%;
  }

  [dir="rtl"] .layout-margin .flex-offset-gt-lg-70 {
    margin-left: auto;
    margin-right: 70%;
  }

  [dir="rtl"] .layout-margin .offset-gt-lg-70 {
    margin-left: auto;
    margin-right: 70%;
  }

  .offset-gt-lg-75, .flex-offset-gt-lg-75, .layout-margin .flex-offset-gt-lg-75, .layout-margin .offset-gt-lg-75 {
    margin-left: 75%;
  }

  [dir="rtl"] .offset-gt-lg-75 {
    margin-left: auto;
    margin-right: 75%;
  }

  [dir="rtl"] .flex-offset-gt-lg-75 {
    margin-left: auto;
    margin-right: 75%;
  }

  [dir="rtl"] .layout-margin .flex-offset-gt-lg-75 {
    margin-left: auto;
    margin-right: 75%;
  }

  [dir="rtl"] .layout-margin .offset-gt-lg-75 {
    margin-left: auto;
    margin-right: 75%;
  }

  .offset-gt-lg-80, .flex-offset-gt-lg-80, .layout-margin .flex-offset-gt-lg-80, .layout-margin .offset-gt-lg-80 {
    margin-left: 80%;
  }

  [dir="rtl"] .offset-gt-lg-80 {
    margin-left: auto;
    margin-right: 80%;
  }

  [dir="rtl"] .flex-offset-gt-lg-80 {
    margin-left: auto;
    margin-right: 80%;
  }

  [dir="rtl"] .layout-margin .flex-offset-gt-lg-80 {
    margin-left: auto;
    margin-right: 80%;
  }

  [dir="rtl"] .layout-margin .offset-gt-lg-80 {
    margin-left: auto;
    margin-right: 80%;
  }

  .offset-gt-lg-85, .flex-offset-gt-lg-85, .layout-margin .flex-offset-gt-lg-85, .layout-margin .offset-gt-lg-85 {
    margin-left: 85%;
  }

  [dir="rtl"] .offset-gt-lg-85 {
    margin-left: auto;
    margin-right: 85%;
  }

  [dir="rtl"] .flex-offset-gt-lg-85 {
    margin-left: auto;
    margin-right: 85%;
  }

  [dir="rtl"] .layout-margin .flex-offset-gt-lg-85 {
    margin-left: auto;
    margin-right: 85%;
  }

  [dir="rtl"] .layout-margin .offset-gt-lg-85 {
    margin-left: auto;
    margin-right: 85%;
  }

  .offset-gt-lg-90, .flex-offset-gt-lg-90, .layout-margin .flex-offset-gt-lg-90, .layout-margin .offset-gt-lg-90 {
    margin-left: 90%;
  }

  [dir="rtl"] .offset-gt-lg-90 {
    margin-left: auto;
    margin-right: 90%;
  }

  [dir="rtl"] .flex-offset-gt-lg-90 {
    margin-left: auto;
    margin-right: 90%;
  }

  [dir="rtl"] .layout-margin .flex-offset-gt-lg-90 {
    margin-left: auto;
    margin-right: 90%;
  }

  [dir="rtl"] .layout-margin .offset-gt-lg-90 {
    margin-left: auto;
    margin-right: 90%;
  }

  .offset-gt-lg-95, .flex-offset-gt-lg-95, .layout-margin .flex-offset-gt-lg-95, .layout-margin .offset-gt-lg-95 {
    margin-left: 95%;
  }

  [dir="rtl"] .offset-gt-lg-95 {
    margin-left: auto;
    margin-right: 95%;
  }

  [dir="rtl"] .flex-offset-gt-lg-95 {
    margin-left: auto;
    margin-right: 95%;
  }

  [dir="rtl"] .layout-margin .flex-offset-gt-lg-95 {
    margin-left: auto;
    margin-right: 95%;
  }

  [dir="rtl"] .layout-margin .offset-gt-lg-95 {
    margin-left: auto;
    margin-right: 95%;
  }

  .offset-gt-lg-33, .flex-offset-gt-lg-33, .layout-margin .flex-offset-gt-lg-33, .layout-margin .offset-gt-lg-33 {
    margin-left: 33.3333%;
  }

  .offset-gt-lg-66, .flex-offset-gt-lg-66, .layout-margin .flex-offset-gt-lg-66, .layout-margin .offset-gt-lg-66 {
    margin-left: 66.6667%;
  }

  [dir="rtl"] .offset-gt-lg-66 {
    margin-left: auto;
    margin-right: 66.6667%;
  }

  [dir="rtl"] .flex-offset-gt-lg-66 {
    margin-left: auto;
    margin-right: 66.6667%;
  }

  [dir="rtl"] .layout-margin .flex-offset-gt-lg-66 {
    margin-left: auto;
    margin-right: 66.6667%;
  }

  [dir="rtl"] .layout-margin .offset-gt-lg-66 {
    margin-left: auto;
    margin-right: 66.6667%;
  }

  .layout-align-gt-lg, .layout-align-gt-lg-start-stretch {
    place-content: stretch flex-start;
    align-items: stretch;
  }

  .layout-align-gt-lg-start, .layout-align-gt-lg-start-start, .layout-align-gt-lg-start-center, .layout-align-gt-lg-start-end, .layout-align-gt-lg-start-stretch {
    justify-content: flex-start;
  }

  .layout-align-gt-lg-center, .layout-align-gt-lg-center-start, .layout-align-gt-lg-center-center, .layout-align-gt-lg-center-end, .layout-align-gt-lg-center-stretch {
    justify-content: center;
  }

  .layout-align-gt-lg-end, .layout-align-gt-lg-end-start, .layout-align-gt-lg-end-center, .layout-align-gt-lg-end-end, .layout-align-gt-lg-end-stretch {
    justify-content: flex-end;
  }

  .layout-align-gt-lg-space-around, .layout-align-gt-lg-space-around-center, .layout-align-gt-lg-space-around-start, .layout-align-gt-lg-space-around-end, .layout-align-gt-lg-space-around-stretch {
    justify-content: space-around;
  }

  .layout-align-gt-lg-space-between, .layout-align-gt-lg-space-between-center, .layout-align-gt-lg-space-between-start, .layout-align-gt-lg-space-between-end, .layout-align-gt-lg-space-between-stretch {
    justify-content: space-between;
  }

  .layout-align-gt-lg-start-start, .layout-align-gt-lg-center-start, .layout-align-gt-lg-end-start, .layout-align-gt-lg-space-between-start, .layout-align-gt-lg-space-around-start {
    align-content: flex-start;
    align-items: flex-start;
  }

  .layout-align-gt-lg-start-center, .layout-align-gt-lg-center-center, .layout-align-gt-lg-end-center, .layout-align-gt-lg-space-between-center, .layout-align-gt-lg-space-around-center {
    align-content: center;
    align-items: center;
    max-width: 100%;
  }

  .layout-align-gt-lg-start-center > *, .layout-align-gt-lg-center-center > *, .layout-align-gt-lg-end-center > *, .layout-align-gt-lg-space-between-center > *, .layout-align-gt-lg-space-around-center > * {
    box-sizing: border-box;
    max-width: 100%;
  }

  .layout-align-gt-lg-start-end, .layout-align-gt-lg-center-end, .layout-align-gt-lg-end-end, .layout-align-gt-lg-space-between-end, .layout-align-gt-lg-space-around-end {
    align-content: flex-end;
    align-items: flex-end;
  }

  .layout-align-gt-lg-start-stretch, .layout-align-gt-lg-center-stretch, .layout-align-gt-lg-end-stretch, .layout-align-gt-lg-space-between-stretch, .layout-align-gt-lg-space-around-stretch {
    align-content: stretch;
    align-items: stretch;
  }

  .flex-gt-lg {
    box-sizing: border-box;
    flex: 1;
  }

  .flex-gt-lg-grow {
    box-sizing: border-box;
    flex: 100%;
  }

  .flex-gt-lg-initial {
    box-sizing: border-box;
    flex: 0 auto;
  }

  .flex-gt-lg-auto {
    box-sizing: border-box;
    flex: auto;
  }

  .flex-gt-lg-none {
    box-sizing: border-box;
    flex: none;
  }

  .flex-gt-lg-noshrink {
    box-sizing: border-box;
    flex: 1 0 auto;
  }

  .flex-gt-lg-nogrow {
    box-sizing: border-box;
    flex: 0 auto;
  }

  .flex-gt-lg-0 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 0%;
    max-height: 100%;
  }

  .layout-row > .flex-gt-lg-0 {
    box-sizing: border-box;
    flex: 100%;
    min-width: 0;
    max-width: 0%;
    max-height: 100%;
  }

  .layout-column > .flex-gt-lg-0 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 0%;
  }

  .layout-gt-lg-row > .flex-gt-lg-0 {
    box-sizing: border-box;
    flex: 100%;
    min-width: 0;
    max-width: 0%;
    max-height: 100%;
  }

  .layout-gt-lg-column > .flex-gt-lg-0 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    min-height: 0;
    max-height: 0%;
  }

  .flex-gt-lg-5, .layout-row > .flex-gt-lg-5 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 5%;
    max-height: 100%;
  }

  .layout-column > .flex-gt-lg-5 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 5%;
  }

  .layout-gt-lg-row > .flex-gt-lg-5 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 5%;
    max-height: 100%;
  }

  .layout-gt-lg-column > .flex-gt-lg-5 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 5%;
  }

  .flex-gt-lg-10, .layout-row > .flex-gt-lg-10 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 10%;
    max-height: 100%;
  }

  .layout-column > .flex-gt-lg-10 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 10%;
  }

  .layout-gt-lg-row > .flex-gt-lg-10 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 10%;
    max-height: 100%;
  }

  .layout-gt-lg-column > .flex-gt-lg-10 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 10%;
  }

  .flex-gt-lg-15, .layout-row > .flex-gt-lg-15 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 15%;
    max-height: 100%;
  }

  .layout-column > .flex-gt-lg-15 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 15%;
  }

  .layout-gt-lg-row > .flex-gt-lg-15 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 15%;
    max-height: 100%;
  }

  .layout-gt-lg-column > .flex-gt-lg-15 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 15%;
  }

  .flex-gt-lg-20, .layout-row > .flex-gt-lg-20 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 20%;
    max-height: 100%;
  }

  .layout-column > .flex-gt-lg-20 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 20%;
  }

  .layout-gt-lg-row > .flex-gt-lg-20 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 20%;
    max-height: 100%;
  }

  .layout-gt-lg-column > .flex-gt-lg-20 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 20%;
  }

  .flex-gt-lg-25, .layout-row > .flex-gt-lg-25 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 25%;
    max-height: 100%;
  }

  .layout-column > .flex-gt-lg-25 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 25%;
  }

  .layout-gt-lg-row > .flex-gt-lg-25 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 25%;
    max-height: 100%;
  }

  .layout-gt-lg-column > .flex-gt-lg-25 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 25%;
  }

  .flex-gt-lg-30, .layout-row > .flex-gt-lg-30 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 30%;
    max-height: 100%;
  }

  .layout-column > .flex-gt-lg-30 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 30%;
  }

  .layout-gt-lg-row > .flex-gt-lg-30 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 30%;
    max-height: 100%;
  }

  .layout-gt-lg-column > .flex-gt-lg-30 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 30%;
  }

  .flex-gt-lg-35, .layout-row > .flex-gt-lg-35 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 35%;
    max-height: 100%;
  }

  .layout-column > .flex-gt-lg-35 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 35%;
  }

  .layout-gt-lg-row > .flex-gt-lg-35 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 35%;
    max-height: 100%;
  }

  .layout-gt-lg-column > .flex-gt-lg-35 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 35%;
  }

  .flex-gt-lg-40, .layout-row > .flex-gt-lg-40 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 40%;
    max-height: 100%;
  }

  .layout-column > .flex-gt-lg-40 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 40%;
  }

  .layout-gt-lg-row > .flex-gt-lg-40 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 40%;
    max-height: 100%;
  }

  .layout-gt-lg-column > .flex-gt-lg-40 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 40%;
  }

  .flex-gt-lg-45, .layout-row > .flex-gt-lg-45 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 45%;
    max-height: 100%;
  }

  .layout-column > .flex-gt-lg-45 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 45%;
  }

  .layout-gt-lg-row > .flex-gt-lg-45 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 45%;
    max-height: 100%;
  }

  .layout-gt-lg-column > .flex-gt-lg-45 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 45%;
  }

  .flex-gt-lg-50, .layout-row > .flex-gt-lg-50 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 50%;
    max-height: 100%;
  }

  .layout-column > .flex-gt-lg-50 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 50%;
  }

  .layout-gt-lg-row > .flex-gt-lg-50 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 50%;
    max-height: 100%;
  }

  .layout-gt-lg-column > .flex-gt-lg-50 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 50%;
  }

  .flex-gt-lg-55, .layout-row > .flex-gt-lg-55 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 55%;
    max-height: 100%;
  }

  .layout-column > .flex-gt-lg-55 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 55%;
  }

  .layout-gt-lg-row > .flex-gt-lg-55 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 55%;
    max-height: 100%;
  }

  .layout-gt-lg-column > .flex-gt-lg-55 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 55%;
  }

  .flex-gt-lg-60, .layout-row > .flex-gt-lg-60 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 60%;
    max-height: 100%;
  }

  .layout-column > .flex-gt-lg-60 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 60%;
  }

  .layout-gt-lg-row > .flex-gt-lg-60 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 60%;
    max-height: 100%;
  }

  .layout-gt-lg-column > .flex-gt-lg-60 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 60%;
  }

  .flex-gt-lg-65, .layout-row > .flex-gt-lg-65 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 65%;
    max-height: 100%;
  }

  .layout-column > .flex-gt-lg-65 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 65%;
  }

  .layout-gt-lg-row > .flex-gt-lg-65 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 65%;
    max-height: 100%;
  }

  .layout-gt-lg-column > .flex-gt-lg-65 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 65%;
  }

  .flex-gt-lg-70, .layout-row > .flex-gt-lg-70 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 70%;
    max-height: 100%;
  }

  .layout-column > .flex-gt-lg-70 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 70%;
  }

  .layout-gt-lg-row > .flex-gt-lg-70 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 70%;
    max-height: 100%;
  }

  .layout-gt-lg-column > .flex-gt-lg-70 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 70%;
  }

  .flex-gt-lg-75, .layout-row > .flex-gt-lg-75 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 75%;
    max-height: 100%;
  }

  .layout-column > .flex-gt-lg-75 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 75%;
  }

  .layout-gt-lg-row > .flex-gt-lg-75 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 75%;
    max-height: 100%;
  }

  .layout-gt-lg-column > .flex-gt-lg-75 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 75%;
  }

  .flex-gt-lg-80, .layout-row > .flex-gt-lg-80 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 80%;
    max-height: 100%;
  }

  .layout-column > .flex-gt-lg-80 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 80%;
  }

  .layout-gt-lg-row > .flex-gt-lg-80 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 80%;
    max-height: 100%;
  }

  .layout-gt-lg-column > .flex-gt-lg-80 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 80%;
  }

  .flex-gt-lg-85, .layout-row > .flex-gt-lg-85 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 85%;
    max-height: 100%;
  }

  .layout-column > .flex-gt-lg-85 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 85%;
  }

  .layout-gt-lg-row > .flex-gt-lg-85 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 85%;
    max-height: 100%;
  }

  .layout-gt-lg-column > .flex-gt-lg-85 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 85%;
  }

  .flex-gt-lg-90, .layout-row > .flex-gt-lg-90 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 90%;
    max-height: 100%;
  }

  .layout-column > .flex-gt-lg-90 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 90%;
  }

  .layout-gt-lg-row > .flex-gt-lg-90 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 90%;
    max-height: 100%;
  }

  .layout-gt-lg-column > .flex-gt-lg-90 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 90%;
  }

  .flex-gt-lg-95, .layout-row > .flex-gt-lg-95 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 95%;
    max-height: 100%;
  }

  .layout-column > .flex-gt-lg-95 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 95%;
  }

  .layout-gt-lg-row > .flex-gt-lg-95 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 95%;
    max-height: 100%;
  }

  .layout-gt-lg-column > .flex-gt-lg-95 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 95%;
  }

  .flex-gt-lg-100, .layout-row > .flex-gt-lg-100, .layout-column > .flex-gt-lg-100, .layout-gt-lg-row > .flex-gt-lg-100, .layout-gt-lg-column > .flex-gt-lg-100 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 100%;
  }

  .layout-row > .flex-gt-lg-33 {
    box-sizing: border-box;
    flex: 33.33%;
    max-width: 33.33%;
    max-height: 100%;
  }

  .layout-row > .flex-gt-lg-66 {
    box-sizing: border-box;
    flex: 66.66%;
    max-width: 66.66%;
    max-height: 100%;
  }

  .layout-column > .flex-gt-lg-33 {
    box-sizing: border-box;
    flex: 33.33%;
    max-width: 100%;
    max-height: 33.33%;
  }

  .layout-column > .flex-gt-lg-66 {
    box-sizing: border-box;
    flex: 66.66%;
    max-width: 100%;
    max-height: 66.66%;
  }

  .layout-gt-lg-row > .flex-gt-lg-33 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 33.33%;
    max-height: 100%;
  }

  .layout-gt-lg-row > .flex-gt-lg-66 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 66.66%;
    max-height: 100%;
  }

  .layout-gt-lg-row > .flex {
    min-width: 0;
  }

  .layout-gt-lg-column > .flex-gt-lg-33 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 33.33%;
  }

  .layout-gt-lg-column > .flex-gt-lg-66 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 66.66%;
  }

  .layout-gt-lg-column > .flex {
    min-height: 0;
  }

  .layout-gt-lg, .layout-gt-lg-column, .layout-gt-lg-row {
    box-sizing: border-box;
    display: flex;
  }

  .layout-gt-lg-column {
    flex-direction: column;
  }

  .layout-gt-lg-row {
    flex-direction: row;
  }

  .flex-order-xl--20 {
    order: -20;
  }

  .flex-order-xl--19 {
    order: -19;
  }

  .flex-order-xl--18 {
    order: -18;
  }

  .flex-order-xl--17 {
    order: -17;
  }

  .flex-order-xl--16 {
    order: -16;
  }

  .flex-order-xl--15 {
    order: -15;
  }

  .flex-order-xl--14 {
    order: -14;
  }

  .flex-order-xl--13 {
    order: -13;
  }

  .flex-order-xl--12 {
    order: -12;
  }

  .flex-order-xl--11 {
    order: -11;
  }

  .flex-order-xl--10 {
    order: -10;
  }

  .flex-order-xl--9 {
    order: -9;
  }

  .flex-order-xl--8 {
    order: -8;
  }

  .flex-order-xl--7 {
    order: -7;
  }

  .flex-order-xl--6 {
    order: -6;
  }

  .flex-order-xl--5 {
    order: -5;
  }

  .flex-order-xl--4 {
    order: -4;
  }

  .flex-order-xl--3 {
    order: -3;
  }

  .flex-order-xl--2 {
    order: -2;
  }

  .flex-order-xl--1 {
    order: -1;
  }

  .flex-order-xl-0 {
    order: 0;
  }

  .flex-order-xl-1 {
    order: 1;
  }

  .flex-order-xl-2 {
    order: 2;
  }

  .flex-order-xl-3 {
    order: 3;
  }

  .flex-order-xl-4 {
    order: 4;
  }

  .flex-order-xl-5 {
    order: 5;
  }

  .flex-order-xl-6 {
    order: 6;
  }

  .flex-order-xl-7 {
    order: 7;
  }

  .flex-order-xl-8 {
    order: 8;
  }

  .flex-order-xl-9 {
    order: 9;
  }

  .flex-order-xl-10 {
    order: 10;
  }

  .flex-order-xl-11 {
    order: 11;
  }

  .flex-order-xl-12 {
    order: 12;
  }

  .flex-order-xl-13 {
    order: 13;
  }

  .flex-order-xl-14 {
    order: 14;
  }

  .flex-order-xl-15 {
    order: 15;
  }

  .flex-order-xl-16 {
    order: 16;
  }

  .flex-order-xl-17 {
    order: 17;
  }

  .flex-order-xl-18 {
    order: 18;
  }

  .flex-order-xl-19 {
    order: 19;
  }

  .flex-order-xl-20 {
    order: 20;
  }

  .offset-xl-0, .flex-offset-xl-0, .layout-margin .flex-offset-xl-0, .layout-margin .offset-xl-0 {
    margin-left: 0;
  }

  [dir="rtl"] .offset-xl-0 {
    margin-left: auto;
    margin-right: 0;
  }

  [dir="rtl"] .flex-offset-xl-0 {
    margin-left: auto;
    margin-right: 0;
  }

  [dir="rtl"] .layout-margin .flex-offset-xl-0 {
    margin-left: auto;
    margin-right: 0;
  }

  [dir="rtl"] .layout-margin .offset-xl-0 {
    margin-left: auto;
    margin-right: 0;
  }

  .offset-xl-5, .flex-offset-xl-5, .layout-margin .flex-offset-xl-5, .layout-margin .offset-xl-5 {
    margin-left: 5%;
  }

  [dir="rtl"] .offset-xl-5 {
    margin-left: auto;
    margin-right: 5%;
  }

  [dir="rtl"] .flex-offset-xl-5 {
    margin-left: auto;
    margin-right: 5%;
  }

  [dir="rtl"] .layout-margin .flex-offset-xl-5 {
    margin-left: auto;
    margin-right: 5%;
  }

  [dir="rtl"] .layout-margin .offset-xl-5 {
    margin-left: auto;
    margin-right: 5%;
  }

  .offset-xl-10, .flex-offset-xl-10, .layout-margin .flex-offset-xl-10, .layout-margin .offset-xl-10 {
    margin-left: 10%;
  }

  [dir="rtl"] .offset-xl-10 {
    margin-left: auto;
    margin-right: 10%;
  }

  [dir="rtl"] .flex-offset-xl-10 {
    margin-left: auto;
    margin-right: 10%;
  }

  [dir="rtl"] .layout-margin .flex-offset-xl-10 {
    margin-left: auto;
    margin-right: 10%;
  }

  [dir="rtl"] .layout-margin .offset-xl-10 {
    margin-left: auto;
    margin-right: 10%;
  }

  .offset-xl-15, .flex-offset-xl-15, .layout-margin .flex-offset-xl-15, .layout-margin .offset-xl-15 {
    margin-left: 15%;
  }

  [dir="rtl"] .offset-xl-15 {
    margin-left: auto;
    margin-right: 15%;
  }

  [dir="rtl"] .flex-offset-xl-15 {
    margin-left: auto;
    margin-right: 15%;
  }

  [dir="rtl"] .layout-margin .flex-offset-xl-15 {
    margin-left: auto;
    margin-right: 15%;
  }

  [dir="rtl"] .layout-margin .offset-xl-15 {
    margin-left: auto;
    margin-right: 15%;
  }

  .offset-xl-20, .flex-offset-xl-20, .layout-margin .flex-offset-xl-20, .layout-margin .offset-xl-20 {
    margin-left: 20%;
  }

  [dir="rtl"] .offset-xl-20 {
    margin-left: auto;
    margin-right: 20%;
  }

  [dir="rtl"] .flex-offset-xl-20 {
    margin-left: auto;
    margin-right: 20%;
  }

  [dir="rtl"] .layout-margin .flex-offset-xl-20 {
    margin-left: auto;
    margin-right: 20%;
  }

  [dir="rtl"] .layout-margin .offset-xl-20 {
    margin-left: auto;
    margin-right: 20%;
  }

  .offset-xl-25, .flex-offset-xl-25, .layout-margin .flex-offset-xl-25, .layout-margin .offset-xl-25 {
    margin-left: 25%;
  }

  [dir="rtl"] .offset-xl-25 {
    margin-left: auto;
    margin-right: 25%;
  }

  [dir="rtl"] .flex-offset-xl-25 {
    margin-left: auto;
    margin-right: 25%;
  }

  [dir="rtl"] .layout-margin .flex-offset-xl-25 {
    margin-left: auto;
    margin-right: 25%;
  }

  [dir="rtl"] .layout-margin .offset-xl-25 {
    margin-left: auto;
    margin-right: 25%;
  }

  .offset-xl-30, .flex-offset-xl-30, .layout-margin .flex-offset-xl-30, .layout-margin .offset-xl-30 {
    margin-left: 30%;
  }

  [dir="rtl"] .offset-xl-30 {
    margin-left: auto;
    margin-right: 30%;
  }

  [dir="rtl"] .flex-offset-xl-30 {
    margin-left: auto;
    margin-right: 30%;
  }

  [dir="rtl"] .layout-margin .flex-offset-xl-30 {
    margin-left: auto;
    margin-right: 30%;
  }

  [dir="rtl"] .layout-margin .offset-xl-30 {
    margin-left: auto;
    margin-right: 30%;
  }

  .offset-xl-35, .flex-offset-xl-35, .layout-margin .flex-offset-xl-35, .layout-margin .offset-xl-35 {
    margin-left: 35%;
  }

  [dir="rtl"] .offset-xl-35 {
    margin-left: auto;
    margin-right: 35%;
  }

  [dir="rtl"] .flex-offset-xl-35 {
    margin-left: auto;
    margin-right: 35%;
  }

  [dir="rtl"] .layout-margin .flex-offset-xl-35 {
    margin-left: auto;
    margin-right: 35%;
  }

  [dir="rtl"] .layout-margin .offset-xl-35 {
    margin-left: auto;
    margin-right: 35%;
  }

  .offset-xl-40, .flex-offset-xl-40, .layout-margin .flex-offset-xl-40, .layout-margin .offset-xl-40 {
    margin-left: 40%;
  }

  [dir="rtl"] .offset-xl-40 {
    margin-left: auto;
    margin-right: 40%;
  }

  [dir="rtl"] .flex-offset-xl-40 {
    margin-left: auto;
    margin-right: 40%;
  }

  [dir="rtl"] .layout-margin .flex-offset-xl-40 {
    margin-left: auto;
    margin-right: 40%;
  }

  [dir="rtl"] .layout-margin .offset-xl-40 {
    margin-left: auto;
    margin-right: 40%;
  }

  .offset-xl-45, .flex-offset-xl-45, .layout-margin .flex-offset-xl-45, .layout-margin .offset-xl-45 {
    margin-left: 45%;
  }

  [dir="rtl"] .offset-xl-45 {
    margin-left: auto;
    margin-right: 45%;
  }

  [dir="rtl"] .flex-offset-xl-45 {
    margin-left: auto;
    margin-right: 45%;
  }

  [dir="rtl"] .layout-margin .flex-offset-xl-45 {
    margin-left: auto;
    margin-right: 45%;
  }

  [dir="rtl"] .layout-margin .offset-xl-45 {
    margin-left: auto;
    margin-right: 45%;
  }

  .offset-xl-50, .flex-offset-xl-50, .layout-margin .flex-offset-xl-50, .layout-margin .offset-xl-50 {
    margin-left: 50%;
  }

  [dir="rtl"] .offset-xl-50 {
    margin-left: auto;
    margin-right: 50%;
  }

  [dir="rtl"] .flex-offset-xl-50 {
    margin-left: auto;
    margin-right: 50%;
  }

  [dir="rtl"] .layout-margin .flex-offset-xl-50 {
    margin-left: auto;
    margin-right: 50%;
  }

  [dir="rtl"] .layout-margin .offset-xl-50 {
    margin-left: auto;
    margin-right: 50%;
  }

  .offset-xl-55, .flex-offset-xl-55, .layout-margin .flex-offset-xl-55, .layout-margin .offset-xl-55 {
    margin-left: 55%;
  }

  [dir="rtl"] .offset-xl-55 {
    margin-left: auto;
    margin-right: 55%;
  }

  [dir="rtl"] .flex-offset-xl-55 {
    margin-left: auto;
    margin-right: 55%;
  }

  [dir="rtl"] .layout-margin .flex-offset-xl-55 {
    margin-left: auto;
    margin-right: 55%;
  }

  [dir="rtl"] .layout-margin .offset-xl-55 {
    margin-left: auto;
    margin-right: 55%;
  }

  .offset-xl-60, .flex-offset-xl-60, .layout-margin .flex-offset-xl-60, .layout-margin .offset-xl-60 {
    margin-left: 60%;
  }

  [dir="rtl"] .offset-xl-60 {
    margin-left: auto;
    margin-right: 60%;
  }

  [dir="rtl"] .flex-offset-xl-60 {
    margin-left: auto;
    margin-right: 60%;
  }

  [dir="rtl"] .layout-margin .flex-offset-xl-60 {
    margin-left: auto;
    margin-right: 60%;
  }

  [dir="rtl"] .layout-margin .offset-xl-60 {
    margin-left: auto;
    margin-right: 60%;
  }

  .offset-xl-65, .flex-offset-xl-65, .layout-margin .flex-offset-xl-65, .layout-margin .offset-xl-65 {
    margin-left: 65%;
  }

  [dir="rtl"] .offset-xl-65 {
    margin-left: auto;
    margin-right: 65%;
  }

  [dir="rtl"] .flex-offset-xl-65 {
    margin-left: auto;
    margin-right: 65%;
  }

  [dir="rtl"] .layout-margin .flex-offset-xl-65 {
    margin-left: auto;
    margin-right: 65%;
  }

  [dir="rtl"] .layout-margin .offset-xl-65 {
    margin-left: auto;
    margin-right: 65%;
  }

  .offset-xl-70, .flex-offset-xl-70, .layout-margin .flex-offset-xl-70, .layout-margin .offset-xl-70 {
    margin-left: 70%;
  }

  [dir="rtl"] .offset-xl-70 {
    margin-left: auto;
    margin-right: 70%;
  }

  [dir="rtl"] .flex-offset-xl-70 {
    margin-left: auto;
    margin-right: 70%;
  }

  [dir="rtl"] .layout-margin .flex-offset-xl-70 {
    margin-left: auto;
    margin-right: 70%;
  }

  [dir="rtl"] .layout-margin .offset-xl-70 {
    margin-left: auto;
    margin-right: 70%;
  }

  .offset-xl-75, .flex-offset-xl-75, .layout-margin .flex-offset-xl-75, .layout-margin .offset-xl-75 {
    margin-left: 75%;
  }

  [dir="rtl"] .offset-xl-75 {
    margin-left: auto;
    margin-right: 75%;
  }

  [dir="rtl"] .flex-offset-xl-75 {
    margin-left: auto;
    margin-right: 75%;
  }

  [dir="rtl"] .layout-margin .flex-offset-xl-75 {
    margin-left: auto;
    margin-right: 75%;
  }

  [dir="rtl"] .layout-margin .offset-xl-75 {
    margin-left: auto;
    margin-right: 75%;
  }

  .offset-xl-80, .flex-offset-xl-80, .layout-margin .flex-offset-xl-80, .layout-margin .offset-xl-80 {
    margin-left: 80%;
  }

  [dir="rtl"] .offset-xl-80 {
    margin-left: auto;
    margin-right: 80%;
  }

  [dir="rtl"] .flex-offset-xl-80 {
    margin-left: auto;
    margin-right: 80%;
  }

  [dir="rtl"] .layout-margin .flex-offset-xl-80 {
    margin-left: auto;
    margin-right: 80%;
  }

  [dir="rtl"] .layout-margin .offset-xl-80 {
    margin-left: auto;
    margin-right: 80%;
  }

  .offset-xl-85, .flex-offset-xl-85, .layout-margin .flex-offset-xl-85, .layout-margin .offset-xl-85 {
    margin-left: 85%;
  }

  [dir="rtl"] .offset-xl-85 {
    margin-left: auto;
    margin-right: 85%;
  }

  [dir="rtl"] .flex-offset-xl-85 {
    margin-left: auto;
    margin-right: 85%;
  }

  [dir="rtl"] .layout-margin .flex-offset-xl-85 {
    margin-left: auto;
    margin-right: 85%;
  }

  [dir="rtl"] .layout-margin .offset-xl-85 {
    margin-left: auto;
    margin-right: 85%;
  }

  .offset-xl-90, .flex-offset-xl-90, .layout-margin .flex-offset-xl-90, .layout-margin .offset-xl-90 {
    margin-left: 90%;
  }

  [dir="rtl"] .offset-xl-90 {
    margin-left: auto;
    margin-right: 90%;
  }

  [dir="rtl"] .flex-offset-xl-90 {
    margin-left: auto;
    margin-right: 90%;
  }

  [dir="rtl"] .layout-margin .flex-offset-xl-90 {
    margin-left: auto;
    margin-right: 90%;
  }

  [dir="rtl"] .layout-margin .offset-xl-90 {
    margin-left: auto;
    margin-right: 90%;
  }

  .offset-xl-95, .flex-offset-xl-95, .layout-margin .flex-offset-xl-95, .layout-margin .offset-xl-95 {
    margin-left: 95%;
  }

  [dir="rtl"] .offset-xl-95 {
    margin-left: auto;
    margin-right: 95%;
  }

  [dir="rtl"] .flex-offset-xl-95 {
    margin-left: auto;
    margin-right: 95%;
  }

  [dir="rtl"] .layout-margin .flex-offset-xl-95 {
    margin-left: auto;
    margin-right: 95%;
  }

  [dir="rtl"] .layout-margin .offset-xl-95 {
    margin-left: auto;
    margin-right: 95%;
  }

  .offset-xl-33, .flex-offset-xl-33, .layout-margin .flex-offset-xl-33, .layout-margin .offset-xl-33 {
    margin-left: 33.3333%;
  }

  .offset-xl-66, .flex-offset-xl-66, .layout-margin .flex-offset-xl-66, .layout-margin .offset-xl-66 {
    margin-left: 66.6667%;
  }

  [dir="rtl"] .offset-xl-66 {
    margin-left: auto;
    margin-right: 66.6667%;
  }

  [dir="rtl"] .flex-offset-xl-66 {
    margin-left: auto;
    margin-right: 66.6667%;
  }

  [dir="rtl"] .layout-margin .flex-offset-xl-66 {
    margin-left: auto;
    margin-right: 66.6667%;
  }

  [dir="rtl"] .layout-margin .offset-xl-66 {
    margin-left: auto;
    margin-right: 66.6667%;
  }

  .layout-align-xl, .layout-align-xl-start-stretch {
    place-content: stretch flex-start;
    align-items: stretch;
  }

  .layout-align-xl-start, .layout-align-xl-start-start, .layout-align-xl-start-center, .layout-align-xl-start-end, .layout-align-xl-start-stretch {
    justify-content: flex-start;
  }

  .layout-align-xl-center, .layout-align-xl-center-start, .layout-align-xl-center-center, .layout-align-xl-center-end, .layout-align-xl-center-stretch {
    justify-content: center;
  }

  .layout-align-xl-end, .layout-align-xl-end-start, .layout-align-xl-end-center, .layout-align-xl-end-end, .layout-align-xl-end-stretch {
    justify-content: flex-end;
  }

  .layout-align-xl-space-around, .layout-align-xl-space-around-center, .layout-align-xl-space-around-start, .layout-align-xl-space-around-end, .layout-align-xl-space-around-stretch {
    justify-content: space-around;
  }

  .layout-align-xl-space-between, .layout-align-xl-space-between-center, .layout-align-xl-space-between-start, .layout-align-xl-space-between-end, .layout-align-xl-space-between-stretch {
    justify-content: space-between;
  }

  .layout-align-xl-start-start, .layout-align-xl-center-start, .layout-align-xl-end-start, .layout-align-xl-space-between-start, .layout-align-xl-space-around-start {
    align-content: flex-start;
    align-items: flex-start;
  }

  .layout-align-xl-start-center, .layout-align-xl-center-center, .layout-align-xl-end-center, .layout-align-xl-space-between-center, .layout-align-xl-space-around-center {
    align-content: center;
    align-items: center;
    max-width: 100%;
  }

  .layout-align-xl-start-center > *, .layout-align-xl-center-center > *, .layout-align-xl-end-center > *, .layout-align-xl-space-between-center > *, .layout-align-xl-space-around-center > * {
    box-sizing: border-box;
    max-width: 100%;
  }

  .layout-align-xl-start-end, .layout-align-xl-center-end, .layout-align-xl-end-end, .layout-align-xl-space-between-end, .layout-align-xl-space-around-end {
    align-content: flex-end;
    align-items: flex-end;
  }

  .layout-align-xl-start-stretch, .layout-align-xl-center-stretch, .layout-align-xl-end-stretch, .layout-align-xl-space-between-stretch, .layout-align-xl-space-around-stretch {
    align-content: stretch;
    align-items: stretch;
  }

  .flex-xl {
    box-sizing: border-box;
    flex: 1;
  }

  .flex-xl-grow {
    box-sizing: border-box;
    flex: 100%;
  }

  .flex-xl-initial {
    box-sizing: border-box;
    flex: 0 auto;
  }

  .flex-xl-auto {
    box-sizing: border-box;
    flex: auto;
  }

  .flex-xl-none {
    box-sizing: border-box;
    flex: none;
  }

  .flex-xl-noshrink {
    box-sizing: border-box;
    flex: 1 0 auto;
  }

  .flex-xl-nogrow {
    box-sizing: border-box;
    flex: 0 auto;
  }

  .flex-xl-0 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 0%;
    max-height: 100%;
  }

  .layout-row > .flex-xl-0 {
    box-sizing: border-box;
    flex: 100%;
    min-width: 0;
    max-width: 0%;
    max-height: 100%;
  }

  .layout-column > .flex-xl-0 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 0%;
  }

  .layout-xl-row > .flex-xl-0 {
    box-sizing: border-box;
    flex: 100%;
    min-width: 0;
    max-width: 0%;
    max-height: 100%;
  }

  .layout-xl-column > .flex-xl-0 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    min-height: 0;
    max-height: 0%;
  }

  .flex-xl-5, .layout-row > .flex-xl-5 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 5%;
    max-height: 100%;
  }

  .layout-column > .flex-xl-5 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 5%;
  }

  .layout-xl-row > .flex-xl-5 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 5%;
    max-height: 100%;
  }

  .layout-xl-column > .flex-xl-5 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 5%;
  }

  .flex-xl-10, .layout-row > .flex-xl-10 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 10%;
    max-height: 100%;
  }

  .layout-column > .flex-xl-10 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 10%;
  }

  .layout-xl-row > .flex-xl-10 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 10%;
    max-height: 100%;
  }

  .layout-xl-column > .flex-xl-10 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 10%;
  }

  .flex-xl-15, .layout-row > .flex-xl-15 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 15%;
    max-height: 100%;
  }

  .layout-column > .flex-xl-15 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 15%;
  }

  .layout-xl-row > .flex-xl-15 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 15%;
    max-height: 100%;
  }

  .layout-xl-column > .flex-xl-15 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 15%;
  }

  .flex-xl-20, .layout-row > .flex-xl-20 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 20%;
    max-height: 100%;
  }

  .layout-column > .flex-xl-20 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 20%;
  }

  .layout-xl-row > .flex-xl-20 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 20%;
    max-height: 100%;
  }

  .layout-xl-column > .flex-xl-20 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 20%;
  }

  .flex-xl-25, .layout-row > .flex-xl-25 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 25%;
    max-height: 100%;
  }

  .layout-column > .flex-xl-25 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 25%;
  }

  .layout-xl-row > .flex-xl-25 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 25%;
    max-height: 100%;
  }

  .layout-xl-column > .flex-xl-25 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 25%;
  }

  .flex-xl-30, .layout-row > .flex-xl-30 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 30%;
    max-height: 100%;
  }

  .layout-column > .flex-xl-30 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 30%;
  }

  .layout-xl-row > .flex-xl-30 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 30%;
    max-height: 100%;
  }

  .layout-xl-column > .flex-xl-30 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 30%;
  }

  .flex-xl-35, .layout-row > .flex-xl-35 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 35%;
    max-height: 100%;
  }

  .layout-column > .flex-xl-35 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 35%;
  }

  .layout-xl-row > .flex-xl-35 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 35%;
    max-height: 100%;
  }

  .layout-xl-column > .flex-xl-35 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 35%;
  }

  .flex-xl-40, .layout-row > .flex-xl-40 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 40%;
    max-height: 100%;
  }

  .layout-column > .flex-xl-40 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 40%;
  }

  .layout-xl-row > .flex-xl-40 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 40%;
    max-height: 100%;
  }

  .layout-xl-column > .flex-xl-40 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 40%;
  }

  .flex-xl-45, .layout-row > .flex-xl-45 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 45%;
    max-height: 100%;
  }

  .layout-column > .flex-xl-45 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 45%;
  }

  .layout-xl-row > .flex-xl-45 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 45%;
    max-height: 100%;
  }

  .layout-xl-column > .flex-xl-45 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 45%;
  }

  .flex-xl-50, .layout-row > .flex-xl-50 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 50%;
    max-height: 100%;
  }

  .layout-column > .flex-xl-50 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 50%;
  }

  .layout-xl-row > .flex-xl-50 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 50%;
    max-height: 100%;
  }

  .layout-xl-column > .flex-xl-50 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 50%;
  }

  .flex-xl-55, .layout-row > .flex-xl-55 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 55%;
    max-height: 100%;
  }

  .layout-column > .flex-xl-55 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 55%;
  }

  .layout-xl-row > .flex-xl-55 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 55%;
    max-height: 100%;
  }

  .layout-xl-column > .flex-xl-55 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 55%;
  }

  .flex-xl-60, .layout-row > .flex-xl-60 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 60%;
    max-height: 100%;
  }

  .layout-column > .flex-xl-60 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 60%;
  }

  .layout-xl-row > .flex-xl-60 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 60%;
    max-height: 100%;
  }

  .layout-xl-column > .flex-xl-60 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 60%;
  }

  .flex-xl-65, .layout-row > .flex-xl-65 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 65%;
    max-height: 100%;
  }

  .layout-column > .flex-xl-65 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 65%;
  }

  .layout-xl-row > .flex-xl-65 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 65%;
    max-height: 100%;
  }

  .layout-xl-column > .flex-xl-65 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 65%;
  }

  .flex-xl-70, .layout-row > .flex-xl-70 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 70%;
    max-height: 100%;
  }

  .layout-column > .flex-xl-70 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 70%;
  }

  .layout-xl-row > .flex-xl-70 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 70%;
    max-height: 100%;
  }

  .layout-xl-column > .flex-xl-70 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 70%;
  }

  .flex-xl-75, .layout-row > .flex-xl-75 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 75%;
    max-height: 100%;
  }

  .layout-column > .flex-xl-75 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 75%;
  }

  .layout-xl-row > .flex-xl-75 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 75%;
    max-height: 100%;
  }

  .layout-xl-column > .flex-xl-75 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 75%;
  }

  .flex-xl-80, .layout-row > .flex-xl-80 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 80%;
    max-height: 100%;
  }

  .layout-column > .flex-xl-80 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 80%;
  }

  .layout-xl-row > .flex-xl-80 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 80%;
    max-height: 100%;
  }

  .layout-xl-column > .flex-xl-80 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 80%;
  }

  .flex-xl-85, .layout-row > .flex-xl-85 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 85%;
    max-height: 100%;
  }

  .layout-column > .flex-xl-85 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 85%;
  }

  .layout-xl-row > .flex-xl-85 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 85%;
    max-height: 100%;
  }

  .layout-xl-column > .flex-xl-85 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 85%;
  }

  .flex-xl-90, .layout-row > .flex-xl-90 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 90%;
    max-height: 100%;
  }

  .layout-column > .flex-xl-90 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 90%;
  }

  .layout-xl-row > .flex-xl-90 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 90%;
    max-height: 100%;
  }

  .layout-xl-column > .flex-xl-90 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 90%;
  }

  .flex-xl-95, .layout-row > .flex-xl-95 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 95%;
    max-height: 100%;
  }

  .layout-column > .flex-xl-95 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 95%;
  }

  .layout-xl-row > .flex-xl-95 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 95%;
    max-height: 100%;
  }

  .layout-xl-column > .flex-xl-95 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 95%;
  }

  .flex-xl-100, .layout-row > .flex-xl-100, .layout-column > .flex-xl-100, .layout-xl-row > .flex-xl-100, .layout-xl-column > .flex-xl-100 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 100%;
  }

  .layout-row > .flex-xl-33 {
    box-sizing: border-box;
    flex: 33.33%;
    max-width: 33.33%;
    max-height: 100%;
  }

  .layout-row > .flex-xl-66 {
    box-sizing: border-box;
    flex: 66.66%;
    max-width: 66.66%;
    max-height: 100%;
  }

  .layout-column > .flex-xl-33 {
    box-sizing: border-box;
    flex: 33.33%;
    max-width: 100%;
    max-height: 33.33%;
  }

  .layout-column > .flex-xl-66 {
    box-sizing: border-box;
    flex: 66.66%;
    max-width: 100%;
    max-height: 66.66%;
  }

  .layout-xl-row > .flex-xl-33 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 33.33%;
    max-height: 100%;
  }

  .layout-xl-row > .flex-xl-66 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 66.66%;
    max-height: 100%;
  }

  .layout-xl-row > .flex {
    min-width: 0;
  }

  .layout-xl-column > .flex-xl-33 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 33.33%;
  }

  .layout-xl-column > .flex-xl-66 {
    box-sizing: border-box;
    flex: 100%;
    max-width: 100%;
    max-height: 66.66%;
  }

  .layout-xl-column > .flex {
    min-height: 0;
  }

  .layout-xl, .layout-xl-column, .layout-xl-row {
    box-sizing: border-box;
    display: flex;
  }

  .layout-xl-column {
    flex-direction: column;
  }

  .layout-xl-row {
    flex-direction: row;
  }

  .hide:not(.show-gt-xs):not(.show-gt-sm):not(.show-gt-md):not(.show-gt-lg):not(.show-xl):not(.show), .hide-gt-xs:not(.show-gt-xs):not(.show-gt-sm):not(.show-gt-md):not(.show-gt-lg):not(.show-xl):not(.show), .hide-gt-sm:not(.show-gt-xs):not(.show-gt-sm):not(.show-gt-md):not(.show-gt-lg):not(.show-xl):not(.show), .hide-gt-md:not(.show-gt-xs):not(.show-gt-sm):not(.show-gt-md):not(.show-gt-lg):not(.show-xl):not(.show), .hide-gt-lg:not(.show-gt-xs):not(.show-gt-sm):not(.show-gt-md):not(.show-gt-lg):not(.show-xl):not(.show), .hide-xl:not(.show-xl):not(.show-gt-lg):not(.show-gt-md):not(.show-gt-sm):not(.show-gt-xs):not(.show) {
    display: none;
  }
}

@media print {
  .hide-print:not(.show-print):not(.show) {
    display: none !important;
  }
}

.min-h-full {
  min-height: 100% !important;
}

.centered {
  text-align: center;
}

.text-base {
  font-size: 1rem;
}

.text-lg {
  font-size: 1.125rem;
}

.font-normal {
  font-weight: normal !important;
}

.font-semi-bold {
  font-weight: 600;
}

.font-bold {
  font-weight: bold;
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}

.clear {
  clear: both;
}

.hidden {
  display: none;
}

.block {
  display: block;
}

.inline-block {
  display: inline-block;
}

.show-block {
  display: block;
}

.relative {
  position: relative;
}

.absolute {
  position: absolute;
}

.fixed {
  position: fixed;
}

.top-0 {
  top: 0;
}

.right-10 {
  right: 10%;
}

.cursor-pointer {
  cursor: pointer;
}

.outline-none {
  outline: none;
}

.allcaps {
  text-transform: uppercase;
}

.m-0 {
  margin: 0 !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.border-0 {
  border: 0 !important;
}

.border-b-0 {
  border-bottom-width: 0 !important;
}

.border-t-0 {
  border-top-width: 0 !important;
}

.no-underline, .hover\:no-underline:hover {
  text-decoration: none;
}

.overflow-break-word {
  overflow-wrap: break-word;
  word-wrap: break-word;
}

.hyphens-auto {
  -webkit-hyphens: auto;
  hyphens: auto;
}

.break-word {
  word-break: break-word;
}

.break-all {
  word-break: break-all;
}

.display-flex {
  display: flex;
}

.flex-col {
  flex-direction: column !important;
}

.justify-around {
  justify-content: space-around !important;
}

.justify-between {
  justify-content: space-between !important;
}

.justify-start {
  justify-content: flex-start !important;
}

.justify-end {
  justify-content: flex-end !important;
}

.items-center {
  align-items: center !important;
}

.justify-center {
  justify-content: center;
}

.h-40 {
  height: 40px !important;
}

.h-full {
  height: 100% !important;
}

.h-min {
  height: -webkit-min-content;
  height: min-content;
}

.overflow-auto {
  overflow: auto !important;
}

.min-w-0 {
  min-width: 0 !important;
}

.space-x-4 > * + * {
  margin-left: 1rem;
}

.space-y-4 > * + * {
  margin-top: 1rem;
}

.space-x-6 > * + * {
  margin-left: 1.5rem;
}

.space-y-6 > * + * {
  margin-top: 1.5rem;
}

.full-width {
  width: 100%;
}

.mr-4 {
  margin-right: 1rem;
}

.ml-4 {
  margin-left: 1rem;
}

.ph-item {
  background-color: #fff;
  border: 1px solid #e6e6e6;
  border-radius: 2px;
  position: relative;
  overflow: hidden;
}

.ph-item:before {
  content: " ";
  z-index: 1;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 46%, rgba(255, 255, 255, .35) 50%, rgba(255, 255, 255, 0) 54%) 50%;
  width: 500%;
  margin-left: -250%;
  animation: .8s linear infinite phAnimation;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  right: 0;
}

.ph-row {
  flex-wrap: wrap;
  display: flex;
}

.ph-row div {
  background-color: #ced4da;
  height: 10px;
}

.ph-row .big, .ph-row.big div {
  height: 20px;
}

.ph-row .empty {
  background-color: rgba(255, 255, 255, 0);
}

.ph-col-2 {
  flex: 0 0 16.6667%;
}

.ph-col-4 {
  flex: 0 0 33.3333%;
}

.ph-col-6 {
  flex: 0 0 50%;
}

.ph-col-8 {
  flex: 0 0 66.6667%;
}

.ph-col-10 {
  flex: 0 0 83.3333%;
}

.ph-col-12 {
  flex: 0 0 100%;
}

.ph-avatar {
  background-color: #ced4da;
  border-radius: 50%;
  width: 100%;
  min-width: 60px;
  margin-bottom: 15px;
  position: relative;
  overflow: hidden;
}

.ph-avatar:before {
  content: " ";
  padding-top: 100%;
  display: block;
}

.ph-picture {
  background-color: #ced4da;
  width: 100%;
  height: 120px;
  margin-bottom: 15px;
}

@keyframes phAnimation {
  0% {
    transform: translate3d(-30%, 0, 0);
  }

  100% {
    transform: translate3d(30%, 0, 0);
  }
}

* {
  box-sizing: border-box;
  min-width: 0;
  min-height: 0;
}

:focus {
  outline: 0 !important;
}

*, :after, :before {
  border: 0 solid #ecf0f1;
}

html {
  font-size: 100%;
}

body {
  color: #1e2b35;
  background-color: #ecf0f1;
  height: auto;
  min-height: 100%;
  font-family: proxima-soft;
  font-size: 14px;
  line-height: 1.3;
  overflow: visible;
}

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

h1 {
  font-size: 48px;
  font-weight: bold;
  line-height: 1;
}

h1 .btn-link {
  font-size: 48px;
}

@media (max-width: 599px) {
  h1 {
    margin-top: 18px;
    margin-bottom: 18px;
    font-size: 34px;
  }

  h1 .btn-link {
    font-size: 34px;
  }
}

.full-v {
  height: 100%;
}

.button-link-primary {
  color: #007780;
  font-weight: 700;
}

.button-link-primary:focus, .button-link-primary:hover {
  color: #0c949d;
}

h2, .cba-banner banner .title, abn-banner banner .title {
  font-size: 28px;
  line-height: 1.2;
}

h2 .btn-link, .cba-banner banner .title .btn-link, abn-banner banner .title .btn-link {
  font-size: 28px;
}

@media (max-width: 599px) {
  h2, .cba-banner banner .title, abn-banner banner .title, h2 .btn-link, .cba-banner banner .title .btn-link, abn-banner banner .title .btn-link {
    font-size: 24px;
  }
}

h3 {
  margin: 0;
  font-size: 18px;
  line-height: 1.3;
}

h3 .btn-link {
  font-size: 18px;
}

textarea {
  resize: none;
}

::-webkit-input-placeholder {
  color: #d6dcde !important;
}

:-moz-placeholder-shown {
  color: #d6dcde !important;
}

::-moz-placeholder {
  color: #d6dcde !important;
}

:-ms-placeholder-shown {
  color: #d6dcde !important;
}

input[type="date"]:invalid::-webkit-datetime-edit {
  color: #d6dcde !important;
}

input[disabled] {
  opacity: 1;
  -webkit-text-fill-color: #1e2b35;
}

md-content {
  background-color: #fff;
}

.unstyled-link, .unstyled-link:hover {
  color: inherit;
  text-decoration: none;
}

.listreports-gray, .listreports-grey {
  color: #76888f;
}

.btn {
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  white-space: nowrap;
  -webkit-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 4px;
  margin-bottom: 0;
  padding: 6px 12px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857;
  display: inline-block;
}

.btn:focus, .btn:active:focus, .btn.active:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.btn:hover, .btn:focus {
  color: #333;
  text-decoration: none;
}

.btn:active, .btn.active {
  background-image: none;
  outline: 0;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}

.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
  cursor: not-allowed;
  pointer-events: none;
  opacity: .65;
  filter: alpha(opacity= 65);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}

.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}

.btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle {
  background-image: none;
}

.btn-default.disabled, .btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled:active, .btn-default.disabled.active, .btn-default[disabled], .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled]:active, .btn-default[disabled].active, fieldset[disabled] .btn-default, fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default.active {
  background-color: #fff;
  border-color: #ccc;
}

.btn-default .badge {
  color: #fff;
  background-color: #333;
}

.btn-primary {
  color: #fff;
  background-color: #3398d3;
  border-color: #2a8ac3;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #257bae;
  border-color: #1f6690;
}

.btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle {
  background-image: none;
}

.btn-primary.disabled, .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled:active, .btn-primary.disabled.active, .btn-primary[disabled], .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled]:active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary.active {
  background-color: #3398d3;
  border-color: #2a8ac3;
}

.btn-primary .badge {
  color: #3398d3;
  background-color: #fff;
}

.btn-success {
  color: #fff;
  background-color: #25b89a;
  border-color: #21a388;
}

.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle {
  color: #fff;
  background-color: #1c8e76;
  border-color: #16705e;
}

.btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle {
  background-image: none;
}

.btn-success.disabled, .btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled:active, .btn-success.disabled.active, .btn-success[disabled], .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled]:active, .btn-success[disabled].active, fieldset[disabled] .btn-success, fieldset[disabled] .btn-success:hover, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success:active, fieldset[disabled] .btn-success.active {
  background-color: #25b89a;
  border-color: #21a388;
}

.btn-success .badge {
  color: #25b89a;
  background-color: #fff;
}

.btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da;
}

.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc;
}

.btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle {
  background-image: none;
}

.btn-info.disabled, .btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled:active, .btn-info.disabled.active, .btn-info[disabled], .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled]:active, .btn-info[disabled].active, fieldset[disabled] .btn-info, fieldset[disabled] .btn-info:hover, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info:active, fieldset[disabled] .btn-info.active {
  background-color: #5bc0de;
  border-color: #46b8da;
}

.btn-info .badge {
  color: #5bc0de;
  background-color: #fff;
}

.btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236;
}

.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}

.btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle {
  background-image: none;
}

.btn-warning.disabled, .btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled:active, .btn-warning.disabled.active, .btn-warning[disabled], .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled]:active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning, fieldset[disabled] .btn-warning:hover, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning:active, fieldset[disabled] .btn-warning.active {
  background-color: #f0ad4e;
  border-color: #eea236;
}

.btn-warning .badge {
  color: #f0ad4e;
  background-color: #fff;
}

.btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}

.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}

.btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle {
  background-image: none;
}

.btn-danger.disabled, .btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled:active, .btn-danger.disabled.active, .btn-danger[disabled], .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled]:active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger, fieldset[disabled] .btn-danger:hover, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger:active, fieldset[disabled] .btn-danger.active {
  background-color: #d9534f;
  border-color: #d43f3a;
}

.btn-danger .badge {
  color: #d9534f;
  background-color: #fff;
}

.btn-link {
  color: #3398d3;
  cursor: pointer;
  border-radius: 0;
  font-weight: normal;
}

.btn-link, .btn-link:active, .btn-link[disabled], fieldset[disabled] .btn-link {
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: rgba(0, 0, 0, 0);
}

.btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active {
  border-color: rgba(0, 0, 0, 0);
}

.btn-link:hover, .btn-link:focus {
  color: #216c99;
  background-color: rgba(0, 0, 0, 0);
  text-decoration: underline;
}

.btn-link[disabled]:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:hover, fieldset[disabled] .btn-link:focus {
  color: #777;
  text-decoration: none;
}

.btn-lg, .btn-group-lg > .btn {
  border-radius: 6px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
}

.btn-sm, .btn-group-sm > .btn {
  border-radius: 3px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
}

.btn-xs, .btn-group-xs > .btn {
  border-radius: 3px;
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
}

.btn-block {
  width: 100%;
  display: block;
}

.btn-block + .btn-block {
  margin-top: 5px;
}

input[type="submit"].btn-block {
  width: 100%;
}

input[type="reset"].btn-block {
  width: 100%;
}

input[type="button"].btn-block {
  width: 100%;
}

.btn-group, .btn-group-vertical {
  vertical-align: middle;
  display: inline-block;
  position: relative;
}

.btn-group > .btn, .btn-group-vertical > .btn {
  float: left;
  position: relative;
}

.btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn:hover, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn.active {
  z-index: 2;
}

.btn-group > .btn:focus, .btn-group-vertical > .btn:focus {
  outline: 0;
}

.btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group {
  margin-left: -1px;
}

.btn-toolbar {
  margin-left: -5px;
}

.btn-toolbar:before, .btn-toolbar:after {
  content: " ";
  display: table;
}

.btn-toolbar:after {
  clear: both;
}

.btn-toolbar .btn-group, .btn-toolbar .input-group {
  float: left;
}

.btn-toolbar > .btn, .btn-toolbar > .btn-group, .btn-toolbar > .input-group {
  margin-left: 5px;
}

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0;
}

.btn-group > .btn:first-child {
  margin-left: 0;
}

.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.btn-group > .btn-group {
  float: left;
}

.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}

.btn-group > .btn-group:first-child > .btn:last-child, .btn-group > .btn-group:first-child > .dropdown-toggle {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.btn-group > .btn-group:last-child > .btn:first-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle {
  outline: 0;
}

.btn-group > .btn + .dropdown-toggle {
  padding-left: 8px;
  padding-right: 8px;
}

.btn-group > .btn-lg + .dropdown-toggle, .btn-group.btn-group-lg > .btn + .dropdown-toggle {
  padding-left: 12px;
  padding-right: 12px;
}

.btn-group.open .dropdown-toggle {
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}

.btn-group.open .dropdown-toggle.btn-link {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn .caret {
  margin-left: 0;
}

.btn-lg .caret, .btn-group-lg > .btn .caret {
  border-width: 5px 5px 0;
}

.dropup .btn-lg .caret, .dropup .btn-group-lg > .btn .caret {
  border-width: 0 5px 5px;
}

.btn-group-vertical > .btn, .btn-group-vertical > .btn-group, .btn-group-vertical > .btn-group > .btn {
  float: none;
  width: 100%;
  max-width: 100%;
  display: block;
}

.btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after {
  content: " ";
  display: table;
}

.btn-group-vertical > .btn-group:after {
  clear: both;
}

.btn-group-vertical > .btn-group > .btn {
  float: none;
}

.btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group {
  margin-top: -1px;
  margin-left: 0;
}

.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
  border-radius: 0;
}

.btn-group-vertical > .btn:first-child:not(:last-child) {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.btn-group-vertical > .btn:last-child:not(:first-child) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 4px;
}

.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}

.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.btn-group-justified {
  table-layout: fixed;
  border-collapse: separate;
  width: 100%;
  display: table;
}

.btn-group-justified > .btn, .btn-group-justified > .btn-group {
  float: none;
  width: 1%;
  display: table-cell;
}

.btn-group-justified > .btn-group .btn {
  width: 100%;
}

.btn-group-justified > .btn-group .dropdown-menu {
  left: auto;
}

[data-toggle="buttons"] > .btn > input[type="radio"] {
  z-index: -1;
  opacity: 0;
  filter: alpha(opacity= 0);
  position: absolute;
}

[data-toggle="buttons"] > .btn > input[type="checkbox"] {
  z-index: -1;
  opacity: 0;
  filter: alpha(opacity= 0);
  position: absolute;
}

.btn {
  text-transform: none;
  border-style: solid;
  border-width: 1px;
  border-radius: 2px;
  min-width: 150px;
  height: 42px;
  padding: 11px 32px;
  font-family: proxima-soft, sans-serif;
  font-weight: bold;
  transition: color .2s ease-out, border .2s ease-out, background-color .2s ease-out;
  box-shadow: none !important;
}

@media (max-width: 599px) {
  .btn {
    height: 42px;
    padding: 11px 24px;
  }
}

.btn.btn-default {
  color: #d5dfe3;
  background-color: rgba(0, 0, 0, 0);
  border-color: #d5dfe3;
}

.btn.btn-default:hover, .btn.btn-default:active {
  color: #76888f;
  border-color: #76888f;
}

.btn.btn-primary {
  color: #fff;
  background-color: #d51d4c;
  border-color: #d51d4c;
}

.btn.btn-primary:hover, .btn.btn-primary:active {
  background-color: #c21a45;
  border-color: #c21a45;
}

.btn.btn-secondary {
  color: #007780;
  background-color: rgba(0, 0, 0, 0);
  border-color: #007780;
}

.btn.btn-secondary:hover, .btn.btn-secondary:active {
  color: #0c949d;
  border-color: #0c949d;
}

.btn.btn-secondary.btn-selected {
  color: #fff;
  background-color: #007780;
  border-color: #007780;
}

.btn.btn-follow, .btn.btn-unfollow {
  min-width: 0;
}

.btn.btn-unfollow {
  color: #1e2b35;
  background-color: rgba(0, 0, 0, 0);
  border-color: #d5dfe3;
  overflow: hidden;
}

.btn.btn-unfollow .hover-content {
  transition: top .2s ease-out;
  display: block;
  position: relative;
  top: 30px;
}

.btn.btn-unfollow .non-hover-content {
  opacity: 1;
  transition: top .2s ease-out, opacity .1s ease-out;
  display: block;
  position: relative;
  top: 0;
}

.btn.btn-unfollow:hover {
  color: #fff;
  background-color: #007780;
  border-color: #007780;
}

.btn.btn-unfollow:hover .hover-content {
  top: -20px;
}

.btn.btn-unfollow:hover .non-hover-content {
  opacity: 0;
  color: #1e2b35;
  top: -30px;
}

.btn.btn-unfollow:active {
  color: #76888f;
  border-color: #76888f;
}

.btn.btn-blue-solid, .btn.btn-blue-solid:hover {
  color: #fff;
  background-color: #007780;
  border-color: #007780;
}

.btn.btn-ice-ice-baby {
  color: #76888f;
  background-color: rgba(0, 0, 0, 0);
  border-color: #d5dfe3;
}

.btn.btn-ice-ice-baby:hover, .btn.btn-ice-ice-baby:active {
  color: #76888f;
  border-color: #76888f;
}

.btn.btn-share {
  color: #fff;
  background-color: #e4234e;
  border: 0;
  justify-content: center;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.btn.btn-share.facebook {
  background-color: #3b5998;
}

.btn.btn-share.twitter {
  background-color: #000;
}

.btn.btn-share .lr {
  margin-right: 5px;
}

.btn.btn-facebook-share {
  text-align: left;
  color: #fff;
  text-transform: none;
  min-width: 50px;
  height: 20px;
  filter: progid:DXImageTransform. Microsoft. gradient(startColorstr= "#4b68ba", endColorstr= "#3a56a1", GradientType= 0);
  background: linear-gradient(#4b68ba 0%, #3a56a1 100%);
  border: 0;
  border-radius: 2px;
  padding: 4px;
  font-size: 10px;
  line-height: 12px;
  display: inline-block;
}

.btn.btn-facebook-share .lr {
  margin-right: 2px;
}

.btn.btn-white-o {
  color: #fff;
  background-color: rgba(0, 0, 0, 0);
  border-color: #fff;
}

.btn.btn-white-o:hover, .btn.btn-white-o:active {
  color: #e6e6e6;
  border-color: #e6e6e6;
}

.btn.btn-blue-o {
  color: #007780;
  background-color: rgba(0, 0, 0, 0);
  border-color: #007780;
}

.btn.btn-blue-o:hover, .btn.btn-blue-o:active {
  color: #00484d;
  border-color: #00484d;
}

.btn.btn-primary-o {
  color: #d51d4c;
  background-color: rgba(0, 0, 0, 0);
  border-color: #d51d4c;
}

.btn.btn-primary-o:hover, .btn.btn-primary-o:active {
  color: #a8173c;
  border-color: #a8173c;
}

.btn.btn-white {
  color: #1e2b35;
  background-color: #fff;
  border-color: #fff;
}

.btn.btn-white:hover, .btn.btn-white:active {
  background-color: #e6e6e6;
  border-color: #e6e6e6;
}

.btn.btn-white.red-text {
  color: #d51d4c;
}

.btn.btn-white.blue-text {
  color: #007780;
}

.btn.btn-gray-white, .btn.btn-grey-white {
  color: #1e2b35;
  background-color: #fff;
  border-color: #d5dfe3;
}

.btn.btn-gray-white:hover, .btn.btn-grey-white:hover, .btn.btn-gray-white:active, .btn.btn-grey-white:active {
  background-color: #e6e6e6;
  border-color: #b6c8cf;
}

.btn.btn-search {
  height: 44px;
  padding: 10px 15px;
}

.btn.btn-nav {
  text-align: left;
  color: #fff;
  text-transform: none;
  background: #1e2b35;
  border: 0;
  height: auto;
  padding: 20px;
  font-weight: normal;
}

.btn.btn-nav:hover, .btn.btn-nav.active {
  background: #35495e;
}

.btn.btn-nav-secondary {
  text-align: left;
  color: #76888f;
  text-transform: none;
  background: #1e2b35;
  border: 0;
  height: auto;
  padding: 20px;
  font-size: 14px;
  font-weight: normal;
}

.btn.btn-nav-secondary:hover, .btn.btn-nav-secondary.active {
  color: #fff;
  background: #35495e;
}

.btn.btn-round-icon {
  text-align: center;
  background-color: #eee;
  border: 0;
  border-radius: 50%;
  width: auto;
  min-width: auto;
  transition: color .2s ease-out, border .2s ease-out, background-color .2s ease-out, opacity .2s ease-out;
}

.btn.btn-round-icon:hover, .btn.btn-round-icon:active {
  opacity: .6;
}

.btn.btn-round-icon .lr {
  margin-right: 0;
}

.btn.btn-round-icon[disabled] {
  color: #fff;
  background-color: #f7f7f7;
}

.btn.btn-icon .lr {
  margin-right: 5px;
}

.btn[disabled], .btn[disabled]:hover, .btn[disabled]:active {
  color: rgba(118, 136, 143, .5);
  background-color: rgba(0, 0, 0, 0);
  border-color: rgba(118, 136, 143, .5);
}

.btn[readonly] {
  color: #1e2b35;
  cursor: default;
  background-color: rgba(0, 0, 0, 0);
  border-color: #d5dfe3;
}

.btn[readonly]:hover, .btn[readonly]:active {
  color: #1e2b35;
  background-color: rgba(0, 0, 0, 0);
  border-color: #d5dfe3;
}

.btn.btn-md {
  min-width: 0;
  height: 42px;
  padding: 11px 24px;
}

@media (max-width: 599px) {
  .btn.btn-md {
    height: 42px;
  }
}

.btn.btn-sm, .btn-group-sm > .btn {
  min-width: 0;
  height: 42px;
  padding: 10px 16px;
}

@media (max-width: 599px) {
  .btn.btn-sm, .btn-group-sm > .btn {
    height: 36px;
    padding: 8px 16px;
  }
}

.btn.btn-single-action {
  height: 42px;
  padding-left: 24px;
  padding-right: 24px;
}

.btn.btn-single-action.btn-md {
  height: 42px;
}

@media (max-width: 599px) {
  .btn.btn-single-action {
    width: 100%;
    height: 42px;
  }
}

.btn.btn-table-view {
  width: 160px;
  min-width: 0;
  padding-left: 5px;
  padding-right: 5px;
}

.btn.btn-table-view.btn-sm, .btn-group-sm > .btn.btn-table-view {
  width: 100px;
}

.btn.btn-link {
  color: #007780;
  text-transform: none;
  border: 0;
  min-width: 0;
  height: auto;
  padding: 0;
  position: relative;
  top: -2px;
}

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

.btn.btn-link.underline:hover, .btn.btn-link.underline:active {
  text-decoration: none;
}

.btn.btn-link.padded {
  padding: 11px 32px;
}

.btn.btn-link.padded.btn-md {
  padding: 11px 24px;
}

.btn.btn-link.padded.btn-sm, .btn-group-sm > .btn.btn-link.padded {
  padding: 10px 16px;
}

.btn.btn-link:hover, .btn.btn-link:active {
  color: #0c949d;
  border-color: #0c949d;
}

.btn.btn-link.lr-green, .btn.btn-link.listreports-green {
  color: #8cb63f;
}

.btn.btn-link.lr-green:hover, .btn.btn-link.lr-green:active, .btn.btn-link.listreports-green:hover, .btn.btn-link.listreports-green:active {
  color: #6f9032;
}

.btn.btn-link.white {
  color: #fff;
}

.btn.btn-link.white:hover, .btn.btn-link.white:active {
  color: #e6e6e6;
}

.btn.btn-link.sidewalk {
  color: #b4bbbf;
}

.btn.btn-link.sidewalk:hover, .btn.btn-link.sidewalk:active {
  color: #98a2a8;
}

.btn.btn-link.default-text-color {
  color: #1e2b35;
}

.btn.btn-link.default-text-color:hover, .btn.btn-link.default-text-color:active {
  color: #0c1114;
}

.btn.btn-link[disabled], .btn.btn-link[readonly] {
  color: #76888f;
}

.btn.dropdown-toggle.btn-ice-ice-baby {
  color: #1e2b35;
}

.btn.dropdown-toggle span[class*="caret"] {
  margin: 0;
  font-size: 15px;
}

.btn.btn-auto-height {
  height: auto;
}

.btn.btn-nominwidth {
  min-width: 0;
}

.btn.min-width-160 {
  min-width: 160px !important;
}

.btn.min-width-150 {
  min-width: 150px !important;
}

.btn.min-width-100, .btn.min-width-75 {
  min-width: 100px !important;
}

.btn.natural-case {
  text-transform: none;
}

.btn .inside-btn {
  margin-right: 5px;
}

.btn .lr {
  margin-right: 4px;
  display: inline-block;
  position: relative;
}

.btn .lr-spin {
  position: relative;
  top: -2px;
}

.btn .lr-caret-down, .btn .lr-angle-left, .btn .lr-angle-right {
  position: relative;
  top: 1px;
}

.btn-group, .link-dropdown {
  width: 160px;
}

.btn-group .btn:first-child, .link-dropdown .btn:first-child {
  border-right: 1px solid;
  width: 110px;
  min-width: 0;
}

.btn-group .dropdown-toggle, .link-dropdown .dropdown-toggle {
  border-left: 1px solid;
  min-width: 0;
  width: 51px !important;
}

.btn-group .dropdown-menu, .link-dropdown .dropdown-menu {
  border-color: #d5dfe3;
  width: 160px;
  min-width: 160px;
  max-width: 160px;
  padding: 0;
  font-size: 14px;
  top: 100%;
  overflow: hidden;
}

.btn-group .dropdown-menu li a, .link-dropdown .dropdown-menu li a {
  border-bottom: 1px solid #d5dfe3;
  min-height: 40px;
  padding: 11px 12px 10px;
  text-align: left !important;
}

.btn-group .dropdown-menu li:last-child a, .link-dropdown .dropdown-menu li:last-child a {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.btn-group.btn-group-sm, .link-dropdown.btn-group-sm {
  width: 150px;
}

.btn-group.btn-group-sm .btn:first-child, .link-dropdown.btn-group-sm .btn:first-child {
  width: 100px;
}

.btn-group.btn-group-sm .dropdown-menu, .link-dropdown.btn-group-sm .dropdown-menu {
  width: 150px;
  min-width: 150px;
  max-width: 150px;
}

.btn-group .dropdown-menu {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.btn-group.single .btn:first-child {
  width: 160px !important;
}

.link-dropdown {
  width: auto;
}

.link-dropdown .btn:first-child {
  border: 0;
  width: auto;
}

.input-group-btn .btn {
  margin-bottom: 8px;
}

.input-group-btn .btn.dropdown-toggle {
  border-right-width: 0;
  margin-bottom: 0;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.input-group-btn .dropdown-menu > li > a {
  color: #1e2b35;
  cursor: pointer;
}

.input-group :last-child.input-group-btn .btn.dropdown-toggle {
  border-right-width: 1px;
}

.input-group {
  border-collapse: separate;
  display: table;
  position: relative;
}

.input-group[class*="col-"] {
  float: none;
  padding-left: 0;
  padding-right: 0;
}

.input-group .form-control, .input-group .account-verification-code .code-input-wrap input, .account-verification-code .code-input-wrap .input-group input, .input-group login-phone-verification .code-input-wrap input, login-phone-verification .code-input-wrap .input-group input {
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
  position: relative;
}

.input-group-addon, .input-group-btn, .input-group .form-control, .input-group .account-verification-code .code-input-wrap input, .account-verification-code .code-input-wrap .input-group input, .input-group login-phone-verification .code-input-wrap input, login-phone-verification .code-input-wrap .input-group input {
  display: table-cell;
}

.input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child), .input-group .account-verification-code .code-input-wrap input:not(:first-child):not(:last-child), .account-verification-code .code-input-wrap .input-group input:not(:first-child):not(:last-child), .input-group login-phone-verification .code-input-wrap input:not(:first-child):not(:last-child), login-phone-verification .code-input-wrap .input-group input:not(:first-child):not(:last-child) {
  border-radius: 0;
}

.input-group-addon, .input-group-btn {
  white-space: nowrap;
  vertical-align: middle;
  width: 1%;
}

.input-group-addon {
  color: #555;
  text-align: center;
  background-color: #eee;
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 6px 12px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
}

.input-group-addon.input-sm, .form-horizontal .form-group-sm .input-group-addon.form-control, .form-horizontal .form-group-sm .account-verification-code .code-input-wrap input.input-group-addon, .account-verification-code .code-input-wrap .form-horizontal .form-group-sm input.input-group-addon, .form-horizontal .form-group-sm login-phone-verification .code-input-wrap input.input-group-addon, login-phone-verification .code-input-wrap .form-horizontal .form-group-sm input.input-group-addon, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .input-group-addon.btn {
  border-radius: 3px;
  padding: 5px 10px;
  font-size: 12px;
}

.input-group-addon.input-lg, .form-horizontal .form-group-lg .input-group-addon.form-control, .form-horizontal .form-group-lg .account-verification-code .code-input-wrap input.input-group-addon, .account-verification-code .code-input-wrap .form-horizontal .form-group-lg input.input-group-addon, .form-horizontal .form-group-lg login-phone-verification .code-input-wrap input.input-group-addon, login-phone-verification .code-input-wrap .form-horizontal .form-group-lg input.input-group-addon, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .input-group-addon.btn {
  border-radius: 6px;
  padding: 10px 16px;
  font-size: 18px;
}

.input-group-addon input[type="radio"] {
  margin-top: 0;
}

.input-group-addon input[type="checkbox"] {
  margin-top: 0;
}

.input-group .form-control:first-child, .input-group .account-verification-code .code-input-wrap input:first-child, .account-verification-code .code-input-wrap .input-group input:first-child, .input-group login-phone-verification .code-input-wrap input:first-child, login-phone-verification .code-input-wrap .input-group input:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group-addon:first-child {
  border-right: 0;
}

.input-group .form-control:last-child, .input-group .account-verification-code .code-input-wrap input:last-child, .account-verification-code .code-input-wrap .input-group input:last-child, .input-group login-phone-verification .code-input-wrap input:last-child, login-phone-verification .code-input-wrap .input-group input:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.input-group-addon:last-child {
  border-left: 0;
}

.input-group-btn {
  white-space: nowrap;
  font-size: 0;
  position: relative;
}

.input-group-btn > .btn {
  position: relative;
}

.input-group-btn > .btn + .btn {
  margin-left: -1px;
}

.input-group-btn > .btn:hover, .input-group-btn > .btn:focus, .input-group-btn > .btn:active {
  z-index: 2;
}

.input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group {
  margin-right: -1px;
}

.input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group {
  margin-left: -1px;
}

.caret {
  vertical-align: middle;
  border-top: 4px solid;
  border-left: 4px solid rgba(0, 0, 0, 0);
  border-right: 4px solid rgba(0, 0, 0, 0);
  width: 0;
  height: 0;
  margin-left: 2px;
  display: inline-block;
}

.dropdown {
  position: relative;
}

.dropdown-toggle:focus {
  outline: 0;
}

.dropdown-menu {
  z-index: 1000;
  float: left;
  text-align: left;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: 4px;
  min-width: 160px;
  margin: 2px 0 0;
  padding: 5px 0;
  font-size: 14px;
  list-style: none;
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  box-shadow: 0 6px 12px rgba(0, 0, 0, .176);
}

.dropdown-menu.pull-right {
  left: auto;
  right: 0;
}

.dropdown-menu .divider {
  background-color: #e5e5e5;
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
}

.dropdown-menu > li > a {
  clear: both;
  color: #333;
  white-space: nowrap;
  padding: 3px 20px;
  font-weight: normal;
  line-height: 1.42857;
  display: block;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
  color: #262626;
  background-color: #f5f5f5;
  text-decoration: none;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
  color: #fff;
  background-color: #3398d3;
  outline: 0;
  text-decoration: none;
}

.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
  color: #777;
}

.dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
  filter: progid:DXImageTransform. Microsoft. gradient(enabled= false);
  cursor: not-allowed;
  background-color: rgba(0, 0, 0, 0);
  background-image: none;
  text-decoration: none;
}

.open > .dropdown-menu {
  display: block;
}

.open > a {
  outline: 0;
}

.dropdown-menu-right {
  left: auto;
  right: 0;
}

.dropdown-menu-left {
  left: 0;
  right: auto;
}

.dropdown-header {
  color: #777;
  white-space: nowrap;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.42857;
  display: block;
}

.dropdown-backdrop {
  z-index: 990;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.pull-right > .dropdown-menu {
  left: auto;
  right: 0;
}

.dropup .caret, .navbar-fixed-bottom .dropdown .caret {
  content: "";
  border-top: 0;
  border-bottom: 4px solid;
}

.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu {
  margin-bottom: 1px;
  top: auto;
  bottom: 100%;
}

@media (min-width: 600px) {
  .navbar-right .dropdown-menu {
    left: auto;
    right: 0;
  }

  .navbar-right .dropdown-menu-left {
    left: 0;
    right: auto;
  }
}

fieldset {
  border: 0;
  min-width: 0;
  margin: 0;
  padding: 0;
}

legend {
  width: 100%;
  font-size: 21px;
  line-height: inherit;
  color: #333;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 20px;
  padding: 0;
  display: block;
}

label {
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: bold;
  display: inline-block;
}

input[type="search"] {
  box-sizing: border-box;
}

input[type="radio"] {
  margin: 4px 0 0;
  margin-top: 1px \9 ;
  line-height: normal;
}

input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9 ;
  line-height: normal;
}

input[type="file"] {
  display: block;
}

input[type="range"] {
  width: 100%;
  display: block;
}

select[multiple], select[size] {
  height: auto;
}

input[type="file"]:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

input[type="radio"]:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

input[type="checkbox"]:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

output {
  color: #555;
  padding-top: 7px;
  font-size: 14px;
  line-height: 1.42857;
  display: block;
}

.form-control, .account-verification-code .code-input-wrap input, login-phone-verification .code-input-wrap input {
  color: #555;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  display: block;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

.form-control:focus, .account-verification-code .code-input-wrap input:focus, login-phone-verification .code-input-wrap input:focus {
  border-color: #66afe9;
  outline: 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
}

.form-control::-moz-placeholder {
  color: #777;
  opacity: 1;
}

.account-verification-code .code-input-wrap input::-moz-placeholder {
  color: #777;
  opacity: 1;
}

login-phone-verification .code-input-wrap input::-moz-placeholder {
  color: #777;
  opacity: 1;
}

.form-control:-ms-placeholder-shown {
  color: #777;
}

.account-verification-code .code-input-wrap input:-ms-placeholder-shown {
  color: #777;
}

login-phone-verification .code-input-wrap input:-ms-placeholder-shown {
  color: #777;
}

.form-control::-webkit-input-placeholder {
  color: #777;
}

.account-verification-code .code-input-wrap input::-webkit-input-placeholder {
  color: #777;
}

login-phone-verification .code-input-wrap input::-webkit-input-placeholder {
  color: #777;
}

.form-control[disabled], .account-verification-code .code-input-wrap input[disabled], login-phone-verification .code-input-wrap input[disabled], .form-control[readonly], .account-verification-code .code-input-wrap input[readonly], login-phone-verification .code-input-wrap input[readonly], fieldset[disabled] .form-control, fieldset[disabled] .account-verification-code .code-input-wrap input, .account-verification-code .code-input-wrap fieldset[disabled] input, fieldset[disabled] login-phone-verification .code-input-wrap input, login-phone-verification .code-input-wrap fieldset[disabled] input {
  cursor: not-allowed;
  opacity: 1;
  background-color: #eee;
}

textarea.form-control {
  height: auto;
}

input[type="search"] {
  -webkit-appearance: none;
}

input[type="date"] {
  line-height: 34px;
  line-height: 1.42857 �;
}

input[type="time"] {
  line-height: 34px;
  line-height: 1.42857 �;
}

input[type="datetime-local"] {
  line-height: 34px;
  line-height: 1.42857 �;
}

input[type="month"] {
  line-height: 34px;
  line-height: 1.42857 �;
}

input[type="date"].input-sm {
  line-height: 30px;
}

.form-horizontal .form-group-sm input[type="date"].form-control {
  line-height: 30px;
}

.form-horizontal .form-group-sm .account-verification-code .code-input-wrap input[type="date"] {
  line-height: 30px;
}

.account-verification-code .code-input-wrap .form-horizontal .form-group-sm input[type="date"] {
  line-height: 30px;
}

.form-horizontal .form-group-sm login-phone-verification .code-input-wrap input[type="date"] {
  line-height: 30px;
}

login-phone-verification .code-input-wrap .form-horizontal .form-group-sm input[type="date"] {
  line-height: 30px;
}

.input-group-sm > input[type="date"].form-control {
  line-height: 30px;
}

.account-verification-code .code-input-wrap .input-group-sm > input[type="date"] {
  line-height: 30px;
}

login-phone-verification .code-input-wrap .input-group-sm > input[type="date"] {
  line-height: 30px;
}

.input-group-sm > input[type="date"].input-group-addon {
  line-height: 30px;
}

.input-group-sm > .input-group-btn > input[type="date"].btn {
  line-height: 30px;
}

input[type="time"].input-sm {
  line-height: 30px;
}

.form-horizontal .form-group-sm input[type="time"].form-control {
  line-height: 30px;
}

.form-horizontal .form-group-sm .account-verification-code .code-input-wrap input[type="time"] {
  line-height: 30px;
}

.account-verification-code .code-input-wrap .form-horizontal .form-group-sm input[type="time"] {
  line-height: 30px;
}

.form-horizontal .form-group-sm login-phone-verification .code-input-wrap input[type="time"] {
  line-height: 30px;
}

login-phone-verification .code-input-wrap .form-horizontal .form-group-sm input[type="time"] {
  line-height: 30px;
}

.input-group-sm > input[type="time"].form-control {
  line-height: 30px;
}

.account-verification-code .code-input-wrap .input-group-sm > input[type="time"] {
  line-height: 30px;
}

login-phone-verification .code-input-wrap .input-group-sm > input[type="time"] {
  line-height: 30px;
}

.input-group-sm > input[type="time"].input-group-addon {
  line-height: 30px;
}

.input-group-sm > .input-group-btn > input[type="time"].btn {
  line-height: 30px;
}

input[type="datetime-local"].input-sm {
  line-height: 30px;
}

.form-horizontal .form-group-sm input[type="datetime-local"].form-control {
  line-height: 30px;
}

.form-horizontal .form-group-sm .account-verification-code .code-input-wrap input[type="datetime-local"] {
  line-height: 30px;
}

.account-verification-code .code-input-wrap .form-horizontal .form-group-sm input[type="datetime-local"] {
  line-height: 30px;
}

.form-horizontal .form-group-sm login-phone-verification .code-input-wrap input[type="datetime-local"] {
  line-height: 30px;
}

login-phone-verification .code-input-wrap .form-horizontal .form-group-sm input[type="datetime-local"] {
  line-height: 30px;
}

.input-group-sm > input[type="datetime-local"].form-control {
  line-height: 30px;
}

.account-verification-code .code-input-wrap .input-group-sm > input[type="datetime-local"] {
  line-height: 30px;
}

login-phone-verification .code-input-wrap .input-group-sm > input[type="datetime-local"] {
  line-height: 30px;
}

.input-group-sm > input[type="datetime-local"].input-group-addon {
  line-height: 30px;
}

.input-group-sm > .input-group-btn > input[type="datetime-local"].btn {
  line-height: 30px;
}

input[type="month"].input-sm {
  line-height: 30px;
}

.form-horizontal .form-group-sm input[type="month"].form-control {
  line-height: 30px;
}

.form-horizontal .form-group-sm .account-verification-code .code-input-wrap input[type="month"] {
  line-height: 30px;
}

.account-verification-code .code-input-wrap .form-horizontal .form-group-sm input[type="month"] {
  line-height: 30px;
}

.form-horizontal .form-group-sm login-phone-verification .code-input-wrap input[type="month"] {
  line-height: 30px;
}

login-phone-verification .code-input-wrap .form-horizontal .form-group-sm input[type="month"] {
  line-height: 30px;
}

.input-group-sm > input[type="month"].form-control {
  line-height: 30px;
}

.account-verification-code .code-input-wrap .input-group-sm > input[type="month"] {
  line-height: 30px;
}

login-phone-verification .code-input-wrap .input-group-sm > input[type="month"] {
  line-height: 30px;
}

.input-group-sm > input[type="month"].input-group-addon {
  line-height: 30px;
}

.input-group-sm > .input-group-btn > input[type="month"].btn {
  line-height: 30px;
}

input[type="date"].input-lg {
  line-height: 46px;
}

.form-horizontal .form-group-lg input[type="date"].form-control {
  line-height: 46px;
}

.form-horizontal .form-group-lg .account-verification-code .code-input-wrap input[type="date"] {
  line-height: 46px;
}

.account-verification-code .code-input-wrap .form-horizontal .form-group-lg input[type="date"] {
  line-height: 46px;
}

.form-horizontal .form-group-lg login-phone-verification .code-input-wrap input[type="date"] {
  line-height: 46px;
}

login-phone-verification .code-input-wrap .form-horizontal .form-group-lg input[type="date"] {
  line-height: 46px;
}

.input-group-lg > input[type="date"].form-control {
  line-height: 46px;
}

.account-verification-code .code-input-wrap .input-group-lg > input[type="date"] {
  line-height: 46px;
}

login-phone-verification .code-input-wrap .input-group-lg > input[type="date"] {
  line-height: 46px;
}

.input-group-lg > input[type="date"].input-group-addon {
  line-height: 46px;
}

.input-group-lg > .input-group-btn > input[type="date"].btn {
  line-height: 46px;
}

input[type="time"].input-lg {
  line-height: 46px;
}

.form-horizontal .form-group-lg input[type="time"].form-control {
  line-height: 46px;
}

.form-horizontal .form-group-lg .account-verification-code .code-input-wrap input[type="time"] {
  line-height: 46px;
}

.account-verification-code .code-input-wrap .form-horizontal .form-group-lg input[type="time"] {
  line-height: 46px;
}

.form-horizontal .form-group-lg login-phone-verification .code-input-wrap input[type="time"] {
  line-height: 46px;
}

login-phone-verification .code-input-wrap .form-horizontal .form-group-lg input[type="time"] {
  line-height: 46px;
}

.input-group-lg > input[type="time"].form-control {
  line-height: 46px;
}

.account-verification-code .code-input-wrap .input-group-lg > input[type="time"] {
  line-height: 46px;
}

login-phone-verification .code-input-wrap .input-group-lg > input[type="time"] {
  line-height: 46px;
}

.input-group-lg > input[type="time"].input-group-addon {
  line-height: 46px;
}

.input-group-lg > .input-group-btn > input[type="time"].btn {
  line-height: 46px;
}

input[type="datetime-local"].input-lg {
  line-height: 46px;
}

.form-horizontal .form-group-lg input[type="datetime-local"].form-control {
  line-height: 46px;
}

.form-horizontal .form-group-lg .account-verification-code .code-input-wrap input[type="datetime-local"] {
  line-height: 46px;
}

.account-verification-code .code-input-wrap .form-horizontal .form-group-lg input[type="datetime-local"] {
  line-height: 46px;
}

.form-horizontal .form-group-lg login-phone-verification .code-input-wrap input[type="datetime-local"] {
  line-height: 46px;
}

login-phone-verification .code-input-wrap .form-horizontal .form-group-lg input[type="datetime-local"] {
  line-height: 46px;
}

.input-group-lg > input[type="datetime-local"].form-control {
  line-height: 46px;
}

.account-verification-code .code-input-wrap .input-group-lg > input[type="datetime-local"] {
  line-height: 46px;
}

login-phone-verification .code-input-wrap .input-group-lg > input[type="datetime-local"] {
  line-height: 46px;
}

.input-group-lg > input[type="datetime-local"].input-group-addon {
  line-height: 46px;
}

.input-group-lg > .input-group-btn > input[type="datetime-local"].btn {
  line-height: 46px;
}

input[type="month"].input-lg {
  line-height: 46px;
}

.form-horizontal .form-group-lg input[type="month"].form-control {
  line-height: 46px;
}

.form-horizontal .form-group-lg .account-verification-code .code-input-wrap input[type="month"] {
  line-height: 46px;
}

.account-verification-code .code-input-wrap .form-horizontal .form-group-lg input[type="month"] {
  line-height: 46px;
}

.form-horizontal .form-group-lg login-phone-verification .code-input-wrap input[type="month"] {
  line-height: 46px;
}

login-phone-verification .code-input-wrap .form-horizontal .form-group-lg input[type="month"] {
  line-height: 46px;
}

.input-group-lg > input[type="month"].form-control {
  line-height: 46px;
}

.account-verification-code .code-input-wrap .input-group-lg > input[type="month"] {
  line-height: 46px;
}

login-phone-verification .code-input-wrap .input-group-lg > input[type="month"] {
  line-height: 46px;
}

.input-group-lg > input[type="month"].input-group-addon {
  line-height: 46px;
}

.input-group-lg > .input-group-btn > input[type="month"].btn {
  line-height: 46px;
}

.form-group {
  margin-bottom: 15px;
}

.radio, .checkbox {
  min-height: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
  display: block;
  position: relative;
}

.radio label, .checkbox label {
  cursor: pointer;
  margin-bottom: 0;
  padding-left: 20px;
  font-weight: normal;
}

.radio input[type="radio"] {
  margin-left: -20px;
  margin-top: 4px \9 ;
  position: absolute;
}

.radio-inline input[type="radio"] {
  margin-left: -20px;
  margin-top: 4px \9 ;
  position: absolute;
}

.checkbox input[type="checkbox"] {
  margin-left: -20px;
  margin-top: 4px \9 ;
  position: absolute;
}

.checkbox-inline input[type="checkbox"] {
  margin-left: -20px;
  margin-top: 4px \9 ;
  position: absolute;
}

.radio + .radio, .checkbox + .checkbox {
  margin-top: -5px;
}

.radio-inline, .checkbox-inline {
  vertical-align: middle;
  cursor: pointer;
  margin-bottom: 0;
  padding-left: 20px;
  font-weight: normal;
  display: inline-block;
}

.radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px;
}

input[type="radio"][disabled] {
  cursor: not-allowed;
}

input[type="radio"].disabled {
  cursor: not-allowed;
}

fieldset[disabled] input[type="radio"] {
  cursor: not-allowed;
}

input[type="checkbox"][disabled] {
  cursor: not-allowed;
}

input[type="checkbox"].disabled {
  cursor: not-allowed;
}

fieldset[disabled] input[type="checkbox"] {
  cursor: not-allowed;
}

.radio-inline.disabled, fieldset[disabled] .radio-inline, .checkbox-inline.disabled, fieldset[disabled] .checkbox-inline, .radio.disabled label, fieldset[disabled] .radio label, .checkbox.disabled label, fieldset[disabled] .checkbox label {
  cursor: not-allowed;
}

.form-control-static {
  margin-bottom: 0;
  padding-top: 7px;
  padding-bottom: 7px;
}

.form-control-static.input-lg, .form-horizontal .form-group-lg .form-control-static.form-control, .form-horizontal .form-group-lg .account-verification-code .code-input-wrap input.form-control-static, .account-verification-code .code-input-wrap .form-horizontal .form-group-lg input.form-control-static, .form-horizontal .form-group-lg login-phone-verification .code-input-wrap input.form-control-static, login-phone-verification .code-input-wrap .form-horizontal .form-group-lg input.form-control-static, .input-group-lg > .form-control-static.form-control, .account-verification-code .code-input-wrap .input-group-lg > input.form-control-static, login-phone-verification .code-input-wrap .input-group-lg > input.form-control-static, .input-group-lg > .form-control-static.input-group-addon, .input-group-lg > .input-group-btn > .form-control-static.btn, .form-control-static.input-sm, .form-horizontal .form-group-sm .form-control-static.form-control, .form-horizontal .form-group-sm .account-verification-code .code-input-wrap input.form-control-static, .account-verification-code .code-input-wrap .form-horizontal .form-group-sm input.form-control-static, .form-horizontal .form-group-sm login-phone-verification .code-input-wrap input.form-control-static, login-phone-verification .code-input-wrap .form-horizontal .form-group-sm input.form-control-static, .input-group-sm > .form-control-static.form-control, .account-verification-code .code-input-wrap .input-group-sm > input.form-control-static, login-phone-verification .code-input-wrap .input-group-sm > input.form-control-static, .input-group-sm > .form-control-static.input-group-addon, .input-group-sm > .input-group-btn > .form-control-static.btn {
  padding-left: 0;
  padding-right: 0;
}

.input-sm, .form-horizontal .form-group-sm .form-control, .form-horizontal .form-group-sm .account-verification-code .code-input-wrap input, .account-verification-code .code-input-wrap .form-horizontal .form-group-sm input, .form-horizontal .form-group-sm login-phone-verification .code-input-wrap input, login-phone-verification .code-input-wrap .form-horizontal .form-group-sm input, .input-group-sm > .form-control, .account-verification-code .code-input-wrap .input-group-sm > input, login-phone-verification .code-input-wrap .input-group-sm > input, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn {
  border-radius: 3px;
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
}

select.input-sm, .form-horizontal .form-group-sm select.form-control, .input-group-sm > select.form-control, .input-group-sm > select.input-group-addon, .input-group-sm > .input-group-btn > select.btn {
  height: 30px;
  line-height: 30px;
}

textarea.input-sm, .form-horizontal .form-group-sm textarea.form-control, .input-group-sm > textarea.form-control, .input-group-sm > textarea.input-group-addon, .input-group-sm > .input-group-btn > textarea.btn, select[multiple].input-sm, .form-horizontal .form-group-sm select[multiple].form-control, .input-group-sm > select[multiple].form-control, .input-group-sm > select[multiple].input-group-addon, .input-group-sm > .input-group-btn > select[multiple].btn {
  height: auto;
}

.input-lg, .form-horizontal .form-group-lg .form-control, .form-horizontal .form-group-lg .account-verification-code .code-input-wrap input, .account-verification-code .code-input-wrap .form-horizontal .form-group-lg input, .form-horizontal .form-group-lg login-phone-verification .code-input-wrap input, login-phone-verification .code-input-wrap .form-horizontal .form-group-lg input, .input-group-lg > .form-control, .account-verification-code .code-input-wrap .input-group-lg > input, login-phone-verification .code-input-wrap .input-group-lg > input, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn {
  border-radius: 6px;
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
}

select.input-lg, .form-horizontal .form-group-lg select.form-control, .input-group-lg > select.form-control, .input-group-lg > select.input-group-addon, .input-group-lg > .input-group-btn > select.btn {
  height: 46px;
  line-height: 46px;
}

textarea.input-lg, .form-horizontal .form-group-lg textarea.form-control, .input-group-lg > textarea.form-control, .input-group-lg > textarea.input-group-addon, .input-group-lg > .input-group-btn > textarea.btn, select[multiple].input-lg, .form-horizontal .form-group-lg select[multiple].form-control, .input-group-lg > select[multiple].form-control, .input-group-lg > select[multiple].input-group-addon, .input-group-lg > .input-group-btn > select[multiple].btn {
  height: auto;
}

.has-feedback {
  position: relative;
}

.has-feedback .form-control, .has-feedback .account-verification-code .code-input-wrap input, .account-verification-code .code-input-wrap .has-feedback input, .has-feedback login-phone-verification .code-input-wrap input, login-phone-verification .code-input-wrap .has-feedback input {
  padding-right: 42.5px;
}

.form-control-feedback {
  z-index: 2;
  text-align: center;
  width: 34px;
  height: 34px;
  line-height: 34px;
  display: block;
  position: absolute;
  top: 25px;
  right: 0;
}

.input-lg + .form-control-feedback, .form-horizontal .form-group-lg .form-control + .form-control-feedback, .form-horizontal .form-group-lg .account-verification-code .code-input-wrap input + .form-control-feedback, .account-verification-code .code-input-wrap .form-horizontal .form-group-lg input + .form-control-feedback, .form-horizontal .form-group-lg login-phone-verification .code-input-wrap input + .form-control-feedback, login-phone-verification .code-input-wrap .form-horizontal .form-group-lg input + .form-control-feedback, .input-group-lg > .form-control + .form-control-feedback, .account-verification-code .code-input-wrap .input-group-lg > input + .form-control-feedback, login-phone-verification .code-input-wrap .input-group-lg > input + .form-control-feedback, .input-group-lg > .input-group-addon + .form-control-feedback, .input-group-lg > .input-group-btn > .btn + .form-control-feedback {
  width: 46px;
  height: 46px;
  line-height: 46px;
}

.input-sm + .form-control-feedback, .form-horizontal .form-group-sm .form-control + .form-control-feedback, .form-horizontal .form-group-sm .account-verification-code .code-input-wrap input + .form-control-feedback, .account-verification-code .code-input-wrap .form-horizontal .form-group-sm input + .form-control-feedback, .form-horizontal .form-group-sm login-phone-verification .code-input-wrap input + .form-control-feedback, login-phone-verification .code-input-wrap .form-horizontal .form-group-sm input + .form-control-feedback, .input-group-sm > .form-control + .form-control-feedback, .account-verification-code .code-input-wrap .input-group-sm > input + .form-control-feedback, login-phone-verification .code-input-wrap .input-group-sm > input + .form-control-feedback, .input-group-sm > .input-group-addon + .form-control-feedback, .input-group-sm > .input-group-btn > .btn + .form-control-feedback {
  width: 30px;
  height: 30px;
  line-height: 30px;
}

.has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline {
  color: #3c763d;
}

.has-success .form-control, .has-success .account-verification-code .code-input-wrap input, .account-verification-code .code-input-wrap .has-success input, .has-success login-phone-verification .code-input-wrap input, login-phone-verification .code-input-wrap .has-success input {
  border-color: #3c763d;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

.has-success .form-control:focus, .has-success .account-verification-code .code-input-wrap input:focus, .account-verification-code .code-input-wrap .has-success input:focus, .has-success login-phone-verification .code-input-wrap input:focus, login-phone-verification .code-input-wrap .has-success input:focus {
  border-color: #2b542c;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
}

.has-success .input-group-addon {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #3c763d;
}

.has-success .form-control-feedback {
  color: #3c763d;
}

.has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline {
  color: #8a6d3b;
}

.has-warning .form-control, .has-warning .account-verification-code .code-input-wrap input, .account-verification-code .code-input-wrap .has-warning input, .has-warning login-phone-verification .code-input-wrap input, login-phone-verification .code-input-wrap .has-warning input {
  border-color: #8a6d3b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

.has-warning .form-control:focus, .has-warning .account-verification-code .code-input-wrap input:focus, .account-verification-code .code-input-wrap .has-warning input:focus, .has-warning login-phone-verification .code-input-wrap input:focus, login-phone-verification .code-input-wrap .has-warning input:focus {
  border-color: #66512c;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b;
}

.has-warning .input-group-addon {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #8a6d3b;
}

.has-warning .form-control-feedback {
  color: #8a6d3b;
}

.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline {
  color: #a94442;
}

.has-error .form-control, .has-error .account-verification-code .code-input-wrap input, .account-verification-code .code-input-wrap .has-error input, .has-error login-phone-verification .code-input-wrap input, login-phone-verification .code-input-wrap .has-error input {
  border-color: #a94442;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

.has-error .form-control:focus, .has-error .account-verification-code .code-input-wrap input:focus, .account-verification-code .code-input-wrap .has-error input:focus, .has-error login-phone-verification .code-input-wrap input:focus, login-phone-verification .code-input-wrap .has-error input:focus {
  border-color: #843534;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
}

.has-error .input-group-addon {
  color: #a94442;
  background-color: #f2dede;
  border-color: #a94442;
}

.has-error .form-control-feedback {
  color: #a94442;
}

.has-feedback label.sr-only ~ .form-control-feedback {
  top: 0;
}

.help-block {
  color: #737373;
  margin-top: 5px;
  margin-bottom: 10px;
  display: block;
}

@media (min-width: 600px) {
  .form-inline .form-group {
    vertical-align: middle;
    margin-bottom: 0;
    display: inline-block;
  }

  .form-inline .form-control, .form-inline .account-verification-code .code-input-wrap input, .account-verification-code .code-input-wrap .form-inline input, .form-inline login-phone-verification .code-input-wrap input, login-phone-verification .code-input-wrap .form-inline input {
    vertical-align: middle;
    width: auto;
    display: inline-block;
  }

  .form-inline .input-group {
    vertical-align: middle;
    display: inline-table;
  }

  .form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn, .form-inline .input-group .form-control, .form-inline .input-group .account-verification-code .code-input-wrap input, .account-verification-code .code-input-wrap .form-inline .input-group input, .form-inline .input-group login-phone-verification .code-input-wrap input, login-phone-verification .code-input-wrap .form-inline .input-group input {
    width: auto;
  }

  .form-inline .input-group > .form-control, .form-inline .account-verification-code .code-input-wrap .input-group > input, .account-verification-code .code-input-wrap .form-inline .input-group > input, .form-inline login-phone-verification .code-input-wrap .input-group > input, login-phone-verification .code-input-wrap .form-inline .input-group > input {
    width: 100%;
  }

  .form-inline .control-label {
    vertical-align: middle;
    margin-bottom: 0;
  }

  .form-inline .radio, .form-inline .checkbox {
    vertical-align: middle;
    margin-top: 0;
    margin-bottom: 0;
    display: inline-block;
  }

  .form-inline .radio label, .form-inline .checkbox label {
    padding-left: 0;
  }

  .form-inline .radio input[type="radio"] {
    margin-left: 0;
    position: relative;
  }

  .form-inline .checkbox input[type="checkbox"] {
    margin-left: 0;
    position: relative;
  }

  .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }
}

.form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 7px;
}

.form-horizontal .radio, .form-horizontal .checkbox {
  min-height: 27px;
}

.form-horizontal .form-group {
  margin-left: -15px;
  margin-right: -15px;
}

.form-horizontal .form-group:before, .form-horizontal .form-group:after {
  content: " ";
  display: table;
}

.form-horizontal .form-group:after {
  clear: both;
}

@media (min-width: 600px) {
  .form-horizontal .control-label {
    text-align: right;
    margin-bottom: 0;
    padding-top: 7px;
  }
}

.form-horizontal .has-feedback .form-control-feedback {
  top: 0;
  right: 15px;
}

@media (min-width: 600px) {
  .form-horizontal .form-group-lg .control-label {
    padding-top: 14.3px;
  }

  .form-horizontal .form-group-sm .control-label {
    padding-top: 6px;
  }
}

textarea {
  -webkit-appearance: none;
  appearance: none;
}

input[type="text"] {
  -webkit-appearance: none;
  appearance: none;
}

input[type="url"] {
  -webkit-appearance: none;
  appearance: none;
}

input[type="email"] {
  -webkit-appearance: none;
  appearance: none;
}

input[type="password"] {
  -webkit-appearance: none;
  appearance: none;
}

input[type="tel"] {
  -webkit-appearance: none;
  appearance: none;
}

.form-control, .account-verification-code .code-input-wrap input, login-phone-verification .code-input-wrap input {
  color: #1e2b35;
  border-color: #d5dfe3;
  border-radius: 2px;
  height: 44px;
  box-shadow: none !important;
  outline: none !important;
}

.form-control:focus, .account-verification-code .code-input-wrap input:focus, login-phone-verification .code-input-wrap input:focus {
  border-color: #007780;
}

.form-control[readonly], .account-verification-code .code-input-wrap input[readonly], login-phone-verification .code-input-wrap input[readonly] {
  box-shadow: none;
  background-color: #fff;
  border-color: #ccc;
  color: #525658 !important;
}

.form-control::placeholder {
  color: #525658 !important;
}

.account-verification-code .code-input-wrap input::placeholder {
  color: #525658 !important;
}

login-phone-verification .code-input-wrap input::placeholder {
  color: #525658 !important;
}

input.form-control, .account-verification-code .code-input-wrap input, login-phone-verification .code-input-wrap input, select.form-control {
  height: 42px;
  margin: 0 0 8px;
}

input.form-control.auto-complete, .account-verification-code .code-input-wrap input.auto-complete, login-phone-verification .code-input-wrap input.auto-complete, input.form-control.no-bottom-margin, .account-verification-code .code-input-wrap input.no-bottom-margin, login-phone-verification .code-input-wrap input.no-bottom-margin, select.form-control.auto-complete, select.form-control.no-bottom-margin {
  margin-bottom: 0;
}

@media (max-width: 599px) {
  input.form-control, .account-verification-code .code-input-wrap input, login-phone-verification .code-input-wrap input, select.form-control {
    height: 36px;
  }
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer;
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  margin-right: 0;
  background-image: url("/images/icons/select-arrow-dark.jpg") !important;
  padding-right: 45px !important;
}

select:focus, select:hover {
  border-color: #d5dfe3 !important;
}

select::-ms-expand {
  display: none;
}

.table {
  margin-bottom: 0;
}

.form-group {
  color: #525658 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.form-group.pad-alt:nth-of-type(odd) {
  padding-right: 4px;
}

.form-group.pad-alt:nth-of-type(2n) {
  padding-left: 4px;
}

@media only screen and (max-width: 480px) {
  .form-group.pad-alt {
    padding: 0;
  }
}

.multi-input-wrap > div {
  padding-left: 16px;
}

.multi-input-wrap > div:first-of-type {
  padding-left: 0;
}

@media (max-width: 599px) {
  .multi-input-wrap > div {
    padding-left: 0;
  }

  .multi-input-wrap > div:first-of-type {
    padding-top: 0;
  }
}

label {
  color: #1e2b35;
  margin-bottom: 8px;
}

.form-body {
  border-left: 10px solid #007780;
  padding-left: 25px;
}

.form-body > .form-group:last-child {
  margin-bottom: 0;
}

button, select, html, textarea, input {
  font-family: proxima-soft;
}

.input-lg, .input-group-lg > .form-control, .account-verification-code .code-input-wrap .input-group-lg > input, login-phone-verification .code-input-wrap .input-group-lg > input, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn, .form-horizontal .form-group-lg .form-control, .form-horizontal .form-group-lg .account-verification-code .code-input-wrap input, .account-verification-code .code-input-wrap .form-horizontal .form-group-lg input, .form-horizontal .form-group-lg login-phone-verification .code-input-wrap input, login-phone-verification .code-input-wrap .form-horizontal .form-group-lg input {
  border-radius: 2px;
  font-size: 14px;
}

.input-helper-text {
  margin-top: 8px;
}

.error-box {
  color: #d51d4c;
  justify-content: flex-start;
  align-items: center;
  margin-top: -7px;
  font-size: 12px;
  display: flex;
  position: relative;
}

.error-box.just-text {
  color: #eb1c4b;
  background: none;
  font-size: 12px;
}

.error-box.just-text:before {
  content: "";
  font-size: 12px;
}

.error-box:before {
  content: "";
  margin-right: 5px;
  font-family: portal-icons;
  font-size: 10px;
}

.error-box.text-center {
  justify-content: center;
}

.error-box.offsetme {
  margin-top: -15px;
}

.error-box.pad-top {
  margin-top: 10px;
}

.lr-input-btn-group {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 8px;
  display: flex;
}

.lr-input-btn-group > :first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.lr-input-btn-group > :last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.lr-input-btn-group input:focus {
  z-index: 5;
}

.lr-input-btn-group .input-group-btn {
  z-index: 4;
  width: auto;
  margin-top: 0;
  margin-bottom: 0;
}

.lr-input-btn-group .input-group-btn:hover {
  z-index: 5;
}

.lr-input-btn-group .input-group-text {
  flex: 1;
}

.lr-input-btn-group .input-text {
  width: 100%;
}

.lr-input-btn-group .btn {
  margin-bottom: 0;
  padding-top: 8px;
  font-size: 14px;
}

.lr-input-btn-group .btn .lr-caret-up.lr-rotate-180 {
  top: 1px;
}

.lr-input-btn-group .btn:hover {
  z-index: 4;
}

.lr-input-btn-group .btn:hover[disabled], .lr-input-btn-group .btn:hover[readonly] {
  z-index: 1;
}

.lr-input-btn-group .btn.dropdown-toggle {
  border-right-width: 1px;
}

.lr-input-btn-group input {
  z-index: 3;
  flex: 1;
  width: auto;
  margin-top: 0;
  margin-bottom: 0;
}

.lr-input-btn-group input[disabled] {
  z-index: 1;
}

.lr-input-btn-group.align-start {
  align-items: start;
}

.state-mlo-license .states {
  min-width: 63px;
}

.state-mlo-license .states select {
  border-right: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  background-image: none !important;
  padding-right: 6px !important;
}

.state-mlo-license .lr-caret-up {
  margin-top: -14px;
  font-size: 15px;
  position: absolute;
  top: 50%;
  right: 12px;
}

.state-mlo-license input {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

form.ng-submitted input.ng-invalid, form.ng-submitted select.ng-invalid, form.ng-submitted textarea.ng-invalid, form.ng-submitted .md-form-control.ng-invalid {
  border-color: #d51d4c;
}

.dropdown-menu {
  border-color: #d5dfe3;
  border-radius: 0 0 2px 2px;
  margin-top: 0;
  padding: 0;
  box-shadow: 0 4px 10px rgba(0, 0, 0, .15);
}

.dropdown-menu > li > a {
  color: #1e2b35;
  cursor: pointer;
  border-bottom: 1px solid #d5dfe3;
  padding-top: 8px;
  padding-bottom: 8px;
}

.dropdown-menu > li > a:active, .dropdown-menu > li > a:hover {
  color: #1e2b35;
  background-color: #f8fafb;
}

.dropdown-menu.limit-height {
  max-height: 240px;
  overflow: auto;
}

.dropdown-menu > li:last-of-type > a {
  border-bottom: none;
}

md-datepicker.md-form-control {
  border: 1px solid #d5dfe3;
  border-radius: 2px;
  margin-bottom: 8px;
  padding: 11px 12px;
  display: block;
}

md-datepicker.md-form-control .md-datepicker-input-container {
  border: 0;
  width: 100%;
  margin-left: 0;
}

md-datepicker.md-form-control._md-datepicker-has-triangle-icon {
  margin-right: 0;
}

md-datepicker.md-form-control._md-datepicker-has-triangle-icon .md-datepicker-triangle-button {
  margin-top: -18px;
  top: 50%;
}

md-datepicker.md-form-control .md-datepicker-expand-triangle {
  border-top-color: #007780;
}

md-datepicker.md-form-control input {
  color: #1e2b35;
  width: 100%;
  padding-bottom: 0;
  display: block;
}

@media (max-width: 600px) {
  .modal-dialog {
    margin: 0;
  }
}

.modal-content {
  border-radius: 0;
}

.modal-content a.btn-link:link, .modal-content a.btn-link:active, .modal-content a.btn-link:visited, .modal-content a.btn-link:hover {
  color: #007780;
}

@media (max-width: 599px) {
  .standard-modal .modal-dialog {
    margin: 10px;
  }
}

.standard-modal .modal-content {
  padding: 32px 56px;
}

.standard-modal .modal-content h2, .standard-modal .modal-content .cba-banner banner .title, .cba-banner banner .standard-modal .modal-content .title, .standard-modal .modal-content abn-banner banner .title, abn-banner banner .standard-modal .modal-content .title, .standard-modal .modal-content p {
  margin-top: 0;
  margin-bottom: 20px;
}

@media (max-width: 599px) {
  .standard-modal .modal-content {
    padding: 24px;
  }
}

.standard-modal .close-modal-btn {
  position: absolute;
  top: 15px;
  right: 15px;
}

.confirmation-modal .modal-dialog, .confirmation-modal .modal-content {
  max-width: 480px;
}

.confirmation-modal .modal-dialog .icon-img-holder, .confirmation-modal .modal-content .icon-img-holder {
  margin-bottom: 20px;
}

.confirmation-modal .modal-dialog .text-p .btn-link, .confirmation-modal .modal-content .text-p .btn-link {
  position: relative;
  top: -2px;
}

.confirmation-modal .modal-dialog .flex-50, .confirmation-modal .modal-content .flex-50 {
  max-width: 50% !important;
}

.confirmation-modal .modal-dialog .vgradient, .confirmation-modal .modal-content .vgradient {
  background: linear-gradient(to top, #f7f7f7 0%, rgba(247, 247, 247, 0) 100%);
  margin: -32px -56px;
  padding: 32px 56px;
}

@media (max-width: 600px) {
  .confirmation-modal .modal-dialog .vgradient, .confirmation-modal .modal-content .vgradient {
    margin: -24px;
    padding: 24px;
  }
}

.confirmation-modal .modal-dialog .ecommission, .confirmation-modal .modal-content .ecommission {
  margin: 30px auto 0;
  padding-top: 30px;
}

.confirmation-modal .modal-dialog .ecommission .img-wrap, .confirmation-modal .modal-content .ecommission .img-wrap {
  margin-bottom: 12px;
}

@media (max-width: 600px) {
  .confirmation-modal .modal-dialog .ecommission, .confirmation-modal .modal-content .ecommission {
    margin: 24px auto 0;
    padding-top: 24px;
  }
}

.confirmation-modal .modal-dialog .btn-min-width, .confirmation-modal .modal-content .btn-min-width {
  min-width: 130px;
}

.confirmation-modal .modal-dialog .break-word, .confirmation-modal .modal-content .break-word {
  word-wrap: break-word;
}

.confirmation-modal .modal-dialog .member-benefits, .confirmation-modal .modal-content .member-benefits {
  border-top: 1px solid #d5dfe3;
  margin-top: 32px;
  padding-top: 24px;
}

.confirmation-modal .modal-dialog .member-benefits p, .confirmation-modal .modal-content .member-benefits p {
  margin-bottom: 0;
  padding: 0 16px;
}

.confirmation-modal .modal-dialog .member-benefits p a, .confirmation-modal .modal-content .member-benefits p a {
  cursor: pointer;
  color: #007780;
}

.confirmation-modal .modal-dialog .member-benefits img, .confirmation-modal .modal-content .member-benefits img {
  min-width: auto;
}

.confirmation-modal .close-button {
  font-size: 32px;
  line-height: 20px;
  position: absolute;
  top: 14px;
  right: 18px;
}

.apa-verify-modal .modal-dialog, .apa-verify-modal .modal-content, .autopilot-verify-modal .modal-dialog, .autopilot-verify-modal .modal-content {
  max-width: 450px;
}

.apa-verify-modal .modal-dialog .border-me, .apa-verify-modal .modal-content .border-me, .autopilot-verify-modal .modal-dialog .border-me, .autopilot-verify-modal .modal-content .border-me {
  border: 9px solid #d5dfe3;
  margin-left: -24px;
  margin-right: -24px;
  padding: 15px;
}

.get-it-now-modal .modal-dialog, .get-it-now-modal .modal-content, .get-it-now-select-photos-modal .modal-dialog, .get-it-now-select-photos-modal .modal-content {
  max-width: 450px;
}

.get-it-now-modal .icon-wrap, .get-it-now-select-photos-modal .icon-wrap {
  margin-bottom: 14px;
}

.autopilot-active-listings-modal .modal-dialog, .autopilot-active-listings-modal .modal-content {
  max-width: 450px;
}

.autopilot-active-listings-modal .modal-content {
  padding: 32px 42px;
}

.order-prints-modal-wrap, .update-stale-report-modal-wrap.wide {
  z-index: 10000 !important;
}

@media (min-width: 960px) {
  .order-prints-modal-wrap .modal-dialog, .order-prints-modal-wrap .modal-content, .update-stale-report-modal-wrap.wide .modal-dialog, .update-stale-report-modal-wrap.wide .modal-content {
    width: 1056px;
  }
}

.padded-modal {
  background: none !important;
}

.padded-modal .close {
  color: #fff;
  z-index: 10000;
  opacity: 1;
  font-size: 25px;
  font-weight: bold;
  line-height: 1;
  position: absolute;
  top: 10px;
  right: 10px;
}

.padded-modal .close:hover {
  opacity: .7;
}

@media (max-width: 599px) {
  .padded-modal .modal-dialog {
    margin: 10px;
  }
}

.padded-modal .modal-content {
  border: none;
}

.padded-modal header {
  background: url("/images/confirmation-modal-header-bg.jpg") center / cover no-repeat;
  height: 145px;
  position: relative;
}

.padded-modal header label {
  color: #000;
  background: #fff;
  padding: 10px 30px;
  font-size: 32px;
  font-weight: normal;
}

@media (max-width: 599px) {
  .padded-modal header label {
    font-size: 24px;
  }
}

.padded-modal .pad-content {
  padding: 40px 60px;
}

@media (max-width: 599px) {
  .padded-modal .pad-content {
    padding: 20px 30px;
  }

  .padded-modal {
    background: #fff;
    font-size: 16px;
  }
}

.transparent-modal .modal-content {
  box-shadow: none;
  color: #fff;
  background: none;
  border: 0;
}

@media (max-width: 599px) {
  .transparent-modal .modal-dialog {
    margin-left: 0;
    margin-right: 0;
  }
}

.image-carousel .close {
  cursor: pointer;
}

@media (max-width: 599px) {
  .image-carousel .close {
    padding: 10px 10px 0;
  }
}

.image-carousel .img-holder img {
  display: inline-block;
}

.profile-incomplete-modal .lr-stack i {
  color: #fff;
}

.profile-incomplete-modal .lr-stack i:first-child {
  color: #007780;
}

.profile-incomplete-modal .lr-stack [class^="ls-icon-"], .profile-incomplete-modal .lr-stack [class*=" ls-icon-"] {
  top: 9px;
}

.profile-incomplete-modal .lr-stack {
  margin-bottom: 20px;
}

.profile-incomplete-modal p {
  padding-left: 50px;
  padding-right: 50px;
}

.profile-incomplete-modal p a {
  color: #666b6d;
  text-decoration: underline;
}

.profile-incomplete-modal p a:hover {
  text-decoration: none;
}

@media (max-width: 599px) {
  .profile-incomplete-modal p {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.profile-incomplete-modal .btn-wrap {
  padding: 0 50px;
}

@media (max-width: 599px) {
  .profile-incomplete-modal .btn-wrap .btn:first-child {
    margin-bottom: 10px;
  }

  .profile-incomplete-modal .btn-wrap {
    padding: 0 15px;
  }

  .profile-incomplete-modal fancy-checkbox {
    margin: 0 auto;
    padding: 0 15px;
    display: block;
  }
}

.assign-rusc-modal header {
  background: url("/images/confirmation-modal-header-bg.jpg") center / cover no-repeat;
  height: 145px;
  position: relative;
}

.assign-rusc-modal header label {
  color: #000;
  background: #fff;
  padding: 10px 30px;
  font-size: 32px;
  font-weight: normal;
}

@media (max-width: 599px) {
  .assign-rusc-modal header label {
    font-size: 22px;
  }
}

.assign-rusc-modal header .fa-stack i {
  color: #3398d3;
}

.assign-rusc-modal header .fa-stack i:first-child {
  color: #fff;
}

.assign-rusc-modal header .fa-stack [class^="ls-icon-"], .assign-rusc-modal header .fa-stack [class*=" ls-icon-"] {
  top: 9px;
}

.assign-rusc-modal .title {
  text-transform: uppercase;
  color: #3398d3;
  padding-left: 25px;
  padding-right: 25px;
  font-size: 18px;
}

.assign-rusc-modal p, .assign-rusc-modal form {
  padding-left: 50px;
  padding-right: 50px;
}

@media (max-width: 599px) {
  .assign-rusc-modal p, .assign-rusc-modal form {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.assign-rusc-modal .hints {
  margin-bottom: 25px;
  font-size: 14px;
}

.assign-rusc-modal .hints ul {
  margin-left: 15px;
  list-style: outside;
}

.follow-top-agents {
  padding: 25px 0;
}

.follow-top-agents .close-button {
  position: absolute;
  top: 15px;
  right: 15px;
}

.follow-top-agents .lr-stack i {
  color: #fff;
}

.follow-top-agents .lr-stack i:first-child {
  color: #007780;
}

.follow-top-agents .lr-stack [class^="ls-icon-"], .follow-top-agents .lr-stack [class*=" ls-icon-"] {
  top: 9px;
}

.follow-top-agents .title {
  margin-top: 15px;
  padding-left: 35px;
  padding-right: 35px;
  font-size: 28px;
  line-height: 1.2;
}

@media (max-width: 599px) {
  .follow-top-agents .title {
    padding-left: 15px;
    padding-right: 15px;
    font-size: 21px;
  }
}

.follow-top-agents p, .follow-top-agents form {
  padding-left: 50px;
  padding-right: 50px;
}

@media (max-width: 599px) {
  .follow-top-agents p, .follow-top-agents form {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.follow-top-agents .button-group input {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.follow-top-agents .button-group .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  height: 44px;
}

@media (max-width: 599px) {
  .follow-top-agents {
    font-size: 14px;
  }
}

.archive-report-confirmation p {
  padding-left: 50px;
  padding-right: 50px;
}

.archive-report-confirmation p a {
  color: #666b6d;
  text-decoration: underline;
}

.archive-report-confirmation p a:hover {
  text-decoration: none;
}

@media (max-width: 599px) {
  .archive-report-confirmation p {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.archive-report-confirmation .btn-wrap {
  padding: 0 50px;
}

@media (max-width: 599px) {
  .archive-report-confirmation .btn-wrap .btn:first-child {
    margin-bottom: 10px;
  }

  .archive-report-confirmation .btn-wrap {
    padding: 0 15px;
  }

  .archive-report-confirmation fancy-checkbox {
    margin: 0 auto;
    padding: 0 15px;
    display: block;
  }
}

.archive-confirmation h2, .archive-confirmation .cba-banner banner .title, .cba-banner banner .archive-confirmation .title, .archive-confirmation abn-banner banner .title, abn-banner banner .archive-confirmation .title {
  font-size: 18px;
}

.archive-confirmation .btn {
  margin: 10px;
}

@media (max-width: 600px) {
  .archive-confirmation .btn {
    margin-left: 0;
    margin-right: 0;
  }
}

.archive-confirmation p {
  padding-left: 30px;
  padding-right: 30px;
}

@media (max-width: 599px) {
  .archive-confirmation p {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media (min-width: 959px) {
  .preview-offer-modal-wrap .modal-dialog, .preview-enroll-modal-wrap .modal-dialog {
    width: 700px;
  }
}

.route-relationships-viewlead.modal-open.md-datepicker-is-showing .md-datepicker-calendar-pane .md-datepicker-input-mask, .route-relationships-newlead .md-datepicker-calendar-pane .md-datepicker-input-mask {
  display: none;
}

.view-material-modal .modal-dialog {
  width: 95%;
  height: 100%;
  margin: 60px auto;
  overflow: hidden;
}

@media (max-width: 960px) {
  .view-material-modal .modal-dialog {
    width: 100%;
    height: 100%;
    margin: 0;
    overflow: auto;
  }
}

@media (max-width: 600px) {
  .view-material-modal .material-asset-close--btn-wrap {
    display: none;
  }
}

.view-material-modal .modal-content {
  border: none;
  height: 100%;
  padding: 0;
  overflow-x: hidden;
  overflow-y: auto;
}

.view-material-modal .modal-content .logo-holder, .view-material-modal .modal-content .breadcrumbs {
  display: none;
}

.view-material-modal .modal-content .close-btn-wrap {
  position: absolute;
  top: 20px;
  right: 20px;
}

.view-material-modal .modal-content .close-btn-wrap .lr {
  text-shadow: 0 0 5px #969696;
  font-size: 20px;
}

@media (max-width: 599px) {
  .view-material-modal .modal-content .close-btn-wrap .lr {
    color: #76888f;
  }

  .view-material-modal .modal-content .close-btn-wrap {
    top: 15px;
    right: 15px;
  }

  .view-material-modal .modal-content .mobile-header .ctas {
    padding-top: 50px !important;
  }
}

.view-material-modal .modal-content .download {
  padding: 60px 20px 280px;
}

@media (max-width: 599px) {
  .view-material-modal .modal-content {
    height: 100%;
    overflow: auto;
  }
}

.iframe-modal .modal-content {
  padding: 30px 0 0;
}

.iframe-modal .modal-content .close {
  cursor: pointer;
  position: absolute;
  top: 10px;
  right: 10px;
}

@media (max-width: 599px) {
  .iframe-modal .modal-content .close {
    padding: 10px 10px 0;
  }
}

.iframe-modal .modal-content iframe {
  width: 100%;
  height: 500px;
  display: block;
}

.view-nhd-modal .modal-dialog, .view-pdf-material-modal .modal-dialog {
  width: 100%;
  padding: 0 25px;
}

@media (max-width: 599px) {
  .view-nhd-modal .modal-dialog, .view-pdf-material-modal .modal-dialog {
    width: auto;
    padding: 0;
  }
}

.view-nhd-modal .modal-content, .view-pdf-material-modal .modal-content {
  background-color: #525659;
  padding: 0;
  position: relative;
}

.view-nhd-modal .modal-content .close, .view-pdf-material-modal .modal-content .close {
  color: #fff;
  cursor: pointer;
  text-shadow: 0 0 5px #969696;
  position: absolute;
  top: 10px;
  right: 15px;
}

@media (max-width: 599px) {
  .view-nhd-modal .modal-content .close, .view-pdf-material-modal .modal-content .close {
    padding: 10px 10px 0;
  }
}

.view-nhd-modal .modal-content .mobile-header .logo-holder, .view-pdf-material-modal .modal-content .mobile-header .logo-holder {
  border-bottom: 1px solid #ecf0f1;
  padding: 15px;
}

.view-nhd-modal .modal-content .mobile-header .ctas, .view-pdf-material-modal .modal-content .mobile-header .ctas {
  padding: 15px;
}

.view-nhd-modal .modal-content .mobile-header .ctas a, .view-pdf-material-modal .modal-content .mobile-header .ctas a {
  margin-right: 15px;
  padding-left: 0;
  padding-right: 0;
}

.view-nhd-modal .modal-content .mobile-header .ctas a:last-child, .view-pdf-material-modal .modal-content .mobile-header .ctas a:last-child {
  margin-right: 0;
}

.view-nhd-modal .modal-content .sidebar, .view-pdf-material-modal .modal-content .sidebar {
  background: #fff;
  width: 200px;
}

.view-nhd-modal .modal-content .sidebar .material-name, .view-pdf-material-modal .modal-content .sidebar .material-name {
  background: #f2f2f2;
  padding: 10px;
}

.view-nhd-modal .modal-content .sidebar .body, .view-pdf-material-modal .modal-content .sidebar .body {
  padding: 15px;
}

@media (max-width: 599px) {
  .view-nhd-modal .modal-content .sidebar, .view-pdf-material-modal .modal-content .sidebar {
    width: 100%;
  }
}

.view-nhd-modal .modal-content .pdf-viewer, .view-pdf-material-modal .modal-content .pdf-viewer {
  -webkit-overflow-scrolling: touch;
  position: relative;
  overflow-y: hidden;
}

.view-nhd-modal .modal-content .pdf-viewer iframe, .view-pdf-material-modal .modal-content .pdf-viewer iframe {
  width: 100%;
  height: 100%;
  padding-top: 40px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.copy-text textarea {
  color: #000;
  resize: none;
  border: 0;
  width: 90%;
}

.error-modal h2, .error-modal .cba-banner banner .title, .cba-banner banner .error-modal .title, .error-modal abn-banner banner .title, abn-banner banner .error-modal .title {
  margin-bottom: 20px;
}

.error-modal p {
  margin-top: 0;
  margin-bottom: 20px;
  padding-left: 70px;
  padding-right: 70px;
}

@media (max-width: 599px) {
  .error-modal p {
    padding-left: 0;
    padding-right: 0;
  }
}

.error-modal .icon-wrap {
  margin-bottom: 20px;
}

.error-modal .message {
  white-space: pre-wrap;
}

.paywall-modal header {
  margin-top: 60px;
  margin-bottom: 8px;
  padding: 0 12px;
}

.paywall-modal header .header-icon {
  max-height: 65px;
}

.paywall-modal header h2, .paywall-modal header .cba-banner banner .title, .cba-banner banner .paywall-modal header .title, .paywall-modal header abn-banner banner .title, abn-banner banner .paywall-modal header .title {
  margin: 12px auto -8px;
  font-size: 36px;
}

@media (max-width: 599px) {
  .paywall-modal header h2, .paywall-modal header .cba-banner banner .title, .cba-banner banner .paywall-modal header .title, .paywall-modal header abn-banner banner .title, abn-banner banner .paywall-modal header .title {
    font-size: 24px;
  }
}

.paywall-modal header h2.price, .paywall-modal header .cba-banner banner .price.title, .cba-banner banner .paywall-modal header .price.title, .paywall-modal header abn-banner banner .price.title, abn-banner banner .paywall-modal header .price.title {
  margin: 8px auto 0;
  font-size: 48px;
}

@media (max-width: 599px) {
  .paywall-modal header h2.price, .paywall-modal header .cba-banner banner .price.title, .cba-banner banner .paywall-modal header .price.title, .paywall-modal header abn-banner banner .price.title, abn-banner banner .paywall-modal header .price.title {
    font-size: 36px;
  }
}

.paywall-modal header .caption {
  font-size: 24px;
}

@media (max-width: 599px) {
  .paywall-modal header .caption {
    font-size: 18px;
  }
}

.paywall-modal .feature-list-wrap {
  background-color: #efefef;
  max-width: 100%;
  margin-bottom: 32px;
  padding: 20px 58px;
}

@media (max-width: 599px) {
  .paywall-modal .feature-list-wrap {
    padding: 16px 30px;
  }
}

.paywall-modal .feature-list-wrap .feature-item {
  min-width: 100%;
  max-width: 100%;
  margin-bottom: 16px;
}

.paywall-modal .feature-list-wrap .feature-item:last-of-type {
  margin-bottom: 0;
}

.paywall-modal .feature-list-wrap .feature-icon-wrap {
  text-align: center;
  min-width: 42px;
}

@media (max-width: 599px) {
  .paywall-modal .feature-list-wrap .feature-icon-wrap {
    min-width: 100%;
    margin-bottom: 12px;
  }
}

.paywall-modal .feature-list-wrap .feature-icon-wrap .feature-icon {
  width: 42px;
}

.paywall-modal .feature-list-wrap .feature-details {
  text-align: left;
  max-width: calc(100% - 42px);
  padding-left: 36px;
  font-size: 16px;
}

@media (max-width: 599px) {
  .paywall-modal .feature-list-wrap .feature-details {
    text-align: center;
    min-width: 100%;
    max-width: 100%;
    padding-left: 0;
  }
}

.paywall-modal .btn-primary {
  font-size: 18px;
}

@media (max-width: 599px) {
  .paywall-modal .btn-primary {
    font-size: 16px;
  }
}

.paywall-modal .view-all-plans {
  margin-top: 10px;
}

.paywall-modal .close-btn {
  font-size: 72px;
  position: absolute;
  top: -18px;
  right: 12px;
}

@media (max-width: 599px) {
  .paywall-modal .close-btn {
    font-size: 48px;
    top: -10px;
    right: 8px;
  }
}

.paywall-modal a {
  font-size: 16px;
}

@media (max-width: 599px) {
  .paywall-modal a {
    font-size: 14px;
  }
}

.image-preview-modal {
  -webkit-overflow-scrolling: auto;
}

.image-preview-modal .close {
  padding: 15px;
}

.image-preview-modal .img-holder {
  text-align: center;
}

.image-preview-modal .img-holder img {
  display: inline-block;
}

.edit-agent-modal {
  font-size: 16px;
}

.edit-agent-modal .body {
  padding: 30px;
}

@media (max-width: 599px) {
  .edit-agent-modal .body {
    padding: 15px;
  }
}

.edit-agent-modal .face-wrap {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 50%;
  width: 100px;
  height: 100px;
  margin: 0 10px;
  box-shadow: 0 0 2px rgba(0, 0, 0, .8);
}

.edit-agent-modal .headshot {
  margin-right: 10px;
}

.edit-agent-modal .headshot-select {
  margin-left: 10px;
}

.edit-agent-modal .headshot-select .btn {
  width: 150px;
}

.edit-agent-modal .input-group .form-control[readonly], .edit-agent-modal .input-group .account-verification-code .code-input-wrap input[readonly], .account-verification-code .code-input-wrap .edit-agent-modal .input-group input[readonly], .edit-agent-modal .input-group login-phone-verification .code-input-wrap input[readonly], login-phone-verification .code-input-wrap .edit-agent-modal .input-group input[readonly] {
  background-color: #fff;
  border: 0;
}

.edit-agent-modal .input-group .input-group-addon {
  padding: 0;
}

.edit-agent-modal .input-group .input-group-addon .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  height: 46px;
  margin-bottom: -2px;
  margin-right: -2px;
  position: relative;
  top: -1px;
}

.get-it-now-modal .button-holder.primary {
  margin-bottom: 10px;
}

.get-it-now-modal .bullet-checklist {
  margin-bottom: 20px;
}

.get-it-now-modal .bullet-checklist li i {
  color: #8cb63f;
  font-size: 18px;
}

.get-it-now-modal .bullet-checklist li {
  padding: 10px 0;
}

.photo-picker-modal .modal-dialog {
  width: 950px;
  max-height: 100%;
}

@media (max-width: 959px) {
  .photo-picker-modal .modal-dialog {
    width: 100%;
    min-height: 100%;
    max-height: none;
    margin: 0;
    padding-top: 20px;
    overflow-y: scroll;
  }
}

.photo-picker-modal .modal-dialog .modal-content {
  border: none;
  padding: 0;
}

.photo-picker-modal .modal-dialog .modal-content-full {
  height: 100%;
}

.photo-picker-modal .modal-dialog .modal-content-empty {
  height: -webkit-fit-content;
  height: fit-content;
}

.photo-picker-modal .photo-picker-modal-wrapper {
  height: 90vh;
}

.photo-picker-modal .photo-picker-modal-content {
  height: 100%;
}

@media (max-width: 959px) {
  .photo-picker-modal .photo-picker-modal-content .heading .title-container {
    margin-bottom: 14px;
  }
}

.photo-picker-modal .photo-picker-modal-content .heading .title-container .title {
  margin-bottom: 0;
  font-size: 28px;
  font-weight: bold;
}

@media (max-width: 959px) {
  .photo-picker-modal .photo-picker-modal-content .heading .title-container .title {
    font-size: 20px;
  }
}

.photo-picker-modal .photo-picker-modal-content .heading .button-spacer {
  margin-right: 5px;
}

.photo-picker-modal .photo-picker-modal-content .heading .btn {
  font-size: 15px;
  font-weight: normal;
}

.photo-picker-modal .photo-picker-modal-content .heading {
  padding: 32px 56px 36px;
}

@media (max-width: 959px) {
  .photo-picker-modal .photo-picker-modal-content .heading {
    padding: 32px 28px 22px;
  }
}

.photo-picker-modal md-content {
  width: 100%;
  min-width: 100%;
  max-width: 100%;
}

.photo-picker-modal md-content .notification-bar-wrapper {
  background-image: linear-gradient(#f7f7f7, #fff);
  min-height: 76px;
}

.photo-picker-modal md-content .notification-bar-wrapper .notification-bar {
  height: 100%;
  font-size: 18px;
}

.photo-picker-modal md-content .photo-grid-wrapper {
  overflow-y: auto;
}

.photo-picker-modal md-content .photo-grid-wrapper .photo-grid {
  margin: 0 46px;
}

@media (max-width: 959px) {
  .photo-picker-modal md-content .photo-grid-wrapper .photo-grid {
    margin: 0 24px;
  }
}

.photo-picker-modal md-content .photo-grid-wrapper .photo-grid .photo-grid-item {
  padding: 0 8px;
  position: relative;
}

.photo-picker-modal md-content .photo-grid-wrapper .photo-grid .photo-grid-item .remove-image-btn {
  text-align: center;
  color: #fff;
  cursor: pointer;
  -o-transition: all, .2s, cubic-bezier(.15, .25, .53, .96);
  background-color: #696969;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  font-size: 24px;
  line-height: 20px;
  transition: all;
  position: absolute;
  top: 16px;
  right: 16px;
  box-shadow: 0 0 3px rgba(0, 0, 0, .4);
}

.photo-picker-modal md-content .photo-grid-wrapper .photo-grid .photo-grid-item .remove-image-btn:hover {
  color: #fff;
  background-color: #d51d4c;
}

.photo-picker-modal md-content .photo-grid-wrapper .photo-grid .photo-grid-item .new-tag {
  color: #fff;
  background-color: #f3b204;
  border-radius: 2px;
  width: 62px;
  height: 30px;
  font-size: 17px;
  position: absolute;
  top: 8px;
  left: 8px;
}

.photo-picker-modal md-content .img-tile {
  cursor: pointer;
  -o-transition: all, .4s, cubic-bezier(.15, .25, .53, .96);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border: 8px solid rgba(0, 0, 0, 0);
  width: 100%;
  padding-top: 75%;
  transition: all;
}

.photo-picker-modal md-content .img-tile:hover {
  border-color: #007780;
}

.photo-picker-modal md-content .img-tile.unavailable {
  opacity: .2;
  pointer-events: none;
}

.photo-picker-modal md-content .img-tile.selected {
  border-color: #007780;
}

@media (max-width: 959px) {
  .photo-picker-modal md-content {
    overflow: hidden;
  }
}

.photo-picker-modal md-content .uploader-wrapper {
  height: 430px;
  margin: 60px 56px;
}

@media (max-width: 959px) {
  .photo-picker-modal md-content .uploader-wrapper {
    height: 234px;
    margin: 26px 24px;
  }
}

.photo-picker-modal md-grid-list {
  overflow: hidden;
}

.photo-picker-modal .cta-wrap {
  min-width: 100%;
}

.photo-picker-modal .cta-wrap .btn-link {
  padding: 11px 32px;
  top: 0;
}

.photo-picker-modal .cta-wrap {
  margin-top: 34px;
  padding-bottom: 32px;
}

@media (max-width: 959px) {
  .photo-picker-modal .cta-wrap {
    margin-top: 24px;
  }
}

.photo-picker-modal .close-btn {
  font-size: 36px;
  position: absolute;
  top: -3px;
  right: 15px;
}

@media (max-width: 599px) {
  .photo-picker-modal .close-btn {
    font-size: 36px;
    top: -3px;
    right: 15px;
  }
}

.offer-sent-confirmation-modal {
  padding: 24px 50px;
}

@media (max-width: 599px) {
  .offer-sent-confirmation-modal {
    min-width: 100%;
    padding: 20px 32px;
  }
}

.offer-sent-confirmation-modal header h3 {
  margin: 10px auto;
}

@media (max-width: 599px) {
  .offer-sent-confirmation-modal header h3 {
    margin: 8px auto;
  }
}

.offer-sent-confirmation-modal header .caption {
  margin-bottom: 18px;
}

.offer-sent-confirmation-modal .box-wrap {
  border: 6px solid #f6f6f6;
  margin: 12px auto;
  padding: 20px 32px;
}

.offer-sent-confirmation-modal .tip-wrap {
  margin-bottom: 12px;
  font-size: 12px;
}

.offer-sent-confirmation-modal .tip-wrap .icon-wrap {
  color: #e2e2e2;
  min-width: 40px;
  max-width: 42px;
  font-size: 32px;
}

.offer-sent-confirmation-modal .btn-primary {
  margin-top: 12px;
}

.order-prints-modal {
  padding: 42px;
}

.order-prints-modal .container {
  min-width: 100%;
  min-height: 100%;
}

@media (max-width: 959px) {
  .order-prints-modal .container {
    min-height: 800px;
  }
}

.order-prints-modal .preview-wrap {
  min-width: 620px;
  max-width: 620px;
  min-height: 500px;
  padding: 20px 42px 20px 0;
}

@media (max-width: 959px) {
  .order-prints-modal .preview-wrap {
    min-width: 100%;
    min-height: 380px;
    max-height: 100%;
    padding: 0;
  }
}

.order-prints-modal .zoom-in {
  cursor: pointer;
  background-color: #000;
  border: 2px solid #fff;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  position: absolute;
  bottom: 20px;
  right: 12px;
}

@media (max-width: 599px) {
  .order-prints-modal .zoom-in {
    top: 0;
    right: 0;
  }
}

.order-prints-modal .slick-wrap {
  max-height: 392px;
  position: relative;
  overflow: hidden;
}

@media (max-width: 959px) {
  .order-prints-modal .slick-wrap {
    max-height: 300px;
  }
}

.order-prints-modal slick.slick-slider {
  margin-bottom: 10px;
}

.order-prints-modal slick {
  border: 1px solid #d5dfe3;
  padding: 2px 4px;
}

.order-prints-modal slick .move-left, .order-prints-modal slick .move-right {
  color: #fff;
  z-index: 1053;
  background-color: rgba(0, 0, 0, .2);
  padding: 6px 2px;
  font-size: 24px;
}

@media (max-width: 599px) {
  .order-prints-modal slick .move-left, .order-prints-modal slick .move-right {
    font-size: 18px;
  }
}

.order-prints-modal slick .move-left {
  left: 0;
}

.order-prints-modal slick .move-right {
  right: 0;
}

.order-prints-modal .thumbnail-wrap {
  position: relative;
}

@media (max-width: 959px) {
  .order-prints-modal .thumbnail-wrap {
    margin-bottom: 25px;
  }
}

.order-prints-modal .thumbnail {
  max-width: 100px;
  min-height: 66px;
  margin-right: 6px;
}

.order-prints-modal .thumbnail .thumbnail-img {
  cursor: pointer;
  opacity: .6;
  border: 1px solid #d5dfe3;
  width: 100%;
}

.order-prints-modal .thumbnail .thumbnail-img:hover {
  border: 2px solid #007780;
}

.order-prints-modal .thumbnail .thumbnail-img.active {
  opacity: 1;
  cursor: default;
}

.order-prints-modal .thumbnail .thumbnail-img.active:hover {
  border: 1px solid #d5dfe3;
}

.order-prints-modal .img-responsive {
  z-index: 1052;
  display: inline-block;
}

.order-prints-modal .bg-img {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

@media (max-width: 599px) {
  .order-prints-modal {
    min-width: 100%;
    padding: 20px 16px;
  }
}

.order-prints-modal h2, .order-prints-modal .cba-banner banner .title, .cba-banner banner .order-prints-modal .title, .order-prints-modal abn-banner banner .title, abn-banner banner .order-prints-modal .title {
  margin: 16px auto;
}

@media (max-width: 599px) {
  .order-prints-modal h2, .order-prints-modal .cba-banner banner .title, .cba-banner banner .order-prints-modal .title, .order-prints-modal abn-banner banner .title, abn-banner banner .order-prints-modal .title {
    margin: 14px auto;
  }
}

.order-prints-modal .box-select .box-select-option {
  color: #b4bbbf;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  border: 1px solid #d5dfe3;
  border-radius: 3px;
  width: 100px;
  height: 100px;
  margin-right: 10px;
}

@media (max-width: 599px) {
  .order-prints-modal .box-select .box-select-option {
    margin-top: 10px;
  }
}

.order-prints-modal .box-select .box-select-option.selected {
  color: #1e2b35;
  cursor: default;
  border: 1px solid #1e2b35 !important;
}

.order-prints-modal .box-select .box-select-option:hover {
  border: 1px solid #007780;
}

.order-prints-modal .box-select .box-select-option:last-of-type {
  margin-right: 0;
}

.order-prints-modal .box-select {
  min-width: 100%;
  margin: 0 auto 20px;
}

.order-prints-modal .image-download-container {
  margin-left: 16px;
}

.order-prints-modal .image-download-container:first-of-type {
  margin-left: 0;
}

.order-prints-modal .image-download-container .image-download-preview {
  border: 1px solid #d5dfe3;
  margin-bottom: 16px;
}

.order-prints-modal .image-download-container .image-download-preview img {
  width: 150px;
  max-width: 150px;
}

.order-prints-modal .disclaimer {
  margin: 20px 0;
  font-size: 12px;
}

.order-prints-modal .disclaimer .btn {
  font-size: 12px;
}

.order-prints-modal .bottom-disclaimer {
  color: #76888f;
  margin-top: 12px;
  font-size: 12px;
}

.order-prints-modal .go-back {
  margin-top: 12px;
}

.order-prints-modal .close-btn {
  font-size: 42px;
  position: absolute;
  top: 6px;
  right: 18px;
}

.update-stale-report-modal .before-after-wrap, .update-stale-report-modal .stale-profile-wrap, .update-stale-report-modal .stale-plo-wrap, .update-stale-report-modal .stale-rusc-wrap {
  margin: 32px 0;
  position: relative;
}

@media (max-width: 960px) {
  .update-stale-report-modal .before-after-wrap, .update-stale-report-modal .stale-profile-wrap, .update-stale-report-modal .stale-plo-wrap, .update-stale-report-modal .stale-rusc-wrap {
    margin: 24px 0;
  }
}

.update-stale-report-modal .stale-trial-access-wrap {
  margin: 32px 0;
  position: relative;
}

@media (max-width: 960px) {
  .update-stale-report-modal .stale-trial-access-wrap {
    margin: 24px 0;
  }
}

.update-stale-report-modal .icon-wrap {
  margin: auto;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
}

@media (max-width: 960px) {
  .update-stale-report-modal .icon-wrap {
    transform: translateY(-75%);
  }
}

.update-stale-report-modal .icon-wrap {
  color: #1e2b35;
  font-size: 20px;
}

.update-stale-report-modal .profile-wrap {
  padding: 12px 0;
}

@media (max-width: 960px) {
  .update-stale-report-modal .profile-wrap {
    padding: 60px 0;
  }

  .update-stale-report-modal .profile-wrap.before {
    padding-top: 0;
  }

  .update-stale-report-modal .profile-wrap.after {
    padding-bottom: 0;
  }
}

.update-stale-report-modal .profile-info-container {
  padding-top: 14px;
}

.update-stale-report-modal .profile-info-container user-info-card {
  display: block;
}

@media (max-width: 600px) {
  .update-stale-report-modal .profile-info-container {
    padding-top: 0;
  }
}

.update-stale-report-modal .card-wrap {
  margin-bottom: 0;
}

@media (max-width: 600px) {
  .update-stale-report-modal .card-wrap .img-col {
    padding: 4%;
  }
}

.update-stale-report-modal .card-wrap .img-col {
  padding-right: 4%;
}

.update-stale-report-modal .card-wrap .light-text.margin-top {
  margin-top: 8px;
}

.update-stale-report-modal .card-wrap .light-text {
  color: #a4aaaf;
}

@media (max-width: 600px) {
  .update-stale-report-modal .card-wrap .info {
    text-align: center;
  }
}

.update-stale-report-modal .card-wrap .info {
  text-align: left;
}

.update-stale-report-modal .img-holder.headshot {
  text-align: right;
}

@media (max-width: 600px) {
  .update-stale-report-modal .img-holder.headshot {
    text-align: center;
  }
}

.update-stale-report-modal .img-holder.branding {
  margin-top: 20px;
}

.update-stale-report-modal .img-holder.branding img {
  width: 120px;
}

.update-stale-report-modal .img-holder.headshot img {
  min-width: 100px;
  max-width: 100px;
}

.update-stale-report-modal .img-holder img {
  max-width: 100%;
}

@media (max-width: 600px) {
  .update-stale-report-modal .img-holder {
    text-align: center;
  }
}

.update-stale-report-modal .rusc, .update-stale-report-modal .trial-access {
  font-size: 24px;
  font-weight: normal;
}

.update-stale-report-modal.multi-layout .img-holder.headshot {
  text-align: center;
}

.update-stale-report-modal.multi-layout .img-holder.branding {
  margin-top: 14px;
}

.update-stale-report-modal.multi-layout .img-holder.branding img {
  width: 120px;
}

.update-stale-report-modal.multi-layout .img-holder.headshot img {
  min-width: 80px;
  max-width: 80px;
}

.update-stale-report-modal.multi-layout .rusc, .update-stale-report-modal.multi-layout .plo-name {
  font-size: 18px;
  font-weight: bold;
}

.update-stale-report-modal .hr-separator {
  border-bottom: 1px solid #d5dfe3;
  height: 0;
}

@media (max-width: 600px) {
  .update-stale-report-modal .hr-separator {
    margin: 0 -24px;
  }
}

.update-stale-report-modal .button-holder {
  max-width: 500px;
  margin: 0 auto 28px;
}

@media (max-width: 600px) {
  .update-stale-report-modal .button-holder {
    max-width: 320px;
  }
}

.update-stale-report-modal .button-holder button {
  margin: 0 6px;
}

@media (max-width: 600px) {
  .update-stale-report-modal .button-holder button {
    margin: 0 4px;
  }
}

.update-stale-report-modal .subtitle {
  text-align: center;
  color: #b4bbbf;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 4px;
  font-weight: bold;
}

.update-stale-report-modal .caption {
  margin-bottom: 15px;
}

.update-stale-report-modal .disclaimer p:last-of-type {
  margin: 0;
}

.update-stale-report-modal .changed {
  background-color: #ffe600;
}

.text-drip-alert-select-modal {
  padding: 36px 75px;
}

@media (max-width: 599px) {
  .text-drip-alert-select-modal {
    min-width: 100%;
    padding: 20px 32px;
  }
}

.text-drip-alert-select-modal header h2, .text-drip-alert-select-modal header .cba-banner banner .title, .cba-banner banner .text-drip-alert-select-modal header .title, .text-drip-alert-select-modal header abn-banner banner .title, abn-banner banner .text-drip-alert-select-modal header .title {
  margin: 14px auto;
  font-size: 24px;
}

@media (max-width: 599px) {
  .text-drip-alert-select-modal header h2, .text-drip-alert-select-modal header .cba-banner banner .title, .cba-banner banner .text-drip-alert-select-modal header .title, .text-drip-alert-select-modal header abn-banner banner .title, abn-banner banner .text-drip-alert-select-modal header .title {
    margin: 12px auto;
  }
}

.text-drip-alert-select-modal .form-wrap {
  max-width: 320px;
  margin-left: auto;
  margin-right: auto;
}

.text-drip-alert-select-modal .form-wrap .caption {
  margin-bottom: 24px;
}

.text-drip-alert-select-modal .form-wrap input[type="radio"] {
  margin-top: -1px;
}

.text-drip-alert-select-modal .form-wrap label {
  margin: 0 0 0 8px;
  font-size: 16px;
}

.text-drip-alert-select-modal section.body {
  margin: 24px auto;
}

.text-drip-alert-select-modal .submit-wrap {
  margin-top: 40px;
}

.text-drip-alert-select-modal .submit-wrap .btn-cancel {
  margin-top: 12px;
}

.webinar-select-modal {
  padding: 36px 50px;
}

@media (max-width: 599px) {
  .webinar-select-modal {
    min-width: 100%;
    padding: 20px 32px;
  }
}

.webinar-select-modal header h2, .webinar-select-modal header .cba-banner banner .title, .cba-banner banner .webinar-select-modal header .title, .webinar-select-modal header abn-banner banner .title, abn-banner banner .webinar-select-modal header .title {
  margin: 14px auto;
  font-size: 24px;
}

@media (max-width: 599px) {
  .webinar-select-modal header h2, .webinar-select-modal header .cba-banner banner .title, .cba-banner banner .webinar-select-modal header .title, .webinar-select-modal header abn-banner banner .title, abn-banner banner .webinar-select-modal header .title {
    margin: 12px auto;
  }
}

.webinar-select-modal section.body {
  margin: 24px auto;
}

.webinar-select-modal .dismiss-wrap {
  margin-top: 24px;
}

.preview-enroll-modal {
  padding: 48px 60px;
}

@media (max-width: 599px) {
  .preview-enroll-modal {
    min-width: 100%;
    padding: 24px 32px;
  }
}

.preview-enroll-modal header h2, .preview-enroll-modal header .cba-banner banner .title, .cba-banner banner .preview-enroll-modal header .title, .preview-enroll-modal header abn-banner banner .title, abn-banner banner .preview-enroll-modal header .title {
  margin: 8px auto 14px;
  font-size: 24px;
}

@media (max-width: 599px) {
  .preview-enroll-modal header h2, .preview-enroll-modal header .cba-banner banner .title, .cba-banner banner .preview-enroll-modal header .title, .preview-enroll-modal header abn-banner banner .title, abn-banner banner .preview-enroll-modal header .title {
    margin: 6px auto 12px;
  }
}

.preview-enroll-modal header .step {
  color: #b4bbbf;
}

.preview-enroll-modal section.body {
  margin: 24px auto;
}

.preview-enroll-modal .buttons-wrap {
  margin: 50px 0 0;
}

.preview-enroll-modal .button-wrap button {
  margin: 4px;
}

.preview-enroll-modal .text-wrap {
  padding: 0 20px 0 0;
}

@media (max-width: 600px) {
  .preview-enroll-modal .text-wrap {
    padding: 0;
  }
}

.preview-enroll-modal .img-wrap {
  text-align: right;
}

@media (max-width: 600px) {
  .preview-enroll-modal .img-wrap {
    text-align: center;
  }
}

.preview-enroll-modal .img-wrap img {
  max-width: 100%;
}

.preview-enroll-modal .dismiss-wrap {
  margin-top: 24px;
}

.preview-offer-modal {
  padding: 48px 60px;
}

@media (max-width: 599px) {
  .preview-offer-modal {
    min-width: 100%;
    padding: 24px 32px;
  }
}

.preview-offer-modal header h2, .preview-offer-modal header .cba-banner banner .title, .cba-banner banner .preview-offer-modal header .title, .preview-offer-modal header abn-banner banner .title, abn-banner banner .preview-offer-modal header .title {
  margin: 8px auto 14px;
  font-size: 24px;
}

@media (max-width: 599px) {
  .preview-offer-modal header h2, .preview-offer-modal header .cba-banner banner .title, .cba-banner banner .preview-offer-modal header .title, .preview-offer-modal header abn-banner banner .title, abn-banner banner .preview-offer-modal header .title {
    margin: 6px auto 12px;
  }
}

.preview-offer-modal header .step {
  color: #b4bbbf;
}

.preview-offer-modal section.body {
  margin: 24px auto;
}

.preview-offer-modal .buttons-wrap {
  margin: 20px 0 0;
}

.preview-offer-modal .button-wrap button {
  margin: 4px;
}

.preview-offer-modal .text-wrap {
  padding: 0 20px 0 0;
}

@media (max-width: 600px) {
  .preview-offer-modal .text-wrap {
    padding: 0;
  }
}

.preview-offer-modal .img-wrap {
  text-align: right;
}

@media (max-width: 600px) {
  .preview-offer-modal .img-wrap {
    text-align: center;
  }
}

.preview-offer-modal .img-wrap img {
  max-width: 100%;
}

.preview-offer-modal .dismiss-wrap {
  margin-top: 24px;
}

.invite-sent-confirmation-modal {
  padding: 24px 50px;
}

@media (max-width: 599px) {
  .invite-sent-confirmation-modal {
    min-width: 100%;
    padding: 20px 32px;
  }
}

.invite-sent-confirmation-modal header h3 {
  margin: 10px auto;
}

@media (max-width: 599px) {
  .invite-sent-confirmation-modal header h3 {
    margin: 8px auto;
  }
}

.invite-sent-confirmation-modal header .caption {
  margin-bottom: 18px;
}

.invite-sent-confirmation-modal .box-wrap {
  border: 6px solid #f6f6f6;
  margin: 12px auto;
  padding: 20px 32px;
}

.invite-sent-confirmation-modal .tip-wrap {
  margin-bottom: 12px;
  font-size: 12px;
}

.invite-sent-confirmation-modal .tip-wrap .icon-wrap {
  color: #e2e2e2;
  min-width: 40px;
  max-width: 42px;
  font-size: 32px;
}

.invite-sent-confirmation-modal .btn-primary {
  margin-top: 12px;
}

@media (max-width: 599px) {
  .additional-profile-info header {
    margin-top: 24px;
  }
}

.additional-profile-info .face-wrap {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 50%;
  width: 100px;
  height: 100px;
  margin: 0 10px;
  box-shadow: 0 0 2px rgba(0, 0, 0, .8);
}

.additional-profile-info .headshot {
  margin-right: 10px;
}

.additional-profile-info .headshot-select {
  margin-left: 10px;
}

.additional-profile-info .headshot-select .btn {
  width: 150px;
}

.additional-profile-info .btn.natural-case {
  text-transform: none;
}

.additional-profile-info .input-group .form-control[readonly], .additional-profile-info .input-group .account-verification-code .code-input-wrap input[readonly], .account-verification-code .code-input-wrap .additional-profile-info .input-group input[readonly], .additional-profile-info .input-group login-phone-verification .code-input-wrap input[readonly], login-phone-verification .code-input-wrap .additional-profile-info .input-group input[readonly] {
  background-color: #fff;
  border: 0;
}

.additional-profile-info .input-group .input-group-addon {
  padding: 0;
}

.additional-profile-info .input-group .input-group-addon .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  height: 46px;
  margin-bottom: -2px;
  margin-right: -2px;
  position: relative;
  top: -1px;
}

.additional-profile-info .close-btn {
  font-size: 42px;
  position: absolute;
  top: 6px;
  right: 18px;
}

.autopilot-active-listings-modal .button-holder.primary {
  margin-bottom: 10px;
}

.autopilot-active-listings-modal .listings-list-wrap {
  margin: 30px 0;
}

@media (min-width: 599px) {
  .autopilot-active-listings-modal .listings-list-wrap {
    max-height: 225px;
    overflow: auto;
  }
}

.autopilot-active-listings-modal .listings-checklist .listing {
  padding: 0 0 8px;
}

.autopilot-active-listings-modal .listings-checklist .listing .checkbox-wrap {
  min-width: 18px;
  max-width: 18px;
  margin-left: 5px;
}

.autopilot-active-listings-modal .listings-checklist .listing .hero {
  background-image: url("/images/listing-no-photo.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  min-width: 60px;
  height: 45px;
  margin: 0 8px 0 4px;
}

.autopilot-active-listings-modal .bullet-checklist {
  margin-bottom: 20px;
}

.autopilot-active-listings-modal .bullet-checklist li i {
  color: #8cb63f;
  font-size: 18px;
}

.autopilot-active-listings-modal .bullet-checklist li {
  padding: 10px 0;
}

.autopilot-active-listings-modal .error {
  margin-top: 30px;
}

.video-modal {
  -webkit-overflow-scrolling: auto;
}

.video-modal .close {
  padding: 15px 0 15px 15px;
}

@media (max-width: 599px) {
  .video-modal .close {
    padding: 15px;
  }
}

.video-modal .video-wrap {
  position: relative;
}

.video-modal #modal-video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.video-modal .cta {
  margin: 15px;
}

.deactivate-user-modal header .modal-title {
  letter-spacing: 2px;
}

.deactivate-user-modal header h2, .deactivate-user-modal header .cba-banner banner .title, .cba-banner banner .deactivate-user-modal header .title, .deactivate-user-modal header abn-banner banner .title, abn-banner banner .deactivate-user-modal header .title {
  margin: 15px 0 0 !important;
}

.resubscribe-modal .modal-dialog {
  max-width: 480px;
}

.resubscribe-modal .modal-dialog ul li {
  margin-bottom: 10px;
}

.marketing-area-select-modal {
  padding: 36px 50px;
}

@media (max-width: 599px) {
  .marketing-area-select-modal {
    min-width: 100%;
    padding: 20px 32px;
  }
}

.marketing-area-select-modal header h2, .marketing-area-select-modal header .cba-banner banner .title, .cba-banner banner .marketing-area-select-modal header .title, .marketing-area-select-modal header abn-banner banner .title, abn-banner banner .marketing-area-select-modal header .title {
  margin: 14px auto;
  font-size: 24px;
}

@media (max-width: 599px) {
  .marketing-area-select-modal header h2, .marketing-area-select-modal header .cba-banner banner .title, .cba-banner banner .marketing-area-select-modal header .title, .marketing-area-select-modal header abn-banner banner .title, abn-banner banner .marketing-area-select-modal header .title {
    margin: 12px auto;
  }
}

.marketing-area-select-modal section.body {
  margin: 24px auto;
}

.marketing-area-select-modal .areas-search {
  min-width: 100%;
  max-width: 256px;
  position: relative;
}

.marketing-area-select-modal .areas-search input {
  width: 100%;
}

.marketing-area-select-modal .areas-search .icon {
  color: #ddd;
  font-size: 16px;
  position: absolute;
  top: 10px;
  right: 10px;
}

.marketing-area-select-modal .areas-search .search-result {
  color: #1e2b35;
  background: #fff;
  border: 1px solid #ddd;
  margin-top: -1px;
  padding: 10px 20px;
}

@media (max-width: 600px) {
  .marketing-area-select-modal .areas-search .search-result .info {
    max-width: 60%;
  }
}

.marketing-area-select-modal .areas-search .search-result img {
  max-width: 60px;
  margin-right: 20px;
}

.marketing-area-select-modal .areas-search .search-result:focus {
  outline: 0;
}

@media (max-width: 600px) {
  .marketing-area-select-modal .areas-search {
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}

.marketing-area-select-modal .dismiss-wrap {
  margin-top: 24px;
}

.invite-agent-modal-v2 .custom-message, .invite-agent-modal-v2 .custom-message span {
  margin-top: 13px;
}

.invite-agent-modal-v2 .custom-message textarea {
  height: 81px;
}

.invite-agent-modal-v2 .modal-dialog {
  max-width: 520px;
}

@media (max-width: 599px) {
  .invite-agent-modal-v2 .modal-dialog {
    margin: 0;
  }
}

.invite-agent-modal-v2 .agent-search {
  margin-top: 24px;
}

.invite-agent-modal-v2 .modal-content .view-agent-details {
  border: 1px solid #d5dfe3;
  margin-top: 16px;
  padding: 16px;
}

.invite-agent-modal-v2 .modal-content agent-listing-stats .agent-listing-stats {
  border: 1px solid #d5dfe3;
  margin-top: -1px;
}

.invite-agent-modal-v2 .modal-content agent-listing-stats .agent-listing-stats .agent-listing-stats, .invite-agent-modal-v2 .modal-content agent-listing-stats .agent-listing-stats .stats-block {
  border: 0;
}

.invite-agent-modal-v2 .modal-content .form-body {
  border-left: 0;
  padding-left: 0;
}

.invite-agent-modal-v2 .modal-content .state1 {
  text-align: center;
  margin-bottom: 16px;
}

.invite-agent-modal-v2 .modal-content .state2 label input {
  margin-right: 5px;
}

.invite-agent-modal-v2 .modal-content .state2 .ctas > div {
  margin-bottom: 10px;
}

.invite-agent-modal-v2 .modal-content .state2 .copy-paste-wrap {
  background: #f7f7f7;
  margin: 16px -56px -32px;
  padding: 22px 56px;
}

@media (max-width: 599px) {
  .invite-agent-modal-v2 .modal-content .state2 .copy-paste-wrap {
    margin: 16px -24px -24px;
    padding: 22px;
  }
}

.invite-agent-modal-v2 .char-limit-validation {
  font-size: 10px;
}

.invite-agent-modal-v2 .vendor-relationship-disclaimer {
  margin-left: 20px;
}

.invite-agent-modal-v2.standard-modal .modal-content {
  padding-bottom: 24px;
}

.invite-status-modal .table > thead > tr > th {
  padding: 12px 0;
}

.invite-status-modal .table th {
  letter-spacing: 1.25px;
  font-size: 12px;
  font-weight: normal;
}

.invite-status-modal .table th:first-child, .invite-status-modal .table td:first-child {
  padding-left: 0;
}

.invite-status-modal .table th:last-child, .invite-status-modal .table td:last-child {
  padding-right: 0;
}

.invite-status-modal .table td {
  padding: 16px 0;
}

.invite-sent-call-log-modal .modal-dialog {
  max-width: 520px;
}

@media (max-width: 599px) {
  .invite-sent-call-log-modal .modal-dialog {
    margin: 0;
  }
}

.invite-sent-call-log-modal .box-wrap {
  border: 1px solid #d5dfe3;
  margin: 12px auto;
  padding: 20px 32px;
}

.route-agentfarm-listing.modal-open {
  overflow: hidden !important;
}

.fullscreen-carousel-modal {
  overflow: hidden;
}

.fullscreen-carousel-modal .modal-dialog {
  text-align: center;
  background: rgba(0, 0, 0, .9);
  width: 100%;
  height: 100%;
  margin: 0 auto;
  padding: 0;
}

.fullscreen-carousel-modal .modal-content {
  background: none;
  width: 100%;
  height: 100%;
  font-size: 14px;
  position: relative;
}

.fullscreen-carousel-modal .fullscreen-carousel, .fullscreen-carousel-modal .carousel, .fullscreen-carousel-modal slick, .fullscreen-carousel-modal .slick-list, .fullscreen-carousel-modal .slick-track, .fullscreen-carousel-modal .slick-slide > div, .fullscreen-carousel-modal .image-container {
  height: 100%;
}

.fullscreen-carousel-modal .slick-slider {
  max-width: none;
  margin-bottom: 0;
}

.fullscreen-carousel-modal .carousel {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.fullscreen-carousel-modal .carousel .img-holder {
  background: center / contain no-repeat;
  width: 100%;
  height: 100%;
}

@media (max-width: 599px) {
  .fullscreen-carousel-modal .carousel .img-holder {
    height: 100%;
  }
}

.fullscreen-carousel-modal .carousel .slick-arrow {
  padding: 0;
}

.fullscreen-carousel-modal .carousel .btn-prev, .fullscreen-carousel-modal .carousel .btn-next {
  z-index: 1;
  cursor: pointer;
  margin-top: -10px\9 ;
  text-shadow: 0 2px 4px rgba(0, 0, 0, .5);
  color: #fff;
  display: block;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
}

.fullscreen-carousel-modal .carousel .btn-prev:hover, .fullscreen-carousel-modal .carousel .btn-next:hover {
  opacity: .7;
}

.fullscreen-carousel-modal .carousel .btn-prev {
  left: 2px;
}

[dir="rtl"] .fullscreen-carousel-modal .carousel .btn-prev {
  left: auto;
  right: -25px;
}

@media (max-width: 599px) {
  .fullscreen-carousel-modal .carousel .btn-prev {
    font-size: 8px;
    left: 0;
  }
}

.fullscreen-carousel-modal .carousel .btn-next {
  right: 2px;
}

[dir="rtl"] .fullscreen-carousel-modal .carousel .btn-next {
  left: -25px;
  right: auto;
}

@media (max-width: 599px) {
  .fullscreen-carousel-modal .carousel .btn-next {
    font-size: 8px;
    right: 0;
  }
}

.fullscreen-carousel-modal .carousel .slick-dots {
  margin-top: 20px;
}

.fullscreen-carousel-modal .carousel .slick-dots li {
  width: 20%;
  max-width: 200px;
  height: auto;
}

.fullscreen-carousel-modal .carousel .slick-dots li .overlay {
  background: rgba(0, 0, 0, .3);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.fullscreen-carousel-modal .carousel .slick-dots li a {
  padding: 0;
}

.fullscreen-carousel-modal .carousel .slick-dots li.slick-active .overlay {
  display: none;
}

.fullscreen-carousel-modal .carousel .slick-dots li.slick-active a {
  opacity: 1;
}

.fullscreen-carousel-modal .thumbnails {
  white-space: nowrap;
  height: 150px;
  margin-left: -5px;
  margin-right: -5px;
  padding: 32px 20px 12px;
  position: relative;
  overflow: hidden;
}

.fullscreen-carousel-modal .thumbnails > div {
  -webkit-overflow-scrolling: touch;
  width: 100%;
  padding-bottom: 20px;
  position: relative;
  overflow: auto;
}

.fullscreen-carousel-modal .thumbnails .thumbnail {
  background: center / cover no-repeat;
  width: 118px;
  height: 82px;
  margin-left: 5px;
  margin-right: 5px;
  display: inline-block;
  position: relative;
}

.fullscreen-carousel-modal .thumbnails .thumbnail .overlay {
  z-index: 1000;
  background: rgba(0, 0, 0, .6);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.fullscreen-carousel-modal .thumbnails .thumbnail:first-child {
  margin-left: 0;
}

.fullscreen-carousel-modal .thumbnails .thumbnail:last-child {
  margin-right: 0;
}

.fullscreen-carousel-modal .thumbnails .thumbnail.active .overlay {
  display: none;
}

.fullscreen-carousel-modal .close-modal {
  cursor: pointer;
  color: #fff;
  z-index: 9999;
  font-size: 54px;
  position: absolute;
  top: 3px;
  right: 14px;
}

.unsubscribe-all-modal {
  text-align: center;
  margin: 0 auto;
}

.unsubscribe-all-modal .text-container {
  margin-bottom: 16px !important;
}

.unsubscribe-all-modal .confirm-button-container {
  padding: 16px 0 !important;
}

.unsubscribe-all-modal .confirmed-container .confirmed-title {
  font-size: 21px;
}

.unsubscribe-all-modal .confirmed-container .confirmed-text {
  margin-bottom: 12px;
  font-size: 16px;
}

.unsubscribe-all-modal .confirmed-container .close-button {
  padding: 16px 0;
}

.purchase-buyside-credits-modal .receipt .divider {
  border-top: 1px solid #d5dfe3;
  margin-left: -21px;
  margin-right: -21px;
}

purchase-buyside-credits-modal-new-subscription-flow .ctas, purchase-buyside-credits-modal-new-subscription-flow .root.error-box {
  margin-top: 24px;
}

purchase-buyside-credits-modal-new-subscription-flow .error-box {
  margin-top: 8px;
}

purchase-buyside-credits-modal-manage-subscription-flow {
  display: block;
}

purchase-buyside-credits-modal-manage-subscription-flow .ctas, purchase-buyside-credits-modal-manage-subscription-flow .root.error-box {
  margin-top: 24px;
}

purchase-buyside-credits-modal-manage-subscription-flow .error-box {
  margin-top: 8px;
}

purchase-buyside-credits-modal-video {
  display: block;
}

purchase-buyside-credits-modal-video .video-holder {
  margin-top: 24px;
}

purchase-buyside-credits-modal-select-plan {
  display: block;
}

purchase-buyside-credits-modal-select-plan .headshots-holder, purchase-buyside-credits-modal-select-plan .headshots-holder h3, purchase-buyside-credits-modal-select-plan .plans {
  margin-top: 24px;
}

purchase-buyside-credits-modal-select-plan .plans .plan-spacer {
  padding: 6px;
}

purchase-buyside-credits-modal-select-plan .plans .plan {
  cursor: pointer;
  border: 1px solid #d5dfe3;
  border-radius: 4px;
  height: 100%;
  min-height: 135px;
  padding: 8px;
}

purchase-buyside-credits-modal-select-plan .plans .plan.custom {
  cursor: default;
}

purchase-buyside-credits-modal-select-plan .plans .plan.selected {
  border-color: #007780;
}

purchase-buyside-credits-modal-select-plan .plans .plan h3, purchase-buyside-credits-modal-select-plan .plans .plan .custom-plan-select {
  margin: 12px 0;
}

purchase-buyside-credits-modal-select-plan .plans .plan .recomended {
  letter-spacing: 1.25px;
}

purchase-buyside-credits-modal-select-plan .plans .plan .price {
  background-color: #f8fafb;
  border-radius: 4px;
  margin-top: 24px;
  padding: 8px;
}

purchase-buyside-credits-modal-select-agents {
  display: block;
}

purchase-buyside-credits-modal-select-agents > div > * {
  margin-top: 24px;
}

purchase-buyside-credits-modal-select-agents > div > :first-child {
  margin-top: 0;
}

purchase-buyside-credits-modal-select-agents .follow-count {
  border: 1px solid #d5dfe3;
  border-radius: 4px;
}

purchase-buyside-credits-modal-select-agents .follow-count > div {
  padding: 16px 24px;
}

purchase-buyside-credits-modal-select-agents .follow-count > div:first-child {
  border-right: 1px solid #d5dfe3;
}

purchase-buyside-credits-modal-select-agents .follow-count h2, purchase-buyside-credits-modal-select-agents .follow-count .cba-banner banner .title, .cba-banner banner purchase-buyside-credits-modal-select-agents .follow-count .title, purchase-buyside-credits-modal-select-agents .follow-count abn-banner banner .title, abn-banner banner purchase-buyside-credits-modal-select-agents .follow-count .title {
  margin: 0 8px 0 0 !important;
}

purchase-buyside-credits-modal-select-agents .agent-box {
  border: 1px solid #d5dfe3;
  border-radius: 4px;
  max-height: calc(100vh - 650px);
  padding: 16px;
  overflow: auto;
}

purchase-buyside-credits-modal-select-agents .agent-box .agent-select-box {
  cursor: pointer;
  border: 1px solid #d5dfe3;
  border-radius: 4px;
  margin-top: 16px;
  padding: 12px;
}

purchase-buyside-credits-modal-select-agents .agent-box .agent-select-box.disabled {
  opacity: .5;
  cursor: default;
}

purchase-buyside-credits-modal-select-agents .agent-box .agent-select-box:first-child {
  margin-top: 0;
}

purchase-buyside-credits-modal-select-agents .agent-box .agent-select-box .avatar-holder {
  margin-right: 16px;
}

purchase-buyside-credits-modal-select-agents .agent-box .agent-select-box .selected-or-not {
  font-size: 24px;
}

purchase-buyside-credits-modal-select-agents .auto-follow h3 {
  margin-bottom: 16px;
}

purchase-buyside-credits-modal-select-agents .auto-follow .fancy-checkbox {
  text-align: center;
  width: 24px;
  height: 24px;
  padding: 4px;
  position: relative;
  top: 3px;
}

purchase-buyside-credits-modal-select-agents .auto-follow .fancy-checkbox .icon {
  font-size: 12px;
}

purchase-buyside-credits-modal-payment {
  display: block;
}

purchase-buyside-credits-modal-payment > *, purchase-buyside-credits-modal-payment .tear-middle > *, purchase-buyside-credits-modal-payment .payment-method > *, purchase-buyside-credits-modal-payment .purchase-form > * {
  margin-top: 24px;
}

purchase-buyside-credits-modal-payment > :first-child, purchase-buyside-credits-modal-payment .tear-middle > :first-child, purchase-buyside-credits-modal-payment .payment-method > :first-child, purchase-buyside-credits-modal-payment .purchase-form > :first-child {
  margin-top: 0;
}

purchase-buyside-credits-modal-payment .receipt creditcard {
  box-shadow: 0 0 8px rgba(0, 0, 0, .12);
}

purchase-buyside-credits-modal-payment .receipt .payment-method .ccholder {
  position: relative;
}

purchase-buyside-credits-modal-payment .receipt .payment-method .check-icon {
  font-size: 24px;
  position: absolute;
  top: -6px;
  right: -6px;
}

purchase-buyside-credits-modal-payment .overview {
  background-color: #ecf0f1;
  padding: 32px;
}

purchase-buyside-credits-modal-payment .overview h2, purchase-buyside-credits-modal-payment .overview .cba-banner banner .title, .cba-banner banner purchase-buyside-credits-modal-payment .overview .title, purchase-buyside-credits-modal-payment .overview abn-banner banner .title, abn-banner banner purchase-buyside-credits-modal-payment .overview .title {
  margin-bottom: 0 !important;
}

purchase-buyside-credits-modal-payment .overview .divider {
  margin: 24px 0;
}

purchase-buyside-credits-modal-payment .overview .line-item {
  margin: 16px;
}

purchase-buyside-credits-modal-payment .overview .line-item:first-child {
  margin-top: 0;
}

purchase-buyside-credits-modal-payment .overview .line-item:last-child {
  margin-bottom: 0;
}

purchase-buyside-credits-modal-payment .data-disclaimer h3 {
  margin-bottom: 16px;
}

purchase-buyside-credits-modal-payment .data-disclaimer .fancy-checkbox {
  text-align: center;
  width: 24px;
  height: 24px;
  padding: 4px;
  position: relative;
  top: 3px;
}

purchase-buyside-credits-modal-payment .data-disclaimer .fancy-checkbox .icon {
  font-size: 12px;
}

purchase-buyside-credits-modal-payment .lock .lr {
  margin-right: 4px;
  font-size: 18px;
}

purchase-buyside-credits-modal-payment .new-card {
  border: 1px dashed #1e2b35;
  width: 132px;
  min-height: 112px;
}

@media (max-width: 599px) {
  purchase-buyside-credits-modal-payment .new-card {
    margin-top: 16px;
  }
}

purchase-buyside-credits-modal-payment .new-card-form {
  border: 1px solid #d5dfe3;
  border-radius: 4px;
  padding: 24px 24px 9px;
  box-shadow: 0 0 8px rgba(0, 0, 0, .12);
}

receipt {
  display: block;
}

receipt .tear-top {
  background: url("/images/purchase-buyside-credits-modal/tear-top.png") top / 100% no-repeat;
  height: 15px;
}

@media (max-width: 599px) {
  receipt .tear-top {
    height: 10px;
  }
}

receipt .tear-middle {
  background-image: url("/images/purchase-buyside-credits-modal/tear-middle.png");
  background-repeat: repeat-y;
  background-size: 100%;
  padding: 0 24px 24px;
}

@media (max-width: 599px) {
  receipt .tear-middle {
    padding-top: 5px;
  }
}

receipt .tear-bottom {
  background: url("/images/purchase-buyside-credits-modal/tear-bottom.png") bottom / 100% no-repeat;
  height: 27px;
}

.purchase-buyside-credits-modal .modal-dialog {
  max-width: 500px;
}

.purchase-buyside-credits-modal .modal-dialog .modal-content {
  padding: 24px 16px 80px;
}

@media (min-width: 600px) {
  .purchase-buyside-credits-modal .modal-dialog .modal-content {
    padding: 32px 37px;
  }
}

purchase-buyside-credits-modal-manage > div > div > *, purchase-buyside-credits-modal-manage .tear-middle > * {
  margin-top: 24px;
}

purchase-buyside-credits-modal-manage > div > div > :first-child, purchase-buyside-credits-modal-manage .tear-middle > :first-child {
  margin-top: 0;
}

purchase-buyside-credits-modal-manage .title h2, purchase-buyside-credits-modal-manage .title .cba-banner banner .title, .cba-banner banner purchase-buyside-credits-modal-manage .title .title, purchase-buyside-credits-modal-manage .title abn-banner banner .title, abn-banner banner purchase-buyside-credits-modal-manage .title .title, purchase-buyside-credits-modal-manage .title h3 {
  margin: 0 !important;
}

purchase-buyside-credits-modal-manage .auto-follow h3 {
  margin-bottom: 16px;
}

purchase-buyside-credits-modal-manage .auto-follow .fancy-checkbox {
  text-align: center;
  width: 24px;
  height: 24px;
  padding: 4px;
  position: relative;
  top: 3px;
}

purchase-buyside-credits-modal-manage .auto-follow .fancy-checkbox .icon {
  font-size: 12px;
}

purchase-buyside-credits-modal-manage .subscription-details {
  border: 1px solid #d5dfe3;
  height: 100px;
  padding: 20px 16px;
}

purchase-buyside-credits-modal-manage .subscription-details .cancel-subscription-btn {
  font-weight: 600;
}

purchase-buyside-credits-modal-manage .gblock {
  border-radius: 4px;
  padding: 16px;
}

purchase-buyside-credits-modal-manage .gblock h2, purchase-buyside-credits-modal-manage .gblock .cba-banner banner .title, .cba-banner banner purchase-buyside-credits-modal-manage .gblock .title, purchase-buyside-credits-modal-manage .gblock abn-banner banner .title, abn-banner banner purchase-buyside-credits-modal-manage .gblock .title {
  margin-bottom: 0 !important;
}

purchase-buyside-credits-modal-manage .line-item {
  margin: 16px 0;
}

purchase-buyside-credits-modal-manage .line-item:first-child {
  margin-top: 0;
}

purchase-buyside-credits-modal-manage .line-item:last-child {
  margin-bottom: 0;
}

purchase-buyside-credits-modal-manage .lock .lr {
  margin-right: 4px;
  font-size: 18px;
}

purchase-buyside-credits-modal-deselect-agents {
  display: block;
}

purchase-buyside-credits-modal-deselect-agents > div > * {
  margin-top: 24px;
}

purchase-buyside-credits-modal-deselect-agents > div > :first-child {
  margin-top: 0;
}

purchase-buyside-credits-modal-deselect-agents .follow-count {
  border: 1px solid #d5dfe3;
  border-radius: 4px;
}

purchase-buyside-credits-modal-deselect-agents .follow-count > div {
  padding: 16px 24px;
}

purchase-buyside-credits-modal-deselect-agents .follow-count > div:first-child {
  border-right: 1px solid #d5dfe3;
}

purchase-buyside-credits-modal-deselect-agents .follow-count h2, purchase-buyside-credits-modal-deselect-agents .follow-count .cba-banner banner .title, .cba-banner banner purchase-buyside-credits-modal-deselect-agents .follow-count .title, purchase-buyside-credits-modal-deselect-agents .follow-count abn-banner banner .title, abn-banner banner purchase-buyside-credits-modal-deselect-agents .follow-count .title {
  margin: 0 8px 0 0 !important;
}

purchase-buyside-credits-modal-deselect-agents .agent-box {
  border: 1px solid #d5dfe3;
  border-radius: 4px;
  max-height: calc(100vh - 550px);
  padding: 16px;
  overflow: auto;
}

purchase-buyside-credits-modal-deselect-agents .agent-box .agent-select-box {
  cursor: pointer;
  border: 1px solid #d5dfe3;
  border-radius: 4px;
  margin-top: 16px;
  padding: 12px;
}

purchase-buyside-credits-modal-deselect-agents .agent-box .agent-select-box.disabled {
  opacity: .5;
  cursor: default;
}

purchase-buyside-credits-modal-deselect-agents .agent-box .agent-select-box:first-child {
  margin-top: 0;
}

purchase-buyside-credits-modal-deselect-agents .agent-box .agent-select-box .avatar-holder {
  margin-right: 16px;
}

purchase-buyside-credits-modal-deselect-agents .agent-box .agent-select-box .selected-or-not {
  font-size: 24px;
}

purchase-buyside-credits-modal-deselect-agents .auto-follow h3 {
  margin-bottom: 16px;
}

purchase-buyside-credits-modal-deselect-agents .auto-follow .fancy-checkbox {
  text-align: center;
  width: 24px;
  height: 24px;
  padding: 4px;
  position: relative;
  top: 3px;
}

purchase-buyside-credits-modal-deselect-agents .auto-follow .fancy-checkbox .icon {
  font-size: 12px;
}

purchase-buyside-credits-modal-cancellation {
  display: block;
}

purchase-buyside-credits-modal-cancellation > div > * {
  margin-top: 24px;
}

purchase-buyside-credits-modal-cancellation > div > :first-child {
  margin-top: 0;
}

purchase-buyside-credits-modal-cancellation .follow-count {
  border: 1px solid #d5dfe3;
  border-radius: 4px;
}

purchase-buyside-credits-modal-cancellation .follow-count > div {
  padding: 16px 24px;
}

purchase-buyside-credits-modal-cancellation .follow-count > div:first-child {
  border-right: 1px solid #d5dfe3;
}

purchase-buyside-credits-modal-cancellation .follow-count h2, purchase-buyside-credits-modal-cancellation .follow-count .cba-banner banner .title, .cba-banner banner purchase-buyside-credits-modal-cancellation .follow-count .title, purchase-buyside-credits-modal-cancellation .follow-count abn-banner banner .title, abn-banner banner purchase-buyside-credits-modal-cancellation .follow-count .title {
  margin: 0 8px 0 0 !important;
}

purchase-buyside-credits-modal-cancellation .agent-box {
  border: 1px solid #d5dfe3;
  border-radius: 4px;
  max-height: calc(100vh - 550px);
  padding: 16px;
  overflow: auto;
  min-height: 200px !important;
}

purchase-buyside-credits-modal-cancellation .agent-box .agent-select-box {
  border: 1px solid #d5dfe3;
  border-radius: 4px;
  margin-top: 16px;
  padding: 12px;
}

purchase-buyside-credits-modal-cancellation .agent-box .agent-select-box.disabled {
  opacity: .5;
  cursor: default;
}

purchase-buyside-credits-modal-cancellation .agent-box .agent-select-box:first-child {
  margin-top: 0;
}

purchase-buyside-credits-modal-cancellation .agent-box .agent-select-box .avatar-holder {
  margin-right: 16px;
}

purchase-buyside-credits-modal-cancellation .agent-box .agent-select-box .selected-or-not {
  font-size: 24px;
}

purchase-buyside-credits-modal-cancellation .auto-follow h3 {
  margin-bottom: 16px;
}

purchase-buyside-credits-modal-cancellation .auto-follow .fancy-checkbox {
  text-align: center;
  width: 24px;
  height: 24px;
  padding: 4px;
  position: relative;
  top: 3px;
}

purchase-buyside-credits-modal-cancellation .auto-follow .fancy-checkbox .icon {
  font-size: 12px;
}

purchase-buyside-credits-modal-cancellation-survey {
  display: block;
}

purchase-buyside-credits-modal-cancellation-survey .form-description {
  font-size: 18px;
}

purchase-buyside-credits-modal-cancellation-survey > * {
  margin-top: 24px;
}

purchase-buyside-credits-modal-cancellation-survey > :first-child {
  margin-top: 0;
}

purchase-buyside-credits-modal-cancellation-survey ul li {
  margin: 8px 0;
}

purchase-buyside-credits-modal-cancellation-survey ul li:first-child {
  margin-top: 0;
}

purchase-buyside-credits-modal-cancellation-survey ul li:last-child {
  margin-bottom: 0;
}

purchase-buyside-credits-modal-cancellation-survey ul li input {
  position: relative;
  top: -2px;
}

purchase-buyside-credits-modal-value-props {
  display: block;
}

.create-drip-modal {
  padding-left: 20px;
  padding-right: 20px;
}

.create-drip-modal .modal-dialog {
  max-width: 520px;
}

.create-drip-modal span {
  margin-bottom: 20px;
  font-size: 14px;
  line-height: 18px;
  display: block;
}

.create-drip-modal span a {
  color: #007780;
  cursor: pointer;
  line-height: 18px;
}

.create-drip-modal .error-box:before {
  font-size: 14px;
}

.create-drip-modal .error-box {
  margin-top: 20px;
}

.create-drip-modal button {
  margin: 0 auto;
  display: block;
}

.create-drip-modal input[type="submit"] {
  margin: 0 auto;
  display: block;
}

.create-drip-modal input[type="submit"] {
  width: 95px;
  margin-top: 20px;
  margin-bottom: 10px;
}

.create-drip-modal form label {
  font-size: 14px;
}

.create-drip-modal form {
  text-align: left;
}

.create-drip-modal .unit-input-container {
  width: 51px;
  margin-left: 8px;
}

.create-drip-modal .unit-input {
  padding: 0 6px;
}

.value-props-modal .modal-content {
  background: #f8fafb;
  padding: 0 0 48px;
}

.value-props-modal .modal-content .img-holder {
  background: #fff;
  height: 330px;
}

@media (max-width: 599px) {
  .value-props-modal .modal-content .img-holder {
    height: 226px;
    padding: 22px 16px 0;
  }
}

.value-props-modal .modal-content .img-holder img {
  max-height: 100% !important;
}

.value-props-modal .modal-content .text-holder {
  padding: 34px 80px 31px;
}

.value-props-modal .modal-content .text-holder .text-body-copy {
  margin: 16px 0;
}

@media (max-width: 599px) {
  .value-props-modal .modal-content .text-holder {
    padding: 26px 17px 31px;
  }
}

.value-props-modal .modal-content .ctas {
  margin-bottom: -71px;
}

.value-props-modal .modal-content .slick-dots li button:before {
  background: #b4bbbf;
}

.value-props-modal .modal-content .slick-dots li.slick-active button:before {
  background: #696969;
}

.value-props-modal .modal-content slick .move-left {
  z-index: 1;
  font-size: 24px;
  top: 28%;
  left: 36px;
}

@media (max-width: 599px) {
  .value-props-modal .modal-content slick .move-left {
    top: 26%;
    left: 12px;
  }
}

.value-props-modal .modal-content slick .move-right {
  z-index: 1;
  font-size: 24px;
  top: 28%;
  right: 36px;
}

@media (max-width: 599px) {
  .value-props-modal .modal-content slick .move-right {
    top: 26%;
    right: 12px;
  }
}

.value-props-modal .modal-content slick .slick-dots {
  bottom: -38px;
}

.value-props-modal .modal-content slick .slick-dots li, .value-props-modal .modal-content slick .slick-dots li button, .value-props-modal .modal-content slick .slick-dots li button:before {
  width: 8px;
  height: 8px;
}

.value-props-modal .modal-content slick.viewing-first .move-left, .value-props-modal .modal-content slick.viewing-last .move-right {
  opacity: 0;
  pointer-events: none;
}

.modal-container {
  width: 100%;
  padding-top: 125%;
  position: relative;
}

.modal-wrapper {
  color: #696969;
  background-color: #fff;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.daily-unsubscribe-survey-modal {
  width: 100%;
}

.daily-unsubscribe-survey-modal .text {
  font-size: 16px;
}

.daily-unsubscribe-survey-modal .survey-option {
  margin-top: 10px;
}

.daily-unsubscribe-survey-modal .submit-btn-container, .daily-unsubscribe-survey-modal .error-box {
  margin-top: 20px;
}

.manage-subscription-modal-backdrop + .modal .modal-dialog {
  max-width: 500px;
}

.manage-subscription-modal-backdrop + .modal .modal-dialog .modal-content {
  padding: 24px 16px;
}

@media (min-width: 600px) {
  .manage-subscription-modal-backdrop + .modal .modal-dialog .modal-content {
    max-width: 500px;
    padding: 32px 37px;
  }
}

.manage-subscription-modal h2, .manage-subscription-modal .cba-banner banner .title, .cba-banner banner .manage-subscription-modal .title, .manage-subscription-modal abn-banner banner .title, abn-banner banner .manage-subscription-modal .title {
  margin: 0;
}

.manage-subscription-modal .subscription-info {
  border: 1px solid #d5dfe3;
  justify-content: space-between;
  align-items: center;
  height: 100px;
  margin-top: 23px;
  padding: 20px 15px;
  display: flex;
}

.manage-subscription-modal .subscription-info .cancel-subscription-btn {
  font-weight: 600;
}

.manage-subscription-modal .subscription-info .subscription-name {
  font-size: 18px;
  font-weight: bold;
}

.manage-subscription-modal .subscription-info .subscription-value {
  font-size: 18px;
}

.manage-subscription-modal .reason-form {
  margin-top: 14px;
}

@media (min-width: 600px) {
  .manage-subscription-modal .reason-form {
    margin-top: 17px;
  }
}

.manage-subscription-modal .reason-form .form-information {
  font-size: 18px;
}

.manage-subscription-modal .reason-form .reason-selector {
  margin-top: 24px;
}

.manage-subscription-modal .reason-form .reason-information {
  text-align: left;
  margin-top: 15px;
}

.manage-subscription-modal .reason-form .wants-to-talk-to-you {
  margin-top: 24px;
}

.manage-subscription-modal .reason-form .button-wrapper {
  text-align: center;
  margin-top: 24px;
}

.manage-subscription-modal .reason-form .button-wrapper .cancel-btn {
  margin-top: 15px;
}

.manage-subscription-modal .reason-form .error-box {
  margin-top: 10px;
}

.manage-subscription-modal .confirmation-message {
  text-align: center;
  margin-top: 14px;
}

@media (min-width: 600px) {
  .manage-subscription-modal .confirmation-message {
    margin-top: 17px;
  }
}

.manage-subscription-modal .confirmation-message .final-date-information {
  font-size: 18px;
}

.manage-subscription-modal .confirmation-message .got-it-btn {
  margin-top: 28px;
}

.manage-subscription-modal .cancel-btn {
  text-align: center;
  margin-top: 24px;
}

.cancel-button-container {
  margin-top: 24px;
}

.addon-purchase-modal .receipt .divider {
  border-top: 1px solid #d5dfe3;
  margin-left: -21px;
  margin-right: -21px;
}

@media (max-width: 599px) {
  .addon-purchase-modal .modal-content {
    padding: 16px;
  }
}

.orderAddonSubscriptionModal {
  display: block;
}

.orderAddonSubscriptionModal > *, .orderAddonSubscriptionModal .tear-middle > *, .orderAddonSubscriptionModal .payment-method > *, .orderAddonSubscriptionModal .purchase-form > * {
  margin-top: 24px;
}

.orderAddonSubscriptionModal > :first-child, .orderAddonSubscriptionModal .tear-middle > :first-child, .orderAddonSubscriptionModal .payment-method > :first-child, .orderAddonSubscriptionModal .purchase-form > :first-child {
  margin-top: 0;
}

.orderAddonSubscriptionModal .receipt creditcard {
  box-shadow: 0 0 8px rgba(0, 0, 0, .12);
}

.orderAddonSubscriptionModal .receipt .payment-method .ccholder {
  position: relative;
}

.orderAddonSubscriptionModal .receipt .payment-method .check-icon-background {
  background-color: #fff;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  position: absolute;
  top: -3px;
  right: -4px;
}

.orderAddonSubscriptionModal .receipt .payment-method .check-icon {
  font-size: 24px;
  position: absolute;
  top: -6px;
  right: -6px;
}

.orderAddonSubscriptionModal .receipt .plan-details {
  padding-top: 9px;
}

.orderAddonSubscriptionModal .plan-details-name {
  font-size: 14px;
  margin-bottom: 0 !important;
}

.orderAddonSubscriptionModal .error-box {
  margin-top: 0;
}

.orderAddonSubscriptionModal .overview {
  background-color: #ecf0f1;
  padding: 32px;
}

.orderAddonSubscriptionModal .overview h2, .orderAddonSubscriptionModal .overview .cba-banner banner .title, .cba-banner banner .orderAddonSubscriptionModal .overview .title, .orderAddonSubscriptionModal .overview abn-banner banner .title, abn-banner banner .orderAddonSubscriptionModal .overview .title {
  margin-bottom: 0 !important;
}

.orderAddonSubscriptionModal .overview .divider {
  margin: 24px 0;
}

.orderAddonSubscriptionModal .overview .line-item {
  margin: 16px;
}

.orderAddonSubscriptionModal .overview .line-item:first-child {
  margin-top: 0;
}

.orderAddonSubscriptionModal .overview .line-item:last-child {
  margin-bottom: 0;
}

@media (max-width: 599px) {
  .orderAddonSubscriptionModal .overview .due-today {
    margin-bottom: 10px;
  }
}

.orderAddonSubscriptionModal .data-disclaimer h3 {
  margin-bottom: 16px;
}

.orderAddonSubscriptionModal .data-disclaimer .fancy-checkbox {
  text-align: center;
  width: 24px;
  height: 24px;
  padding: 4px;
  position: relative;
  top: 3px;
}

.orderAddonSubscriptionModal .data-disclaimer .fancy-checkbox .icon {
  font-size: 12px;
}

.orderAddonSubscriptionModal .lock .lr {
  margin-right: 4px;
  font-size: 18px;
}

.orderAddonSubscriptionModal .new-card {
  border: 1px dashed #1e2b35;
  width: 132px;
  min-height: 112px;
}

@media (max-width: 599px) {
  .orderAddonSubscriptionModal .new-card {
    margin-top: 16px;
  }
}

.orderAddonSubscriptionModal .new-card-form {
  border: 1px solid #d5dfe3;
  border-radius: 4px;
  padding: 24px 24px 9px;
  box-shadow: 0 0 8px rgba(0, 0, 0, .12);
}

.orderAddonSubscriptionModal .place-order-button-container {
  text-align: left;
}

@media (min-width: 600px) {
  .orderAddonSubscriptionModal .place-order-button-container {
    text-align: right;
  }
}

.orderAddonSubscriptionModal .place-order-button {
  width: 136px;
  padding: 0;
}

.orderAddonSubscriptionModal .lock-icon {
  margin-right: 10px;
}

@media (min-width: 600px) {
  .orderAddonSubscriptionModal .lock-icon {
    margin-right: 0;
  }
}

.orderAddonSubscriptionModal .cancel-button-container {
  margin-top: 24px;
}

.subscriptionModal-planChoiceStep .subscriptionModal-planChoiceStep-titleSection {
  margin-bottom: 16px;
}

.subscriptionModal-planChoiceStep .plansContainer {
  flex-direction: column-reverse;
}

@media (min-width: 600px) {
  .subscriptionModal-planChoiceStep .plansContainer {
    flex-direction: row;
  }
}

.subscriptionModal-planChoiceStep .planBox-container {
  border: 1px solid #d5dfe3;
  padding: 12px;
}

.subscriptionModal-planChoiceStep .planBox-recommendedLabel {
  color: #f3b204;
  text-align: center;
  margin-bottom: 12px;
  font-size: 10px;
  font-weight: bold;
}

.subscriptionModal-planChoiceStep .planBox-name {
  background-color: #f8fafb;
  margin-bottom: 16px;
  padding-top: 12px;
  padding-bottom: 12px;
}

.subscriptionModal-planChoiceStep .planBox-currentPrice {
  margin-bottom: 8px;
  font-size: 28px;
}

.subscriptionModal-planChoiceStep .planBox-originalPrice {
  color: #525658;
  margin-bottom: 8px;
  font-size: 18px;
  text-decoration: line-through;
}

.subscriptionModal-planChoiceStep .planBox-discountTag {
  color: #fff;
  background-color: #f3b204;
  width: 61px;
  max-width: 100%;
  margin: auto auto 16px;
  padding: 4px 8px;
  font-size: 10px;
}

.subscriptionModal-planChoiceStep .planBox-selectBtn {
  margin-bottom: 12px;
  min-width: 0 !important;
  padding: 0 16px !important;
}

.set-password-modal {
  max-width: 100%;
}

.set-password-modal .lr-lock-closed {
  margin-bottom: 16px;
  font-size: 50px;
}

.set-password-modal .header {
  width: 370px;
  max-width: 100%;
  margin: 0 auto;
}

.set-password-modal .body {
  text-align: center;
  width: 410px;
  max-width: 100%;
  margin: 0 auto;
}

.set-password-modal .input-container {
  border: 1px solid #d5dfe3;
  height: 42px;
  padding: 6px 12px;
}

.set-password-modal .input-container.error {
  border-color: #d51d4c;
}

.set-password-modal .input-container .password-input {
  border: 0;
  height: 100%;
  margin: 0;
  padding: 0;
}

.set-password-modal .input-container .btn-link {
  text-transform: uppercase;
  color: #1e2b35;
  justify-content: center;
  align-items: center;
  width: -webkit-fit-content;
  width: fit-content;
  font-size: 10px;
  font-weight: bold;
  display: flex;
}

.set-password-modal .input-container .btn-link.error {
  color: #d51d4c;
}

.set-password-modal .checkbox-container {
  margin-top: 16px;
  margin-left: 2px;
}

.set-password-modal .checkbox-container.error .fancy-checkbox {
  border-color: #d51d4c;
}

.set-password-modal .checkbox-container .checkbox-text {
  text-align: left;
}

.set-password-modal .checkbox-container .checkbox-text.error, .set-password-modal .checkbox-container .checkbox-text.error .btn-link {
  color: #d51d4c;
}

.set-password-modal .error-text {
  text-align: left;
  color: #d51d4c;
  margin-top: 12px;
}

.set-password-modal .btn-link {
  font-weight: normal;
  top: -1px;
}

.set-password-modal .btn-container {
  width: -webkit-fit-content;
  width: fit-content;
  margin: 24px auto 0;
}

.set-password-modal .btn-container .btn {
  justify-content: center;
  align-items: center;
  width: 110px;
  min-width: 0;
  max-width: 100%;
  display: flex;
}

.set-password-modal .btn-container .btn > * {
  justify-content: center;
  display: flex;
}

.set-password-modal .btn-container .btn-link {
  height: 42px;
}

.cbaSweepstakeModal .modal-dialog {
  width: 924px;
  max-width: 100%;
  margin: auto;
  padding: 16px;
}

.cbaSweepstakeModal .modal-content {
  padding: 0;
}

.cbaSweepstakes-title {
  margin-bottom: 24px;
}

.cbaSweepstakes-text {
  font-size: 18px;
}

.cbaSweepstakes-images {
  width: 100%;
  height: 100%;
  position: relative;
  top: 16px;
}

@media (min-width: 960px) {
  .cbaSweepstakes-images {
    align-items: center;
    display: flex;
    top: 0;
  }
}

.cbaSweepstakes-imageContainer {
  width: 100%;
  height: 290px;
  position: relative;
  overflow: hidden;
}

@media (min-width: 960px) {
  .cbaSweepstakes-imageContainer {
    height: initial;
    width: 380px;
    overflow: initial;
  }
}

.cbaSweepstakes-abstractBgContainer {
  justify-content: center;
  width: 100%;
  display: flex;
  position: absolute;
}

.cbaSweepstakes-abstractBg {
  width: 100%;
  max-width: 380px;
}

.cbaSweepstakes-cbaImageContainer {
  justify-content: center;
  width: 100%;
  display: flex;
  position: absolute;
}

.cbaSweepstakes-cbaImage {
  width: 258px;
}

@media (min-width: 960px) {
  .cbaSweepstakes-cbaImage {
    width: 296px;
  }
}

.cbaSweepstakes-formContainer {
  padding: 16px;
}

@media (min-width: 960px) {
  .cbaSweepstakes-formContainer {
    padding: 42px;
  }
}

.waae-confirmation-modal .modal-dialog {
  max-width: 500px;
}

.waae-confirmation-modal .modal-dialog .mailbox {
  text-align: center;
  margin-top: 8px;
  font-size: 48px;
  display: block;
}

.waae-confirmation-modal .modal-dialog .title {
  text-align: center;
  width: 300px;
  margin: 25px auto 0;
  font-size: 28px;
}

.waae-confirmation-modal .modal-dialog .button-container {
  text-align: center;
  margin-top: 38px;
}

.waae-confirmation-modal .modal-dialog .waae-features {
  margin-top: 34px;
}

@media (min-width: 599px) {
  .waae-confirmation-modal .modal-dialog .waae-features {
    padding: 19px 26px;
  }
}

.waae-confirmation-modal .modal-dialog .waae-features {
  background-color: #f9f9f9;
  padding: 19px 16px;
}

.waae-confirmation-modal .modal-dialog .waae-features .feature-list {
  margin-top: 10px;
}

.waae-confirmation-modal .modal-dialog .waae-features .feature-list .feature-item {
  margin-top: 8px;
  font-weight: 500;
  display: flex;
}

.waae-confirmation-modal .modal-dialog .waae-features .feature-list .feature-item .icon img {
  width: 14px;
  height: 14px;
  margin-right: 6px;
}

.waae-confirmation-modal .modal-dialog .waae-features .feature-list .feature-item .label {
  flex: 1;
}

.waae-confirmation-modal .modal-dialog .unsubscribe-container {
  text-align: center;
  margin-top: 16px;
}

@media (min-width: 599px) {
  .waae-confirmation-modal .modal-dialog .unsubscribe-container {
    margin-top: 20px;
  }
}

.waae-success-modal .modal-dialog {
  text-align: center;
  max-width: 500px;
}

.waae-success-modal .modal-dialog .thumbsup img {
  width: 48px;
  height: 48px;
}

.waae-success-modal .modal-dialog .title {
  margin-top: 25px;
  font-size: 28px;
  font-weight: bold;
}

.waae-success-modal .modal-dialog .subtitle {
  margin-top: 12px;
}

@media (max-width: 960px) {
  .view-material-download {
    height: 100%;
  }
}

.view-material-download .material-close-btn-wrap {
  position: absolute;
  top: 20px;
  right: 20px;
}

.view-material-download .material-close-btn-wrap .lr {
  font-size: 14px;
}

@media (max-width: 960px) {
  .view-material-download .material-close-btn-wrap .lr {
    color: #696969;
  }
}

.view-material-download .material-close-btn-wrap .dark .lr {
  color: #696969;
}

@media (max-width: 1279px) {
  .view-material-download .material-close-btn-wrap {
    top: 15px;
    right: 15px;
  }

  .view-material-download .mobile-header .ctas {
    padding-top: 50px !important;
  }
}

@media (max-width: 960px) {
  .view-material-download-content {
    height: calc(100% - 95px);
    display: flex;
  }
}

.accept-invite-success-modal .modal-dialog {
  max-width: 400px;
  margin-top: 20px;
}

.accept-invite-success-modal .modal-content {
  max-width: 400px;
}

.accept-invite-success-modal .title {
  margin-top: 10px;
  margin-bottom: 0;
}

.accept-invite-success-modal .party-popper {
  width: 28px;
  height: 28px;
}

.accept-invite-success-modal .close-button {
  margin: 15px 15px 0 0;
  color: #76888f !important;
}

.accept-invite-success-modal .close-icn {
  font-size: 15px;
}

.accept-invite-success-modal .modal-separator {
  border-bottom: 2px solid #007780;
  width: 25px;
  min-width: 5%;
  height: 0;
  margin: 20px;
}

.accept-invite-success-modal .modal-text {
  font-size: 18px;
}

.accept-invite-success-modal .btn-container {
  margin: 20px 0 30px;
}

.accept-invite-success-modal .modal-btn {
  width: 85px;
  min-width: 85px;
  height: 35px;
  padding: 0;
}

.datetimepicker {
  -webkit-user-select: none;
  user-select: none;
  direction: ltr;
  border-radius: 4px;
  width: 320px;
  margin-top: 1px;
  display: block;
}

.datetimepicker > div {
  display: none;
}

.datetimepicker .hour, .datetimepicker .minute {
  width: 25%;
  height: 34px;
  margin: 0;
  line-height: 34px;
}

.datetimepicker .table {
  margin: 0;
}

.datetimepicker .table td, .datetimepicker .table th {
  text-align: center;
  border: 0;
  border-radius: 4px;
  height: 20px;
}

.datetimepicker .minute:hover, .datetimepicker .hour:hover, .datetimepicker .day:hover, .datetimepicker .switch:hover, .datetimepicker .left:hover, .datetimepicker .right:hover {
  cursor: pointer;
  background: #eee;
}

.datetimepicker .disabled, .datetimepicker .disabled:hover {
  color: #ebebeb;
  cursor: default;
  background: none;
}

.datetimepicker .active, .datetimepicker .active:hover, .datetimepicker .active.disabled, .datetimepicker .active.disabled:hover {
  color: #fff;
  filter: progid:DXImageTransform. Microsoft. gradient(startColorstr= "#08c", endColorstr= "#04c", GradientType= 0);
  text-shadow: 0 -1px rgba(0, 0, 0, .25);
  background-color: #04c;
  background-image: linear-gradient(#08c, #04c);
  background-repeat: repeat-x;
  border-color: #04c #04c #002a80;
}

.datetimepicker .active:hover, .datetimepicker .active:hover:hover, .datetimepicker .active.disabled:hover, .datetimepicker .active.disabled:hover:hover, .datetimepicker .active:active, .datetimepicker .active:hover:active, .datetimepicker .active.disabled:active, .datetimepicker .active.disabled:hover:active, .datetimepicker .active.active, .datetimepicker .active:hover.active, .datetimepicker .active.disabled.active, .datetimepicker .active.disabled:hover.active, .datetimepicker .active.disabled, .datetimepicker .active:hover.disabled, .datetimepicker .active.disabled.disabled, .datetimepicker .active.disabled:hover.disabled, .datetimepicker td.active[disabled], .datetimepicker td.active:hover[disabled], .datetimepicker td.active.disabled[disabled], .datetimepicker td.active.disabled:hover[disabled], .datetimepicker span.active[disabled], .datetimepicker span.active:hover[disabled], .datetimepicker span.active.disabled[disabled], .datetimepicker span.active.disabled:hover[disabled] {
  background-color: #04c;
}

.datetimepicker span {
  cursor: pointer;
  float: left;
  border-radius: 4px;
  width: 23%;
  height: 54px;
  margin: 1%;
  line-height: 54px;
  display: block;
}

.datetimepicker span:hover {
  background: #eee;
}

.datetimepicker .past, .datetimepicker .future {
  color: #999;
}

.date-input .input {
  cursor: pointer;
  background-image: url("/images/icons/select-arrow.jpg");
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: contain;
}

.collapsable-section {
  margin-bottom: 10px;
  position: relative;
}

.collapsable-section p {
  margin-top: 0;
  margin-bottom: 0;
}

@media (max-width: 600px) {
  .collapsable-section p {
    font-size: 12px;
  }
}

.collapsable-section .cs-header {
  cursor: pointer;
  color: #1e2b35;
  background-color: #fff;
  padding: 20px;
}

.collapsable-section .cs-header h1 {
  font-size: 18px;
  font-weight: bold;
}

@media (max-width: 600px) {
  .collapsable-section .cs-header h1 {
    font-size: 14px;
  }
}

.collapsable-section .cs-header .fa-caret-up, .collapsable-section .cs-header .fa-caret-down {
  color: #007780;
  margin-left: 10px;
}

.collapsable-section .cs-title .exclamation {
  position: relative;
  top: -2px;
}

.collapsable-section .subtitle {
  color: #525658;
}

.collapsable-section .cs-bullet {
  margin-right: 25px;
}

.collapsable-section .cs-bullet i {
  font-size: 50px;
}

.collapsable-section .cs-helper-text {
  margin-bottom: 0;
  font-weight: 700;
}

@media (max-width: 600px) {
  .collapsable-section .cs-helper-text {
    font-size: 14px;
  }
}

.collapsable-section .cs-container {
  padding: 20px 20px 10px;
}

.collapsable-section .new-badge {
  color: #fff;
  background: #007780;
  border-radius: 2px;
  padding: 1px 4px;
  font-size: 14px;
  display: inline-block;
  position: relative;
  top: -1px;
}

.collapsable-section .caret-wrap {
  margin-left: 25px;
}

.collapsable-section.white .cs-header {
  background: #fff;
}

.collapsable-section.error .cs-header {
  border: 2px solid #d51d4c;
}

.collapsable-section.error .error-icon {
  cursor: default;
  position: absolute;
  top: 0;
  bottom: 0;
  right: -28px;
}

.collapsable-section.error .error-icon i {
  cursor: default;
  color: #d51d4c !important;
}

.force-refresh-banner {
  color: #fff;
  background: #d51d4c;
  margin: -20px -20px 20px;
  padding: 30px;
  font-size: 18px;
}

.force-refresh-banner .fa-close {
  color: #d51d4c;
}

.force-refresh-banner .fa-stack {
  margin-right: 15px;
}

@media (max-width: 600px) {
  .force-refresh-banner .fa-stack {
    margin-right: 0;
  }
}

.force-refresh-banner p {
  margin: 0;
  padding: 0 15px 0 0;
}

@media (max-width: 600px) {
  .force-refresh-banner p {
    margin-bottom: 5px;
    padding-top: 15px;
    padding-right: 0;
  }

  .force-refresh-banner {
    text-align: center;
  }
}

.slick-slider {
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  display: block;
  position: relative;
}

.slick-list {
  margin: 0;
  padding: 0;
  display: block;
  position: relative;
  overflow: hidden;
}

.slick-list:focus {
  outline: none;
}

.slick-loading .slick-list {
  background: #fff url(data:image/gif;base64,R0lGODlhIAAgAPMAAP///wAAAMbGxoSEhLa2tpqamjY2NlZWVtjY2OTk5Ly8vB4eHgQEBAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAIAAgAAAE5xDISWlhperN52JLhSSdRgwVo1ICQZRUsiwHpTJT4iowNS8vyW2icCF6k8HMMBkCEDskxTBDAZwuAkkqIfxIQyhBQBFvAQSDITM5VDW6XNE4KagNh6Bgwe60smQUB3d4Rz1ZBApnFASDd0hihh12BkE9kjAJVlycXIg7CQIFA6SlnJ87paqbSKiKoqusnbMdmDC2tXQlkUhziYtyWTxIfy6BE8WJt5YJvpJivxNaGmLHT0VnOgSYf0dZXS7APdpB309RnHOG5gDqXGLDaC457D1zZ/V/nmOM82XiHRLYKhKP1oZmADdEAAAh+QQJCgAAACwAAAAAIAAgAAAE6hDISWlZpOrNp1lGNRSdRpDUolIGw5RUYhhHukqFu8DsrEyqnWThGvAmhVlteBvojpTDDBUEIFwMFBRAmBkSgOrBFZogCASwBDEY/CZSg7GSE0gSCjQBMVG023xWBhklAnoEdhQEfyNqMIcKjhRsjEdnezB+A4k8gTwJhFuiW4dokXiloUepBAp5qaKpp6+Ho7aWW54wl7obvEe0kRuoplCGepwSx2jJvqHEmGt6whJpGpfJCHmOoNHKaHx61WiSR92E4lbFoq+B6QDtuetcaBPnW6+O7wDHpIiK9SaVK5GgV543tzjgGcghAgAh+QQJCgAAACwAAAAAIAAgAAAE7hDISSkxpOrN5zFHNWRdhSiVoVLHspRUMoyUakyEe8PTPCATW9A14E0UvuAKMNAZKYUZCiBMuBakSQKG8G2FzUWox2AUtAQFcBKlVQoLgQReZhQlCIJesQXI5B0CBnUMOxMCenoCfTCEWBsJColTMANldx15BGs8B5wlCZ9Po6OJkwmRpnqkqnuSrayqfKmqpLajoiW5HJq7FL1Gr2mMMcKUMIiJgIemy7xZtJsTmsM4xHiKv5KMCXqfyUCJEonXPN2rAOIAmsfB3uPoAK++G+w48edZPK+M6hLJpQg484enXIdQFSS1u6UhksENEQAAIfkECQoAAAAsAAAAACAAIAAABOcQyEmpGKLqzWcZRVUQnZYg1aBSh2GUVEIQ2aQOE+G+cD4ntpWkZQj1JIiZIogDFFyHI0UxQwFugMSOFIPJftfVAEoZLBbcLEFhlQiqGp1Vd140AUklUN3eCA51C1EWMzMCezCBBmkxVIVHBWd3HHl9JQOIJSdSnJ0TDKChCwUJjoWMPaGqDKannasMo6WnM562R5YluZRwur0wpgqZE7NKUm+FNRPIhjBJxKZteWuIBMN4zRMIVIhffcgojwCF117i4nlLnY5ztRLsnOk+aV+oJY7V7m76PdkS4trKcdg0Zc0tTcKkRAAAIfkECQoAAAAsAAAAACAAIAAABO4QyEkpKqjqzScpRaVkXZWQEximw1BSCUEIlDohrft6cpKCk5xid5MNJTaAIkekKGQkWyKHkvhKsR7ARmitkAYDYRIbUQRQjWBwJRzChi9CRlBcY1UN4g0/VNB0AlcvcAYHRyZPdEQFYV8ccwR5HWxEJ02YmRMLnJ1xCYp0Y5idpQuhopmmC2KgojKasUQDk5BNAwwMOh2RtRq5uQuPZKGIJQIGwAwGf6I0JXMpC8C7kXWDBINFMxS4DKMAWVWAGYsAdNqW5uaRxkSKJOZKaU3tPOBZ4DuK2LATgJhkPJMgTwKCdFjyPHEnKxFCDhEAACH5BAkKAAAALAAAAAAgACAAAATzEMhJaVKp6s2nIkolIJ2WkBShpkVRWqqQrhLSEu9MZJKK9y1ZrqYK9WiClmvoUaF8gIQSNeF1Er4MNFn4SRSDARWroAIETg1iVwuHjYB1kYc1mwruwXKC9gmsJXliGxc+XiUCby9ydh1sOSdMkpMTBpaXBzsfhoc5l58Gm5yToAaZhaOUqjkDgCWNHAULCwOLaTmzswadEqggQwgHuQsHIoZCHQMMQgQGubVEcxOPFAcMDAYUA85eWARmfSRQCdcMe0zeP1AAygwLlJtPNAAL19DARdPzBOWSm1brJBi45soRAWQAAkrQIykShQ9wVhHCwCQCACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiRMDjI0Fd30/iI2UA5GSS5UDj2l6NoqgOgN4gksEBgYFf0FDqKgHnyZ9OX8HrgYHdHpcHQULXAS2qKpENRg7eAMLC7kTBaixUYFkKAzWAAnLC7FLVxLWDBLKCwaKTULgEwbLA4hJtOkSBNqITT3xEgfLpBtzE/jiuL04RGEBgwWhShRgQExHBAAh+QQJCgAAACwAAAAAIAAgAAAE7xDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfZiCqGk5dTESJeaOAlClzsJsqwiJwiqnFrb2nS9kmIcgEsjQydLiIlHehhpejaIjzh9eomSjZR+ipslWIRLAgMDOR2DOqKogTB9pCUJBagDBXR6XB0EBkIIsaRsGGMMAxoDBgYHTKJiUYEGDAzHC9EACcUGkIgFzgwZ0QsSBcXHiQvOwgDdEwfFs0sDzt4S6BK4xYjkDOzn0unFeBzOBijIm1Dgmg5YFQwsCMjp1oJ8LyIAACH5BAkKAAAALAAAAAAgACAAAATwEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GGl6NoiPOH16iZKNlH6KmyWFOggHhEEvAwwMA0N9GBsEC6amhnVcEwavDAazGwIDaH1ipaYLBUTCGgQDA8NdHz0FpqgTBwsLqAbWAAnIA4FWKdMLGdYGEgraigbT0OITBcg5QwPT4xLrROZL6AuQAPUS7bxLpoWidY0JtxLHKhwwMJBTHgPKdEQAACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GAULDJCRiXo1CpGXDJOUjY+Yip9DhToJA4RBLwMLCwVDfRgbBAaqqoZ1XBMHswsHtxtFaH1iqaoGNgAIxRpbFAgfPQSqpbgGBqUD1wBXeCYp1AYZ19JJOYgH1KwA4UBvQwXUBxPqVD9L3sbp2BNk2xvvFPJd+MFCN6HAAIKgNggY0KtEBAAh+QQJCgAAACwAAAAAIAAgAAAE6BDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfYIDMaAFdTESJeaEDAIMxYFqrOUaNW4E4ObYcCXaiBVEgULe0NJaxxtYksjh2NLkZISgDgJhHthkpU4mW6blRiYmZOlh4JWkDqILwUGBnE6TYEbCgevr0N1gH4At7gHiRpFaLNrrq8HNgAJA70AWxQIH1+vsYMDAzZQPC9VCNkDWUhGkuE5PxJNwiUK4UfLzOlD4WvzAHaoG9nxPi5d+jYUqfAhhykOFwJWiAAAIfkECQoAAAAsAAAAACAAIAAABPAQyElpUqnqzaciSoVkXVUMFaFSwlpOCcMYlErAavhOMnNLNo8KsZsMZItJEIDIFSkLGQoQTNhIsFehRww2CQLKF0tYGKYSg+ygsZIuNqJksKgbfgIGepNo2cIUB3V1B3IvNiBYNQaDSTtfhhx0CwVPI0UJe0+bm4g5VgcGoqOcnjmjqDSdnhgEoamcsZuXO1aWQy8KAwOAuTYYGwi7w5h+Kr0SJ8MFihpNbx+4Erq7BYBuzsdiH1jCAzoSfl0rVirNbRXlBBlLX+BP0XJLAPGzTkAuAOqb0WT5AH7OcdCm5B8TgRwSRKIHQtaLCwg1RAAAOwAAAAAAAAAAAA==) center no-repeat;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track {
  transform: translate3d(0, 0, 0);
}

.slick-track {
  display: block;
  position: relative;
  top: 0;
  left: 0;
}

.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
}

[dir="rtl"] .slick-slide {
  float: right;
}

.slick-slide img {
  max-width: 100%;
  display: block;
}

.slick-slide.slick-loading img, .slick-slide {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  border: 1px solid rgba(0, 0, 0, 0);
  height: auto;
  display: block;
}

@font-face {
  font-family: slick;
  src: url(data:application/vnd.ms-fontobject;base64,AAgAAGQHAAABAAIAAAAAAAIABQkAAAAAAAABAJABAAAAAExQAQAAgCAAAAAAAAAAAAAAAAEAAAAAAAAATxDE8AAAAAAAAAAAAAAAAAAAAAAAAAoAcwBsAGkAYwBrAAAADgBSAGUAZwB1AGwAYQByAAAAFgBWAGUAcgBzAGkAbwBuACAAMQAuADAAAAAKAHMAbABpAGMAawAAAAAAAAEAAAANAIAAAwBQRkZUTW3RyK8AAAdIAAAAHEdERUYANAAGAAAHKAAAACBPUy8yT/b9sgAAAVgAAABWY21hcCIPRb0AAAHIAAABYmdhc3D//wADAAAHIAAAAAhnbHlmP5u2YAAAAzwAAAIsaGVhZAABMfsAAADcAAAANmhoZWED5QIFAAABFAAAACRobXR4BkoASgAAAbAAAAAWbG9jYQD2AaIAAAMsAAAAEG1heHAASwBHAAABOAAAACBuYW1lBSeBwgAABWgAAAFucG9zdC+zMgMAAAbYAAAARQABAAAAAQAA8MQQT18PPPUACwIAAAAAAM9xeH8AAAAAz3F4fwAlACUB2wHbAAAACAACAAAAAAAAAAEAAAHbAAAALgIAAAAAAAHbAAEAAAAAAAAAAAAAAAAAAAAEAAEAAAAHAEQAAgAAAAAAAgAAAAEAAQAAAEAAAAAAAAAAAQIAAZAABQAIAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAIABQkAAAAAAACAAAABAAAAIAAAAAAAAAAAUGZFZABAAGEhkgHg/+AALgHb/9sAAAABAAAAAAAAAgAAAAAAAAACAAAAAgAAJQAlACUAJQAAAAAAAwAAAAMAAAAcAAEAAAAAAFwAAwABAAAAHAAEAEAAAAAMAAgAAgAEAAAAYSAiIZAhkv//AAAAAABhICIhkCGS//8AAP+l3+PedN5xAAEAAAAAAAAAAAAAAAAAAAEGAAABAAAAAAAAAAECAAAAAgAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGAIwAsAEWAAIAJQAlAdsB2wAYACwAAD8BNjQvASYjIg8BBhUUHwEHBhUUHwEWMzI2FAcGBwYiJyYnJjQ3Njc2MhcWF/GCBgaCBQcIBR0GBldXBgYdBQgH7x0eMjB8MDIeHR0eMjB8MDIecYIGDgaCBQUeBQcJBFhYBAkHBR4F0nwwMh4dHR4yMHwwMh4dHR4yAAAAAgAlACUB2wHbABgALAAAJTc2NTQvATc2NTQvASYjIg8BBhQfARYzMjYUBwYHBiInJicmNDc2NzYyFxYXASgdBgZXVwYGHQUIBwWCBgaCBQcIuB0eMjB8MDIeHR0eMjB8MDIecR4FBwkEWFgECQcFHgUFggYOBoIF0nwwMh4dHR4yMHwwMh4dHR4yAAABACUAJQHbAdsAEwAAABQHBgcGIicmJyY0NzY3NjIXFhcB2x0eMjB8MDIeHR0eMjB8MDIeAT58MDIeHR0eMjB8MDIeHR0eMgABACUAJQHbAdsAQwAAARUUBisBIicmPwEmIyIHBgcGBwYUFxYXFhcWMzI3Njc2MzIfARYVFAcGBwYjIicmJyYnJjQ3Njc2NzYzMhcWFzc2FxYB2woIgAsGBQkoKjodHBwSFAwLCwwUEhwcHSIeIBMGAQQDJwMCISspNC8mLBobFBERFBsaLCYvKicpHSUIDAsBt4AICgsLCScnCwwUEhwcOhwcEhQMCw8OHAMDJwMDAgQnFBQRFBsaLCZeJiwaGxQRDxEcJQgEBgAAAAAAAAwAlgABAAAAAAABAAUADAABAAAAAAACAAcAIgABAAAAAAADACEAbgABAAAAAAAEAAUAnAABAAAAAAAFAAsAugABAAAAAAAGAAUA0gADAAEECQABAAoAAAADAAEECQACAA4AEgADAAEECQADAEIAKgADAAEECQAEAAoAkAADAAEECQAFABYAogADAAEECQAGAAoAxgBzAGwAaQBjAGsAAHNsaWNrAABSAGUAZwB1AGwAYQByAABSZWd1bGFyAABGAG8AbgB0AEYAbwByAGcAZQAgADIALgAwACAAOgAgAHMAbABpAGMAawAgADoAIAAxADQALQA0AC0AMgAwADEANAAARm9udEZvcmdlIDIuMCA6IHNsaWNrIDogMTQtNC0yMDE0AABzAGwAaQBjAGsAAHNsaWNrAABWAGUAcgBzAGkAbwBuACAAMQAuADAAAFZlcnNpb24gMS4wAABzAGwAaQBjAGsAAHNsaWNrAAAAAAIAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAABwAAAAEAAgECAQMAhwBECmFycm93cmlnaHQJYXJyb3dsZWZ0AAAAAAAAAf//AAIAAQAAAA4AAAAYAAAAAAACAAEAAwAGAAEABAAAAAIAAAAAAAEAAAAAzu7XsAAAAADPcXh/AAAAAM9xeH8=);
  src: url(data:application/vnd.ms-fontobject;base64,AAgAAGQHAAABAAIAAAAAAAIABQkAAAAAAAABAJABAAAAAExQAQAAgCAAAAAAAAAAAAAAAAEAAAAAAAAATxDE8AAAAAAAAAAAAAAAAAAAAAAAAAoAcwBsAGkAYwBrAAAADgBSAGUAZwB1AGwAYQByAAAAFgBWAGUAcgBzAGkAbwBuACAAMQAuADAAAAAKAHMAbABpAGMAawAAAAAAAAEAAAANAIAAAwBQRkZUTW3RyK8AAAdIAAAAHEdERUYANAAGAAAHKAAAACBPUy8yT/b9sgAAAVgAAABWY21hcCIPRb0AAAHIAAABYmdhc3D//wADAAAHIAAAAAhnbHlmP5u2YAAAAzwAAAIsaGVhZAABMfsAAADcAAAANmhoZWED5QIFAAABFAAAACRobXR4BkoASgAAAbAAAAAWbG9jYQD2AaIAAAMsAAAAEG1heHAASwBHAAABOAAAACBuYW1lBSeBwgAABWgAAAFucG9zdC+zMgMAAAbYAAAARQABAAAAAQAA8MQQT18PPPUACwIAAAAAAM9xeH8AAAAAz3F4fwAlACUB2wHbAAAACAACAAAAAAAAAAEAAAHbAAAALgIAAAAAAAHbAAEAAAAAAAAAAAAAAAAAAAAEAAEAAAAHAEQAAgAAAAAAAgAAAAEAAQAAAEAAAAAAAAAAAQIAAZAABQAIAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAIABQkAAAAAAACAAAABAAAAIAAAAAAAAAAAUGZFZABAAGEhkgHg/+AALgHb/9sAAAABAAAAAAAAAgAAAAAAAAACAAAAAgAAJQAlACUAJQAAAAAAAwAAAAMAAAAcAAEAAAAAAFwAAwABAAAAHAAEAEAAAAAMAAgAAgAEAAAAYSAiIZAhkv//AAAAAABhICIhkCGS//8AAP+l3+PedN5xAAEAAAAAAAAAAAAAAAAAAAEGAAABAAAAAAAAAAECAAAAAgAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGAIwAsAEWAAIAJQAlAdsB2wAYACwAAD8BNjQvASYjIg8BBhUUHwEHBhUUHwEWMzI2FAcGBwYiJyYnJjQ3Njc2MhcWF/GCBgaCBQcIBR0GBldXBgYdBQgH7x0eMjB8MDIeHR0eMjB8MDIecYIGDgaCBQUeBQcJBFhYBAkHBR4F0nwwMh4dHR4yMHwwMh4dHR4yAAAAAgAlACUB2wHbABgALAAAJTc2NTQvATc2NTQvASYjIg8BBhQfARYzMjYUBwYHBiInJicmNDc2NzYyFxYXASgdBgZXVwYGHQUIBwWCBgaCBQcIuB0eMjB8MDIeHR0eMjB8MDIecR4FBwkEWFgECQcFHgUFggYOBoIF0nwwMh4dHR4yMHwwMh4dHR4yAAABACUAJQHbAdsAEwAAABQHBgcGIicmJyY0NzY3NjIXFhcB2x0eMjB8MDIeHR0eMjB8MDIeAT58MDIeHR0eMjB8MDIeHR0eMgABACUAJQHbAdsAQwAAARUUBisBIicmPwEmIyIHBgcGBwYUFxYXFhcWMzI3Njc2MzIfARYVFAcGBwYjIicmJyYnJjQ3Njc2NzYzMhcWFzc2FxYB2woIgAsGBQkoKjodHBwSFAwLCwwUEhwcHSIeIBMGAQQDJwMCISspNC8mLBobFBERFBsaLCYvKicpHSUIDAsBt4AICgsLCScnCwwUEhwcOhwcEhQMCw8OHAMDJwMDAgQnFBQRFBsaLCZeJiwaGxQRDxEcJQgEBgAAAAAAAAwAlgABAAAAAAABAAUADAABAAAAAAACAAcAIgABAAAAAAADACEAbgABAAAAAAAEAAUAnAABAAAAAAAFAAsAugABAAAAAAAGAAUA0gADAAEECQABAAoAAAADAAEECQACAA4AEgADAAEECQADAEIAKgADAAEECQAEAAoAkAADAAEECQAFABYAogADAAEECQAGAAoAxgBzAGwAaQBjAGsAAHNsaWNrAABSAGUAZwB1AGwAYQByAABSZWd1bGFyAABGAG8AbgB0AEYAbwByAGcAZQAgADIALgAwACAAOgAgAHMAbABpAGMAawAgADoAIAAxADQALQA0AC0AMgAwADEANAAARm9udEZvcmdlIDIuMCA6IHNsaWNrIDogMTQtNC0yMDE0AABzAGwAaQBjAGsAAHNsaWNrAABWAGUAcgBzAGkAbwBuACAAMQAuADAAAFZlcnNpb24gMS4wAABzAGwAaQBjAGsAAHNsaWNrAAAAAAIAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAABwAAAAEAAgECAQMAhwBECmFycm93cmlnaHQJYXJyb3dsZWZ0AAAAAAAAAf//AAIAAQAAAA4AAAAYAAAAAAACAAEAAwAGAAEABAAAAAIAAAAAAAEAAAAAzu7XsAAAAADPcXh/AAAAAM9xeH8=?#iefix) format("embedded-opentype"), url(data:application/font-woff;base64,d09GRk9UVE8AAAVkAAsAAAAAB1wAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAABCAAAAi4AAAKbH/pWDkZGVE0AAAM4AAAAGgAAABxt0civR0RFRgAAA1QAAAAcAAAAIAAyAARPUy8yAAADcAAAAFIAAABgUBj/rmNtYXAAAAPEAAAAUAAAAWIiC0SwaGVhZAAABBQAAAAuAAAANgABMftoaGVhAAAERAAAABwAAAAkA+UCA2htdHgAAARgAAAADgAAAA4ESgBKbWF4cAAABHAAAAAGAAAABgAFUABuYW1lAAAEeAAAANwAAAFuBSeBwnBvc3QAAAVUAAAAEAAAACAAAwABeJw9ks9vEkEUx2cpWyeUoFYgNkHi2Wt7N3rVm3cTs3UVLC4LxIWEQvi1P3i7O1tYLJDAmlgKGEhQrsajf0j7J3jYTXrQWUrMJG+++b55n5e8NwwKBhHDMLv5kxT3ATEBxKBn3qOAl9zxHgb1MAPhHQgHkyF08Gr/L8B/Eb6zWnmCJ7AJVLubQOheArXvJ1A4EXi6j4I+Zg9F0QFKvsnlBCmXeve+sFEnb/nCptdtQ4QYhVFRAT1HrF8UQK/RL/SbmUbclsvGVFXRZKDHUE38cc4qpkbAAsuwiImvro+ufcfaOIQ6szlrmjRJDaKZKnbjN3GWKIbiIzRFUfCffuxxKOL+3LDlDVvx2TdxN84qZEsnhNBa6pgm2dAsnzbLsETdsmRFxUeHV4e+I2/ptN8TyqV8T3Dt29t7EYOuajVIw2y1Wy3M86w0zg/Fz2IvawmQAUHOVrPVfLkoScVynsqsTG0MGUs4z55nh3mnOJa+li+rl9WpPIcFfDubDeaDC+fLBdYN3QADzLauGfj4B6sZmq6CCpqmtSvF0qlUl2qf5AJIUCSlTqlb7lUG+LRfGzZGzZEyBgccMu6MuqPecNDvD4Y9Kjtj4gD+DsvKVMTcMdtqtZtmkzQstQvYje7Syep0PDSAhSOeHYXYWThEF//A/0YvYV1fSQtpKU5STtrhbQ444OtpKSWJIg3pOg8cBs7maTY1EZf07aq+hjWs7IWzdCYTGhb2CtZ47x+Uhx28AAB4nGNgYGBkAIJz765vANHnCyvqYTQAWnkHswAAeJxjYGRgYOADYgkGEGBiYARCFjAG8RgABHYAN3icY2BmYmCcwMDKwMHow5jGwMDgDqW/MkgytDAwMDGwcjKAQQMDAyOQUmCAgoA01xQGB4ZExUmMD/4/YNBjvP3/NgNEDQPjbbBKBQZGADfLDgsAAHicY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQzMCQqKClOUJz0/z9YHRLv/+L7D+8V3cuHmgAHjGwM6ELUByxUMIOZCmbgAAA5LQ8XeJxjYGRgYABiO68w73h+m68M3EwMIHC+sKIeTqsyqDLeZrwN5HIwgKUB/aYJUgAAeJxjYGRgYLzNwMCgx8QAAkA2IwMqYAIAMGIB7QIAAAACAAAlACUAJQAlAAAAAFAAAAUAAHicbY49asNAEIU/2ZJDfkiRIvXapUFCEqpcptABUrg3ZhEiQoKVfY9UqVLlGDlADpAT5e16IUWysMz3hjfzBrjjjQT/EjKpCy+4YhN5yZoxcirPe+SMWz4jr6S+5UzSa3VuwpTnBfc8RF7yxDZyKs9r5IxHPiKv1P9iZqDnyAvMQ39UecbScVb/gJO03Xk4CFom3XYK1clhMdQUlKo7/d9NF13RkIdfy+MV7TSe2sl11tRFaXYmJKpWTd7kdVnJ8veevZKc+n3I93t9Jnvr5n4aTVWU/0z9AI2qMkV4nGNgZkAGjAxoAAAAjgAF) format("woff"), url(data:font/ttf;base64,AAEAAAANAIAAAwBQRkZUTW3RyK8AAAdIAAAAHEdERUYANAAGAAAHKAAAACBPUy8yT/b9sgAAAVgAAABWY21hcCIPRb0AAAHIAAABYmdhc3D//wADAAAHIAAAAAhnbHlmP5u2YAAAAzwAAAIsaGVhZAABMfsAAADcAAAANmhoZWED5QIFAAABFAAAACRobXR4BkoASgAAAbAAAAAWbG9jYQD2AaIAAAMsAAAAEG1heHAASwBHAAABOAAAACBuYW1lBSeBwgAABWgAAAFucG9zdC+zMgMAAAbYAAAARQABAAAAAQAA8MQQT18PPPUACwIAAAAAAM9xeH8AAAAAz3F4fwAlACUB2wHbAAAACAACAAAAAAAAAAEAAAHbAAAALgIAAAAAAAHbAAEAAAAAAAAAAAAAAAAAAAAEAAEAAAAHAEQAAgAAAAAAAgAAAAEAAQAAAEAAAAAAAAAAAQIAAZAABQAIAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAIABQkAAAAAAACAAAABAAAAIAAAAAAAAAAAUGZFZABAAGEhkgHg/+AALgHb/9sAAAABAAAAAAAAAgAAAAAAAAACAAAAAgAAJQAlACUAJQAAAAAAAwAAAAMAAAAcAAEAAAAAAFwAAwABAAAAHAAEAEAAAAAMAAgAAgAEAAAAYSAiIZAhkv//AAAAAABhICIhkCGS//8AAP+l3+PedN5xAAEAAAAAAAAAAAAAAAAAAAEGAAABAAAAAAAAAAECAAAAAgAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGAIwAsAEWAAIAJQAlAdsB2wAYACwAAD8BNjQvASYjIg8BBhUUHwEHBhUUHwEWMzI2FAcGBwYiJyYnJjQ3Njc2MhcWF/GCBgaCBQcIBR0GBldXBgYdBQgH7x0eMjB8MDIeHR0eMjB8MDIecYIGDgaCBQUeBQcJBFhYBAkHBR4F0nwwMh4dHR4yMHwwMh4dHR4yAAAAAgAlACUB2wHbABgALAAAJTc2NTQvATc2NTQvASYjIg8BBhQfARYzMjYUBwYHBiInJicmNDc2NzYyFxYXASgdBgZXVwYGHQUIBwWCBgaCBQcIuB0eMjB8MDIeHR0eMjB8MDIecR4FBwkEWFgECQcFHgUFggYOBoIF0nwwMh4dHR4yMHwwMh4dHR4yAAABACUAJQHbAdsAEwAAABQHBgcGIicmJyY0NzY3NjIXFhcB2x0eMjB8MDIeHR0eMjB8MDIeAT58MDIeHR0eMjB8MDIeHR0eMgABACUAJQHbAdsAQwAAARUUBisBIicmPwEmIyIHBgcGBwYUFxYXFhcWMzI3Njc2MzIfARYVFAcGBwYjIicmJyYnJjQ3Njc2NzYzMhcWFzc2FxYB2woIgAsGBQkoKjodHBwSFAwLCwwUEhwcHSIeIBMGAQQDJwMCISspNC8mLBobFBERFBsaLCYvKicpHSUIDAsBt4AICgsLCScnCwwUEhwcOhwcEhQMCw8OHAMDJwMDAgQnFBQRFBsaLCZeJiwaGxQRDxEcJQgEBgAAAAAAAAwAlgABAAAAAAABAAUADAABAAAAAAACAAcAIgABAAAAAAADACEAbgABAAAAAAAEAAUAnAABAAAAAAAFAAsAugABAAAAAAAGAAUA0gADAAEECQABAAoAAAADAAEECQACAA4AEgADAAEECQADAEIAKgADAAEECQAEAAoAkAADAAEECQAFABYAogADAAEECQAGAAoAxgBzAGwAaQBjAGsAAHNsaWNrAABSAGUAZwB1AGwAYQByAABSZWd1bGFyAABGAG8AbgB0AEYAbwByAGcAZQAgADIALgAwACAAOgAgAHMAbABpAGMAawAgADoAIAAxADQALQA0AC0AMgAwADEANAAARm9udEZvcmdlIDIuMCA6IHNsaWNrIDogMTQtNC0yMDE0AABzAGwAaQBjAGsAAHNsaWNrAABWAGUAcgBzAGkAbwBuACAAMQAuADAAAFZlcnNpb24gMS4wAABzAGwAaQBjAGsAAHNsaWNrAAAAAAIAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAABwAAAAEAAgECAQMAhwBECmFycm93cmlnaHQJYXJyb3dsZWZ0AAAAAAAAAf//AAIAAQAAAA4AAAAYAAAAAAACAAEAAwAGAAEABAAAAAIAAAAAAAEAAAAAzu7XsAAAAADPcXh/AAAAAM9xeH8=) format("truetype"), url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxtZXRhZGF0YT5HZW5lcmF0ZWQgYnkgRm9udGFzdGljLm1lPC9tZXRhZGF0YT4KPGRlZnM+Cjxmb250IGlkPSJzbGljayIgaG9yaXotYWR2LXg9IjUxMiI+Cjxmb250LWZhY2UgZm9udC1mYW1pbHk9InNsaWNrIiB1bml0cy1wZXItZW09IjUxMiIgYXNjZW50PSI0ODAiIGRlc2NlbnQ9Ii0zMiIvPgo8bWlzc2luZy1nbHlwaCBob3Jpei1hZHYteD0iNTEyIiAvPgoKPGdseXBoIHVuaWNvZGU9IiYjODU5NDsiIGQ9Ik0yNDEgMTEzbDEzMCAxMzBjNCA0IDYgOCA2IDEzIDAgNS0yIDktNiAxM2wtMTMwIDEzMGMtMyAzLTcgNS0xMiA1LTUgMC0xMC0yLTEzLTVsLTI5LTMwYy00LTMtNi03LTYtMTIgMC01IDItMTAgNi0xM2w4Ny04OC04Ny04OGMtNC0zLTYtOC02LTEzIDAtNSAyLTkgNi0xMmwyOS0zMGMzLTMgOC01IDEzLTUgNSAwIDkgMiAxMiA1eiBtMjM0IDE0M2MwLTQwLTktNzctMjktMTEwLTIwLTM0LTQ2LTYwLTgwLTgwLTMzLTIwLTcwLTI5LTExMC0yOS00MCAwLTc3IDktMTEwIDI5LTM0IDIwLTYwIDQ2LTgwIDgwLTIwIDMzLTI5IDcwLTI5IDExMCAwIDQwIDkgNzcgMjkgMTEwIDIwIDM0IDQ2IDYwIDgwIDgwIDMzIDIwIDcwIDI5IDExMCAyOSA0MCAwIDc3LTkgMTEwLTI5IDM0LTIwIDYwLTQ2IDgwLTgwIDIwLTMzIDI5LTcwIDI5LTExMHoiLz4KPGdseXBoIHVuaWNvZGU9IiYjODU5MjsiIGQ9Ik0yOTYgMTEzbDI5IDMwYzQgMyA2IDcgNiAxMiAwIDUtMiAxMC02IDEzbC04NyA4OCA4NyA4OGM0IDMgNiA4IDYgMTMgMCA1LTIgOS02IDEybC0yOSAzMGMtMyAzLTggNS0xMyA1LTUgMC05LTItMTItNWwtMTMwLTEzMGMtNC00LTYtOC02LTEzIDAtNSAyLTkgNi0xM2wxMzAtMTMwYzMtMyA3LTUgMTItNSA1IDAgMTAgMiAxMyA1eiBtMTc5IDE0M2MwLTQwLTktNzctMjktMTEwLTIwLTM0LTQ2LTYwLTgwLTgwLTMzLTIwLTcwLTI5LTExMC0yOS00MCAwLTc3IDktMTEwIDI5LTM0IDIwLTYwIDQ2LTgwIDgwLTIwIDMzLTI5IDcwLTI5IDExMCAwIDQwIDkgNzcgMjkgMTEwIDIwIDM0IDQ2IDYwIDgwIDgwIDMzIDIwIDcwIDI5IDExMCAyOSA0MCAwIDc3LTkgMTEwLTI5IDM0LTIwIDYwLTQ2IDgwLTgwIDIwLTMzIDI5LTcwIDI5LTExMHoiLz4KPGdseXBoIHVuaWNvZGU9IiYjODIyNjsiIGQ9Ik00NzUgMjU2YzAtNDAtOS03Ny0yOS0xMTAtMjAtMzQtNDYtNjAtODAtODAtMzMtMjAtNzAtMjktMTEwLTI5LTQwIDAtNzcgOS0xMTAgMjktMzQgMjAtNjAgNDYtODAgODAtMjAgMzMtMjkgNzAtMjkgMTEwIDAgNDAgOSA3NyAyOSAxMTAgMjAgMzQgNDYgNjAgODAgODAgMzMgMjAgNzAgMjkgMTEwIDI5IDQwIDAgNzctOSAxMTAtMjkgMzQtMjAgNjAtNDYgODAtODAgMjAtMzMgMjktNzAgMjktMTEweiIvPgo8Z2x5cGggdW5pY29kZT0iJiM5NzsiIGQ9Ik00NzUgNDM5bDAtMTI4YzAtNS0xLTktNS0xMy00LTQtOC01LTEzLTVsLTEyOCAwYy04IDAtMTMgMy0xNyAxMS0zIDctMiAxNCA0IDIwbDQwIDM5Yy0yOCAyNi02MiAzOS0xMDAgMzktMjAgMC0zOS00LTU3LTExLTE4LTgtMzMtMTgtNDYtMzItMTQtMTMtMjQtMjgtMzItNDYtNy0xOC0xMS0zNy0xMS01NyAwLTIwIDQtMzkgMTEtNTcgOC0xOCAxOC0zMyAzMi00NiAxMy0xNCAyOC0yNCA0Ni0zMiAxOC03IDM3LTExIDU3LTExIDIzIDAgNDQgNSA2NCAxNSAyMCA5IDM4IDIzIDUxIDQyIDIgMSA0IDMgNyAzIDMgMCA1LTEgNy0zbDM5LTM5YzItMiAzLTMgMy02IDAtMi0xLTQtMi02LTIxLTI1LTQ2LTQ1LTc2LTU5LTI5LTE0LTYwLTIwLTkzLTIwLTMwIDAtNTggNS04NSAxNy0yNyAxMi01MSAyNy03MCA0Ny0yMCAxOS0zNSA0My00NyA3MC0xMiAyNy0xNyA1NS0xNyA4NSAwIDMwIDUgNTggMTcgODUgMTIgMjcgMjcgNTEgNDcgNzAgMTkgMjAgNDMgMzUgNzAgNDcgMjcgMTIgNTUgMTcgODUgMTcgMjggMCA1NS01IDgxLTE1IDI2LTExIDUwLTI2IDcwLTQ1bDM3IDM3YzYgNiAxMiA3IDIwIDQgOC00IDExLTkgMTEtMTd6Ii8+CjwvZm9udD48L2RlZnM+PC9zdmc+Cg==#slick) format("svg");
  font-weight: normal;
  font-style: normal;
}

.slick-prev, .slick-next {
  cursor: pointer;
  color: rgba(0, 0, 0, 0);
  background: none;
  border: none;
  outline: none;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  padding: 0;
  font-size: 0;
  line-height: 0;
  display: block;
  position: absolute;
  top: 50%;
}

.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
  color: rgba(0, 0, 0, 0);
  background: none;
  outline: none;
}

.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before {
  opacity: 1;
}

.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {
  opacity: .25;
}

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

.slick-prev {
  left: -25px;
}

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

.slick-prev:before {
  content: "←";
}

[dir="rtl"] .slick-prev:before {
  content: "→";
}

.slick-next {
  right: -25px;
}

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

.slick-next:before {
  content: "→";
}

[dir="rtl"] .slick-next:before {
  content: "←";
}

.slick-slider {
  max-width: 800px;
  margin: 0 auto 30px;
}

.slick-dots {
  text-align: center;
  width: 100%;
  padding: 0;
  list-style: none;
  display: block;
  position: absolute;
  bottom: -45px;
}

.slick-dots li {
  cursor: pointer;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  display: inline-block;
  position: relative;
}

.slick-dots li button {
  color: rgba(0, 0, 0, 0);
  cursor: pointer;
  background: none;
  border: 0;
  outline: none;
  width: 20px;
  height: 20px;
  padding: 5px;
  font-size: 0;
  line-height: 0;
  display: block;
}

.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}

.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1;
}

.slick-dots li button:before {
  content: "•";
  text-align: center;
  color: #000;
  opacity: .25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 20px;
  height: 20px;
  font-family: slick;
  font-size: 6px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
}

.slick-dots li.slick-active button:before {
  color: #000;
  opacity: .75;
}

th.tablesort-sortable {
  -webkit-user-select: none;
  user-select: none;
  -khtml-user-select: none;
  -o-user-select: none;
  cursor: pointer;
}

table .tablesort-sortable:after {
  content: "";
  float: right;
  visibility: hidden;
  border: 4px solid rgba(0, 0, 0, 0);
  border-top: none;
  border-bottom-color: #000;
  margin-top: 7px;
}

table .tablesort-desc:after {
  border-top: 4px solid #000;
  border-bottom: none;
}

table .tablesort-asc, table .tablesort-desc {
  background-color: rgba(141, 192, 219, .25);
}

table .tablesort-sortable:hover:after, table .tablesort-asc:after, table .tablesort-desc:after {
  visibility: visible;
}

.showIfLast {
  display: none;
}

.showIfLast:last-child {
  display: table-row;
}

.showIfLast td {
  text-align: center;
}

fancy-checkbox:focus, fancy-checkbox :focus {
  outline: none !important;
}

fancy-checkbox[disabled] .fancy-checkbox, fancy-checkbox[disabled] .fancy-checkbox-v2 {
  cursor: default;
  border-color: #eee;
}

fancy-checkbox[disabled] .fancy-checkbox-label {
  color: #ddd;
}

fancy-checkbox[disabled] .fancy-checkbox-label-v2 {
  color: #696969;
}

fancy-checkbox[disabled][disabled-style="grey"] .fancy-checkbox {
  background-color: #eaeceb;
  border-color: #d2d2d2;
}

fancy-checkbox[disabled][disabled-style="grey"] .fancy-checkbox-v2 {
  background-color: rgba(196, 196, 196, .6);
  border-color: #ccc;
}

fancy-checkbox[disabled][disabled-style="grey"] .fancy-checkbox, fancy-checkbox[disabled][disabled-style="grey"] .fancy-checkbox-v2 {
  cursor: default;
}

fancy-checkbox[disabled][disabled-style="grey"] .fancy-checkbox-label {
  color: #525658;
}

fancy-checkbox[disabled][disabled-style="grey"] .fancy-checkbox-label-v2 {
  color: #696969;
}

.fancy-checkbox {
  box-shadow: none;
  cursor: pointer;
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 18px;
  min-width: 18px;
  height: 18px;
  margin-right: 8px;
  padding: 2px 4px;
  display: inline-block;
}

.fancy-checkbox .icon {
  opacity: 0;
  color: #007780;
  font-size: 9px;
  position: relative;
  top: 2px;
}

.fancy-checkbox-v2 {
  box-shadow: none;
  cursor: pointer;
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 24px;
  min-width: 24px;
  height: 24px;
  margin-right: 8px;
  padding: 2px 4px;
  display: inline-block;
}

.fancy-checkbox-v2 .icon {
  opacity: 0;
  color: #696969;
  font-size: 14px;
  position: relative;
  top: 2px;
}

.fc-checked .icon {
  opacity: 1;
}

.fancy-checkbox-label {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: normal;
}

@media (max-width: 600px) {
  .fancy-checkbox-label {
    font-size: 14px;
  }
}

.fancy-checkbox-label-v2 {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: normal;
}

@media (max-width: 600px) {
  .fancy-checkbox-label-v2 {
    font-size: 14px;
  }
}

.has-error .fancy-checkbox {
  border-color: #d51d4c;
}

.fullscreen-loading {
  z-index: 99999;
  text-align: center;
  background: rgba(255, 255, 255, .9);
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.fullscreen-loading .loader {
  margin-top: -16px;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
}

.fullscreen-loading .loader.has-title {
  margin-top: -56px;
}

.fullscreen-loading .title {
  max-width: 500px;
  margin: 16px auto 0;
}

@media (max-width: 599px) {
  .fullscreen-loading .title {
    max-width: 300px;
  }
}

.sticky-tooltip {
  z-index: 2;
  text-align: center;
  color: #fff;
  background: rgba(29, 43, 53, .9);
  border-radius: 4px;
  max-width: 240px;
  padding: 20px 32px 18px 28px;
  font-size: 14px;
  display: block;
  position: relative;
}

.sticky-tooltip:before {
  content: "";
  border: 12px solid rgba(0, 0, 0, 0);
  border-bottom-color: rgba(29, 43, 53, .9);
  width: 0;
  height: 0;
  position: absolute;
  top: -24px;
  left: calc(50% - 12px);
}

.sticky-tooltip .fa-remove {
  cursor: pointer;
  font-size: 20px;
  position: absolute;
  top: 6px;
  right: 10px;
}

.odometer-wrap .odometer-character {
  text-align: center;
  color: #fff;
  background-color: #1f2b35;
  border-radius: 3px;
  width: 21px;
  margin-right: 1px;
  padding: 2px 0 1px;
  display: inline-block;
}

.application-header {
  color: #1e2b35;
  background: #fff;
  border-top: 1px solid #e0e0de;
  border-bottom: 1px solid #e0e0de;
  height: 60px;
  padding: 15px 25px;
}

.application-header .logo-wrap {
  text-align: center;
}

.application-header .become-user-button {
  color: #fff;
  text-align: center;
  cursor: pointer;
  background-color: #f44336;
  width: 40%;
  padding: 0;
  position: absolute;
  top: 0;
  right: 30%;
}

.application-header .vendor-admin-become-user-button {
  color: #fff;
  cursor: pointer;
  text-align: center;
  background-color: #f44336;
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 60px;
  padding: 0;
  font-size: 24px;
  display: flex;
  position: absolute;
  top: 0;
  right: 30%;
}

@media (max-width: 960px) {
  .application-header .vendor-admin-become-user-button {
    width: 60%;
    font-size: 18px;
    right: 24%;
  }
}

.application-header .resources-link {
  border-left: 1px solid #e0e0de;
  border-right: 1px solid #e0e0de;
  height: 60px;
  padding: 0 22px;
}

.application-header .resources-link:hover, .application-header .resources-link:focus, .application-header .resources-hover:hover, .application-header .resources-hover:focus {
  text-decoration: none;
}

.application-header .avatar-wrap {
  padding-left: 22px;
}

.application-header .user-headshot {
  min-width: 35px;
  position: relative;
}

.application-header .user-headshot img {
  width: 35px;
  height: 35px;
}

.application-header .user-details {
  max-width: 200px;
  margin-left: 12px;
  font-size: 14px;
  line-height: 1.1;
}

.application-header .user-details > div {
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
  overflow: hidden;
}

.application-header .user-details .user-name {
  font-weight: bold;
}

.application-header .dropdown-btn {
  margin-top: 0;
  margin-left: 6px;
}

.application-header .dropdown-btn .lr {
  font-size: 8px;
  position: relative;
  top: -2px;
}

@media (max-width: 960px) {
  .application-header .dropdown-btn {
    margin-top: 26px;
    margin-left: -5px;
  }
}

.application-header .dropdown-menu-wrap {
  width: 210px;
  min-height: 330px;
  position: absolute;
}

.application-header .dropdown-menu {
  background-color: #fff;
  border: none;
  border-radius: 6px;
  width: 210px;
  top: 80px;
  left: auto;
  right: 8px;
  box-shadow: 0 2px 14px rgba(0, 0, 0, .3);
}

.application-header .dropdown-menu li {
  color: #1e2b35;
  cursor: pointer;
  padding: 10px 24px;
}

.application-header .dropdown-menu li:hover {
  color: #007780;
}

.application-header .dropdown-menu li:first-of-type {
  padding-top: 20px;
}

.application-header .dropdown-menu li:last-of-type {
  padding-top: 16px;
  padding-bottom: 18px;
}

.application-header .dropdown-menu li:nth-last-child(2) {
  border-bottom: 1px solid #d5dfe3;
  padding-bottom: 20px;
}

.application-header .dropdown-menu .dropdown-caret {
  width: 50px;
  height: 50px;
  position: absolute;
  top: -50px;
  right: 0;
  overflow: hidden;
}

.application-header .dropdown-menu .dropdown-caret:before {
  content: "";
  background-color: #fff;
  width: 18px;
  height: 24px;
  position: absolute;
  bottom: -15px;
  right: 15px;
  transform: rotate(45deg);
  box-shadow: 0 2px 8px rgba(0, 0, 0, .3);
}

.application-header .notification-badge {
  background: #d51d4c;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 0;
  right: 0;
}

@media (max-width: 599px) {
  .route-download .download-logo-holder {
    width: 100%;
  }
}

.notification-center .progress-container {
  padding: 12px;
}

.notification-center .notifications-bell-container {
  border-left: 1px solid #e0e0de;
  border-right: 1px solid #e0e0de;
  align-items: center;
  height: 60px;
  padding: 0 22px;
  display: flex;
  position: relative;
}

@media (min-width: 1279px) {
  .notification-center .notifications-bell-container {
    border-left: 0;
  }
}

.notification-center .notifications-bell-container .notifications-bell {
  align-items: center;
  display: flex;
  position: relative;
}

.notification-center .notifications-bell-container .notification-center-caret {
  display: none;
}

@media (min-width: 599px) {
  .notification-center .notifications-bell-container .notification-center-caret {
    z-index: 1200;
    width: 50px;
    height: 50px;
    display: block;
    position: absolute;
    bottom: -20px;
    right: 10px;
    overflow: hidden;
  }

  .notification-center .notifications-bell-container .notification-center-caret:before {
    content: "";
    background-color: #fff;
    width: 18px;
    height: 24px;
    position: absolute;
    bottom: -15px;
    right: 15px;
    transform: rotate(45deg);
    box-shadow: 0 2px 8px rgba(0, 0, 0, .3);
  }
}

.notification-center .notifications-menu {
  width: 500px;
  height: 100%;
  position: absolute;
}

@media (min-width: 600px) {
  .notification-center .notifications-menu {
    height: 650px;
  }
}

@media (max-width: 599px) {
  .notification-center .notifications-menu {
    max-height: unset;
    width: 100%;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
  }
}

.notification-center .notifications-menu .notifications-close {
  display: none;
}

@media (max-width: 599px) {
  .notification-center .notifications-menu .notifications-close {
    display: block;
  }
}

.notification-center .notifications-menu:before {
  display: none;
}

.notification-center .notifications-menu .dropdown-menu-item {
  border-bottom: 1px solid #d5dfe3;
  padding: 16px;
}

.notification-center .notifications-menu li {
  cursor: unset;
}

.notification-center .notifications-menu li:hover {
  color: #1e2b35;
}

.notification-center .notifications-menu .separator {
  color: #1e2b35;
  font-size: 14px;
  font-weight: bold;
  line-height: 18px;
}

.notification-center .notifications-menu .separator .mark-all-as-read {
  color: #007780;
  float: right;
  flex: unset;
  align-self: flex-end;
  padding-right: 16px;
  font-size: 14px;
  line-height: 18px;
}

@media (max-width: 599px) {
  .notification-center .notifications-menu .separator .mark-all-as-read {
    flex: auto;
  }
}

.notification-center .notifications-menu .separator:first-of-type .notifications-close {
  margin-left: 20px;
}

.notification-center .notifications-menu .notifications-menu-header {
  padding: 16px;
  font-size: 18px;
  line-height: 20px;
}

.notification-center .notifications-menu .notifications-menu-header .btn-link {
  top: unset;
}

.notification-center .notifications-menu .load-more {
  text-align: center;
  color: #007780;
  cursor: pointer;
  padding-top: 12px;
  padding-bottom: 12px;
}

.notification-center .notifications-menu .unread {
  background-color: #f8fafb;
}

.notification-center .show-notification-center {
  display: block;
}

.notification-center .avatar {
  color: #fff;
  background: #2ebcca;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  display: flex;
  overflow: hidden;
}

.notification-center .dropdown-menu li {
  padding: 0 !important;
}

.notification-center .dropdown-menu .dropdown-menu-item .notification-link {
  color: #007780;
  text-transform: none;
  font-weight: bold;
}

.notification-center .dropdown-menu .dropdown-menu-item .notification-text {
  flex: 1;
  padding: 0 16px;
}

.notification-center .dropdown-menu .dropdown-menu-item .unread  {
  background-color: #f8fafb;
}

.notification-center .dropdown-menu .dropdown-menu-item .btn-secondary {
  width: 90px;
}

.notification-center .dropdown-menu .dropdown-menu-item .image-container {
  text-align: right;
  min-width: 125px;
}

.notification-center .dropdown-menu .dropdown-menu-item .image-16-9 {
  width: 128px;
  height: 72px;
}

.notification-center .dropdown-menu .dropdown-menu-item .image {
  object-fit: contain;
  width: 125px;
  max-height: 85px;
}

.notification-center .dropdown-menu .dropdown-menu-item .image-thumbnail {
  height: 64px;
}

.notification-center .dropdown-menu .dropdown-menu-item .icon {
  color: #696969;
  margin-top: 5px;
  padding-left: 15px;
  font-size: 28px;
  line-height: 1;
}

.notification-center .dropdown-menu .dropdown-menu-item .icon.icon-read {
  color: #b4bbbf;
}

.notification-center .dropdown-menu .dropdown-menu-item .avatar-icon {
  width: auto;
  max-width: 28px;
  height: auto;
  max-height: 28px;
  margin-left: 15px;
}

.notification-center .dropdown-menu .notification-date {
  color: #525658;
  font-size: 14px;
  line-height: 18px;
}

.notification-center .dropdown-menu .user-headshot {
  min-width: 50px;
}

.notification-center .dropdown-menu .user-headshot img {
  width: 50px;
  height: 50px;
}

.application-footer {
  color: #fff;
  background: #3c4c5b;
  padding: 50px;
  font-size: 12px;
}

@media (max-width: 599px) {
  .application-footer {
    background: #2f3b49;
  }
}

.application-footer a {
  color: #fff;
}

.application-footer .social {
  font-size: 30px;
}

.application-footer .social a {
  color: #fff;
  transition: all .2s ease-out;
}

.application-footer .social a:hover {
  color: rgba(255, 255, 255, .8);
}

.application-footer .info {
  max-width: 392px;
}

@media (max-width: 600px) {
  .application-footer .info {
    max-width: 100%;
    margin-bottom: 10px;
  }
}

.application-footer .footnote {
  text-align: center;
  background: #374551;
  margin: 50px -50px -50px;
  padding: 25px;
}

@media (max-width: 600px) {
  .application-footer .footnote {
    background: #3b4956;
    margin: 25px -25px -25px;
  }

  .application-footer {
    text-align: center;
    padding: 25px;
  }
}

.application-footer-idp {
  color: #fff;
  padding-left: 50px;
  padding-right: 50px;
  background: #113a3f;
  padding-top: 50px;
  padding-bottom: 64px;
  font-size: 14px;
}

@media (max-width: 599px) {
  .application-footer-idp {
    background: #113a3f;
  }
}

.application-footer-idp .registed-symbol {
  position: relative;
  top: 13px;
  right: 5px;
}

.application-footer-idp a {
  color: #fff;
}

.application-footer-idp .social {
  font-size: 30px;
}

.application-footer-idp .social a {
  color: #fff;
  transition: all .2s ease-out;
}

.application-footer-idp .social a:hover {
  color: rgba(255, 255, 255, .8);
}

.application-footer-idp .info {
  max-width: 392px;
}

@media (max-width: 600px) {
  .application-footer-idp .info {
    max-width: 100%;
  }
}

.application-footer-idp .footnote {
  text-align: center;
  background: #113a3f;
  margin: 50px -50px -50px;
  padding: 25px;
}

@media (max-width: 600px) {
  .application-footer-idp .footnote {
    background: #113a3f;
    margin: 25px -25px -25px;
  }

  .application-footer-idp {
    text-align: center;
    padding: 25px;
  }
}

.application-footer-idp .instagram-footer-icon {
  background-image: url("/images/icons/instagram-icon.svg");
  background-position: center;
  background-repeat: no-repeat;
  width: 30px;
  height: 30px;
  display: inline-block;
}

.logged-out-wrapper {
  background: #ecf0f1;
  padding: 50px;
}

.logged-out-wrapper.full-width {
  padding: 50px 0 0;
}

.logged-out-wrapper header {
  text-align: center;
  margin-bottom: 50px;
  margin-left: auto;
  margin-right: auto;
}

.logged-out-wrapper header .logo-text img {
  max-width: 250px;
  height: 64px;
}

@media (max-width: 599px) {
  .logged-out-wrapper header .logo-text img {
    max-width: 169px;
    max-height: 38px;
  }

  .logged-out-wrapper header {
    margin-bottom: 25px;
  }
}

.logged-out-wrapper .box {
  background: #fff;
  max-width: 800px;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  padding: 50px;
}

.logged-out-wrapper .box.full-width {
  max-width: unset;
  padding: 0;
}

@media (max-width: 599px) {
  .logged-out-wrapper .box {
    padding: 35px;
  }

  .logged-out-wrapper {
    padding: 25px 0 0;
  }
}

@media (max-width: 599px) {
  .pro.route-sign-up .box, .route-lo-accept-lo-invite-sign-up .box, .pro.route-agent-invite-sign-up-alt-route .box, .pro.route-lo-accept-lo-invite-sign-up .box {
    padding: 20px;
  }
}

@media (max-width: 599px) {
  .route-sign-up .box, .route-agent-invite-sign-up .box, .route-agent-accept-tc-invite-sign-up .box, .route-tc-accept-agent-invite-sign-up .box, .route-sign-up-tc .box {
    padding: 20px;
  }
}

@media (max-width: 959px) {
  .route-sign-up-idp .box, .route-sign-up-free-idp .box {
    padding: 32px 16px;
  }

  .route-lrbl-landing-page .logged-out-wrapper {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }
}

@media (max-width: 599px) {
  .route-lrbl-landing-page .box {
    padding: 16px;
  }
}

@media (max-width: 959px) {
  .route-invite-coworkers .logged-out-wrapper {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }
}

@media (max-width: 599px) {
  .route-invite-coworkers .box {
    padding: 16px;
  }
}

@media (max-width: 599px) {
  .route-lo-invite-agents .box {
    padding: 16px;
  }
}

.logged-out-lr-mbs-wrapper {
  background: #ecf0f1;
  padding: 50px;
}

.logged-out-lr-mbs-wrapper header {
  text-align: center;
  margin-bottom: 50px;
  margin-left: auto;
  margin-right: auto;
}

.logged-out-lr-mbs-wrapper header .logo-text img {
  max-width: 250px;
  height: 64px;
}

@media (max-width: 599px) {
  .logged-out-lr-mbs-wrapper header .logo-text img {
    max-width: 169px;
  }
}

.logged-out-lr-mbs-wrapper header .highway-logo img {
  max-height: 64px;
}

@media (max-width: 599px) {
  .logged-out-lr-mbs-wrapper header .highway-logo img {
    max-width: 169px;
  }

  .logged-out-lr-mbs-wrapper header {
    margin-bottom: 25px;
  }
}

.logged-out-lr-mbs-wrapper .box {
  background: #fff;
  max-width: 900px;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  padding: 50px;
}

@media (max-width: 599px) {
  .logged-out-lr-mbs-wrapper .box {
    padding: 35px;
  }

  .logged-out-lr-mbs-wrapper {
    padding: 25px 0 0;
  }
}

.pro.route-sign-up .box, .route-lo-accept-lo-invite-sign-up .box, .pro.route-agent-invite-sign-up-alt-route .box, .pro.route-lo-accept-lo-invite-sign-up .box {
  max-width: 1122px;
}

@media (max-width: 599px) {
  .pro.route-sign-up .box, .route-lo-accept-lo-invite-sign-up .box, .pro.route-agent-invite-sign-up-alt-route .box, .pro.route-lo-accept-lo-invite-sign-up .box {
    padding: 20px;
  }
}

.route-sign-up .box, .route-agent-invite-sign-up .box, .route-agent-accept-tc-invite-sign-up .box, .route-tc-accept-agent-invite-sign-up .box, .route-sign-up-tc .box {
  max-width: 965px;
}

@media (max-width: 599px) {
  .route-sign-up .box, .route-agent-invite-sign-up .box, .route-agent-accept-tc-invite-sign-up .box, .route-tc-accept-agent-invite-sign-up .box, .route-sign-up-tc .box {
    padding: 20px;
  }
}

.route-sign-up-idp .box, .route-sign-up-free-idp .box {
  max-width: 915px;
  padding: 40px 80px;
}

@media (max-width: 959px) {
  .route-sign-up-idp .box, .route-sign-up-free-idp .box {
    padding: 32px 16px;
  }

  .route-lrbl-landing-page .logged-out-wrapper {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }
}

.route-lrbl-landing-page .box {
  max-width: 900px;
}

@media (max-width: 599px) {
  .route-lrbl-landing-page .box {
    padding: 16px;
  }
}

@media (max-width: 959px) {
  .route-invite-coworkers .logged-out-wrapper {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }
}

.route-invite-coworkers .box {
  max-width: 900px;
}

@media (max-width: 599px) {
  .route-invite-coworkers .box {
    padding: 16px;
  }
}

.route-lo-invite-agents .box {
  max-width: 915px;
  padding: 42px 32px;
}

@media (max-width: 599px) {
  .route-lo-invite-agents .box {
    padding: 16px;
  }
}

.loggedin-banner {
  z-index: 200;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}

.agent-intel-header-mobile {
  background-color: #fff;
  border-bottom: 1px solid #d5dfe3;
  padding: 14px 16px;
  font-size: 14px;
}

.loggedin-wrapper {
  background-color: #f4f7f8;
}

@media (max-width: 599px) {
  .loggedin-wrapper > md-backdrop {
    z-index: 10001;
  }
}

.loggedin-wrapper > md-sidenav {
  background: #1e2b35;
  width: 200px;
  min-width: 200px;
  max-width: 200px;
  padding-bottom: 50px;
}

@media (max-width: 600px) {
  .loggedin-wrapper > md-sidenav {
    height: 100vh;
  }
}

@media (max-width: 599px) {
  .loggedin-wrapper > md-sidenav {
    z-index: 10002;
  }
}

.loggedin-wrapper .logo-header {
  text-align: center;
  color: #fff;
  padding: 50px 15px;
  position: relative;
}

.loggedin-wrapper .logo-header img {
  max-width: 106px;
}

.loggedin-wrapper .nav {
  margin: 0;
  padding: 0;
}

.loggedin-wrapper .nav .fa-lg {
  top: -1px;
}

.loggedin-wrapper .nav .ls-icon-mail {
  top: -4px;
}

.loggedin-wrapper .nav.nav-stacked {
  width: 100%;
}

.loggedin-wrapper .divider {
  border-bottom: 1px solid #172228;
}

.loggedin-wrapper .mobile-menu-close {
  color: #fff;
  position: absolute;
  top: 23px;
  left: 23px;
}

.loggedin-wrapper .signout-holder {
  width: 100%;
  margin-top: 50px;
}

.loggedin-wrapper .header-content-wrap {
  background: #ecf0f0;
  padding: 0;
  overflow: hidden;
}

.loggedin-wrapper .content-wrap {
  overflow: auto;
}

.loggedin-wrapper.sticky-content .header-content-wrap, .loggedin-wrapper.sticky-content .content-wrap {
  overflow: unset;
}

.loggedin-wrapper .beta-badge {
  color: #fff;
  background-color: #f3b204;
  border-radius: 2px;
  margin-left: 2px;
  padding: 3px 5px 2px;
  font-size: 10px;
  display: inline-block;
  position: relative;
  top: -2px;
}

.loggedin-wrapper .robin-logo-badge {
  content: url("/images/robin-logo.svg");
  vertical-align: sub;
  height: 19px;
}

.loggedin-wrapper .premium-logo-badge {
  content: url("/images/premium-logo.svg");
  vertical-align: middle;
  height: 24px;
  position: relative;
  top: -2px;
}

.loggedin-wrapper > md-content {
  width: 100%;
}

.loggedin-wrapper md-content.content-wrap {
  color: #1e2b35;
  background-color: #ecf0f0;
  width: 100%;
  padding: 48px;
}

@media (max-width: 600px) {
  .loggedin-wrapper md-content.content-wrap {
    padding: 0;
  }
}

.loggedin-wrapper .secondary-menu-item {
  padding-left: 20px;
}

.loggedin-wrapper .shop-icon {
  margin-left: 8px;
  font-size: 10px;
}

.loggedin-wrapper .hide-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.loggedin-wrapper .hide-scrollbar::-webkit-scrollbar {
  display: none;
}

.loggedin-wrapper .side-nav-dropdown {
  padding: 15px;
}

.typefrom_background {
  z-index: 99999;
  background-color: rgba(0, 0, 0, .5);
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.typefrom_container {
  border-radius: 4px;
  max-width: 800px;
  max-height: 400px;
  margin: 5% auto 0;
}

.typefrom_close {
  z-index: 9999;
  color: #000;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  float: right;
  background-color: rgba(0, 0, 0, 0);
  border: none;
  padding: 8px 16px;
  font-size: 1.75rem;
  text-decoration: none;
  position: relative;
}

.typefrom_iframe {
  border: none;
  border-radius: 4px;
  width: 800px;
  margin: 0;
  position: absolute;
}

@media screen and (max-width: 600px) {
  .typefrom_container {
    background-color: #fff;
    border-radius: 0;
    width: 100%;
    max-width: 100%;
    height: 100%;
    margin: 0;
  }

  .typefrom_iframe {
    border: none;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }
}

.loggedin-out-wrapper .logo-holder .logo-icon {
  width: 100%;
  max-width: 130px;
}

status-badge {
  min-width: 28px;
  height: 28px;
  display: inline-block;
}

status-badge .status-badge {
  background: none;
  align-items: center;
  min-width: 28px;
  display: flex;
  overflow: hidden;
}

status-badge .status-badge i.status-icon {
  opacity: 1;
  font-size: 22px;
}

status-badge .status-badge i.status-icon.green {
  color: #8cb63f;
}

@media (max-width: 599px) {
  status-badge .status-badge i.status-icon {
    font-size: 18px;
  }

  status-badge .status-badge {
    min-width: 22px;
    height: 22px;
    top: -3px;
  }

  status-badge {
    min-width: 22px;
    height: 22px;
  }
}

.dashboard {
  max-width: 1400px;
  margin-bottom: 50px;
}

.dashboard md-content {
  background: #fff;
  border: 1px solid #e0e0df;
  overflow: visible;
}

.dashboard md-list {
  border-bottom: 1px solid #e0e0df;
}

.dashboard .banner-wrap {
  margin-bottom: 20px;
}

@media (min-width: 599px) {
  .dashboard span + .banner-separator {
    display: block !important;
  }
}

@media (max-width: 599px) {
  .dashboard invite-your-coworkers-message {
    margin: 15px;
  }

  .dashboard {
    margin-bottom: 0;
  }
}

.new-account-card {
  background: #fff;
  border: 1px solid #e0e0df;
  margin-bottom: 20px;
  padding: 20px;
  font-size: 18px;
}

.new-account-card h1 {
  font-size: 24px;
  font-weight: bold;
}

.new-account-card p {
  margin-bottom: 30px;
}

.new-account-card .btn-link {
  font-size: 14px;
}

.new-account-card .step {
  max-width: 200px;
  margin: 10px 15px;
  font-size: 14px;
}

.new-account-card .step h3 {
  font-size: 14px;
  font-weight: bold;
}

tabbar {
  text-align: left;
  background: none;
  display: block;
}

tabbar .label-holder {
  z-index: 2;
  border-bottom: 1px solid #d5dfe3;
}

tabbar tablabel {
  color: #007780;
  text-transform: uppercase;
  text-align: center;
  cursor: pointer;
  border: 1px solid rgba(0, 0, 0, 0);
  height: 64px;
  padding-left: 32px;
  padding-right: 32px;
  font-weight: bold;
  display: inline-block;
  position: relative;
  top: 1px;
}

tabbar tablabel .block-bar {
  border-bottom: 1px solid #fff;
  display: none;
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
}

tabbar tablabel.normalcase-text {
  text-transform: none;
}

tabbar tablabel.selected {
  z-index: 2;
  color: #1e2b35;
  background: #fff;
  border-color: #d5dfe3;
}

tabbar tablabel.selected .block-bar {
  display: block;
}

@media (max-width: 599px) {
  tabbar tablabel {
    padding-left: 0;
    padding-right: 0;
  }
}

tabbar .tabbar-content {
  background: #fff;
  border: 1px solid #d5dfe3;
  border-top: 0;
}

tabbar .badge {
  color: #fff;
  background-color: #f3b204;
  border-radius: 4px;
  padding: 4px 6px;
  font-size: 14px;
  position: relative;
  top: -2px;
}

tabbar tablabel > .icon {
  margin-top: 4px;
  font-size: 25px;
  position: relative;
}

tabbar tablabel > .icon .badge {
  color: #f3b204;
  letter-spacing: 1.5px;
  background-color: rgba(0, 0, 0, 0);
  border-radius: 0;
  padding: 0;
  font-size: 10px;
  position: absolute;
  top: -8px;
  right: -30px;
}

tabbar .smalllabel {
  text-transform: uppercase;
  letter-spacing: 1.5px;
  margin-top: 4px;
  font-size: 10px;
}

tabbar.tabs-hidden .tabbar-content {
  border: 1px solid #d5dfe3;
}

.login h1 {
  margin-bottom: 5px;
  font-size: 24px;
}

@media (max-width: 600px) {
  .login h1 {
    font-size: 18px;
  }

  .login h3 a {
    margin-bottom: 15px;
    font-size: 14px;
  }
}

.login .footer-text {
  font-size: 14px;
}

.login-idp h1 {
  margin-bottom: 5px;
  font-size: 24px;
}

@media (max-width: 600px) {
  .login-idp h1 {
    font-size: 18px;
  }

  .login-idp h3 a {
    margin-bottom: 15px;
    font-size: 14px;
  }
}

.login-idp .footer-text {
  font-size: 14px;
}

.login-idp .submit-btn {
  border-radius: 2px;
  width: 98px;
  height: 48px;
  color: #fff !important;
  font-weight: bold !important;
}

.login-idp .submit-btn:hover {
  background-color: #6c41b5;
}

.login-idp .sign-up-btn {
  color: #0d2121;
  font-size: 16px;
  font-weight: 500;
}

.login-idp .form-control:focus, .login-idp .account-verification-code .code-input-wrap input:focus, .account-verification-code .code-input-wrap .login-idp input:focus, .login-idp login-phone-verification .code-input-wrap input:focus, login-phone-verification .code-input-wrap .login-idp input:focus {
  border-color: #0d2121;
}

.login-idp .link-hover:hover, .login-idp .link-hover:hover a:hover {
  color: #6c41b5 !important;
}

.login-idp .highway-link {
  color: #6c41b5;
  cursor: pointer;
  font-weight: bold;
}

.login-idp .highway-link a:hover {
  color: #6c41b5;
}

.login-idp .highway-error-box {
  margin: 0 0 16px;
  padding: 16px 0 0;
  display: block;
}

login-phone form {
  max-width: 400px;
  margin: 0 auto;
  display: block;
}

login-phone-verification .hsub {
  max-width: 400px;
  margin: -20px auto 20px;
}

login-phone-verification .code-input-wrap {
  margin-bottom: 40px;
}

login-phone-verification .code-input-wrap input {
  text-align: center;
  width: 60px;
  height: 60px;
  margin: 0 6px;
  font-size: 30px;
}

login-phone-verification .code-input-wrap input.code-input {
  width: 240px;
}

login-phone-verification .error-box {
  margin-bottom: 20px;
}

.signup {
  padding: 0 27px;
}

@media (max-width: 960px) {
  .signup {
    padding: 0;
  }
}

.signup > header.signup-header {
  text-align: left;
  margin-top: -50px;
  margin-bottom: 0;
  font-size: 14px;
  display: block;
  position: relative;
}

.signup > header.signup-header .wrap {
  padding: 30px 0 10px;
}

.signup > header.signup-header .wrap h2, .signup > header.signup-header .wrap .cba-banner banner .title, .cba-banner banner .signup > header.signup-header .wrap .title, .signup > header.signup-header .wrap abn-banner banner .title, abn-banner banner .signup > header.signup-header .wrap .title {
  font-size: 28px;
  line-height: 18px;
}

.signup > header.signup-header .divider {
  margin: 0 65px;
}

@media (max-width: 599px) {
  .signup > header.signup-header .divider {
    margin: 17px 0 0;
  }
}

.signup > header.signup-header .bar {
  background: #d5dfe3;
  width: 40px;
  height: 2px;
  margin-bottom: 17px;
}

.signup > header.signup-header h2, .signup > header.signup-header .cba-banner banner .title, .cba-banner banner .signup > header.signup-header .title, .signup > header.signup-header abn-banner banner .title, abn-banner banner .signup > header.signup-header .title, .signup > header.signup-header h3 {
  margin: 0;
}

.signup > header.signup-header h3 {
  margin-top: -5px;
}

@media (max-width: 599px) {
  .signup > header.signup-header h3 {
    margin-top: 0;
  }
}

.signup > header.signup-header .vgradient {
  background: linear-gradient(#f7f7f7 0%, rgba(247, 247, 247, 0) 100%);
  height: 42px;
  margin: 0 -77px;
}

@media (max-width: 959px) {
  .signup > header.signup-header .vgradient {
    margin: 0 -50px;
  }
}

@media (max-width: 599px) {
  .signup > header.signup-header {
    text-align: left;
    margin-top: -20px;
  }
}

.signup .hsub {
  margin-top: -15px;
  margin-bottom: 30px;
  font-size: 18px;
}

@media (max-width: 600px) {
  .signup .hsub {
    font-size: 16px;
  }
}

.signup .hsub a {
  font-size: 18px;
}

@media (max-width: 600px) {
  .signup .hsub a {
    font-size: 16px;
  }
}

.signup .face-wrap {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 50%;
  width: 100px;
  height: 100px;
  margin: 0 10px;
  box-shadow: 0 0 2px rgba(0, 0, 0, .8);
}

@media (max-width: 600px) {
  .signup .face-wrap {
    width: 80px;
    height: 80px;
  }
}

.signup .btn-upload {
  font-weight: bold;
}

.signup .footer-text {
  font-size: 14px;
}

.signup p.label, .signup .label a {
  margin-top: 0;
  font-size: 14px;
}

.signup .form-banner {
  margin-bottom: 30px;
  padding: 20px 52px;
  font-size: 18px;
}

@media (max-width: 960px) {
  .signup .form-banner {
    padding: 12px 24px;
    font-size: 16px;
  }
}

.signup .form-banner .icon-wrap {
  min-width: 34px;
  margin-right: 16px;
  font-size: 26px;
}

.signup .terms-conditions-wrap {
  margin-bottom: 10px;
}

.signup .terms-conditions-wrap .label {
  margin-bottom: 0;
}

.signup .upload-label {
  margin-bottom: 6px;
}

.signup .input-group .input-group-btn .btn-ice-ice-baby:active, .signup .input-group .input-group-btn .btn-ice-ice-baby:hover {
  border-color: #d5dfe3;
}

.signup .input-group .btn.dropdown-toggle {
  padding-top: 9px;
  padding-bottom: 9px;
}

.signup .blue-bg {
  color: #fff;
  background-color: #007780;
}

.signup .info {
  margin-bottom: 8px;
  font-size: 14px;
}

.signup .info-account {
  margin-bottom: 24px;
}

.signup .infobox {
  color: #1e2b35;
  background-color: #f8fafb;
  border-radius: 8px;
  margin-top: 27px;
  margin-bottom: 24px;
  padding: 16px;
  line-height: 18px;
  font-size: 12px !important;
}

.signup .content-wrap h3 {
  margin: 16px 0;
  font-size: 28px;
  line-height: 18px;
}

.signup .content-wrap > .divider {
  width: 1px;
  margin: 0 65px;
}

@media (max-width: 599px) {
  .signup .content-wrap > .divider {
    width: auto;
    height: 1px;
    margin: 30px -20px;
  }
}

.signup .relative-div {
  position: relative;
}

.signup .show-hide-password {
  color: #1e2b35;
  cursor: pointer;
  font-size: 14px;
  font-weight: 700;
  line-height: 16px;
  position: absolute;
  top: 80%;
  right: 12px;
  transform: translate(0, -80%);
}

agent-sidepanel .video-wrap {
  position: relative;
}

agent-sidepanel #signup-video {
  max-width: 497px;
  max-height: 280px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

agent-sidepanel ul {
  padding-left: 15px;
  list-style-type: disc;
}

agent-sidepanel ul li {
  margin-bottom: 20px;
  line-height: 20px;
}

agent-sidepanel .inviter-info-wrapper .hdivider {
  background-color: #d5dfe3;
  width: 50px;
  height: 4px;
  margin-top: 18px;
  margin-bottom: 24px;
  display: inline-block;
}

agent-sidepanel .inviter-info-wrapper .face-wrap {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 50%;
  width: 70px;
  height: 70px;
  margin: 0 20px 0 0;
  display: inline-block;
}

@media (max-width: 599px) {
  agent-sidepanel .inviter-info-wrapper .face-wrap {
    margin: 0 0 20px;
  }

  agent-sidepanel .inviter-info-wrapper {
    text-align: center;
  }
}

agent-sidepanel h4 {
  margin-top: 0;
  margin-bottom: 16px;
}

@media (max-width: 599px) {
  agent-sidepanel .edgeless-xs {
    margin-left: -20px;
    margin-right: -20px;
  }
}

agent-sidepanel .info {
  color: #1e2b35;
  background-color: #f8fafb;
  border-radius: 8px;
  margin-top: 4px;
  padding: 16px;
  line-height: 18px;
  font-size: 12px !important;
}

signup-pro {
  font-size: 16px;
}

signup-pro .signup {
  padding: 0 25px;
}

@media (max-width: 959px) {
  signup-pro .signup {
    padding: 0;
  }
}

signup-pro .signup > header.signup-header {
  text-align: left;
  margin-top: -50px;
  margin-bottom: 0;
  font-size: 14px;
  display: block;
  position: relative;
}

signup-pro .signup > header.signup-header h2.signup-title, signup-pro .signup > header.signup-header .cba-banner banner .signup-title.title, .cba-banner banner signup-pro .signup > header.signup-header .signup-title.title, signup-pro .signup > header.signup-header abn-banner banner .signup-title.title, abn-banner banner signup-pro .signup > header.signup-header .signup-title.title {
  color: #1e2b35;
  margin-bottom: 16px;
  font-size: 34px;
  font-weight: 700;
  line-height: 28px;
}

signup-pro .signup > header.signup-header .signup-info {
  text-align: left;
  max-width: 275px;
  margin-bottom: 16px;
}

signup-pro .signup > header.signup-header .wrap {
  padding: 30px 0;
}

signup-pro .signup > header.signup-header .divider {
  margin: 0 75px;
}

@media (max-width: 599px) {
  signup-pro .signup > header.signup-header .divider {
    margin: 17px 0 0;
  }
}

signup-pro .signup > header.signup-header .bar {
  background: #d5dfe3;
  width: 40px;
  height: 2px;
  margin-bottom: 17px;
}

signup-pro .signup > header.signup-header h3 {
  margin-top: -5px;
}

@media (max-width: 599px) {
  signup-pro .signup > header.signup-header h3 {
    margin-top: 0;
  }
}

signup-pro .signup > header.signup-header .vgradient {
  background: linear-gradient(#f7f7f7 0%, rgba(247, 247, 247, 0) 100%);
  height: 42px;
  margin: 0 -75px;
}

@media (max-width: 959px) {
  signup-pro .signup > header.signup-header .vgradient {
    margin: 0 -20px;
  }
}

@media (max-width: 599px) {
  signup-pro .signup > header.signup-header {
    text-align: center;
    margin-top: -20px;
  }
}

signup-pro .signup .title {
  margin: 0 auto 50px;
}

@media (max-width: 959px) {
  signup-pro .signup .title {
    margin: 12px auto 30px;
  }
}

signup-pro .signup .signup-wrap {
  margin: 0 auto 20px;
}

@media (max-width: 959px) {
  signup-pro .signup .signup-wrap {
    margin: 0 auto 30px;
  }
}

signup-pro .signup .form-wrap {
  padding: 0 47px 0 0;
}

@media (max-width: 959px) {
  signup-pro .signup .form-wrap {
    padding: 0;
  }
}

signup-pro .signup .info-wrap {
  justify-content: space-between;
}

@media (max-width: 959px) {
  signup-pro .signup .info-wrap {
    border-left: none;
    padding-top: 24px;
  }
}

signup-pro .signup .lrbl {
  margin: 0 0 0 75px;
}

signup-pro .signup .lrbl .headshot-wrapper {
  margin-bottom: 24px;
}

signup-pro .signup .lrbl .headshot-wrapper img {
  width: 70px;
  height: 70px;
}

signup-pro .signup .lrbl .caption {
  padding-bottom: 5px;
  font-size: 14px;
}

signup-pro .signup .lrbl h3 {
  max-width: 330px;
  margin: 0 auto;
}

signup-pro .signup .lrbl .separator {
  background-color: #007780;
  border-radius: 4px;
  width: 30px;
  height: 2px;
  margin: 24px auto;
}

@media (max-width: 959px) {
  signup-pro .signup .lrbl {
    margin: 0;
  }
}

signup-pro .signup .book-demo-wrap {
  padding: 0 0 0 75px;
}

@media (max-width: 959px) {
  signup-pro .signup .book-demo-wrap {
    text-align: center;
    padding: 0;
  }
}

signup-pro .signup .video-wrap {
  margin-top: 25px;
  margin-bottom: 25px;
}

signup-pro .signup .video-wrap #pro_signup_video {
  width: 316px;
  height: 175px;
}

@media (max-width: 599px) {
  signup-pro .signup .video-wrap #pro_signup_video {
    width: 293px;
    height: 165px;
  }
}

signup-pro .signup .legal {
  text-align: justify;
  max-width: 328px;
}

@media (max-width: 959px) {
  signup-pro .signup .legal {
    margin: 0;
  }
}

signup-pro .signup input.form-control, signup-pro .signup .account-verification-code .code-input-wrap input, .account-verification-code .code-input-wrap signup-pro .signup input, signup-pro .signup login-phone-verification .code-input-wrap input, login-phone-verification .code-input-wrap signup-pro .signup input {
  margin-bottom: 0;
}

signup-pro .signup select {
  background-position: 97%;
  background-size: auto;
  background-image: url("/images/icons/select-arrow-dark.png") !important;
}

signup-pro .hsubtitle {
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: bold;
}

@media (max-width: 599px) {
  signup-pro .hsubtitle {
    font-size: 14px;
  }
}

signup-pro .info {
  margin-bottom: 8px;
  font-size: 14px;
}

signup-pro label {
  margin-bottom: 4px;
  font-size: 14px;
}

signup-pro .label {
  margin: 0;
}

signup-pro .password-content {
  min-height: 71px;
  position: relative;
}

signup-pro .show-password-content {
  z-index: 8;
  height: 42px;
  position: absolute;
  top: 24px;
  left: 0;
  right: 0;
}

signup-pro .show-password {
  z-index: 9;
  cursor: pointer;
  font-size: 14px;
  font-weight: 700;
  line-height: 16px;
  position: absolute;
  top: 37px;
  right: 12px;
}

signup-pro .lr-input-btn-group .btn .lr-caret-up.lr-rotate-180 {
  color: #1e2b35;
  font-size: 10px;
  top: -2px;
}

signup-pro .lr-input-btn-group .btn.dropdown-toggle {
  height: 40px;
}

signup-pro .btn-small {
  min-width: initial;
  width: 78px;
  padding: 11px 0;
}

signup-pro .more-info {
  justify-content: end;
  margin-bottom: 24px;
  font-size: 14px;
  display: flex;
}

signup-pro .more-info .more-info-wrap {
  max-width: 328px;
}

signup-pro .more-info-box {
  background: #f8fafb;
  border-radius: 4px;
  margin-bottom: 16px;
  padding: 16px;
  font-size: 14px;
  line-height: 20px;
}

@media (max-width: 959px) {
  signup-pro .more-info-box {
    display: none;
  }
}

signup-pro .more-info-box p {
  margin: 0 0 24px;
}

signup-pro .more-info-affiliate-mobile {
  display: none;
}

@media (max-width: 959px) {
  signup-pro .more-info-affiliate-mobile {
    display: block;
  }
}

signup-pro .more-info-affiliate {
  display: block;
}

@media (max-width: 959px) {
  signup-pro .more-info-affiliate {
    display: none;
  }
}

signup-pro .more-info-agent {
  background: #fff url("/images/icons/feature-icon-bell-red-dot.svg") 16px 20px no-repeat;
  border-radius: 4px;
  margin-bottom: 24px;
  padding: 16px 16px 16px 46px;
  font-size: 14px;
  line-height: 20px;
  box-shadow: 0 0 15px rgba(0, 0, 0, .15);
}

signup-pro .more-info-btn {
  color: #007780;
  cursor: pointer;
  font-weight: bolder;
}

signup-pro .signup-tooltip {
  color: #fff;
  cursor: pointer;
  background-color: #1e2b35;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  font-size: 12px;
  font-weight: 100;
  line-height: 10px;
  display: inline-flex;
}

signup-pro .signup-tooltip:after {
  content: "?";
}

activity-in-your-area .location-form {
  color: #fff;
  background-color: #007780;
  margin-bottom: 24px;
  padding: 36px;
}

@media (max-width: 959px) {
  activity-in-your-area .location-form {
    margin-left: -50px;
    margin-right: -50px;
    padding: 36px 50px;
  }
}

@media (max-width: 599px) {
  activity-in-your-area .location-form {
    margin-left: -20px;
    margin-right: -20px;
    padding: 32px 20px;
  }
}

activity-in-your-area .location-form .info {
  margin: 12px auto 20px;
}

@media (max-width: 599px) {
  activity-in-your-area .location-form .info {
    margin: 6px auto 12px;
  }
}

activity-in-your-area .location-form .form-group {
  margin-bottom: 0;
}

activity-in-your-area .location-form input.form-control, activity-in-your-area .location-form .account-verification-code .code-input-wrap input, .account-verification-code .code-input-wrap activity-in-your-area .location-form input, activity-in-your-area .location-form login-phone-verification .code-input-wrap input, login-phone-verification .code-input-wrap activity-in-your-area .location-form input {
  border-right-color: rgba(0, 0, 0, 0);
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  height: 40px;
  margin: 0;
}

activity-in-your-area .location-form input.form-control:focus, activity-in-your-area .location-form .account-verification-code .code-input-wrap input:focus, .account-verification-code .code-input-wrap activity-in-your-area .location-form input:focus, activity-in-your-area .location-form login-phone-verification .code-input-wrap input:focus, login-phone-verification .code-input-wrap activity-in-your-area .location-form input:focus {
  border-color: #d5dfe3 rgba(0, 0, 0, 0) #d5dfe3 #d5dfe3;
}

activity-in-your-area .location-form.ng-submitted input.form-control.ng-invalid, activity-in-your-area .location-form.ng-submitted .account-verification-code .code-input-wrap input.ng-invalid, .account-verification-code .code-input-wrap activity-in-your-area .location-form.ng-submitted input.ng-invalid, activity-in-your-area .location-form.ng-submitted login-phone-verification .code-input-wrap input.ng-invalid, login-phone-verification .code-input-wrap activity-in-your-area .location-form.ng-submitted input.ng-invalid {
  border-right-color: #d51d4c;
}

activity-in-your-area .location-form.ng-submitted input.form-control.ng-invalid:focus, activity-in-your-area .location-form.ng-submitted .account-verification-code .code-input-wrap input.ng-invalid:focus, .account-verification-code .code-input-wrap activity-in-your-area .location-form.ng-submitted input.ng-invalid:focus, activity-in-your-area .location-form.ng-submitted login-phone-verification .code-input-wrap input.ng-invalid:focus, login-phone-verification .code-input-wrap activity-in-your-area .location-form.ng-submitted input.ng-invalid:focus {
  border-color: #d5dfe3 rgba(0, 0, 0, 0) #d5dfe3 #d5dfe3;
}

activity-in-your-area .location-form .search-input-submit {
  color: #d5dfe3;
  background-color: #fff;
  border: 1px solid #d5dfe3;
  border-left-color: rgba(0, 0, 0, 0);
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  min-width: 32px;
  max-width: 32px;
  height: 40px;
  min-height: 40px;
  padding: 8px 0;
}

@media (max-width: 599px) {
  activity-in-your-area .location-form .search-input-submit {
    height: 36px;
    min-height: 36px;
    padding: 6px 0;
  }
}

activity-in-your-area .location-form .search-input-submit:hover {
  color: #1e2b35;
}

activity-in-your-area .location-form .error-box {
  margin-top: 8px;
}

@media (max-width: 599px) {
  activity-in-your-area .center-sm {
    text-align: center;
  }
}

activity-in-your-area .location-results .stats {
  margin-bottom: 40px;
}

activity-in-your-area .location-results .stats h2, activity-in-your-area .location-results .stats .cba-banner banner .title, .cba-banner banner activity-in-your-area .location-results .stats .title, activity-in-your-area .location-results .stats abn-banner banner .title, abn-banner banner activity-in-your-area .location-results .stats .title {
  margin-top: 20px;
  margin-bottom: 0;
  font-size: 36px;
}

activity-in-your-area .location-results .stats p {
  margin: 0 auto;
}

signup-tc .signup {
  padding: 0 25px;
}

@media (max-width: 959px) {
  signup-tc .signup {
    margin: 0 -20px;
    padding: 0;
  }
}

signup-tc .signup > header.signup-header {
  text-align: left;
  margin-top: -50px;
  margin-bottom: 0;
  font-size: 14px;
  display: block;
  position: relative;
}

signup-tc .signup > header.signup-header .wrap {
  padding: 30px 0;
}

signup-tc .signup > header.signup-header .divider {
  margin: 0 75px;
}

@media (max-width: 599px) {
  signup-tc .signup > header.signup-header .divider {
    margin: 17px 0 0;
  }
}

signup-tc .signup > header.signup-header .bar {
  background: #d5dfe3;
  width: 40px;
  height: 2px;
  margin-bottom: 17px;
}

signup-tc .signup > header.signup-header h2, signup-tc .signup > header.signup-header .cba-banner banner .title, .cba-banner banner signup-tc .signup > header.signup-header .title, signup-tc .signup > header.signup-header abn-banner banner .title, abn-banner banner signup-tc .signup > header.signup-header .title, signup-tc .signup > header.signup-header h3 {
  margin: 0;
}

signup-tc .signup > header.signup-header h3 {
  margin-top: -5px;
}

@media (max-width: 599px) {
  signup-tc .signup > header.signup-header h3 {
    margin-top: 0;
  }
}

signup-tc .signup > header.signup-header .vgradient {
  background: linear-gradient(#f7f7f7 0%, rgba(247, 247, 247, 0) 100%);
  height: 42px;
  margin: 0 -75px;
}

@media (max-width: 959px) {
  signup-tc .signup > header.signup-header .vgradient {
    margin: 0;
  }
}

@media (max-width: 599px) {
  signup-tc .signup > header.signup-header {
    text-align: center;
    margin-top: -20px;
  }
}

signup-tc .signup .title {
  margin: 0 auto 50px;
}

@media (max-width: 959px) {
  signup-tc .signup .title {
    margin: 12px auto 30px;
  }
}

signup-tc .signup .signup-wrap {
  margin: 0 auto 20px;
}

@media (max-width: 959px) {
  signup-tc .signup .signup-wrap {
    margin: 0 auto;
  }
}

signup-tc .signup .form-wrap {
  padding: 0 75px 0 0;
}

@media (max-width: 959px) {
  signup-tc .signup .form-wrap {
    padding: 0 20px 30px;
  }
}

signup-tc .signup .agent-wrap {
  border-left: 1px solid #d5dfe3;
  padding: 0 0 0 75px;
}

signup-tc .signup .agent-wrap header {
  margin-bottom: 0;
}

signup-tc .signup .agent-wrap .headshot {
  margin-right: 25px;
}

signup-tc .signup .agent-wrap .headshot > img {
  width: 70px;
}

signup-tc .signup .agent-wrap .divider {
  background-color: #ecf0f1;
  width: 50px;
  height: 4px;
  margin: 35px auto;
}

@media (max-width: 599px) {
  signup-tc .signup .agent-wrap .divider {
    margin: 40px auto;
  }
}

signup-tc .signup .agent-wrap ul {
  padding-left: 15px;
  list-style: outside;
}

signup-tc .signup .agent-wrap ul li {
  margin-bottom: 15px;
}

@media (max-width: 959px) {
  signup-tc .signup .agent-wrap {
    text-align: center;
    border-bottom: 1px solid #d5dfe3;
    border-left: none;
    margin-bottom: 40px;
    padding: 0 20px 30px;
  }
}

signup-tc .signup .video-wrap {
  margin-top: 25px;
  margin-bottom: 25px;
}

signup-tc .signup .video-wrap #tc_signup_video {
  width: 316px;
  height: 175px;
}

@media (max-width: 599px) {
  signup-tc .signup .video-wrap #tc_signup_video {
    width: 293px;
    height: 165px;
  }
}

signup-tc .subtext small {
  color: #b4bbbf;
}

signup-tc .hsubtitle {
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: bold;
}

@media (max-width: 599px) {
  signup-tc .hsubtitle {
    font-size: 14px;
  }
}

signup-tc .info {
  margin-bottom: 8px;
  font-size: 14px;
}

signup-tc label {
  margin-bottom: 4px;
}

signup-tc .label {
  margin: 0;
}

.ecomm-header {
  padding: 24px 0;
}

.ecomm-header .learn-more {
  vertical-align: unset;
  margin-left: 0;
  line-height: 1.3;
  position: static;
}

.ecomm-header-logo {
  margin-right: 16px;
}

@media (max-width: 599px) {
  .ecomm-header-logo {
    margin-bottom: 16px;
  }
}

.set-password .input-link {
  background: #fff;
  padding: 5px 10px;
  position: absolute;
  top: 5px;
  right: 5px;
}

.account-verification-code {
  padding: 75px;
  font-size: 16px;
}

.account-verification-code.signup {
  padding: 0 50px;
}

@media (max-width: 599px) {
  .account-verification-code.signup {
    padding: 0;
  }
}

.account-verification-code header {
  border: 0;
  margin-bottom: 40px;
}

.account-verification-code header p {
  margin: 0;
}

@media (max-width: 599px) {
  .account-verification-code header p {
    font-size: 14px;
  }
}

.account-verification-code .code-input-wrap {
  margin-bottom: 40px;
}

.account-verification-code .code-input-wrap input {
  text-align: center;
  width: 60px;
  height: 60px;
  margin: 0 6px;
  font-size: 30px;
}

.account-verification-code .code-input-wrap input.code-input {
  width: 240px;
}

.account-verification-code .error-box {
  margin-bottom: 20px;
}

@media (max-width: 599px) {
  .account-verification-code {
    padding: 15px;
    font-size: 14px;
  }
}

.intro-video {
  padding: 75px;
  font-size: 16px;
}

.intro-video.signup {
  padding: 0 50px;
}

@media (max-width: 599px) {
  .intro-video.signup {
    padding: 0;
  }
}

.intro-video header {
  border: 0;
  margin-bottom: 40px;
}

.intro-video header p {
  margin: 0;
}

@media (max-width: 599px) {
  .intro-video header p {
    font-size: 14px;
  }
}

.intro-video .video-player-wrap {
  margin-bottom: 40px;
}

.intro-video .video-player-wrap #intro_video {
  width: 640px;
  height: 340px;
}

@media (min-width: 599px) and (max-width: 959px) {
  .intro-video .video-player-wrap #intro_video {
    width: 480px;
    height: 265px;
  }
}

@media (max-width: 599px) {
  .intro-video .video-player-wrap #intro_video {
    width: 300px;
    height: 164px;
  }

  .intro-video {
    padding: 15px;
    font-size: 14px;
  }
}

.webinar-registration {
  padding: 75px;
  font-size: 16px;
}

.webinar-registration .headshot-wrap img.img-circle {
  height: 80px;
}

.webinar-registration.guest {
  padding: 0;
}

.webinar-registration.guest header {
  margin-bottom: 30px;
}

.webinar-registration.guest header h2, .webinar-registration.guest header .cba-banner banner .title, .cba-banner banner .webinar-registration.guest header .title, .webinar-registration.guest header abn-banner banner .title, abn-banner banner .webinar-registration.guest header .title {
  margin: 0 auto;
}

.webinar-registration.guest header .headshot-wrap {
  margin: 0 auto 30px;
}

.webinar-registration.guest header .separator {
  background-color: #d5dfe3;
  width: 37px;
  height: 3px;
  margin: 24px auto 0;
}

.webinar-registration.guest .registration-form-wrap .caption {
  margin: 0 auto 30px;
}

.webinar-registration.guest .schedule-selection h3 {
  margin-bottom: 12px;
}

.webinar-registration.guest .schedule-selection label {
  max-width: 360px;
  margin: 0 auto;
}

.webinar-registration.guest .schedule-selection input.form-control[type="radio"] {
  max-width: 20px;
  height: 34px;
  margin: 0;
}

.webinar-registration.guest .schedule-selection login-phone-verification .code-input-wrap input[type="radio"] {
  max-width: 20px;
  height: 34px;
  margin: 0;
}

login-phone-verification .code-input-wrap .webinar-registration.guest .schedule-selection input[type="radio"] {
  max-width: 20px;
  height: 34px;
  margin: 0;
}

.webinar-registration.guest .schedule-selection .account-verification-code .code-input-wrap input[type="radio"] {
  max-width: 20px;
  height: 34px;
  margin: 0;
}

.account-verification-code .code-input-wrap .webinar-registration.guest .schedule-selection input[type="radio"] {
  max-width: 20px;
  height: 34px;
  margin: 0;
}

.webinar-registration.signup, .webinar-registration.loggedin {
  padding: 0 25px;
}

.webinar-registration.signup header, .webinar-registration.loggedin header {
  margin-bottom: 40px;
}

.webinar-registration.signup .hsub, .webinar-registration.loggedin .hsub {
  margin: 20px auto 0;
}

.webinar-registration.signup .headshot-wrap, .webinar-registration.loggedin .headshot-wrap {
  background-image: url("/images/webinar/shadow-kebab-skewer.png");
  background-position: 50% 40px;
  background-repeat: no-repeat;
  background-size: 50%;
  max-width: 360px;
  margin: 0 auto;
  padding-bottom: 20px;
}

.webinar-registration.signup .schedule-title, .webinar-registration.loggedin .schedule-title {
  margin: 0 auto 30px;
}

@media (max-width: 599px) {
  .webinar-registration.signup, .webinar-registration.loggedin {
    padding: 0;
  }
}

.webinar-registration header {
  border: 0;
}

.webinar-registration header p {
  margin: 0;
}

@media (max-width: 599px) {
  .webinar-registration header p {
    font-size: 14px;
  }

  .webinar-registration {
    padding: 15px;
    font-size: 14px;
  }
}

agent-offer-signup .report-pdf-images {
  margin-bottom: 20px;
}

agent-offer-signup .report-pdf-images > div:first-child {
  margin-right: 24px;
}

@media (max-width: 599px) {
  agent-offer-signup .report-pdf-images > div:first-child {
    margin-bottom: 20px;
    margin-right: 0;
  }
}

agent-offer-signup .report-pdf-images > div:last-child {
  margin-left: 24px;
}

@media (max-width: 599px) {
  agent-offer-signup .report-pdf-images > div:last-child {
    margin-left: 0;
  }
}

agent-offer-signup .report-pdf-images img {
  border: 1px solid #c6c8ca;
  border-bottom: 0;
  width: 100%;
  max-width: 100%;
  margin-bottom: -1px;
  display: inline-block;
}

agent-offer-signup .report-pdf-images .shadow {
  background: url("/images/agent-offer-signup/shadow.png") top / 100% no-repeat;
  height: 27px;
}

@media (max-width: 599px) {
  agent-offer-signup .report-pdf-images {
    margin-bottom: 10px;
  }
}

agent-offer-signup form {
  background: #fafafa;
  padding: 25px;
}

agent-offer-signup form h3 {
  margin: 0;
}

agent-offer-signup form .ig input {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  height: 50px;
}

@media (max-width: 599px) {
  agent-offer-signup form .ig input {
    height: 42px;
  }
}

agent-offer-signup form .ig button {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

agent-offer-signup form p {
  margin-top: 0;
}

@media (max-width: 599px) {
  agent-offer-signup form {
    text-align: center;
    margin-left: -35px;
    margin-right: -35px;
  }
}

agent-offer-signup .agent-company-logos img {
  width: 470px;
}

agent-offer-signup .account-copy, agent-offer-signup .utils a {
  font-size: 14px;
}

.create-password {
  margin-top: -20px;
}

.create-password p {
  max-width: 475px;
  margin: auto;
  font-size: 18px;
}

@media (max-width: 600px) {
  .create-password p {
    max-width: 100%;
    font-size: 16px;
  }
}

.create-password form {
  margin: 12px auto;
}

.create-password .user-data {
  margin: 36px auto 48px;
}

.create-password .user-data .headshot-wrap {
  padding-right: 14px;
}

.create-password .user-data .headshot {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 50%;
  min-width: 100px;
  max-width: 100px;
  min-height: 100px;
  max-height: 100px;
}

.create-password .user-data .details-wrap {
  font-size: 16px;
}

.create-password .user-data .details-wrap.pad-left {
  padding-left: 14px;
}

.create-password .user-data .name {
  font-size: 20px;
}

.create-password .user-data .vendor-logo-wrap {
  margin-top: 8px;
  overflow: hidden;
}

.create-password .user-data .vendor-logo {
  height: 45px;
}

.create-password .hsubtitle {
  padding-bottom: 36px;
}

.create-password .continue-btn {
  width: 120px;
  min-width: 0;
  padding-left: 16px;
  padding-right: 16px;
}

.create-password .label {
  margin: 0;
  font-size: 14px;
}

.create-password .label a {
  font-size: 14px;
}

.create-password .checkbox-container .error-box {
  max-width: 100%;
  margin: 1px 0 0;
  font-size: 12px;
}

.forgot-password h1 {
  margin-bottom: 5px;
  font-size: 24px;
}

@media (max-width: 600px) {
  .forgot-password h1 {
    font-size: 18px;
  }
}

.forgot-password p {
  margin-top: 0;
}

.forgot-password .footer-text {
  font-size: 14px;
}

.forgot-password .footer-text .btn-link {
  top: -1px;
}

.forgot-password-idp h1 {
  margin-bottom: 5px;
  font-size: 25px;
}

@media (max-width: 600px) {
  .forgot-password-idp h1 {
    font-size: 18px;
  }
}

.forgot-password-idp input.ng-pristine {
  border-color: #0d2121;
}

.forgot-password-idp input.ng-dirty.ng-invalid {
  border-color: #d72638;
}

.forgot-password-idp p {
  margin-top: 0;
  font-size: 16px;
}

.forgot-password-idp .mbs-label {
  color: #0d2121;
}

.forgot-password-idp .sign-up-btn {
  color: #8551dc;
  font-size: 16px;
}

.forgot-password-idp .form-label {
  color: #0d2121;
  font-size: 14px;
  font-weight: bold;
}

.forgot-password-idp .footer-text {
  font-size: 16px;
  font-weight: 500;
}

.forgot-password-idp .footer-text .btn-link {
  top: -1px;
}

.forgot-password-idp .footer-text a {
  font-weight: 500;
  text-decoration: underline;
}

.forgot-password-idp .footer-text a:hover {
  color: #6c41b5;
}

.forgot-password-idp .submit-btn {
  border-radius: 2px;
  width: 98px;
  height: 48px;
  color: #fff !important;
  font-weight: bold !important;
}

.forgot-password-idp .btn-hover button:hover {
  background-color: #6c41b5;
}

.forgot-password-idp .errorField {
  color: #d72638;
  font-size: 14px;
}

.reset-password h1 {
  color: #007780;
  font-size: 20px;
}

@media (max-width: 600px) {
  .reset-password h1 {
    font-size: 16px;
  }
}

.reset-password.mbs-highway h1 {
  color: #113a3f;
}

.reset-password.mbs-highway .form-group label {
  color: #0d2121;
}

.reset-password.mbs-highway input.form-control:focus, .reset-password.mbs-highway login-phone-verification .code-input-wrap input:focus, login-phone-verification .code-input-wrap .reset-password.mbs-highway input:focus, .reset-password.mbs-highway .account-verification-code .code-input-wrap input:focus, .account-verification-code .code-input-wrap .reset-password.mbs-highway input:focus {
  border-color: #0d2121;
}

.reset-password.mbs-highway .btn.btn-primary {
  background-color: #8551dc;
  border-color: #8551dc;
}

.reset-password.mbs-highway .btn.btn-primary:hover {
  background-color: #6c41b5;
  border-color: #6c41b5;
}

.view-report {
  max-width: 1040px;
}

.view-report.no-max-width {
  max-width: none;
}

.view-report.new-view {
  background-color: #fff;
  max-width: 100%;
}

@media (max-width: 600px) {
  .view-report.new-view {
    margin: 0;
  }
}

.view-report .content-padding {
  padding: 24px 48px 0;
}

@media (max-width: 600px) {
  .view-report .content-padding {
    padding: 0;
  }

  .view-report .content-padding.breadcrumbs {
    padding: 15px 15px 0;
  }
}

.view-report .subsection, .view-report nestme-share-engagement > section {
  background: #fff;
  border: 1px solid #e0e0df;
}

.view-report .subsection header, .view-report nestme-share-engagement > section header {
  border-bottom: 1px solid #e0e0df;
  padding: 15px;
}

.view-report .subsection header h2, .view-report .subsection header .cba-banner banner .title, .cba-banner banner .view-report .subsection header .title, .view-report .subsection header abn-banner banner .title, abn-banner banner .view-report .subsection header .title, .view-report nestme-share-engagement > section header h2, .view-report nestme-share-engagement > section header .cba-banner banner .title, .cba-banner banner .view-report nestme-share-engagement > section header .title, .view-report nestme-share-engagement > section header abn-banner banner .title, abn-banner banner .view-report nestme-share-engagement > section header .title {
  margin: 0 0 0 16px;
}

.view-report .subsection header button, .view-report nestme-share-engagement > section header button {
  text-transform: capitalize;
}

.view-report .section {
  margin-top: 20px;
}

@media (max-width: 600px) {
  .view-report .section {
    margin-top: 10px;
  }
}

.view-report .sub-title-bar {
  margin-top: -24px;
  margin-bottom: 24px;
}

@media (max-width: 599px) {
  .view-report .sub-title-bar {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.view-report .new-photos-found-banner-wrap {
  margin-bottom: 16px;
}

@media (max-width: 599px) {
  .view-report .new-photos-found-banner-wrap {
    margin-left: 15px;
    margin-right: 15px;
  }
}

.view-report .user-info-wrapper, .view-report .agent-plo-info {
  max-width: 317.2px;
  margin-right: 15px;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .view-report .user-info-wrapper, .view-report .agent-plo-info {
    min-width: 320px;
    max-width: 320px;
  }
}

@media (max-width: 599px) {
  .view-report .user-info-wrapper, .view-report .agent-plo-info {
    max-width: 100%;
    margin-bottom: 10px;
    margin-right: 0;
  }
}

.view-report .user-info {
  margin-right: 10px;
  padding: 25px 15px;
}

.view-report .user-info .user-info-title {
  white-space: break-spaces;
}

.view-report .user-info h3 {
  margin-top: -23px;
}

.view-report .user-info ul {
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
  list-style: none;
}

.view-report .user-info .text {
  margin-bottom: 18px;
}

.view-report .user-info .btn-change-lender {
  color: #f3b204;
  padding: 15px 30px;
  font-size: 16px;
}

.view-report .user-info .mobile-contact-info {
  border-top: 1px solid #fff;
  margin-top: 15px;
  padding: 15px;
}

.view-report .user-info .mobile-contact-info > div {
  text-align: center;
}

.view-report .user-info .mobile-contact-info > div:last-child {
  text-align: right;
}

.view-report .user-info .mobile-contact-info > div:first-child {
  text-align: left;
}

.view-report .user-info .mobile-contact-info > div .ls-icon-mail {
  top: -3px;
}

.view-report .user-info .mobile-contact-info > div a {
  color: #fff;
  font-size: 18px;
  text-decoration: none;
}

.view-report .user-info .headshot {
  max-width: 100px;
}

.view-report .user-info .buttons-holder .btn i {
  margin-right: 5px;
}

@media (max-width: 600px) {
  .view-report .user-info {
    margin-bottom: 10px;
    margin-right: 0;
  }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .view-report .offer-email > div:first-child {
    min-height: 315px;
  }
}

.view-report .offer-email .seperator {
  border-right: 1px solid #76888f;
  height: 18px;
  padding-left: 17px;
  display: inline-block;
}

.view-report .offer-email .status {
  padding: 35px;
}

.view-report .offer-email .status .todo {
  color: #d5dfe3;
}

.view-report .offer-email .status .lr {
  margin-right: 15px;
}

.view-report .offer-email .btn.send {
  padding: 16px;
}

.view-report .offer-email .status-text {
  min-height: 130px;
  padding: 10px 15px;
}

@media (max-width: 600px) {
  .view-report .offer-email .status-text {
    min-height: 80px;
  }
}

.view-report .offer-email .send-buttons-wrapper {
  border-top: 1px solid #d5dfe3;
  padding: 15px;
}

.view-report .offer-email .send-buttons-wrapper a {
  font-size: 18px;
  font-weight: bold;
}

@media (max-width: 600px) {
  .view-report .offer-email {
    margin-left: 0;
  }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .view-report .marketing-checklist {
    min-height: 460px;
  }
}

.view-report text-to-lead-code-banner {
  margin-top: 20px;
}

@media (max-width: 599px) {
  .view-report text-to-lead-code-banner {
    margin-top: 10px;
  }
}

.view-report .top-title {
  margin: 24px 0 -14px;
}

@media (min-width: 600px) {
  .view-report .top-title {
    padding-bottom: 20px;
  }
}

@media (max-width: 599px) {
  .view-report .top-title {
    margin-left: 15px;
  }
}

.view-report title-bar .display-address {
  margin: -20px 0 20px;
}

.view-report title-bar .subtitle {
  margin-top: -9px;
}

@media (min-width: 600px) {
  .view-report title-bar .subtitle h3 {
    border-right: 1px solid #d5dfe3;
    padding: 0 20px;
  }

  .view-report title-bar .subtitle h3:first-child {
    padding-left: 0;
  }

  .view-report title-bar .subtitle h3:last-child {
    border-right: 0;
    padding-right: 0;
  }

  .view-report title-bar .subtitle h3 span {
    font-size: 14px;
  }
}

.view-report title-bar .subtitle a:link, .view-report title-bar .subtitle a:active, .view-report title-bar .subtitle a:hover, .view-report title-bar .subtitle a:visited {
  color: #007780;
}

@media (max-width: 599px) {
  .view-report title-bar .subtitle {
    margin-bottom: 15px;
  }

  .view-report title-bar .title-bar-subtitle {
    margin-top: 15px;
  }
}

.view-report processing-listing-banner {
  margin-top: 20px;
  display: block;
}

.view-report .listreports-gold {
  color: #f2b21c;
}

@media (max-width: 599px) {
  .view-report-guest .top-section {
    padding: 20px 15px;
  }

  .view-report-guest .top-title {
    margin-top: 0;
    margin-left: 0;
    font-size: 14px;
  }

  .view-report-guest .learn-more-btn {
    width: 100%;
  }

  .view-report-guest title-bar {
    margin-bottom: 16px;
    padding: 0;
  }

  .view-report-guest title-bar .title-holder h1 {
    font-weight: 500;
    line-height: 1.2;
    font-size: 18px !important;
  }

  .view-report-guest title-bar .title-holder a {
    display: none;
  }

  .view-report-guest title-bar .subtitle {
    margin-bottom: 0;
  }

  .view-report-guest title-bar .subtitle h3 {
    font-size: 14px;
  }

  .view-report-guest .materials {
    margin-top: 0;
  }

  .view-report-guest .materials header h2, .view-report-guest .materials header .cba-banner banner .title, .cba-banner banner .view-report-guest .materials header .title, .view-report-guest .materials header abn-banner banner .title, abn-banner banner .view-report-guest .materials header .title {
    margin-bottom: 0 !important;
  }

  .view-report-guest .materials .guest-edit-report-btn-container {
    padding: 12px;
  }
}

.loggedin-out-wrapper .application-header {
  height: auto;
}

.loggedin-out-wrapper .application-header > div {
  max-width: 1040px;
  margin: 0 auto;
}

.loggedin-out-wrapper .view-report {
  margin: 0 auto;
}

.marketing-checklist {
  width: 100%;
  padding: 35px 35px 0;
}

.marketing-checklist .top-section {
  margin-bottom: 32px;
}

.marketing-checklist .top-section h1, .marketing-checklist .top-section h2, .marketing-checklist .top-section .cba-banner banner .title, .cba-banner banner .marketing-checklist .top-section .title, .marketing-checklist .top-section abn-banner banner .title, abn-banner banner .marketing-checklist .top-section .title, .marketing-checklist .top-section h3 {
  margin: 0;
}

@media (max-width: 1279px) {
  .marketing-checklist .top-section h1, .marketing-checklist .top-section h2, .marketing-checklist .top-section .cba-banner banner .title, .cba-banner banner .marketing-checklist .top-section .title, .marketing-checklist .top-section abn-banner banner .title, abn-banner banner .marketing-checklist .top-section .title, .marketing-checklist .top-section h3 {
    text-align: center;
  }
}

.marketing-checklist .top-section h1 {
  margin-top: 5px;
}

.marketing-checklist .top-section .line {
  background-color: #007780;
  width: 50px;
  height: 2px;
  margin: 20px 0;
}

@media (max-width: 1279px) {
  .marketing-checklist .top-section .line {
    margin: 20px auto;
  }
}

.marketing-checklist .img-holder {
  max-width: 309px;
  margin-left: 60px;
}

@media (max-width: 1279px) {
  .marketing-checklist .img-holder {
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media (max-width: 599px) {
  .marketing-checklist .img-holder {
    max-width: none;
    margin-top: 20px;
    margin-left: 0;
  }
}

.marketing-checklist .vgradient {
  height: 42px;
  filter: progid:DXImageTransform. Microsoft. gradient(startColorstr= "#ffffff", endColorstr= "#f7f7f7", GradientType= 0);
  background: linear-gradient(#fff 0%, #f7f7f7 100%);
  margin: 0 -35px;
}

.marketing-checklist .info-cards-holder {
  padding-top: 35px;
  padding-bottom: 35px;
}

.marketing-checklist .info-cards-holder > div h3 {
  margin-bottom: 15px;
}

.marketing-checklist .info-cards-holder > div:first-child {
  margin-right: 60px;
}

@media (max-width: 1279px) {
  .marketing-checklist .info-cards-holder > div:first-child {
    margin-bottom: 20px;
    margin-right: 0;
  }
}

.marketing-checklist .info-cards-holder p {
  margin: -3px 0 0;
}

.marketing-checklist .info-cards-holder img {
  margin-right: 15px;
  display: inline-block;
}

.marketing-checklist .ecommission {
  padding-top: 35px;
}

.marketing-checklist .ecommission .logo-wrap {
  margin-right: 24px;
}

@media (max-width: 959px) {
  .marketing-checklist .ecommission .logo-wrap {
    margin: 0 auto 16px;
  }

  .marketing-checklist .ecommission .cta-wrap {
    text-align: center;
  }
}

.marketing-checklist .ecommission h3 {
  margin-bottom: 6px;
}

.marketing-checklist .ecommission p {
  margin: 0 auto 16px;
}

.fast-blast-banner {
  color: #fff;
  padding: 25px;
  background: #1e2b35 !important;
}

.fast-blast-banner .fa-inverse {
  color: #1e2b35;
}

.fast-blast-banner .icon {
  margin-right: 15px;
}

.fast-blast-banner h1 {
  margin: 0;
  font-size: 24px;
}

.fast-blast-banner p {
  margin: 0;
}

.fast-blast-banner .btn {
  color: #1e2b35 !important;
}

.shop-now-banner {
  color: #fff;
  padding: 25px;
  background: #1e2b35 !important;
}

.shop-now-banner .fa-inverse {
  color: #1e2b35;
}

.shop-now-banner .icon {
  margin-right: 15px;
}

.shop-now-banner h1 {
  margin: 0;
  font-size: 24px;
}

.shop-now-banner h1 .yellow-label {
  font-size: 12px;
  font-weight: normal;
  position: relative;
  top: -4px;
}

.shop-now-banner p {
  margin: 0;
}

.shop-now-banner .btn {
  margin-left: 15px;
  color: #1e2b35 !important;
}

.listreports-gray, .listreports-grey {
  color: #76888f;
}

invite-comarketer h3 {
  margin-bottom: 15px;
}

invite-comarketer .invite-lender {
  color: #fff;
  background: #d51d4c;
  padding: 25px 15px;
}

invite-comarketer .invite-lender h3 {
  margin: 10px 0;
}

invite-comarketer ul {
  margin-right: 35px;
  display: block;
}

invite-comarketer ul li {
  margin-bottom: 15px;
}

invite-comarketer ul li:before {
  content: "●";
  color: #d5dfe3;
  margin-right: 10px;
  font-size: 18px;
  display: inline-block;
  position: relative;
  top: 1px;
}

.listreports-gray, .listreports-grey {
  color: #76888f;
}

@media (max-width: 599px) {
  .materials header h2, .materials header .cba-banner banner .title, .cba-banner banner .materials header .title, .materials header abn-banner banner .title, abn-banner banner .materials header .title {
    text-align: center;
  }
}

.materials table, .materials tr, .materials td, .materials th {
  vertical-align: middle;
}

.materials table {
  border-collapse: separate;
  border-bottom: 1px solid #d5dfe3;
  margin-top: -21px;
  margin-bottom: -10px;
}

.materials table:last-child {
  border-bottom: 0;
}

.materials table th {
  border-top: 0;
}

.materials table td {
  width: 1px;
  height: 100%;
  min-height: 60px;
  padding: 12px 16px 8px !important;
}

.materials table td:first-child, .materials table td.full-width {
  width: 100%;
}

.materials .subsection, .materials nestme-share-engagement > section {
  border-radius: 4px;
  margin-top: 20px;
}

.materials .subsection:first-of-type, .materials nestme-share-engagement > section:first-of-type {
  margin-top: 0;
}

.materials .lr-stack {
  font-size: 8px;
}

.materials .lr-stack i {
  color: #d51d4c;
}

.materials .lr-inverse {
  color: #fff !important;
}

.materials .hide-visibly {
  pointer-events: none;
  opacity: 0;
}

.materials .table-wrap {
  margin: 0 -20px;
}

.materials .collapsable-section {
  border-top: 1px solid #d5dfe3;
  margin-bottom: 0;
}

.materials .collapsable-section:first-child {
  border-top: 0;
}

.materials .label-wrap {
  flex: 1;
}

.materials .label-wrap .btn {
  position: relative;
  top: -1px;
}

.materials .thumbnail-wrap {
  min-width: 72px;
  margin-right: 16px;
}

.materials .thumbnail-wrap img {
  max-width: 72px;
  height: 54px;
  margin: 0 auto;
  display: block;
}

.materials .new-badge {
  color: #000;
  letter-spacing: 1px;
  background: #f2b21c;
  border-radius: 2px;
  margin-left: 5px;
  padding: 5px;
  font-size: 10px;
  font-weight: bold;
  line-height: 10px;
  top: 0;
}

@media (max-width: 599px) {
  .materials .new-badge {
    margin: 0;
  }
}

.materials .cursor-pointer {
  cursor: pointer;
}

.tooltip {
  z-index: 1050;
  opacity: 1 !important;
}

.tooltip .tooltip-inner {
  background: #1c303a;
  border-radius: 0;
  padding: 15px;
  font-weight: normal;
}

.tooltip .tooltip-inner b {
  text-transform: uppercase;
}

.tooltip.top .tooltip-arrow {
  border-top-color: #1c303a;
}

.tooltip.right .tooltip-arrow {
  border-right-color: #1c303a;
}

.tooltip.bottom .tooltip-arrow {
  border-bottom-color: #1c303a;
}

.tooltip.left .tooltip-arrow {
  border-left-color: #1c303a;
}

md-tooltip.listreports {
  font-size: 14px;
  opacity: 1 !important;
  background-color: #1c303a !important;
}

md-tooltip.listreports.multiline {
  height: auto;
}

md-tooltip.listreports.set-width {
  white-space: normal;
  max-width: 300px;
  padding: 10px;
  font-size: 14px;
  line-height: 16px;
}

.photo-selection-container .large-lightweight {
  font-size: 24px;
}

@media (max-width: 600px) {
  .photo-selection-container .large-lightweight {
    font-size: 20px;
  }
}

.photo-selection-container .photo-count {
  margin-bottom: 20px;
}

.photo-selection-container .photo-selection-zone {
  background-color: #f9fafb;
  border: 2px dashed #c9c9c9;
  margin: 10px 0;
}

.photo-selection-container .photo-selection-zone.dragover {
  border: 2px dashed #696969;
}

.photo-selection-container .photo-selection-zone > div {
  margin: 12px;
}

.photo-selection-container .photo-selection-zone .thumbnail-wrap {
  max-width: 108px;
  position: relative;
}

.photo-selection-container .photo-selection-zone .thumbnail-wrap .remove-text-btn {
  color: #d51d4c;
  font-size: 14px;
}

.photo-selection-container .photo-selection-zone .thumbnail {
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  min-width: 108px;
  max-width: 108px;
  min-height: 90px;
  max-height: 90px;
  margin-right: 0;
  position: relative;
}

.photo-selection-container .photo-selection-zone .thumbnail.no-image {
  background-color: #bababa;
}

.photo-selection-container .photo-selection-zone .thumbnail .remove-image-btn {
  text-align: center;
  cursor: pointer;
  -o-transition: all, .2s, cubic-bezier(.15, .25, .53, .96);
  background-color: rgba(255, 255, 255, .8);
  border-radius: 50%;
  width: 20px;
  height: 20px;
  font-size: 24px;
  line-height: 22px;
  transition: all;
  position: absolute;
  top: -4px;
  right: -8px;
  box-shadow: 0 0 3px rgba(0, 0, 0, .4);
}

.photo-selection-container .photo-selection-zone .thumbnail .remove-image-btn:hover {
  color: #fff;
  background-color: #d51d4c;
}

@media (max-width: 600px) {
  .photo-selection-container .photo-selection-zone .content {
    margin-left: 12px;
  }
}

.photo-selection-container .photo-selection-zone .content .btn {
  width: 90%;
  margin-top: 6px;
}

.photo-selection-container .photo-selection-zone .content .title .lr {
  color: #f3b204;
}

.photo-selection-container .photo-selection-zone .cta {
  max-width: 150px;
  margin-left: 0;
}

.photo-selection-container .photo-selection-zone .cta .btn {
  width: 100%;
}

.photo-selection-container .photo-selection-zone .cta .caption {
  margin-top: 6px;
}

.photo-selection-container .error-box {
  color: #d51d4c;
  text-align: left;
  background-color: rgba(0, 0, 0, 0);
  margin: 6px 0 0;
  padding: 0;
}

listing-card {
  background: #fff;
  border: 1px solid #d5dfe3;
  border-radius: 4px;
  height: 100%;
  display: block;
}

listing-card .header, listing-card .footer {
  padding: 16px;
}

listing-card .pairing-status-wrap {
  margin-top: 5px;
}

listing-card .pairing-status i {
  margin-right: 5px;
  font-size: 17px;
}

listing-card .img-holder {
  background: center / cover no-repeat;
  border-top: 1px solid #d5dfe3;
  border-bottom: 1px solid #d5dfe3;
  padding-top: 56.25%;
  position: relative;
}

listing-card .img-holder .overlay {
  background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 24%, #000 100%);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

listing-card .img-holder .top-row {
  position: absolute;
  top: 6px;
  left: 16px;
  right: 12px;
}

listing-card .img-holder .top-row > div {
  border-radius: 2px;
}

listing-card .img-holder .bottom-row {
  color: #fff;
  position: absolute;
  bottom: 16px;
  left: 16px;
  right: 12px;
}

listing-card .img-holder .bottom-row h2, listing-card .img-holder .bottom-row .cba-banner banner .title, .cba-banner banner listing-card .img-holder .bottom-row .title, listing-card .img-holder .bottom-row abn-banner banner .title, abn-banner banner listing-card .img-holder .bottom-row .title {
  margin: 0;
}

listing-card .img-holder .bottom-row .dom {
  padding-bottom: 4px;
}

listing-card .img-holder .new-listing {
  color: #fff;
  background-color: #007780;
  max-width: 100px;
  height: 20px;
  margin-right: 6px;
  padding: 0 6px;
}

listing-card .img-holder .open-house {
  color: #fff;
  background-color: rgba(0, 0, 0, .6);
  max-width: 150px;
  height: 20px;
  margin-top: 0;
  padding: 0 6px;
}

listing-card .compact-row {
  box-shadow: none;
}

listing-card .compact-row .img-holder {
  border-top: none;
  border-bottom: none;
  border-radius: 2px;
  min-width: 72px;
  max-width: 100px;
  height: 86px;
  margin: 15px 15px 15px 0;
  padding-top: 0;
}

listing-card .compact-row .new-listing {
  background-color: #f2b21c;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
  width: 32px;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
}

listing-card .compact-row .open-house {
  background-color: #007780;
  width: 100%;
  height: 20px;
  margin: 0;
  padding: 0;
  position: absolute;
  bottom: 0;
}

listing-card .compact-row .basic-info {
  min-width: 120px;
  padding: 16px;
}

listing-card .compact-row .basic-info h3 {
  margin: 0;
}

listing-card .compact-row .basic-info .address {
  margin-top: 2px;
}

listing-card .compact-row .basic-info .specs, listing-card .compact-row .basic-info .dom {
  margin-top: 4px;
}

@media (max-width: 1279px) {
  listing-card .compact-row .basic-info {
    min-width: 80px;
  }
}

listing-card .compact-row .smallcaps {
  letter-spacing: 1.5px;
  text-transform: uppercase;
  font-size: 10px;
}

listing-card .column-wrap {
  height: 100%;
}

listing-card.clickable .compact-row:hover {
  box-shadow: 0 0 10px rgba(0, 0, 0, .2);
}

listing-card.not-clickable .column-wrap {
  opacity: .5;
}

@media (max-width: 599px) {
  listing-card {
    border-left: 0;
    border-right: 0;
    border-radius: 0;
  }
}

notes {
  display: block;
}

notes header h1 {
  font-size: 24px;
}

notes .padme {
  padding: 25px 25px 0;
}

notes .add-note {
  border-bottom: 1px solid #e0e0df;
  padding: 35px;
}

@media (max-width: 600px) {
  notes .add-note {
    padding: 25px;
  }
}

notes .notes {
  min-height: 100px;
  font-size: 14px;
}

notes .notes .note {
  border-bottom: 1px solid #e0e0df;
  padding: 35px;
  position: relative;
}

notes .notes .note .corner {
  border-top: 25px solid rgba(0, 0, 0, 0);
  border-bottom: 25px solid rgba(0, 0, 0, 0);
  border-left: 25px solid #1e2b35;
  width: 0;
  height: 0;
  display: none;
  position: absolute;
  top: -17px;
  right: -5px;
  transform: rotate(-45deg);
}

notes .notes .note:last-child {
  border-bottom: 0;
}

notes .notes .note.another-user .blue {
  color: #1e2b35;
}

notes .notes .note.another-user .corner {
  display: block;
}

@media (max-width: 600px) {
  notes .notes .note {
    padding: 25px;
  }

  notes .notes .editing-btn-holder .btn {
    margin: 5px 0;
  }
}

notes .notes .more, notes .notes .less {
  padding: 15px;
  font-weight: bold;
}

notes .notes .more i, notes .notes .less i {
  position: relative;
  top: -1px;
}

notes .notes .less i {
  position: relative;
  top: -2px;
}

notes .blue {
  color: #007780;
}

.my-agents {
  max-width: 1400px;
  display: block;
}

.my-agents tabbar tablabel {
  text-transform: none;
}

@media (max-width: 599px) {
  .my-agents tabbar tablabel:first-child .smalllabel {
    max-width: 60px;
    margin: 0 auto;
  }

  .my-agents tabbar tablabel:nth-child(2) .smalllabel {
    max-width: 70px;
    margin: 0 auto;
  }

  .my-agents tabbar tablabel:nth-child(3) .smalllabel {
    max-width: 85px;
    margin: 0 auto;
  }
}

.my-agents .tab-agent-following {
  content: url("/images/icons/following-agent.svg");
  vertical-align: sub;
}

.my-agents .tab-agent-pending {
  content: url("/images/icons/pending-agent.svg");
  vertical-align: sub;
}

.my-agents .tab-agent-paired {
  content: url("/images/icons/paired-agent.svg");
  vertical-align: sub;
}

.my-agents tabbar tablabel.selected .tab-agent-following {
  content: url("/images/icons/following-agent-selected.svg");
}

.my-agents tabbar tablabel.selected .tab-agent-pending {
  content: url("/images/icons/pending-agent-selected.svg");
}

.my-agents tabbar tablabel.selected .tab-agent-paired {
  content: url("/images/icons/paired-agent-selected.svg");
}

.my-agents .my-agent-header {
  margin-bottom: 20px;
}

.my-agents .my-agent-header .title-holder h1 {
  margin-bottom: 16px;
}

.my-agents .my-agent-header .title-bar-subtitle {
  font-size: 18px;
  line-height: 24px;
}

.my-agents .my-agent-header .robin-banner-link:hover, .my-agents .my-agent-header .robin-banner-link:focus {
  color: #fff;
  text-decoration: none;
}

.my-agents .my-agent-header .robin-banner {
  color: #fff;
  cursor: pointer;
  background: #1e2b35;
  border-radius: 2px;
  max-width: 400px;
  padding: 14px 16px 14px 50px;
  display: block;
  position: relative;
}

.my-agents .my-agent-header .robin-banner a, .my-agents .my-agent-header .robin-banner a:hover {
  color: #007780;
}

.my-agents .my-agent-header .robin-banner:after {
  content: "";
  background: url("/images/robin-logo-copyright.svg") 0 0 / contain no-repeat;
  width: 28px;
  height: 24px;
  position: absolute;
  top: 16px;
  left: 16px;
}

.my-agents .banner-header {
  background-image: url("/images/agent-headers/background/LR_Realtor_Headers_Relationships.png");
}

@media (max-width: 600px) {
  .my-agents .banner-header {
    background-image: url("/images/agent-headers/background/LR_Realtor_Headers_Relationships_Mobile.png");
  }
}

.my-agents .tabs {
  background: none;
  border-bottom: 5px solid #007780;
  max-width: 100%;
  font-size: 18px;
  font-weight: bold;
  overflow-x: hidden;
}

.my-agents .tabs .tab {
  text-transform: uppercase;
  color: #007780;
  cursor: pointer;
  background: #fff;
  border: 1px solid #e0e0df;
  border-bottom-width: 0;
  margin-top: 10px;
  margin-left: -1px;
  padding: 10px;
}

.my-agents .tabs .tab:first-child {
  border-left-width: 1px;
  margin-left: 0;
}

.my-agents .tabs .tab:last-child {
  margin-right: -1px;
}

.my-agents .tabs .tab.selected {
  z-index: 2;
  color: #fff;
  background: #007780;
  border-color: #007780;
  margin-top: 0;
  padding-top: 20px;
}

@media (max-width: 599px) {
  .my-agents .tabs .tab.selected {
    padding-top: 15px;
    padding-bottom: 10px;
    color: #007780 !important;
    background: #fff !important;
    border-color: #e0e0df #e0e0df #007780 !important;
    border-bottom-style: solid !important;
    border-bottom-width: 5px !important;
  }

  .my-agents .tabs .tab {
    text-transform: none;
    border: 0;
    margin-top: 0;
    padding-top: 15px;
    padding-bottom: 15px;
    color: #696969 !important;
  }

  .my-agents .tabs {
    font-size: 14px;
    border-top: 1px solid #e0e0df !important;
    border-bottom: 1px solid #e0e0df !important;
  }
}

.my-agents .utilities {
  padding: 0 20px;
}

.my-agents .utilities .search {
  background: #fff;
}

.my-agents .banner-wrap {
  margin-bottom: 20px;
}

@media (min-width: 600px) {
  .my-agents {
    margin-bottom: 50px;
  }
}

.my-agents button.hidden-input {
  opacity: 0;
  border: 0;
  width: 0;
  max-width: 0;
  height: 0;
  max-height: 0;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.my-agents button.agent-intel {
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin-bottom: 16px;
  padding: 0 12px;
  display: flex;
}

@media (max-width: 600px) {
  .my-agents button.agent-intel {
    display: none;
  }
}

.my-agents .tab-agent-intel {
  content: url("/images/agentfarm/insights.svg");
  vertical-align: sub;
}

.my-agents-content {
  border: 0 !important;
}

.my-agents-content header {
  border-bottom: 1px solid #d5dfe3;
  padding: 15px;
}

.my-agents-content .none-found h1 {
  margin-bottom: 0;
}

.my-agents-content .none-found p {
  margin-bottom: 32px;
}

@media (max-width: 599px) {
  .my-agents-content table tbody tr:first-child td {
    border-top: 0;
  }
}

.my-agents-content table tbody tr td:first-child {
  width: 72px;
}

@media (max-width: 599px) {
  .my-agents-content table tbody tr td:first-child {
    width: 60px;
  }
}

.my-agents-content table .preferred-vendor-tooltip {
  position: relative;
}

.my-agents-content table img {
  width: 60px;
  height: 60px;
}

@media (max-width: 599px) {
  .my-agents-content table img {
    width: 45px;
    height: 45px;
  }
}

.my-agents-content table .email {
  word-wrap: break-word;
}

@media (max-width: 599px) {
  .my-agents-content table .email {
    max-width: 180px;
  }
}

.my-agents-content table .ball {
  border: 1px solid #76888f;
  border-radius: 50%;
  width: 15px;
  height: 15px;
  display: inline-block;
}

.my-agents-content table .ball.yes {
  background: #8cb63f;
  border-color: #8cb63f;
}

@media (max-width: 599px) {
  .my-agents-content table .ball {
    width: 9px;
    height: 9px;
  }
}

.my-agents-content .locked {
  color: #b9b9b9;
}

.my-agents-content .locked-message {
  text-align: left;
  padding: 20px;
}

.my-agents-content .locked-message a {
  white-space: normal;
  text-align: left;
}

.my-agents-content .locked-message a i {
  min-width: 24px;
  margin-right: 10px;
}

@media (max-width: 599px) {
  .my-agents-content .locked-message a i {
    margin-right: 5px;
    font-size: 22px;
  }

  .my-agents-content .locked-message a {
    font-size: 12px;
  }

  .my-agents-content .following-status {
    margin: 10px 0 4px;
  }
}

.my-agents-content .btn-link .fs-10 {
  vertical-align: middle;
  display: inline-block;
}

.my-following-content {
  border: 0 !important;
}

.my-following-content .search-content {
  margin-right: 16px;
}

.my-following-content .arrow {
  border: 5px solid rgba(0, 0, 0, 0);
  border-top-color: #696969;
  border-bottom-width: 0;
  width: 0;
  height: 0;
  margin-left: 4px;
  display: inline-block;
}

.my-following-content header {
  border-bottom: 1px solid #d5dfe3;
  padding: 15px;
}

.my-following-content .none-found h1 {
  margin-bottom: 0;
}

.my-following-content .none-found p {
  margin-bottom: 32px;
}

@media (max-width: 599px) {
  .my-following-content table tbody tr:first-child td {
    border-top: 0;
  }
}

.my-following-content table tbody tr td:first-child {
  width: 72px;
}

@media (max-width: 599px) {
  .my-following-content table tbody tr td:first-child {
    width: 60px;
  }
}

.my-following-content table .preferred-vendor-tooltip {
  position: relative;
}

.my-following-content table img {
  width: 60px;
  height: 60px;
}

@media (max-width: 599px) {
  .my-following-content table img {
    width: 45px;
    height: 45px;
  }
}

.my-following-content table .email {
  word-wrap: break-word;
}

@media (max-width: 599px) {
  .my-following-content table .email {
    max-width: 180px;
  }
}

.my-following-content table .ball {
  border: 1px solid #76888f;
  border-radius: 50%;
  width: 15px;
  height: 15px;
  display: inline-block;
}

.my-following-content table .ball.yes {
  background: #8cb63f;
  border-color: #8cb63f;
}

@media (max-width: 599px) {
  .my-following-content table .ball {
    width: 9px;
    height: 9px;
  }
}

.my-following-content .locked {
  color: #b9b9b9;
}

.my-following-content .locked-message {
  text-align: left;
  padding: 20px;
}

.my-following-content .locked-message a {
  white-space: normal;
  text-align: left;
}

.my-following-content .locked-message a i {
  min-width: 24px;
  margin-right: 10px;
}

@media (max-width: 599px) {
  .my-following-content .locked-message a i {
    margin-right: 5px;
    font-size: 22px;
  }

  .my-following-content .locked-message a {
    font-size: 12px;
  }

  .my-following-content .following-status {
    margin: 10px 0 4px;
  }
}

.my-following-content .btn-link .fs-10 {
  vertical-align: middle;
  display: inline-block;
}

.my-following-content .user-info-details {
  margin-bottom: 16px;
  display: flex;
}

.my-following-content .user-info-details .user-info-details-avatar {
  margin-right: 19px;
}

.my-following-content .user-info-actions {
  margin-bottom: 8px;
}

.my-following-content .date-label {
  margin-bottom: 0;
  margin-right: 22px;
  font-weight: normal;
}

.paired-agents-content {
  border: 0 !important;
}

.paired-agents-content.section-group header {
  border-bottom: none;
  padding: 15px;
}

.paired-agents-content .search-content {
  margin-right: 16px;
}

.paired-agents-content .arrow {
  border: 5px solid rgba(0, 0, 0, 0);
  border-top-color: #696969;
  border-bottom-width: 0;
  width: 0;
  height: 0;
  margin-left: 4px;
  display: inline-block;
}

.paired-agents-content .user-info {
  position: relative;
}

.paired-agents-content .user-robin {
  background: url("/images/robin_logo_round.svg");
  width: 24px;
  height: 24px;
  position: absolute;
  top: 46px;
  left: 63px;
}

.paired-agents-content .user-robin-access {
  font-size: 14px;
  font-weight: bold;
  line-height: 16px;
}

.paired-agents-content .none-found h1 {
  margin-bottom: 0;
}

.paired-agents-content .none-found p {
  margin-bottom: 32px;
}

@media (max-width: 599px) {
  .paired-agents-content table tbody tr:first-child td {
    border-top: 0;
  }
}

.paired-agents-content table tbody tr td:first-child {
  width: 72px;
}

@media (max-width: 599px) {
  .paired-agents-content table tbody tr td:first-child {
    width: 60px;
  }
}

.paired-agents-content table tbody tr td:nth-child(2) {
  width: 39%;
}

@media (max-width: 599px) {
  .paired-agents-content table tbody tr td:nth-child(2) {
    width: auto;
  }
}

.paired-agents-content table .preferred-vendor-tooltip {
  position: relative;
}

.paired-agents-content table img {
  width: 60px;
  height: 60px;
}

@media (max-width: 599px) {
  .paired-agents-content table img {
    width: 45px;
    height: 45px;
  }
}

.paired-agents-content table .email {
  word-wrap: break-word;
}

@media (max-width: 599px) {
  .paired-agents-content table .email {
    max-width: 180px;
  }
}

.paired-agents-content table .ball {
  border: 1px solid #76888f;
  border-radius: 50%;
  width: 15px;
  height: 15px;
  display: inline-block;
}

.paired-agents-content table .ball.yes {
  background: #8cb63f;
  border-color: #8cb63f;
}

@media (max-width: 599px) {
  .paired-agents-content table .ball {
    width: 9px;
    height: 9px;
  }
}

.paired-agents-content table .btn-group .btn.btn_large_view {
  width: 161px;
}

.paired-agents-content .locked {
  color: #b9b9b9;
}

.paired-agents-content .locked-message {
  text-align: left;
  padding: 20px;
}

.paired-agents-content .locked-message a {
  white-space: normal;
  text-align: left;
}

.paired-agents-content .locked-message a i {
  min-width: 24px;
  margin-right: 10px;
}

@media (max-width: 599px) {
  .paired-agents-content .locked-message a i {
    margin-right: 5px;
    font-size: 22px;
  }

  .paired-agents-content .locked-message a {
    font-size: 12px;
  }

  .paired-agents-content .following-status {
    margin: 10px 0 4px;
  }
}

.paired-agents-content .btn-link .fs-10 {
  vertical-align: middle;
  display: inline-block;
}

.paired-agents-content .user-info-details {
  margin-bottom: 16px;
  display: flex;
}

.paired-agents-content .user-info-details .user-info-details-avatar {
  margin-right: 19px;
  position: relative;
}

.paired-agents-content .user-info-details .user-info-details-avatar .user-robin {
  top: 25px;
  left: 30px;
}

.paired-agents-content .user-info-actions {
  margin-bottom: 8px;
}

.paired-agents-content .user-robin-area {
  text-align: center;
  font-weight: normal;
}

.paired-agents-content .user-robin-activate {
  color: #007780;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
}

.paired-agents-content .user-robin-status {
  color: #696969;
  font-size: 14px;
  font-weight: bold;
  line-height: 16px;
  display: block;
}

@media (max-width: 599px) {
  .paired-agents-content .user-robin-status {
    display: inline-block;
  }
}

md-tooltip.listreports.md-tooltip-arrow {
  overflow: visible;
}

md-tooltip.listreports.md-tooltip-arrow .arrow {
  z-index: 9999;
  border: 15px solid rgba(0, 0, 0, 0);
  border-top-width: 0;
  border-bottom: 16px solid #1e2b35;
  width: 0;
  height: 0;
  position: absolute;
  top: -11px;
  left: 50%;
  transform: translateX(-50%);
}

.follow-agent-modal .modal-dialog {
  max-width: 520px;
  height: 100%;
}

@media (max-width: 599px) {
  .follow-agent-modal .modal-dialog {
    width: auto;
    overflow-y: scroll;
  }
}

.follow-agent-modal .modal-content {
  max-width: 520px;
}

.follow-agent-modal .modal-content p {
  margin-top: 20px;
}

.follow-agent-modal .modal-content .subtitle {
  margin-top: -10px;
}

.follow-agent-modal .modal-content .view-agent-details {
  border: 6px solid #ecf0f1;
  border-bottom: 0;
  margin-top: 16px;
  padding: 20px 20px 0;
}

.follow-agent-modal .modal-content .view-agent-details .info-column {
  text-align: center;
}

.follow-agent-modal .modal-content .cta-wrap {
  border: none;
  padding: 6px 20px 20px;
}

.follow-agent-modal .modal-content .cta-wrap.border {
  border: 6px solid #ecf0f1;
  border-top: none;
}

.follow-agent-modal .modal-content .invite-checkbox-wrap {
  padding: 15px 30px;
  display: block;
  position: relative;
}

.follow-agent-modal .modal-content .invite-checkbox-wrap fancy-checkbox {
  max-width: 300px;
  display: inline-block;
}

.follow-agent-modal .modal-content .invite-checkbox-wrap.border {
  border-left: 6px solid #ecf0f1;
  border-right: 6px solid #ecf0f1;
}

.follow-agent-modal .modal-content .agent-invite-count {
  margin: 16px auto 12px;
  font-size: 12px;
}

.follow-agent-modal .modal-content .agent-invite-count.red {
  color: #d51d4c;
  cursor: pointer;
}

.follow-agent-modal .modal-content .agent-invite-count.green {
  color: #8cb63f;
}

.follow-agent-modal .modal-content .test-invite-email-wrap {
  margin: 15px auto 25px;
}

.follow-agent-modal .modal-content .test-invite-email-wrap .test-invite-email-btn {
  max-width: 168px;
}

.follow-agent-modal .modal-content .test-invite-email-wrap .test-invite-email-btn i.lr {
  font-size: 18px;
  top: 2px;
}

@media (max-width: 599px) {
  .follow-agent-modal .modal-content .test-invite-email-wrap .test-invite-email-btn {
    max-width: none;
  }
}

.follow-agent-modal .modal-content .test-invite-email-wrap .view-agent-experience-btn {
  border-left: 1px solid #d5dfe3;
}

@media (max-width: 599px) {
  .follow-agent-modal .modal-content .test-invite-email-wrap .view-agent-experience-btn {
    border-left: none;
  }

  .follow-agent-modal .modal-content .test-invite-email-wrap .btn {
    padding: 4px 0;
  }
}

.follow-agent-modal .modal-content .invite-link-tooltip {
  font-size: 14px;
  position: relative;
  top: 0;
}

.follow-agent-modal .modal-content .separator {
  border-top: 1px solid #d5dfe3;
  margin: 4px 0;
}

@media (max-width: 599px) {
  .follow-agent-modal .modal-content {
    width: auto;
  }
}

.enroll-agent-modal .modal-dialog {
  max-width: 520px;
  height: 100%;
}

@media (max-width: 599px) {
  .enroll-agent-modal .modal-dialog {
    width: auto;
    overflow-y: scroll;
  }
}

.enroll-agent-modal .modal-content {
  max-width: 520px;
}

.enroll-agent-modal .modal-content p {
  margin-top: 20px;
}

.enroll-agent-modal .modal-content .subtitle {
  margin-top: -10px;
}

.enroll-agent-modal .modal-content .invite-checkbox-wrap {
  padding: 15px 30px;
  display: inline-block;
  position: relative;
}

.enroll-agent-modal .modal-content .invite-checkbox-wrap fancy-checkbox {
  max-width: 300px;
  display: inline-block;
}

.enroll-agent-modal .modal-content .view-agent-details {
  border: 6px solid #ecf0f1;
  border-bottom: 0;
  margin-top: 16px;
  padding: 20px 20px 0;
}

.enroll-agent-modal .modal-content .cta-wrap {
  border: none;
  padding: 20px;
}

.enroll-agent-modal .modal-content .cta-wrap.border {
  border: 6px solid #ecf0f1;
  border-top: none;
}

.enroll-agent-modal .modal-content .test-invite-email-wrap {
  margin: 15px auto 25px;
}

.enroll-agent-modal .modal-content .test-invite-email-wrap .test-invite-email-btn {
  max-width: 168px;
}

.enroll-agent-modal .modal-content .test-invite-email-wrap .test-invite-email-btn i.lr {
  font-size: 18px;
}

@media (max-width: 599px) {
  .enroll-agent-modal .modal-content .test-invite-email-wrap .test-invite-email-btn {
    max-width: none;
  }
}

.enroll-agent-modal .modal-content .test-invite-email-wrap .view-agent-experience-btn {
  border-left: 1px solid #d5dfe3;
}

@media (max-width: 599px) {
  .enroll-agent-modal .modal-content .test-invite-email-wrap .view-agent-experience-btn {
    border-left: none;
  }

  .enroll-agent-modal .modal-content .test-invite-email-wrap .btn {
    padding: 4px 0;
  }
}

.enroll-agent-modal .modal-content .test-invite-email-wrap .btn .lr {
  top: 2px;
}

.enroll-agent-modal .modal-content .agent-invite-count {
  margin: 16px auto 12px;
  font-size: 12px;
}

.enroll-agent-modal .modal-content .agent-invite-count.red {
  color: #d51d4c;
  cursor: pointer;
}

.enroll-agent-modal .modal-content .agent-invite-count.green {
  color: #8cb63f;
}

.enroll-agent-modal .modal-content .separator {
  border-top: 1px solid #d5dfe3;
  margin: 4px 0;
}

.enroll-agent-modal .modal-content .copy-paste-wrap {
  margin-top: 36px;
}

.enroll-agent-modal .modal-content .cancel-link-wrap {
  margin-top: 8px;
}

.enroll-agent-modal .modal-content .invite-link-tooltip {
  font-size: 14px;
  position: relative;
  top: 0;
}

@media (max-width: 599px) {
  .enroll-agent-modal .modal-content {
    width: auto;
  }
}

.enroll-agent-modal .modal-content .already-paired-wrap .error-box {
  text-align: center;
  justify-content: center;
  margin: 12px auto;
}

pending-agents .headshot {
  color: #fff;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  margin-right: 15px;
  padding: 12px 0;
  font-size: 16px;
  overflow: hidden;
}

@media (max-width: 599px) {
  pending-agents tr.first td {
    border-top: 0;
  }
}

pending-agents .no-items-found {
  border-top: 1px solid #d5dfe3;
}

relationships-invite-agent form {
  max-width: 540px;
  margin: 0 auto;
  display: block;
}

relationships-invite-agent p {
  margin-top: 20px;
}

relationships-invite-agent h2, relationships-invite-agent .cba-banner banner .title, .cba-banner banner relationships-invite-agent .title, relationships-invite-agent abn-banner banner .title, abn-banner banner relationships-invite-agent .title {
  margin: 0;
}

relationships-invite-agent .view-agent-details {
  border: 6px solid #ecf0f1;
  border-bottom: 0;
  margin-top: 16px;
  padding: 20px 20px 0;
}

relationships-invite-agent .view-agent-details .info-column {
  text-align: center;
}

relationships-invite-agent .cta-wrap {
  border: none;
  padding: 20px 20px 50px;
}

relationships-invite-agent .cta-wrap.border {
  border: 6px solid #ecf0f1;
  border-top: none;
}

@media (max-width: 599px) {
  relationships-invite-agent .cta-wrap {
    padding: 20px;
  }
}

relationships-invite-agent .test-invite-email-wrap {
  margin: 15px;
}

relationships-invite-agent .test-invite-email-wrap > div {
  padding: 5px 15px;
}

relationships-invite-agent .agent-invite-count {
  margin: 16px auto 12px;
  font-size: 12px;
}

relationships-invite-agent .agent-invite-count.red {
  color: #d51d4c;
  cursor: pointer;
}

relationships-invite-agent .agent-invite-count.green {
  color: #8cb63f;
}

relationships-invite-agent .separator {
  border-top: 1px solid #d5dfe3;
  margin: 4px 0;
}

relationships-invite-agent .copy-paste-wrap {
  margin-top: 36px;
}

relationships-invite-agent .cancel-link-wrap {
  margin-top: 8px;
}

relationships-invite-agent .invite-link-tooltip {
  font-size: 14px;
  position: relative;
  top: 0;
}

relationships-invite-agent .already-paired-wrap .error-box {
  text-align: center;
  justify-content: center;
  margin: 12px auto;
}

@media (min-width: 600px) {
  relationships-invite-agent agent-search .view-agent-details {
    padding-top: 50px;
  }

  relationships-invite-agent .incomplete-info agent-search .view-agent-details {
    padding-top: 20px;
  }
}

relationships-invite-agent .incomplete-info .cta-wrap {
  padding: 20px;
}

relationships-invite-agent .invite-completed .header {
  margin-bottom: 50px;
}

relationships-invite-agent .invite-completed h1 {
  margin: 10px 0;
}

relationships-invite-agent .invite-completed p {
  margin-top: 0;
}

relationships-invite-agent .invite-completed .divider {
  height: 42px;
  filter: progid:DXImageTransform. Microsoft. gradient(startColorstr= "#f7f7f7", endColorstr= "#ffffff", GradientType= 0);
  background: linear-gradient(#f7f7f7 0%, #fff 100%);
  margin: 0 -50px -42px;
}

@media (max-width: 599px) {
  relationships-invite-agent .invite-completed .divider {
    margin: 0 -35px -42px;
  }
}

relationships-invite-agent .invite-completed .cta {
  margin: 0 -50px -50px;
}

relationships-invite-agent .invite-completed .cta > div {
  padding: 70px 40px;
}

relationships-invite-agent .invite-completed .cta > div:first-child {
  border-right: 1px solid #ecf0f1;
}

@media (max-width: 959px) {
  relationships-invite-agent .invite-completed .cta > div:first-child {
    border-bottom: 1px solid #ecf0f1;
    border-right: 0;
  }
}

@media (max-width: 599px) {
  relationships-invite-agent .invite-completed .cta > div {
    padding: 40px 20px;
  }

  relationships-invite-agent .invite-completed .cta {
    margin: 0 -35px -35px;
  }

  relationships-invite-agent {
    width: auto;
  }
}

.my-leads {
  max-width: 1400px;
  display: block;
}

.my-leads .banner-header {
  background-image: url("/images/agent-headers/background/LR_Realtor_Headers_Relationships.png");
}

@media (max-width: 600px) {
  .my-leads .banner-header {
    background-image: url("/images/agent-headers/background/LR_Realtor_Headers_Relationships_Mobile.png");
  }
}

.my-leads .tabs {
  background: none;
  border-bottom: 5px solid #007780;
  max-width: 100%;
  font-size: 18px;
  font-weight: bold;
  overflow-x: hidden;
}

.my-leads .tabs .tab {
  text-transform: uppercase;
  color: #007780;
  cursor: pointer;
  background: #fff;
  border: 1px solid #e0e0df;
  border-bottom-width: 0;
  margin-top: 10px;
  margin-left: -1px;
  padding: 10px;
}

.my-leads .tabs .tab:first-child {
  border-left-width: 1px;
  margin-left: 0;
}

.my-leads .tabs .tab:last-child {
  margin-right: -1px;
}

.my-leads .tabs .tab.selected {
  z-index: 2;
  color: #fff;
  background: #007780;
  border-color: #007780;
  margin-top: 0;
  padding-top: 20px;
}

@media (max-width: 599px) {
  .my-leads .tabs .tab.selected {
    padding-top: 15px;
    padding-bottom: 10px;
    color: #007780 !important;
    background: #fff !important;
    border-color: #e0e0df #e0e0df #007780 !important;
    border-bottom-style: solid !important;
    border-bottom-width: 5px !important;
  }

  .my-leads .tabs .tab {
    text-transform: none;
    border: 0;
    margin-top: 0;
    padding-top: 15px;
    padding-bottom: 15px;
    color: #696969 !important;
  }

  .my-leads .tabs {
    font-size: 14px;
    border-top: 1px solid #e0e0df !important;
    border-bottom: 1px solid #e0e0df !important;
  }
}

.my-leads .utilities {
  padding: 0 20px;
}

.my-leads .utilities .search {
  background: #fff;
}

.my-leads .banner-wrap {
  margin-bottom: 20px;
}

@media (min-width: 600px) {
  .my-leads {
    margin-bottom: 50px;
  }
}

.my-leads button.hidden-input {
  opacity: 0;
  border: 0;
  width: 0;
  max-width: 0;
  height: 0;
  max-height: 0;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.my-leads .enroll-stats {
  border-top: none;
  border-left: none;
  border-right: none;
  margin-bottom: 0;
}

.my-leads-content table img {
  width: 60px;
  height: 60px;
}

@media (max-width: 599px) {
  .my-leads-content table img {
    width: 45px;
    height: 45px;
  }

  .my-leads-content table .title {
    font-size: 18px;
  }
}

.my-leads-content .textdrip {
  border: 1px solid #7ba915;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  margin: 0;
  display: inline-block;
}

.my-leads-content .textdrip.yes {
  background: #7ba915;
}

.my-leads-content a {
  color: #007780;
  cursor: pointer;
  font-weight: bold;
}

.my-leads-content .attention-banner {
  width: 30px;
}

@media (max-width: 599px) {
  .my-leads-content .section-group:first-child {
    border-bottom-width: 0;
  }
}

.my-leads-content .lr-caret-up {
  font-size: 10px !important;
}

.my-leads-content .lr-caret-up.lr-selected {
  color: #007780;
}

.my-leads-content .info-row {
  height: 90px;
}

.my-leads-content .source-column {
  max-width: 200px;
}

.my-leads-content .btn-column {
  width: 160px;
}

.my-leads-content .btn-column .btn-secondary {
  max-width: 120px;
}

.my-leads-content .btn-column .btn-group {
  width: auto;
  max-width: 120px;
}

.my-leads-content .btn-column .btn-group .btn-secondary {
  max-width: 80px;
  display: inline;
}

.my-leads-content .btn-column .btn-group .btn-secondary.dropdown-toggle {
  max-width: 40px;
}

.my-leads-content .filter-btn {
  border: 0;
  align-items: center;
  width: 75px;
  min-width: 75px;
  padding: 10px;
  display: flex;
}

.my-leads-content header {
  padding: 10px !important;
}

@media (min-width: 599px) {
  .my-leads-content .just-listed-value-proposition {
    margin: 40px;
  }
}

.my-leads-content .just-listed-value-proposition {
  margin: 15px;
}

.my-leads-content .just-listed-value-proposition .just-listed-alert-image {
  height: 250px;
  width: unset;
}

@media (min-width: 599px) {
  .my-leads-content .just-listed-value-proposition .just-listed-alert-text {
    margin-left: 60px;
  }
}

.my-leads-content .just-listed-value-proposition .just-listed-alert-text {
  max-width: 375px;
  min-height: 180px;
}

.my-leads-content .just-listed-value-proposition .just-listed-alert-text h1 {
  margin: 16px 0;
  font-size: 28px;
}

.my-leads-content .just-listed-value-proposition .just-listed-alert-text h3 {
  margin-bottom: 5px;
  font-size: 18px;
}

.my-leads-content .just-listed-value-proposition .just-listed-alert-text .text {
  margin-bottom: 16px;
}

.my-leads-content .header-row {
  height: 50px;
}

.my-leads-content .header-row .text {
  margin-right: 5px;
}

.my-leads-content .page-container {
  padding-top: 15px;
  padding-bottom: 15px;
  border-top: 1px solid #ddd !important;
}

.my-leads-content .search-form {
  position: relative;
}

.my-leads-content .search-form input {
  padding-right: 38px;
}

.my-leads-content .search-form .clear {
  cursor: pointer;
  margin-top: -6px;
  font-size: 12px;
  position: absolute;
  top: 50%;
  right: 60px;
}

@media (max-width: 599px) {
  .my-leads-content .search-form .clear {
    margin-top: -7px;
    font-size: 14px;
  }
}

.my-leads-content .search-form .input-group-btn {
  width: 45px;
}

.my-leads-content .search-form .submit-btn {
  width: 45px;
  height: 44px;
}

.my-leads-content search-input .form-control, .my-leads-content search-input login-phone-verification .code-input-wrap input, login-phone-verification .code-input-wrap .my-leads-content search-input input, .my-leads-content search-input .account-verification-code .code-input-wrap input, .account-verification-code .code-input-wrap .my-leads-content search-input input {
  width: 360px;
}

@media (max-width: 599px) {
  .my-leads-content search-input .form-control, .my-leads-content search-input login-phone-verification .code-input-wrap input, login-phone-verification .code-input-wrap .my-leads-content search-input input, .my-leads-content search-input .account-verification-code .code-input-wrap input, .account-verification-code .code-input-wrap .my-leads-content search-input input {
    width: 100%;
  }
}

.my-leads-content .my-listreports-taken {
  opacity: .5;
}

.my-leads-content .cell-fit-content {
  width: -webkit-fit-content;
  width: fit-content;
}

lead-status-symbol {
  display: inline-block;
}

lead-status-symbol .round {
  border: 1px solid #1e2b35;
  border-radius: 50%;
  width: 45px;
  height: 45px;
}

my-lead-detail {
  max-width: 1024px;
  font-size: 14px;
}

my-lead-detail .title {
  margin-top: 16px;
  margin-bottom: 16px;
  margin-left: 14px;
}

@media (min-width: 600px) {
  my-lead-detail .title {
    margin-top: 20px;
    margin-left: 0;
  }
}

my-lead-detail statsbar h3 {
  line-height: 20px;
}

my-lead-detail statsbar .stat {
  width: 170px;
  height: 110px !important;
}

my-lead-detail tabbar.rightTab .label-holder {
  border: 0;
}

my-lead-detail tabbar.rightTab .card {
  border: 0 !important;
}

my-lead-detail tabbar.rightTab tablabel {
  width: 145px;
}

my-lead-detail .event-entry {
  padding-left: 20px;
}

my-lead-detail .event-entry h2, my-lead-detail .event-entry .cba-banner banner .title, .cba-banner banner my-lead-detail .event-entry .title, my-lead-detail .event-entry abn-banner banner .title, abn-banner banner my-lead-detail .event-entry .title {
  text-align: center;
  margin-bottom: 0;
}

@media (min-width: 600px) {
  my-lead-detail .event-entry h2, my-lead-detail .event-entry .cba-banner banner .title, .cba-banner banner my-lead-detail .event-entry .title, my-lead-detail .event-entry abn-banner banner .title, abn-banner banner my-lead-detail .event-entry .title {
    text-align: left;
  }
}

my-lead-detail .event-entry h3 {
  text-align: center;
  color: #b5bbbf;
  width: 50%;
}

@media (min-width: 600px) {
  my-lead-detail .event-entry h3 {
    text-align: left;
  }
}

my-lead-detail .event-entry {
  background-position: right 20% top 50%;
  background-repeat: no-repeat;
  background-size: 35px;
}

@media (min-width: 600px) {
  my-lead-detail .sent {
    background-image: url("/images/icon-stickers/sent.svg");
  }

  my-lead-detail .opened {
    background-image: url("/images/icon-stickers/emails-opened.svg");
  }

  my-lead-detail .viewed {
    background-image: url("/images/icon-stickers/viewed.svg");
    background-size: 30px;
  }

  my-lead-detail .new {
    background-image: url("/images/icon-stickers/new.svg");
    background-size: 30px;
  }
}

my-lead-detail .border-right {
  border-right: 1px solid #d5dfe3;
}

my-lead-detail .border-bottom {
  border-bottom: 1px solid #d5dfe3;
}

my-lead-detail .border-top {
  border-top: 1px solid #d5dfe3;
}

my-lead-detail .view-lead-v2 {
  max-width: 1024px;
}

my-lead-detail .btn {
  min-width: 100px;
}

my-lead-detail .btn-secondary {
  width: 80px;
  min-width: 0;
  padding: 0;
  font-weight: normal;
}

my-lead-detail .breadcrumbs {
  margin-bottom: 17px;
}

my-lead-detail .information-panels {
  width: 100%;
  margin-right: 0;
}

@media (min-width: 600px) {
  my-lead-detail .information-panels {
    margin-right: 20px;
  }
}

my-lead-detail .lead-profile {
  padding: 16px;
  position: relative;
}

my-lead-detail .lead-profile .headshot {
  vertical-align: top;
  text-align: center;
  background-color: #ecf0f0;
  width: 80px;
  height: 80px;
  margin-bottom: 20px;
  display: inline-block;
}

my-lead-detail .lead-profile .headshot h1 {
  margin: 0;
  line-height: 80px;
}

@media (min-width: 600px) {
  my-lead-detail .lead-profile .headshot {
    width: 100px;
    height: 100px;
    margin-right: 20px;
  }

  my-lead-detail .lead-profile .headshot h1 {
    line-height: 100px;
  }
}

my-lead-detail .lead-profile .lead-info {
  margin-bottom: 10px;
}

my-lead-detail .lead-profile .lead-info h2, my-lead-detail .lead-profile .lead-info .cba-banner banner .title, .cba-banner banner my-lead-detail .lead-profile .lead-info .title, my-lead-detail .lead-profile .lead-info abn-banner banner .title, abn-banner banner my-lead-detail .lead-profile .lead-info .title {
  margin-top: 0;
  margin-bottom: 10px;
  line-height: 20px;
}

my-lead-detail .lead-profile .lead-info .entry select {
  background-size: 10px;
}

my-lead-detail .lead-profile .lead-info .entry {
  margin-bottom: 3px;
}

@media (min-width: 600px) {
  my-lead-detail .lead-profile .lead-info {
    display: inline-block;
  }
}

my-lead-detail .lead-profile .lead-info select {
  background-color: #fff;
  background-size: initial;
  font-weight: 600;
  background-image: url("/images/icons/select-arrow-dark.png") !important;
  padding-right: 15px !important;
}

@media (min-width: 600px) {
  my-lead-detail .lead-profile {
    padding: 20px;
  }
}

my-lead-detail .no-alerts, my-lead-detail .pending-alerts {
  margin-top: 28px;
  padding-bottom: 32px;
  padding-left: 16px;
  padding-right: 16px;
}

@media (min-width: 600px) {
  my-lead-detail .no-alerts, my-lead-detail .pending-alerts {
    margin-top: 32px;
    padding-bottom: 40px;
    padding-left: 44px;
    padding-right: 168px;
  }
}

my-lead-detail .no-alerts h2, my-lead-detail .no-alerts .cba-banner banner .title, .cba-banner banner my-lead-detail .no-alerts .title, my-lead-detail .no-alerts abn-banner banner .title, abn-banner banner my-lead-detail .no-alerts .title, my-lead-detail .pending-alerts h2, my-lead-detail .pending-alerts .cba-banner banner .title, .cba-banner banner my-lead-detail .pending-alerts .title, my-lead-detail .pending-alerts abn-banner banner .title, abn-banner banner my-lead-detail .pending-alerts .title {
  margin-bottom: 0;
}

my-lead-detail .no-alerts p, my-lead-detail .pending-alerts p {
  font-size: 18px;
}

my-lead-detail .notes-header {
  text-align: right;
  height: 50px;
  position: relative;
}

my-lead-detail .notes-header .add-note-btn {
  position: absolute;
  top: 50%;
  right: 5px;
  transform: translate(0, -50%);
}

my-lead-detail .list-alerts {
  height: 100%;
  font-size: 18px;
}

my-lead-detail .list-alerts h2, my-lead-detail .list-alerts .cba-banner banner .title, .cba-banner banner my-lead-detail .list-alerts .title, my-lead-detail .list-alerts abn-banner banner .title, abn-banner banner my-lead-detail .list-alerts .title {
  margin: 10px 0;
}

my-lead-detail .list-alerts .btn-link {
  font-size: 18px;
}

@media (max-width: 959px) {
  my-lead-detail .list-alerts .btn-link {
    font-size: 14px;
  }
}

my-lead-detail .list-alerts .icon-wrap {
  font-size: 18px;
}

my-lead-detail .list-alerts .titles {
  border-right: 1px solid #d5dfe3;
  min-width: 210px;
}

my-lead-detail .list-alerts .titles > div {
  border-bottom: 1px solid #d5dfe3;
  padding: 30px;
}

my-lead-detail .list-alerts .titles > div:last-child {
  border-bottom: 0;
}

my-lead-detail .list-alerts .disabled {
  color: rgba(118, 136, 143, .5);
}

my-lead-detail .list-alerts > .wrapper > div {
  border-bottom: 1px solid #d5dfe3;
}

my-lead-detail .list-alerts > .wrapper > div:last-child {
  border-bottom: 0;
}

my-lead-detail .list-alerts .pad {
  padding: 30px;
}

@media (max-width: 959px) {
  my-lead-detail .list-alerts {
    font-size: 14px;
  }
}

my-lead-detail .notes-wrapper {
  margin-top: 20px;
}

@media (max-width: 959px) {
  my-lead-detail .notes-wrapper {
    margin-top: 15px;
    margin-bottom: 15px;
  }
}

.just-listed {
  min-height: 400px;
}

.just-listed .edit-alerts {
  padding: 20px;
}

.just-listed .header {
  padding: 10px 20px;
}

.just-listed .line, .just-listed .pageit-wrapper {
  padding: 20px;
}

.owner-hub .report-info {
  height: 100%;
}

.owner-hub .report-info .home-report {
  padding: 20px;
}

.owner-hub .report-info .home-report .home-value-title {
  margin-bottom: 5px;
}

@media (min-width: 599px) {
  .owner-hub .report-info .home-report .home-value-title {
    margin-top: 20px;
    margin-bottom: 10px;
  }
}

.owner-hub .report-info .line {
  padding: 10px 20px;
}

.owner-hub .report-info .disclaimer {
  margin-top: 30px;
  padding: 0 20px 20px;
}

.owner-hub .report-info .calculations-btn-wrapper {
  text-align: right;
  padding: 20px;
}

.owner-hub .report-info .calculations-btn {
  width: auto;
}

.owner-hub .report-info h3 {
  margin-top: 0;
}

.owner-hub .report-info .table-head {
  justify-content: flex-end;
  align-items: flex-end;
  display: inline-flex;
}

.owner-hub .report-info h5 {
  color: #525658;
  letter-spacing: 1px;
  margin-top: 0;
  margin-bottom: 3px;
  font-size: 12px;
  font-weight: 600;
}

.owner-hub .report-info .home-info {
  margin-top: 20px;
  margin-left: -12px;
  margin-right: -12px;
}

.owner-hub .report-info .home-info > * {
  padding-left: 12px;
  padding-right: 12px;
}

.owner-hub .report-info .data {
  font-weight: 600;
}

.owner-hub .report-info .positive-balance {
  color: #8cb63e;
}

.owner-hub .report-info .negative-balance {
  color: #d61c4b;
}

.owner-hub .report-info .label {
  margin-bottom: 5px;
  font-size: 14px;
}

@media only screen and (max-width: 599px) {
  .owner-hub .report-info .actions {
    display: block;
  }
}

.owner-hub .report-info .actions {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding: 20px 20px 0;
  display: flex;
}

@media only screen and (max-width: 599px) {
  .owner-hub .extra {
    width: 100%;
    margin-top: 16px;
  }
}

.owner-hub .extra {
  margin-bottom: 16px;
}

.owner-hub .primary-actions {
  border: 1px solid #d5dfe3;
  border-radius: 3px;
  margin-bottom: 16px;
  display: inline-flex;
}

.owner-hub .primary-action {
  color: #1e2b35;
  background-color: #fff;
  border: none;
  border-right: 1px solid #d5dfe3;
  align-items: center;
  height: 42px;
  padding: 0 14px;
  font-weight: bold;
  display: flex;
}

.owner-hub .primary-action:last-child {
  border-right: none;
}

.owner-hub .homeiq-message {
  margin-top: 0;
  margin-bottom: 24px;
}

.owner-hub .no-alerts .btn {
  font-size: inherit;
}

.edit-ownerhub .headshot {
  vertical-align: top;
  text-align: center;
  background-color: #ecf0f0;
  width: 80px;
  height: 80px;
  margin-bottom: 10px;
  display: inline-block;
}

.edit-ownerhub .headshot h1 {
  margin: 0;
  line-height: 80px;
}

@media (min-width: 600px) {
  .edit-ownerhub .headshot {
    width: 100px;
    height: 100px;
    margin-right: 10px;
  }

  .edit-ownerhub .headshot h1 {
    line-height: 100px;
  }
}

.edit-ownerhub h2, .edit-ownerhub .cba-banner banner .title, .cba-banner banner .edit-ownerhub .title, .edit-ownerhub abn-banner banner .title, abn-banner banner .edit-ownerhub .title {
  margin: 0 !important;
}

.edit-ownerhub .modal-dialog {
  max-width: 425px;
}

.edit-ownerhub .btn {
  justify-content: center;
  display: flex;
}

.edit-ownerhub .text {
  margin-bottom: 16px;
}

.edit-ownerhub .title {
  text-align: center;
  font-size: 28px;
  font-weight: 600;
}

.edit-ownerhub .field-name {
  margin-bottom: 4px;
  font-size: 14px;
  font-weight: 600;
}

.edit-ownerhub .field-input {
  border: 1px solid #d5dfe3;
  border-radius: 2px;
  width: 100%;
  height: 42px;
  margin-bottom: 16px;
  padding: 0 12px;
}

.edit-ownerhub .field-description {
  margin-bottom: 8px;
}

.edit-ownerhub .button-wrapper {
  width: 95px;
  margin: 0 auto;
}

.edit-ownerhub .update-loan-form .btn-secondary, .edit-ownerhub .update-address-form .btn-secondary, .edit-ownerhub .update-home-value-form .btn-secondary {
  border: none;
}

.edit-ownerhub .unsubscribe-form .btn:first-child {
  margin-left: 0;
  margin-right: 5px;
}

.edit-ownerhub .unsubscribe-form .btn:last-child {
  margin-top: 0;
  margin-left: 5px;
}

.edit-ownerhub .error-icon {
  font-size: 14px;
}

.edit-ownerhub .error-box {
  margin-top: 0;
  margin-bottom: 24px;
}

.edit-ownerhub .error-box:before {
  font-size: 20px;
}

.edit-ownerhub .error-message {
  padding-left: 6px;
  font-size: 14px;
}

.edit-ownerhub .field-input-error {
  border-color: #d51d4c;
}

.edit-ownerhub .unit-input-container {
  width: 51px;
  margin-left: 8px;
}

.edit-ownerhub .unit-input {
  padding: 0 6px;
}

.edit-lead-modal .headshot {
  vertical-align: top;
  text-align: center;
  background-color: #ecf0f0;
  width: 80px;
  height: 80px;
  margin-bottom: 10px;
  display: inline-block;
}

.edit-lead-modal .headshot h1 {
  margin: 0;
  line-height: 80px;
}

@media (min-width: 600px) {
  .edit-lead-modal .headshot {
    width: 100px;
    height: 100px;
    margin-right: 10px;
  }

  .edit-lead-modal .headshot h1 {
    line-height: 100px;
  }
}

.edit-lead-modal .modal-dialog {
  max-width: 425px;
}

.edit-lead-modal .title {
  text-align: center;
  margin-bottom: 24px;
  font-size: 28px;
  font-weight: 600;
}

.edit-lead-modal .field-name {
  margin-bottom: 4px;
  font-size: 14px;
  font-weight: 600;
}

.edit-lead-modal .field-input {
  border: 1px solid #d5dfe3;
  border-radius: 2px;
  width: 100%;
  height: 42px;
  margin-bottom: 16px;
  padding: 0 12px;
}

.edit-lead-modal .field-description {
  margin-bottom: 8px;
  line-height: 18px;
}

.edit-lead-modal .field-description a {
  line-height: 18px;
}

.edit-lead-modal .button-wrapper {
  width: 95px;
  margin: 0 auto;
}

.edit-lead-modal .btn-secondary {
  border: none;
}

.edit-lead-modal .error-icon {
  font-size: 14px;
}

.edit-lead-modal .error-box {
  margin-top: 0;
  margin-bottom: 24px;
}

.edit-lead-modal .error-box:before {
  font-size: 20px;
}

.edit-lead-modal .error-message {
  padding-left: 6px;
  font-size: 14px;
}

.edit-lead-modal .field-input-error {
  border-color: #d51d4c;
}

.edit-lead-modal .buttons-area {
  margin-top: 24px;
}

.edit-lead-modal .unit-input-container {
  width: 51px;
  margin-left: 8px;
}

.edit-lead-modal .unit-input {
  padding: 0 6px;
}

new-lead .new-lead {
  max-width: 1000px;
}

new-lead form {
  max-width: 680px;
  margin: 30px auto 0;
  display: block;
}

@media (max-width: 599px) {
  new-lead form {
    margin: -25px;
  }
}

new-lead .buttons-holder {
  margin: 25px 0 15px;
}

@media (max-width: 599px) {
  new-lead .buttons-holder {
    margin-left: 20px;
    margin-right: 20px;
  }
}

new-lead .collapsable-section .cs-header {
  background: #e0e0df;
}

new-lead .collapsable-section .cs-bullet {
  text-align: center;
  color: #fff;
  background: #007780;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  margin-right: 20px;
  font-size: 18px;
  font-weight: bold;
  line-height: 40px;
}

new-lead .abnlisting {
  z-index: 2;
  background: #fff;
  border: 1px solid #d5dfe3;
  border-bottom: 0;
  margin-bottom: -1px;
  position: relative;
}

new-lead .abnlisting .hero {
  background-color: rgba(0, 0, 0, 0);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 140px;
  margin-right: 20px;
  display: block;
}

@media (max-width: 599px) {
  new-lead .abnlisting .hero {
    width: 116px;
    margin-right: 10px;
  }
}

new-lead .abnlisting .listing-info .inline-listing-details > div {
  border-right: 1px solid #ecf0f1;
  height: 10px;
  padding-right: 5px;
  line-height: 8px;
}

new-lead .abnlisting .listing-info .inline-listing-details > div:last-child {
  border-right: 0;
}

@media (max-width: 599px) {
  new-lead .abnlisting .listing-info {
    padding: 15px;
  }
}

new-lead .abnlisting .listing-details .box {
  border-left: 1px solid #ecf0f1;
  min-width: 106px;
  padding: 20px 15px;
}

new-lead .abnlisting .listing-details .box .lr-2x {
  font-size: 1.8em;
}

new-lead .abnlisting small {
  font-size: 10px;
}

new-lead .abnlisting .vgradient {
  height: 42px;
  filter: progid:DXImageTransform. Microsoft. gradient(startColorstr= "#ffffff", endColorstr= "#f7f7f7", GradientType= 0);
  background: linear-gradient(to top, #fff 0%, #f7f7f7 100%);
}

@media (max-width: 599px) {
  new-lead .abnlisting .subtitle {
    margin-top: -20px;
    font-size: 14px;
  }

  new-lead .abnlisting {
    padding-bottom: 20px;
  }
}

new-lead .section-group .subtitle {
  max-width: 585px;
  margin: 0 auto;
}

@media (max-width: 599px) {
  new-lead .section-group .subtitle {
    max-width: 100%;
    padding-bottom: 50px;
    font-size: 14px;
  }
}

new-lead .select-lender-modal .lender-search {
  margin: 0;
}

new-lead .select-lender-modal .lender-search form {
  margin-top: 0;
}

new-lead .just-listed-alert .form-control, new-lead .just-listed-alert login-phone-verification .code-input-wrap input, login-phone-verification .code-input-wrap new-lead .just-listed-alert input, new-lead .just-listed-alert .account-verification-code .code-input-wrap input, .account-verification-code .code-input-wrap new-lead .just-listed-alert input {
  width: 175px;
}

view-agent, view-agent .my-agent {
  max-width: 1200px;
}

view-agent .agent-info {
  margin-right: 15px;
}

@media (min-width: 600px) {
  view-agent .agent-info .btn-link {
    font-size: 18px;
  }
}

view-agent .agent-info ul li {
  margin-bottom: 25px;
}

view-agent .agent-info ul li span {
  width: 100px;
  display: inline-block;
}

@media (max-width: 599px) {
  view-agent .agent-info ul li span {
    width: auto;
    display: block;
  }

  view-agent .agent-info ul li {
    margin-bottom: 15px;
  }
}

view-agent .agent-info .relationship-details i {
  margin-right: 20px;
  font-size: 12px;
  display: inline-block;
  position: relative;
  top: -1px;
}

@media (max-width: 599px) {
  view-agent .agent-info .relationship-details i {
    margin-right: 10px;
    font-size: 8px;
  }
}

@media (min-width: 600px) {
  view-agent .agent-info {
    font-size: 18px;
  }
}

@media (max-width: 599px) {
  view-agent .agent-info {
    margin-bottom: 15px;
    margin-right: 0;
  }
}

view-agent .agent-stats .column-wrap {
  margin-top: -1px;
  margin-bottom: -1px;
  margin-left: -1px;
}

view-agent .agent-stats .column-wrap:last-child {
  margin-right: -1px;
}

@media (min-width: 600px) {
  view-agent .agent-stats .column-wrap > div:last-child {
    margin-bottom: -2px;
  }
}

view-agent .agent-stats .square {
  border: 1px solid #d5dfe3;
}

view-agent .agent-stats .square:first-child {
  margin-bottom: -1px;
}

@media (max-width: 599px) {
  view-agent .agent-stats .square {
    padding: 25px;
  }
}

view-agent .agent-stats h2, view-agent .agent-stats .cba-banner banner .title, .cba-banner banner view-agent .agent-stats .title, view-agent .agent-stats abn-banner banner .title, abn-banner banner view-agent .agent-stats .title, view-agent .agent-stats h3 {
  margin: 0;
}

view-agent .agent-stats .lr {
  font-size: 25px;
}

view-agent .agent-stats .lr.lr-lock {
  margin-bottom: 10px;
  font-size: 35px;
}

@media (max-width: 599px) {
  view-agent .agent-stats {
    min-height: 340px;
  }
}

view-agent .listings {
  background: #fff;
  padding: 30px;
}

@media (max-width: 599px) {
  view-agent .listings {
    padding-left: 0;
    padding-right: 0;
  }
}

view-agent .listing-wrap {
  padding: 10px;
  position: relative;
}

@media (max-width: 599px) {
  view-agent .listing-wrap {
    margin-bottom: 20px;
    padding: 0;
  }

  view-agent .listing-wrap:last-child {
    margin-bottom: 0;
  }
}

@media (min-width: 600px) {
  view-agent .embed-responsive-wrap {
    padding: 25px 25px 0;
  }
}

view-agent notes {
  margin: -1px;
}

view-agent notes header h2, view-agent notes header .cba-banner banner .title, .cba-banner banner view-agent notes header .title, view-agent notes header abn-banner banner .title, abn-banner banner view-agent notes header .title {
  height: 1px;
  overflow: hidden;
}

view-agent activity-feed {
  margin-bottom: 30px;
}

view-agent .no-listings {
  padding: 15px;
}

view-agent .no-listings > h3 {
  max-width: 505px;
  margin: 0 auto;
}

@media (max-width: 599px) {
  view-agent .no-listings > h3 {
    max-width: 340px;
  }

  view-agent .no-listings {
    padding: 0 15px;
  }
}

view-agent .listing-not-found {
  margin: 30px 10px 10px;
}

view-agent .listing-not-found h3 {
  max-width: 480px;
  margin-right: 20px;
}

@media (max-width: 599px) {
  view-agent .listing-not-found h3 {
    margin-bottom: 15px;
    margin-right: 0;
  }

  view-agent .listing-not-found {
    text-align: center;
    margin: 30px 15px 15px;
  }
}

.invite-agent-modal .modal-content {
  width: 735px;
}

.invite-agent-modal .modal-content .group .form-group {
  padding: 0 5px;
}

.invite-agent-modal .modal-content .group .form-group:first-child {
  padding-left: 0;
}

.invite-agent-modal .modal-content .group .form-group:last-child {
  padding-right: 0;
}

.invite-agent-modal .modal-content .error-box {
  margin-top: 0;
}

@media (max-width: 599px) {
  .invite-agent-modal .modal-content {
    width: 100%;
  }
}

.invite-tc-modal .modal-content .header-img {
  margin: 0 auto 30px;
}

.invite-tc-modal .modal-content .btn-wrap {
  max-width: 320px;
  margin: 12px auto 0;
}

.invite-tc-modal .modal-content .error-box {
  margin-top: 0;
}

@media (max-width: 599px) {
  .invite-tc-modal .modal-content {
    width: 100%;
  }

  .resend-invite-modal .modal-content .btn-wrap .btn {
    margin-bottom: 10px !important;
  }

  .resend-invite-modal .modal-content {
    width: 100%;
  }
}

.robin-agent-modal {
  flex-direction: column;
  height: 100%;
  display: flex;
  overflow-x: hidden;
  overflow-y: auto;
}

.robin-agent-modal .btn[disabled] {
  color: #fff;
  background-color: #b8b8b8;
  border-color: #b8b8b8;
}

.robin-agent-modal .close-modal-btn {
  right: -41px;
}

.robin-agent-modal .close-modal-btn .btn.btn-link.sidewalk, .robin-agent-modal .close-modal-btn .btn.btn-link.sidewalk:hover {
  color: #fff;
}

@media (max-width: 599px) {
  .robin-agent-modal .close-modal-btn {
    z-index: 9999999;
    top: 22px;
    right: 15px;
  }

  .robin-agent-modal .close-modal-btn .btn.btn-link.sidewalk, .robin-agent-modal .close-modal-btn .btn.btn-link.sidewalk:hover {
    color: #b4bbbf;
  }
}

.robin-agent-modal .modal-dialog {
  border: none;
  height: 100%;
  margin: 0 auto;
}

@media (max-width: 599px) {
  .robin-agent-modal .modal-dialog {
    width: auto;
    overflow-y: scroll;
  }
}

.robin-agent-modal.standard-modal .modal-content {
  height: 100%;
  padding: 0;
}

@media (max-width: 599px) {
  .robin-agent-modal.standard-modal {
    box-shadow: none;
    border: none;
  }
}

.robin-agent-modal .select-agent-header {
  text-align: center;
  border-bottom: 1px solid #d5dfe3;
  justify-content: center;
  align-items: center;
  height: 64px;
  margin-bottom: 32px;
  padding: 0 16px;
  display: flex;
  position: relative;
}

.robin-agent-modal .select-agent-header .select-agent-header-prev {
  cursor: pointer;
  position: absolute;
  top: 50%;
  left: 16px;
  transform: translateY(-50%);
}

.robin-agent-modal .select-agent-header .select-agent-header-confirm {
  cursor: pointer;
  width: 82px;
  height: 42px;
  position: absolute;
  top: 50%;
  right: 16px;
  transform: translateY(-50%);
}

.robin-agent-modal .select-agent-header .select-agent-header-confirm .select-agent-header_btn {
  min-width: 83px;
  padding: 0;
}

@media (max-width: 599px) {
  .robin-agent-modal .select-agent-header .select-agent-header-confirm .select-agent-header_btn {
    display: none;
  }
}

.robin-agent-modal .select-agent-header label {
  margin: 0;
}

.robin-agent-modal .select-agent-content {
  max-width: 496px;
  margin: 0 auto 32px;
  padding: 0 16px 32px;
}

.robin-agent-modal.standard-modal .select-agent-title {
  text-align: center;
  margin: 0 0 16px;
  font-size: 28px;
  line-height: 30px;
}

.robin-agent-modal .select-agent-desc {
  text-align: center;
  margin: 0 0 24px;
  padding: 0 16px;
  font-size: 18px;
  line-height: 24px;
}

.robin-agent-modal .select-agent-box {
  border: 1px solid #d5dfe3;
  border-radius: 4px;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 24px;
  padding: 16px 16px 0;
  display: flex;
  position: relative;
}

.robin-agent-modal .select-agent-details {
  margin-bottom: 16px;
  display: flex;
}

.robin-agent-modal .select-agent-img {
  width: 60px;
  height: 60px;
  margin-right: 16px;
}

.robin-agent-modal .select-agent-robin {
  color: #525658;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: bold;
  line-height: 18px;
}

.robin-agent-modal .select-agent-action {
  margin-bottom: 16px;
}

.robin-agent-modal .select-agent-action .btn-small {
  min-width: 72px;
  padding: 11px 16px;
}

.robin-agent-modal .select-agent-check {
  color: #1e2b35;
  margin-bottom: 16px;
  font-size: 32px;
}

.robin-agent-modal .select-agent-small-text {
  margin-bottom: 16px;
  font-size: 12px;
}

.robin-agent-modal .select-agent-img-content {
  position: relative;
}

.robin-agent-modal .select-agent-img-content .user-robin {
  background: url("/images/robin_logo_round.svg");
  width: 24px;
  height: 24px;
  position: absolute;
  top: 38px;
  left: 43px;
}

.robin-agent-modal .select-agent-detail {
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 214px;
  overflow: hidden;
}

.robin-agent-modal .select-agent-footer {
  z-index: 99;
  background: #fff;
  border-top: 1px solid #d5dfe3;
  width: 100%;
  padding: 16px;
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
}

@media (max-width: 599px) {
  .robin-agent-modal .select-agent-footer {
    display: block;
  }
}

.robin-agent-modal .select-agent-footer_btn {
  min-width: 100%;
}

.robin-agent-modal .search-input {
  margin-bottom: 24px;
}

@media (max-width: 599px) {
  .robin-agent-modal .search-input {
    margin-bottom: 16px;
  }

  .robin-agent-modal .select-agent-select-more {
    display: none;
  }
}

.robin-agent-modal .search-input {
  position: relative;
}

.robin-agent-modal .search-input .search {
  padding-left: 0;
  padding-right: 0;
  position: relative;
}

.robin-agent-modal .search-input .search .form-control:focus, .robin-agent-modal .search-input .search login-phone-verification .code-input-wrap input:focus, login-phone-verification .code-input-wrap .robin-agent-modal .search-input .search input:focus, .robin-agent-modal .search-input .search .account-verification-code .code-input-wrap input:focus, .account-verification-code .code-input-wrap .robin-agent-modal .search-input .search input:focus {
  border-color: #d5dfe3;
}

.robin-agent-modal .search-input .results {
  z-index: 2;
  background: #fff;
  position: absolute;
  top: 42px;
  left: 0;
  right: 0;
}

@media (max-width: 599px) {
  .robin-agent-modal .search-input .results {
    top: 36px;
  }
}

.robin-agent-modal .search-input .search .icon {
  color: #ddd;
  margin-top: -14px;
  position: absolute;
  top: 50%;
  right: 5px;
}

.robin-agent-modal .search-input .search i.lr {
  position: absolute;
  top: 8px;
  right: 8px;
}

.robin-agent-modal .search-input .autocomplete-search {
  width: 100%;
}

.robin-agent-modal .search-input .search-result {
  border: 1px solid #d5dfe3;
  margin-top: -1px;
  padding: 10px 10px 0;
}

.deactivate-robin-agent-modal {
  flex-direction: column;
  height: 100%;
  display: flex;
  overflow-x: hidden;
  overflow-y: auto;
}

.deactivate-robin-agent-modal .close-modal-btn .btn.btn-link.sidewalk {
  color: #1e2b35;
}

.deactivate-robin-agent-modal .modal-dialog {
  border: none;
  max-width: 438px;
  height: 100%;
  margin: 0 auto;
}

@media (max-width: 599px) {
  .deactivate-robin-agent-modal .modal-dialog {
    width: auto;
  }
}

.deactivate-robin-agent-modal.standard-modal .modal-content {
  max-width: 438px;
  padding: 32px 42px 42px;
  top: 50%;
  transform: translateY(-50%);
}

@media (max-width: 599px) {
  .deactivate-robin-agent-modal.standard-modal {
    box-shadow: none;
    border: none;
  }
}

.deactivate-robin-agent-modal .title {
  text-align: center;
  margin: 0 0 16px;
  font-size: 28px;
  line-height: 30px;
}

.deactivate-robin-agent-modal .text {
  text-align: center;
  margin: 0 0 16px;
  font-size: 18px;
  line-height: 24px;
}

.deactivate-robin-agent-modal .action {
  justify-content: space-between;
  width: 170px;
  margin: 0 auto;
  display: flex;
}

.deactivate-robin-agent-modal .btn-small {
  flex-grow: 0;
  flex-shrink: 0;
  min-width: auto;
  padding-left: 16px;
  padding-right: 16px;
}

.deactivate-robin-agent-modal .deactivate-agent-check {
  color: #1e2b35;
  margin-bottom: 16px;
  font-size: 32px;
}

.robin-agents-results .select-agent-details {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.robin-agents-results .select-agent-info {
  margin-bottom: 10px;
  display: flex;
}

.robin-agents-results .select-agent-img {
  width: 60px;
  height: 60px;
  margin-right: 16px;
}

.robin-agents-results .select-agent-robin {
  color: #525658;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: bold;
  line-height: 18px;
}

.robin-agents-results .select-agent-action {
  margin-bottom: 16px;
}

.robin-agents-results .select-agent-action .btn-small {
  min-width: 72px;
  padding: 11px 16px;
}

.robin-agents-results .select-agent-action .btn[disabled] {
  color: #fff;
  background-color: #b8b8b8;
  border-color: #b8b8b8;
}

.robin-agents-results .select-agent-img-content {
  position: relative;
}

.robin-agents-results .select-agent-img-content .user-robin {
  background: url("/images/robin_logo_round.svg");
  width: 24px;
  height: 24px;
  position: absolute;
  top: 38px;
  left: 43px;
}

.robin-agents-results .select-agent-detail {
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 214px;
  overflow: hidden;
}

new-just-listed-alert .new-just-listed-alert {
  max-width: 1000px;
}

new-just-listed-alert form {
  max-width: 640px;
  margin: 0 auto;
  display: block;
}

new-just-listed-alert form > .form-group .form-control, new-just-listed-alert form > .form-group login-phone-verification .code-input-wrap input, login-phone-verification .code-input-wrap new-just-listed-alert form > .form-group input, new-just-listed-alert form > .form-group .account-verification-code .code-input-wrap input, .account-verification-code .code-input-wrap new-just-listed-alert form > .form-group input {
  width: 200px;
  display: block;
}

@media (max-width: 599px) {
  new-just-listed-alert form > .form-group .form-control, new-just-listed-alert form > .form-group login-phone-verification .code-input-wrap input, login-phone-verification .code-input-wrap new-just-listed-alert form > .form-group input, new-just-listed-alert form > .form-group .account-verification-code .code-input-wrap input, .account-verification-code .code-input-wrap new-just-listed-alert form > .form-group input {
    width: 100%;
  }
}

new-just-listed-alert p {
  margin: -8px 0 10px;
  font-size: 14px;
}

new-just-listed-alert .buttons-holder {
  margin: 15px 0;
}

new-just-listed-alert .buttons-holder button {
  margin: 5px 10px;
}

new-just-listed-alert .buttons-holder button:first-child {
  margin-left: 0;
}

new-just-listed-alert .buttons-holder button:last-child {
  margin-right: 0;
}

@media (max-width: 599px) {
  new-just-listed-alert .buttons-holder button {
    margin: 5px 0;
  }
}

new-just-listed-alert .error-box {
  font-size: 16px;
}

new-just-listed-alert .error-box.offsetme {
  margin-top: 0;
}

@media (max-width: 599px) {
  new-just-listed-alert .error-box {
    font-size: 14px;
  }
}

new-recently-sold-alert .new-recently-sold-alert {
  max-width: 1000px;
}

new-recently-sold-alert .banner-header {
  background-image: url("/images/agent-headers/background/LR_Realtor_Headers_Relationships.png");
}

@media (max-width: 600px) {
  new-recently-sold-alert .banner-header {
    background-image: url("/images/agent-headers/background/LR_Realtor_Headers_Relationships_Mobile.png");
  }
}

new-recently-sold-alert form {
  max-width: 640px;
  margin: 0 auto;
  display: block;
}

new-recently-sold-alert p {
  margin: -8px 0 10px;
  font-size: 14px;
}

@media (max-width: 599px) {
  new-recently-sold-alert .legal {
    font-size: 11px;
  }
}

new-recently-sold-alert .buttons-holder {
  margin: 15px 0;
}

new-recently-sold-alert .buttons-holder button {
  margin: 5px 10px;
}

new-recently-sold-alert .buttons-holder button:first-child {
  margin-left: 0;
}

new-recently-sold-alert .buttons-holder button:last-child {
  margin-right: 0;
}

@media (max-width: 599px) {
  new-recently-sold-alert .buttons-holder button {
    margin: 5px 0;
  }
}

new-recently-sold-alert .error-box {
  font-size: 16px;
}

new-recently-sold-alert .error-box.offsetme {
  margin-top: 0;
}

@media (max-width: 599px) {
  new-recently-sold-alert .error-box {
    font-size: 14px;
  }
}

.add-lead-modal .modal-dialog {
  max-width: 425px;
}

.add-lead-modal .title {
  text-align: center;
  margin-bottom: 24px;
  font-size: 28px;
  font-weight: 600;
}

.add-lead-modal .field-name {
  margin-bottom: 4px;
  font-size: 14px;
  font-weight: 600;
}

.add-lead-modal .field-input {
  border: 1px solid #d5dfe3;
  border-radius: 2px;
  width: 100%;
  height: 42px;
  margin-bottom: 16px;
  padding: 0 12px;
}

.add-lead-modal .field-description {
  margin-bottom: 8px;
}

.add-lead-modal .button-wrapper {
  width: 95px;
  margin: 0 auto;
}

.add-lead-modal .btn-secondary {
  border: none;
}

.add-lead-modal .error-icon {
  font-size: 14px;
}

.add-lead-modal .error-box {
  margin-top: 0;
  margin-bottom: 24px;
}

.add-lead-modal .error-box:before {
  font-size: 20px;
}

.add-lead-modal .error-message {
  padding-left: 6px;
  font-size: 14px;
}

.add-lead-modal .field-input-error {
  border-color: #d51d4c;
}

.add-lead-modal .unit-input-container {
  width: 51px;
  margin-left: 8px;
}

.add-lead-modal .unit-input {
  padding: 0 6px;
}

.duplicate-lead-modal .button-wrapper {
  width: 142px;
}

.duplicate-lead-modal .warning-color {
  color: #f3b204;
}

.duplicate-lead-modal .warning-icon {
  width: -webkit-fit-content;
  width: fit-content;
  margin-bottom: 24px;
  margin-left: auto;
  margin-right: auto;
}

.duplicate-lead-modal .modalContent {
  font-size: 18px;
}

.duplicate-lead-modal .paragraph {
  text-align: center;
  margin-bottom: 24px;
}

.duplicate-lead-modal .link {
  font-size: 18px;
}

.additional-agent-modal-info .modal-dialog {
  max-width: 425px;
}

.additional-agent-modal-info .title {
  text-align: center;
  margin-bottom: 24px;
  font-size: 28px;
  font-weight: 600;
}

.additional-agent-modal-info .field-name {
  margin-bottom: 4px;
  font-size: 14px;
  font-weight: 600;
}

.additional-agent-modal-info .field-input {
  border: 1px solid #d5dfe3;
  border-radius: 2px;
  width: 100%;
  height: 42px;
  margin-bottom: 16px;
  padding: 0 12px;
}

.additional-agent-modal-info .field-description {
  margin-bottom: 8px;
}

.additional-agent-modal-info .button-wrapper {
  width: 95px;
  margin: 0 auto;
}

.additional-agent-modal-info .btn-secondary {
  border: none;
}

.additional-agent-modal-info .error-icon {
  font-size: 14px;
}

.additional-agent-modal-info .error-box {
  margin-top: 0;
  margin-bottom: 24px;
}

.additional-agent-modal-info .error-box:before {
  font-size: 20px;
}

.additional-agent-modal-info .error-message {
  padding-left: 6px;
  font-size: 14px;
}

.additional-agent-modal-info .field-input-error {
  border-color: #d51d4c;
}

.vendor-user-list {
  max-width: 1400px;
  display: block;
}

.vendor-user-list .md-avatar {
  width: 65px;
  height: 65px;
  margin-top: 0;
  margin-bottom: 0;
}

.vendor-user-list tr {
  outline: none;
}

.vendor-user-list th, .vendor-user-list td {
  vertical-align: middle !important;
}

.vendor-user-list th {
  color: #1e2b35;
  border-bottom: 1px solid #e0e0df;
  border-top: 0 !important;
}

.vendor-user-list td {
  padding: 15px 8px;
}

.vendor-user-list td:first-child {
  padding-left: 15px !important;
}

.vendor-user-list td:last-child {
  padding-right: 15px !important;
}

.vendor-user-list .table.user-list {
  color: #76888f;
}

@media (max-width: 600px) {
  .vendor-user-list .table.user-list td {
    line-height: 1.1;
  }

  .vendor-user-list .table.user-list td.mobile-vertical-align-top {
    padding-top: 16px;
    vertical-align: top !important;
  }

  .vendor-user-list .table.user-list td.user-details .name {
    padding-top: 10px;
  }
}

.vendor-user-list .table.user-list .mobile-additional-info {
  overflow: hidden;
}

.vendor-user-list .table.user-list .mobile-additional-info .btn-wrap {
  padding: 8px 0 12px;
}

.vendor-user-list .table.user-list .mobile-additional-info .btn-wrap .btn {
  min-width: 125px;
}

.vendor-user-list .table.user-list .mobile-additional-info .metrics span.top-offset {
  position: relative;
  top: -1px;
}

.vendor-user-list .table.user-list .accordion-toggle-wrap .fa {
  font-size: 28px;
}

.vendor-user-list .table.user-list .accordion-toggle-wrap .fa.fa-caret-up {
  padding-top: 14px;
}

.export-all-modal .modal-dialog {
  width: 535px;
}

@media (max-width: 599px) {
  .export-all-modal .modal-dialog {
    width: auto;
  }
}

.export-all-modal .modal-content {
  width: 535px;
}

.export-all-modal .modal-content h2, .export-all-modal .modal-content .cba-banner banner .title, .cba-banner banner .export-all-modal .modal-content .title, .export-all-modal .modal-content abn-banner banner .title, abn-banner banner .export-all-modal .modal-content .title {
  margin-bottom: 0;
}

.export-all-modal .modal-content .datepicker-section-wrap {
  max-width: 50%;
  margin: 0 auto;
}

@media (max-width: 599px) {
  .export-all-modal .modal-content .datepicker-section-wrap {
    max-width: 100%;
  }
}

.export-all-modal .modal-content .datepicker-section-wrap .datepicker-wrap {
  width: 216px;
  margin: auto;
}

.export-all-modal .modal-content .error-box {
  margin-top: 0;
}

@media (max-width: 599px) {
  .export-all-modal .modal-content {
    width: 100%;
  }
}

.md-datepicker-calendar-pane {
  z-index: 1060;
}

@media (max-width: 599px) {
  .md-datepicker-calendar-pane {
    left: 12% !important;
  }

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

.md-datepicker-input {
  -webkit-user-select: none;
  user-select: none;
}

.profile {
  max-width: 1400px;
  display: block;
}

.profile .acquire-message-textarea::placeholder {
  opacity: 1;
  color: #696969 !important;
}

.profile .acquire-message-textarea:focus::placeholder {
  opacity: 0;
}

.profile section > form {
  max-width: 500px;
  margin: 0 auto;
}

.profile .face-wrap {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 50%;
  width: 100px;
  height: 100px;
  margin: 0 20px 0 0;
  box-shadow: 0 0 2px rgba(0, 0, 0, .8);
}

@media (max-width: 600px) {
  .profile .face-wrap {
    width: 80px;
    height: 80px;
  }
}

.profile .group {
  max-width: 500px;
  margin: 0 auto;
}

.profile .group header {
  margin-left: -60px;
}

@media (max-width: 600px) {
  .profile .group header {
    margin-bottom: 10px;
    margin-left: 0;
  }
}

@media (max-width: 600px) {
  .profile .group h4 {
    font-size: 16px;
  }
}

.profile .group-item {
  padding-left: 40px;
}

@media (max-width: 960px) {
  .profile .group-item {
    border: none;
    padding: 14px 0 0;
  }
}

.profile .group-item h2, .profile .group-item .cba-banner banner .title, .cba-banner banner .profile .group-item .title, .profile .group-item abn-banner banner .title, abn-banner banner .profile .group-item .title {
  border-bottom: 1px solid #d5dfe3;
  justify-content: center;
  padding-bottom: 15px;
  display: flex;
}

.profile .group-item h2.no-line, .profile .group-item .cba-banner banner .no-line.title, .cba-banner banner .profile .group-item .no-line.title, .profile .group-item abn-banner banner .no-line.title, abn-banner banner .profile .group-item .no-line.title {
  border-bottom: 0;
  padding-bottom: 0;
}

@media (max-width: 959px) {
  .profile .group-item h2, .profile .group-item .cba-banner banner .title, .cba-banner banner .profile .group-item .title, .profile .group-item abn-banner banner .title, abn-banner banner .profile .group-item .title {
    margin-top: 20px;
  }
}

.profile .group-item .heading-icon-wrap {
  margin-left: 2px;
  position: relative;
  top: -3px;
}

.profile .number-encircled {
  color: #fff;
  text-align: center;
  background-color: #007780;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  margin-right: 20px;
  font-weight: bold;
  display: none;
  position: relative;
}

@media (max-width: 600px) {
  .profile .number-encircled {
    margin-right: 10px;
    font-size: 16px;
  }
}

.profile .banner-header {
  background-image: url("/images/agent-headers/background/LR_Realtor_Headers_Profile_1024x200.png");
  background-size: cover;
}

@media (max-width: 600px) {
  .profile .banner-header {
    background-image: url("/images/agent-headers/background/LR_Realtor_Headers_Profile_700x180.png");
  }
}

.profile .error-box {
  margin-top: 0;
}

.profile section {
  padding: 75px 100px;
}

@media (max-width: 600px) {
  .profile section {
    padding: 15px;
  }
}

.profile section.notifications {
  padding: 75px 50px;
}

@media (max-width: 600px) {
  .profile section.notifications {
    padding: 24px;
  }
}

.profile .personal-info form .group:first-child .number-encircled:after {
  content: "1";
}

.profile .personal-info form .group:nth-child(2) .number-encircled:after {
  content: "2";
}

.profile .personal-info form .group:nth-child(3) .number-encircled:after {
  content: "3";
}

@media (max-width: 600px) {
  .profile .group header {
    margin-bottom: 10px;
    margin-left: 0;
  }
}

.profile .group h2, .profile .group .cba-banner banner .title, .cba-banner banner .profile .group .title, .profile .group abn-banner banner .title, abn-banner banner .profile .group .title {
  margin-top: 0;
}

.profile .group h4 {
  color: #1e2b35;
  margin: 0;
}

@media (max-width: 600px) {
  .profile .group h4 {
    font-size: 16px;
  }
}

.profile .form-control-feedback {
  top: auto;
  bottom: 4px;
}

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

.profile .aliases li {
  color: #1e2b35;
  padding: 0 8px;
}

@media (max-width: 600px) {
  .profile md-toolbar {
    padding: 0;
    font-size: 14px;
  }

  .profile label {
    font-size: 14px;
  }
}

.profile label.has-bottom-margin {
  margin-bottom: 20px;
}

.profile a {
  color: #007780;
  margin-bottom: 8px;
}

.profile a.btn-settings {
  margin-bottom: 0;
  font-weight: bold;
}

.profile a.btn-settings:hover {
  color: #0c949d;
}

.profile .btn-upload > div {
  margin-bottom: 5px;
  font-weight: bold;
}

.profile .nest {
  color: #1e2b35;
}

.profile .nest h1 {
  color: #007780;
  margin: 0;
  font-size: 36px;
}

@media (max-width: 599px) {
  .profile .nest h1 {
    font-size: 24px;
  }
}

.profile .nest .form-control[readonly], .profile .nest login-phone-verification .code-input-wrap input[readonly], login-phone-verification .code-input-wrap .profile .nest input[readonly], .profile .nest .account-verification-code .code-input-wrap input[readonly], .account-verification-code .code-input-wrap .profile .nest input[readonly] {
  background: #fff;
}

.profile .preloader {
  margin: 0 auto;
}

.profile .state-mlo-license .states {
  min-width: 63px;
}

.profile .state-mlo-license .states select {
  border-right: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  background-image: none !important;
  padding-right: 6px !important;
}

.profile .state-mlo-license .caret {
  margin-top: -2px;
  position: absolute;
  top: 50%;
  right: 12px;
}

.profile .state-mlo-license input {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.profile .notifications-wrap .alias-marketing-zip-wrap.clamp-width {
  max-width: 500px;
}

.profile .notifications-wrap .aliases li {
  border-top: 1px solid #ecf0f1;
  border-bottom: 1px solid #ecf0f1;
  margin-bottom: -1px;
  padding: 10px 0;
}

.profile .notifications-wrap .aliases .caption {
  margin: 20px 0 12px;
}

@media (max-width: 600px) {
  .profile .notifications-wrap.autopilot-eligible .group {
    max-width: 100%;
  }
}

.profile .notifications-wrap.autopilot-eligible .alias-marketing-zip-wrap {
  padding-right: 40px;
}

@media (max-width: 960px) {
  .profile .notifications-wrap.autopilot-eligible .alias-marketing-zip-wrap {
    padding: 0 0 40px;
  }
}

.profile .notifications-wrap.autopilot-eligible .autopilot-wrap {
  border-left: 1px solid #d5dfe3;
  padding-left: 40px;
}

@media (max-width: 960px) {
  .profile .notifications-wrap.autopilot-eligible .autopilot-wrap {
    border: none;
    border-top: 1px solid #d5dfe3;
    padding: 14px 0 0;
  }
}

.profile .notifications-wrap.autopilot-eligible .autopilot-wrap h2, .profile .notifications-wrap.autopilot-eligible .autopilot-wrap .cba-banner banner .title, .cba-banner banner .profile .notifications-wrap.autopilot-eligible .autopilot-wrap .title, .profile .notifications-wrap.autopilot-eligible .autopilot-wrap abn-banner banner .title, abn-banner banner .profile .notifications-wrap.autopilot-eligible .autopilot-wrap .title {
  border-bottom: 1px solid #d5dfe3;
  padding-bottom: 15px;
}

.profile .notifications-wrap.autopilot-eligible .autopilot-wrap h2 md-switch, .profile .notifications-wrap.autopilot-eligible .autopilot-wrap .cba-banner banner .title md-switch, .cba-banner banner .profile .notifications-wrap.autopilot-eligible .autopilot-wrap .title md-switch, .profile .notifications-wrap.autopilot-eligible .autopilot-wrap abn-banner banner .title md-switch, abn-banner banner .profile .notifications-wrap.autopilot-eligible .autopilot-wrap .title md-switch {
  margin: 0;
}

@media (max-width: 960px) {
  .profile .notifications-wrap.autopilot-eligible .autopilot-wrap h2, .profile .notifications-wrap.autopilot-eligible .autopilot-wrap .cba-banner banner .title, .cba-banner banner .profile .notifications-wrap.autopilot-eligible .autopilot-wrap .title, .profile .notifications-wrap.autopilot-eligible .autopilot-wrap abn-banner banner .title, abn-banner banner .profile .notifications-wrap.autopilot-eligible .autopilot-wrap .title {
    margin-top: 20px;
  }
}

.profile .notifications-wrap.autopilot-eligible .autopilot-wrap .heading-icon-wrap {
  margin-left: 2px;
  position: relative;
  top: -3px;
}

.profile .notifications-wrap.autopilot-eligible .autopilot-wrap.paywall .disable-if-paywall {
  opacity: .4;
}

.profile .notifications-wrap.autopilot-eligible .autopilot-wrap .upgrade-wrap h3 {
  margin: 24px 0 18px;
}

.profile .marketing-zip {
  margin-top: 30px;
}

.profile .marketing-zip h2, .profile .marketing-zip .cba-banner banner .title, .cba-banner banner .profile .marketing-zip .title, .profile .marketing-zip abn-banner banner .title, abn-banner banner .profile .marketing-zip .title {
  margin-bottom: 0;
}

.profile .marketing-zip .subtitle {
  margin-bottom: 15px;
}

.profile .rusc-block {
  background: #f8fafb;
  margin: 40px 0;
}

.profile .rusc-block .icon {
  font-size: 40px;
}

@media (max-width: 600px) {
  .profile {
    font-size: 14px;
  }
}

.agentfarm {
  max-width: 1400px;
}

.agentfarm .credits-available-wrapper > div {
  margin-left: 12px;
}

.agentfarm .banner-header {
  background-image: url("/images/vendor-headers/background/LR_Headers_Dashboard_1024x200.png");
}

@media (max-width: 600px) {
  .agentfarm .banner-header {
    background-image: url("/images/vendor-headers/background/LR_Headers_Dashboard_700x180.png");
  }
}

.agentfarm .title h1 {
  margin-bottom: 16px;
}

@media (max-width: 600px) {
  .agentfarm .title {
    margin-bottom: 16px;
  }
}

.agentfarm .title-banner-divider {
  flex-flow: wrap;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.agentfarm .column {
  flex-direction: column;
}

.agentfarm .agent-intel-standalone-trial {
  background-color: #fff;
}

.agentfarm .banner-button-separator {
  flex-direction: row-reverse;
  justify-content: space-between;
  width: 100%;
  display: flex;
}

@media (max-width: 600px) {
  .agentfarm .banner-button-separator {
    width: 100%;
    display: inline;
  }
}

.agentfarm .btn-agent-search {
  margin-left: 16px;
  display: flex;
}

@media (max-width: 600px) {
  .agentfarm .btn-agent-search {
    display: none;
  }
}

.agentfarm .area-manager-wrapper {
  background-color: #fff;
  border: 1px solid #d5dfe3;
  border-top: none;
  padding: 2px 0;
}

@media (max-width: 600px) {
  .agentfarm .area-manager-wrapper {
    padding: 0;
  }
}

.agentfarm .agent-search-manage-areas {
  border: 1px solid #d5dfe3;
  border-top: none;
}

.agentfarm .insights-section-group {
  border-top: none;
}

@media (max-width: 600px) {
  .agentfarm .insights-section-group {
    border: none;
  }
}

.agentfarm .insights-eligible-section-group {
  position: relative;
  top: -2px;
}

.agentfarm .beta-badge {
  color: #fff;
  background-color: #f3b204;
  border-radius: 4px;
  padding: 4px 6px;
  font-size: 14px;
  position: relative;
  top: -12px;
}

@media (max-width: 600px) {
  .agentfarm .beta-badge {
    padding: 2px 4px;
    font-size: 11px;
    top: -4px;
  }
}

.agentfarm .divider {
  background: #d5dfe3;
  border: 0;
  width: 100%;
  height: 1px;
}

.agentfarm .agentfarm-area-manager {
  padding: 16px 20px;
}

.agentfarm .search-sort {
  margin-bottom: -1px;
  padding: 15px 0;
}

.agentfarm .search-sort .wrap {
  padding: 0 20px;
}

.agentfarm .search-sort .wrap.search-box {
  min-width: 33%;
}

.agentfarm .search-sort .divider {
  height: 0;
}

.agentfarm .search-sort .form-control, .agentfarm .search-sort login-phone-verification .code-input-wrap input, login-phone-verification .code-input-wrap .agentfarm .search-sort input, .agentfarm .search-sort .account-verification-code .code-input-wrap input, .account-verification-code .code-input-wrap .agentfarm .search-sort input {
  margin-bottom: 0;
}

.agentfarm .table-section {
  margin-top: 12px;
}

.agentfarm .tab-agent-list-side {
  content: url("/images/icons/agent-list-side.svg");
  vertical-align: sub;
}

.agentfarm .tab-agent-insights {
  content: url("/images/agentfarm/insights.svg");
  vertical-align: sub;
}

.agentfarm .tab-agent-search {
  content: url("/images/agentfarm/bar-chart.svg");
  vertical-align: sub;
}

.agentfarm tabbar tablabel.selected .tab-agent-insights {
  content: url("/images/agentfarm/insights-selected.svg");
}

.agentfarm tabbar tablabel.selected .tab-agent-list-side {
  content: url("/images/icons/agent-list-side-selected.svg");
}

.agentfarm tabbar tablabel.selected .tab-agent-search {
  content: url("/images/agentfarm/bar-chart-selected.svg");
}

.agentfarm .agent-intel-wrapper {
  max-width: 600px;
}

.agentfarm-stats {
  max-width: 100%;
}

agentfarm-listings .no-listings {
  height: 370px;
  padding-bottom: 20px;
}

agentfarm-listings .no-listings img {
  width: 133px;
}

@media (max-width: 599px) {
  agentfarm-listings .no-listings img {
    width: 90px;
  }
}

agentfarm-listings .no-listings h1 {
  margin-bottom: 0;
  font-size: 24px;
}

@media (max-width: 599px) {
  agentfarm-listings .no-listings h1 {
    font-size: 18px;
  }
}

agentfarm-listings .no-listings .btn-link {
  font-size: 18px;
  font-weight: normal;
}

@media (max-width: 599px) {
  agentfarm-listings .no-listings .btn-link {
    font-size: 14px;
  }

  agentfarm-listings .no-listings {
    height: 250px;
    font-size: 14px;
  }
}

agentfarm-listings .listings {
  padding: 20px;
}

agentfarm-listings .listings .listing-btn {
  color: #1e2b35;
  text-decoration: none;
}

@media (max-width: 599px) {
  agentfarm-listings .listings {
    margin: 0 0 15px;
    padding: 0;
  }
}

agentfarm-listings .listing-wrap {
  padding: 10px;
  position: relative;
}

@media (max-width: 599px) {
  agentfarm-listings .listing-wrap {
    padding: 0;
  }
}

agentfarm-listings .pageit-wrapper {
  padding: 0 20px 20px;
}

@media (max-width: 599px) {
  agentfarm-listings .pageit-wrapper {
    padding: 5px 15px 20px;
  }
}

agentfarm-listings .pageof {
  text-align: right;
  padding: 23px 21px 0;
}

@media (max-width: 599px) {
  agentfarm-listings .pageof .listing-not-found {
    padding: 0 0 15px;
  }

  agentfarm-listings .pageof {
    text-align: right;
    padding: 16px 25px;
  }
}

agentfarm-agents {
  display: block;
}

agentfarm-agents .pageof {
  padding: 20px;
}

@media (max-width: 599px) {
  agentfarm-agents .pageof .listing-not-found {
    padding: 0 0 15px;
  }

  agentfarm-agents .pageof {
    padding: 20px 20px 5px;
  }
}

agentfarm-agents .agents-wrapper {
  margin-top: -20px;
  padding: 10px;
}

@media (max-width: 599px) {
  agentfarm-agents .agents-wrapper {
    margin-top: -10px;
  }
}

agentfarm-agents .agent-spacer {
  padding: 10px;
}

agentfarm-agents .agent {
  color: #1e2b35;
  border: 1px solid #d5dfe3;
  border-radius: 4px;
  height: 100%;
  padding: 16px;
  text-decoration: none;
}

agentfarm-agents .agent .header {
  margin-bottom: -14px;
}

agentfarm-agents .agent .header avatar {
  margin-right: 16px;
}

agentfarm-agents .agent .header .md-2-line {
  padding: 0;
}

agentfarm-agents .agent .header h3 {
  margin: 0;
}

agentfarm-agents .agent .listing {
  background: center / cover no-repeat;
  border-radius: 4px;
  width: 84px;
  height: 63px;
  position: relative;
  overflow: hidden;
}

agentfarm-agents .agent .listing .new {
  color: #fff;
  background-color: #f3b204;
  border-radius: 4px;
  padding: 4px;
  font-size: 10px;
  position: absolute;
  top: 0;
  right: 0;
}

agentfarm-agents .agent .listing .open-house {
  color: #fff;
  text-align: center;
  background-color: #007780;
  padding: 4px;
  font-size: 10px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

agentfarm-agents .agent .info > div {
  margin: 4px 0;
}

agentfarm-agents .agent .pairing {
  text-transform: uppercase;
  letter-spacing: 1.2px;
}

agentfarm-agents .agent .pairing .lr {
  margin-right: 5px;
  display: inline-block;
}

agentfarm-agents .agent:hover {
  box-shadow: 0 0 10px rgba(0, 0, 0, .15);
}

@media (max-width: 599px) {
  agentfarm-agents .agent {
    display: block;
  }
}

agentfarm-agents .divider {
  border: 1px solid #d5dfe3;
  margin: 16px 0;
}

agentfarm-agents .ctas {
  margin-top: 24px;
}

agentfarm-agents .ctas .btn.btn-follow {
  text-transform: none;
  padding: 6px;
  line-height: 1;
}

agentfarm-agents .ctas .btn {
  width: 200px;
}

agentfarm-agents .ctas > div, agentfarm-agents .ctas .cp-btn-holder {
  margin: 0 8px;
}

agentfarm-agents .ctas > div:first-child, agentfarm-agents .ctas .cp-btn-holder:first-child {
  margin-left: 0;
}

agentfarm-agents .ctas > div:last-child, agentfarm-agents .ctas .cp-btn-holder:last-child {
  margin-right: 0;
}

agentfarm-agents .pageit-wrapper {
  padding: 0 20px 20px;
}

@media (max-width: 599px) {
  agentfarm-agents .pageit-wrapper {
    padding: 5px 15px 20px;
  }
}

agentfarm-agents .ph-item {
  border-color: #d5dfe3;
  border-radius: 4px;
  padding: 16px;
}

agentfarm-agents .ph-item .cp-avatar {
  background-color: #ced4da;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  margin-right: 16px;
  position: relative;
  overflow: hidden;
}

agentfarm-agents .ph-item .cp-avatar:before {
  content: " ";
  padding-top: 100%;
  display: block;
}

agentfarm-agents .ph-item .cp-standard {
  width: 100%;
}

agentfarm-agents .ph-item .ph-row {
  margin-bottom: 8px;
}

agentfarm-agents .ph-item .header {
  margin-bottom: 8px;
  padding: 8px 0;
}

agentfarm-agents .ph-item .name {
  width: 100%;
}

agentfarm-agents .ph-item .company {
  width: 60%;
}

agentfarm-agents .ph-item .listing-img {
  border-radius: 4px;
  width: 84px;
  height: 63px;
}

agentfarm-agents .ph-item .info {
  margin-bottom: 24px;
}

agentfarm-agents .ph-item .stats {
  margin-top: -6px;
}

agentfarm-agents .ph-item .stats > div {
  padding: 10px;
}

agentfarm-agents .ph-item .stats > div:first-child {
  padding-left: 0;
}

agentfarm-agents .ph-item .stats > div:last-child {
  padding-right: 0;
}

agentfarm-agents .ph-item .stats .cp-standard {
  height: 8px;
}

agentfarm-agents .ph-item .stats .cp-standard.big {
  height: 16px;
}

agentfarm-agents .ph-item .cp-btn {
  width: 200px;
  height: 42px;
}

agentfarm-agents .ph-item .ctas {
  margin-top: 8px;
}

agentfarm-agents .cp-pageof {
  height: 58px;
}

agentfarm-no-results-buyside {
  display: block;
}

agentfarm-no-results-buyside .container {
  min-height: 370px;
  padding: 24px;
}

agentfarm-no-results-buyside .container h2, agentfarm-no-results-buyside .container .cba-banner banner .title, .cba-banner banner agentfarm-no-results-buyside .container .title, agentfarm-no-results-buyside .container abn-banner banner .title, abn-banner banner agentfarm-no-results-buyside .container .title {
  margin-bottom: 0;
}

agentfarm-no-results-buyside .no-listings {
  height: 370px;
}

agentfarm-no-results-buyside .no-listings img {
  width: 133px;
}

@media (max-width: 599px) {
  agentfarm-no-results-buyside .no-listings img {
    width: 90px;
  }
}

agentfarm-no-results-listside {
  display: block;
}

agentfarm-no-results-listside .container {
  min-height: 370px;
  padding: 24px;
}

agentfarm-no-results-listside .container h2, agentfarm-no-results-listside .container .cba-banner banner .title, .cba-banner banner agentfarm-no-results-listside .container .title, agentfarm-no-results-listside .container abn-banner banner .title, abn-banner banner agentfarm-no-results-listside .container .title {
  margin-bottom: 0;
}

.buyside-area-modal h3 {
  max-width: 430px;
  margin-left: auto;
  margin-right: auto;
}

.buyside-area-modal .pills {
  text-align: left;
  width: 100%;
  margin: 24px 0;
}

.buyside-area-modal .pills .pill-wrap {
  padding: 4px;
  display: inline-block;
}

.low-coverage-area {
  padding: 48px;
}

.low-coverage-area .info {
  max-width: 408px;
  margin-left: 28px;
}

.low-coverage-area .img-wrapper {
  margin-right: 28px;
}

.low-coverage-area .img-wrapper img {
  max-width: 265px;
}

@media (max-width: 599px) {
  .low-coverage-area .img-wrapper img {
    margin: 0 auto 24px;
  }

  .low-coverage-area .ctas {
    text-align: center;
  }
}

@media (min-width: 600px) {
  .low-coverage-area > * {
    margin-left: 28px;
    margin-right: 28px;
  }

  .low-coverage-area > :first-child {
    margin-left: 0;
  }

  .low-coverage-area > :last-child {
    margin-right: 0;
  }
}

.notes-agent-modal {
  flex-direction: column;
  height: 100%;
  display: flex;
  overflow-x: hidden;
  overflow-y: auto;
}

.notes-agent-modal .btn[disabled] {
  color: #fff;
  background-color: #b8b8b8;
  border-color: #b8b8b8;
}

.notes-agent-modal .close-modal-btn {
  right: -41px;
}

.notes-agent-modal .close-modal-btn .btn.btn-link.sidewalk, .notes-agent-modal .close-modal-btn .btn.btn-link.sidewalk:hover {
  color: #fff;
}

@media (max-width: 599px) {
  .notes-agent-modal .close-modal-btn {
    z-index: 9999999;
    top: 22px;
    right: 15px;
  }

  .notes-agent-modal .close-modal-btn .btn.btn-link.sidewalk, .notes-agent-modal .close-modal-btn .btn.btn-link.sidewalk:hover {
    color: #b4bbbf;
  }
}

.notes-agent-modal .modal-dialog {
  border: none;
  height: 100%;
  margin: 0 auto;
}

@media (max-width: 599px) {
  .notes-agent-modal .modal-dialog {
    width: auto;
    overflow-y: scroll;
  }
}

.notes-agent-modal.standard-modal {
  box-shadow: none;
}

.notes-agent-modal.standard-modal .modal-content {
  height: 100%;
  box-shadow: none;
  border: none;
  padding: 0;
}

@media (max-width: 599px) {
  .notes-agent-modal.standard-modal {
    box-shadow: none;
    border: none;
  }
}

.notes-agent-modal .header {
  border-bottom: 1px solid #d5dfe3;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 56px;
  font-size: 18px;
  font-weight: bold;
  display: flex;
}

.notes-agent-modal .content {
  padding: 16px 0;
}

.notes-agent-modal .content notes .notes {
  min-height: 100px;
  font-size: 14px;
}

.notes-agent-modal .content notes .section-group {
  border: none;
}

.notes-agent-modal .content notes header h2, .notes-agent-modal .content notes header .cba-banner banner .title, .cba-banner banner .notes-agent-modal .content notes header .title, .notes-agent-modal .content notes header abn-banner banner .title, abn-banner banner .notes-agent-modal .content notes header .title {
  display: none;
}

.notes-agent-modal .content notes .section-group header {
  padding-left: 24px;
}

.notes-agent-modal .content notes .section-group header .btn.btn-link.btn-icon {
  font-size: 18px;
}

.notes-agent-modal .content notes .section-group header .lr.lr-plus {
  font-size: 11px;
  font-weight: bold;
}

.notes-agent-modal .content notes .notes .note {
  padding: 24px;
}

.providers-agent-modal {
  flex-direction: column;
  height: 100%;
  display: flex;
  overflow-x: hidden;
  overflow-y: auto;
}

.providers-agent-modal .btn[disabled] {
  color: #fff;
  background-color: #b8b8b8;
  border-color: #b8b8b8;
}

.providers-agent-modal .close-modal-btn {
  right: -41px;
}

.providers-agent-modal .close-modal-btn .btn.btn-link.sidewalk, .providers-agent-modal .close-modal-btn .btn.btn-link.sidewalk:hover {
  color: #fff;
}

@media (max-width: 599px) {
  .providers-agent-modal .close-modal-btn {
    z-index: 9999999;
    top: 22px;
    right: 15px;
  }

  .providers-agent-modal .close-modal-btn .btn.btn-link.sidewalk, .providers-agent-modal .close-modal-btn .btn.btn-link.sidewalk:hover {
    color: #b4bbbf;
  }
}

.providers-agent-modal .modal-dialog {
  border: none;
  height: 100%;
  margin: 0 auto;
}

@media (max-width: 599px) {
  .providers-agent-modal .modal-dialog {
    width: auto;
    overflow-y: scroll;
  }
}

.providers-agent-modal.standard-modal {
  box-shadow: none;
}

.providers-agent-modal.standard-modal .modal-content {
  height: 100%;
  box-shadow: none;
  border: none;
  padding: 0;
}

@media (max-width: 599px) {
  .providers-agent-modal.standard-modal {
    box-shadow: none;
    border: none;
  }
}

.providers-agent-modal .header {
  border-bottom: 1px solid #d5dfe3;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 56px;
  font-size: 18px;
  font-weight: bold;
  display: flex;
}

.providers-agent-modal .content {
  padding: 16px;
}

.user-subscriptions {
  color: #1e2b35;
  flex-direction: column;
  align-items: center;
  padding: 0 50px;
  display: flex;
}

@media (max-width: 600px) {
  .user-subscriptions {
    padding: 0 16px;
  }
}

.user-subscriptions .spacer {
  border-bottom: 1px solid #d5dfe3;
  width: 100%;
  margin: 18px 0 20px;
}

.user-subscriptions .page-spacer {
  border-bottom: 1px solid #d5dfe3;
  width: 100%;
  margin-top: 26px;
}

.user-subscriptions .page-title {
  margin-top: 32px;
  margin-bottom: 10px;
}

.user-subscriptions .page-sub-title {
  margin-bottom: 26px;
  font-size: 18px;
}

.user-subscriptions .attempts-box {
  color: #fff;
  background-color: #d51d4c;
  justify-content: center;
  max-width: 536px;
  margin-bottom: 16px;
  padding: 12px 16px;
  display: flex;
}

.user-subscriptions .attempts-box .alert-icon {
  margin-right: 12px;
  font-size: 30px;
}

.user-subscriptions .box {
  border: 1px solid #d5dfe3;
  flex-direction: column;
  justify-content: center;
  width: 260px;
  margin-bottom: 16px;
  margin-right: 16px;
  padding: 0 24px;
  display: flex;
}

@media (max-width: 600px) {
  .user-subscriptions .box {
    width: 100%;
  }
}

.user-subscriptions .box .box-title {
  margin-bottom: 4px;
  font-size: 14px;
}

.user-subscriptions .box .box-field {
  font-size: 14px;
}

.user-subscriptions .box .little-space-top {
  margin-top: 2px;
}

.user-subscriptions .box a {
  margin-bottom: 0;
}

.user-subscriptions .boxes-wrapper {
  justify-content: center;
  width: 100%;
  display: flex;
}

@media (max-width: 600px) {
  .user-subscriptions .boxes-wrapper {
    flex-direction: column;
  }
}

.user-subscriptions .boxes-wrapper .summary-box {
  flex-direction: column;
  justify-content: center;
  height: 274px;
  display: flex;
}

.user-subscriptions .boxes-wrapper .summary-box .summary-highlight {
  font-size: 28px;
  font-weight: bold;
}

.user-subscriptions .boxes-wrapper .subscription-box {
  writing-mode: horizontal-tb;
  height: 129px;
}

.user-subscriptions .boxes-wrapper .subscription-box .subscription-highlight {
  font-size: 18px;
  font-weight: bold;
}

.user-subscriptions .subscription-boxes-wrapper {
  writing-mode: vertical-lr;
  flex-wrap: wrap;
  align-content: flex-start;
  max-height: 290px;
  display: inline-flex;
}

@media (max-width: 600px) {
  .user-subscriptions .subscription-boxes-wrapper {
    width: 100%;
    max-height: none;
  }

  .user-subscriptions .subscription-boxes-wrapper .pair-wrap {
    width: 100%;
  }
}

.user-subscriptions .overview {
  border-bottom: 1px solid #d5dfe3;
}

.user-subscriptions .overview .summary {
  max-width: 560px;
  margin: 30px auto 0;
}

.user-subscriptions .overview .summary .btn.btn-link {
  top: 1px;
}

.user-subscriptions .overview .field {
  padding: 8px;
}

@media (max-width: 600px) {
  .user-subscriptions .overview .field {
    padding-left: 0;
    padding-right: 0;
  }
}

.user-subscriptions .overview .field .large-value {
  font-size: 28px;
  font-weight: bold;
}

@media (max-width: 600px) {
  .user-subscriptions .overview .field .large-value {
    font-size: 22px;
  }
}

.user-subscriptions .overview .field .medium-value {
  font-size: 18px;
  font-weight: bold;
}

@media (max-width: 600px) {
  .user-subscriptions .overview .field .medium-value {
    font-size: 16px;
  }
}

.user-subscriptions .overview .field .cc-brand-icon {
  font-size: 20px;
}

.user-subscriptions .overview .field .error-red {
  color: #d51d4c;
}

.user-subscriptions .separator {
  width: 102%;
  height: 16px;
}

.user-subscriptions .transactions {
  width: 100%;
  padding: 0;
}

@media (max-width: 600px) {
  .user-subscriptions .transactions {
    border-bottom: 1px solid #d5dfe3;
    padding: 0;
  }
}

.user-subscriptions .transactions .table-header {
  padding: 12px 24px;
}

.user-subscriptions .transactions .table-header h2, .user-subscriptions .transactions .table-header .cba-banner banner .title, .cba-banner banner .user-subscriptions .transactions .table-header .title, .user-subscriptions .transactions .table-header abn-banner banner .title, abn-banner banner .user-subscriptions .transactions .table-header .title {
  margin: 8px 0;
}

@media (max-width: 600px) {
  .user-subscriptions .transactions .table-header:first-of-type {
    border-bottom: 1px solid #d5dfe3;
  }
}

.user-subscriptions .transactions .transactions-table th {
  text-transform: uppercase;
}

.user-subscriptions .transactions .transactions-table th, .user-subscriptions .transactions .transactions-table td {
  padding-top: 22px;
  padding-bottom: 22px;
  font-size: 14px;
}

.user-subscriptions .transactions .transactions-table td.successful {
  color: #8cb63f;
}

.user-subscriptions .transactions .transactions-table td.failed {
  color: #d51d4c;
}

.user-subscriptions .bold, .user-subscriptions login-phone-verification .code-input-wrap input, login-phone-verification .code-input-wrap .user-subscriptions input, .user-subscriptions .account-verification-code .code-input-wrap input, .account-verification-code .code-input-wrap .user-subscriptions input {
  font-weight: bold;
}

.user-subscriptions .error-red {
  color: #d51d4c;
}

.user-subscriptions select {
  -webkit-appearance: none;
  background-image: url("/images/icons/dropdown-menu-handle.png");
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  margin-right: 0;
  padding-right: 15px;
}

.user-subscriptions h1, .user-subscriptions h2, .user-subscriptions .cba-banner banner .title, .cba-banner banner .user-subscriptions .title, .user-subscriptions abn-banner banner .title, abn-banner banner .user-subscriptions .title {
  margin: 0;
}

.edit-payment-modal .modal-dialog {
  width: 735px;
}

@media (max-width: 599px) {
  .edit-payment-modal .modal-dialog {
    width: auto;
  }
}

.edit-payment-modal .modal-content {
  width: 735px;
}

.edit-payment-modal .modal-content p {
  font-size: 16px;
}

.edit-payment-modal .modal-content h2, .edit-payment-modal .modal-content .cba-banner banner .title, .cba-banner banner .edit-payment-modal .modal-content .title, .edit-payment-modal .modal-content abn-banner banner .title, abn-banner banner .edit-payment-modal .modal-content .title {
  margin-top: 0;
  font-size: 24px;
}

.edit-payment-modal .modal-content .error-box {
  margin-top: 0;
}

.edit-payment-modal .modal-content .relative {
  position: relative;
}

.edit-payment-modal .modal-content .form-group + .error-box {
  margin-top: -15px;
}

.edit-payment-modal .modal-content .ccs {
  margin-top: -2px;
  margin-bottom: 10px;
}

@media (min-width: 769px) {
  .edit-payment-modal .modal-content .ccs {
    margin-top: 0;
    margin-bottom: 0;
    position: absolute;
    bottom: 9px;
    right: 9px;
  }

  .edit-payment-modal .modal-content .group {
    box-sizing: border-box;
    flex-direction: row;
    display: flex;
  }
}

@media (max-width: 768px) {
  .edit-payment-modal .modal-content .group span {
    display: none;
  }

  .edit-payment-modal .modal-content .group label span {
    display: inline-block;
  }
}

.edit-payment-modal .modal-content .cta {
  max-width: 500px;
  margin: 20px auto;
}

.edit-payment-modal .modal-content .cta .btn-wrap {
  padding: 6px 4px;
}

@media (max-width: 599px) {
  .edit-payment-modal .modal-content {
    width: 100%;
  }
}

cancel-subscription {
  max-width: 1000px;
  display: block;
}

cancel-subscription h2, cancel-subscription .cba-banner banner .title, .cba-banner banner cancel-subscription .title, cancel-subscription abn-banner banner .title, abn-banner banner cancel-subscription .title {
  margin: 0;
}

cancel-subscription .reason .body {
  max-width: 490px;
  margin: 0 auto;
}

cancel-subscription .reason .btn-wrap .btn {
  text-transform: uppercase;
  width: 100%;
  max-width: 240px;
  margin: 4px;
}

@media (max-width: 599px) {
  cancel-subscription .reason .btn-wrap .btn {
    max-width: 100%;
  }
}

cancel-subscription .cancel h3 {
  max-width: 490px;
  margin-left: auto;
  margin-right: auto;
}

cancel-subscription .cancel .losses p {
  max-width: 490px;
  margin: 15px auto;
  line-height: 1.5;
}

cancel-subscription .cancel .losses p .lg {
  font-weight: bold;
}

cancel-subscription .cancel .losses p:last-child {
  margin-bottom: 0;
}

cancel-subscription .cancel .realtors {
  border-bottom: 1px solid #d5dfe3;
  max-width: 490px;
  margin: 0 auto 32px;
  padding: 32px;
}

cancel-subscription .cancel .realtors > div {
  max-width: 490px;
  margin: 0 auto;
}

cancel-subscription .cancel .realtors .agent-info {
  max-width: 50%;
  padding: 12px;
}

cancel-subscription .cancel .realtors .agent-info .headshot {
  background: center / cover no-repeat;
  border-radius: 50%;
  width: 50px;
  min-width: 50px;
  height: 50px;
  min-height: 50px;
  margin-right: 16px;
}

@media (max-width: 599px) {
  cancel-subscription .cancel .realtors .agent-info {
    max-width: 100%;
    padding-left: 0;
  }
}

cancel-subscription .cancel .realtors .others {
  text-align: right;
  margin-top: 16px;
  font-size: 20px;
  font-weight: bold;
}

@media (max-width: 599px) {
  cancel-subscription .cancel .realtors .others {
    font-size: 16px;
  }
}

@media (max-width: 600px) {
  cancel-subscription .cancel .realtors {
    padding: 8px 0;
  }
}

cancel-subscription .cancel .additional-copy {
  margin-bottom: 24px;
}

cancel-subscription .cancel .additional-copy p {
  max-width: 490px;
  margin: 5px auto;
  line-height: 1.2;
}

cancel-subscription .cancel .btn-wrap {
  max-width: 490px;
  margin: 32px auto 0;
}

cancel-subscription .keep-my-account .content > div {
  max-width: 490px;
  margin: 0 auto 32px;
}

cancel-subscription .keep-my-account .icon-wrap {
  margin-right: 15px;
}

cancel-subscription .keep-my-account .icon-wrap .lr {
  position: relative;
}

cancel-subscription .keep-my-account .icon-wrap .lr.lr-listing-presentation {
  top: -5px;
}

cancel-subscription .keep-my-account .icon-wrap .lr.lr-training {
  top: -7px;
}

cancel-subscription .keep-my-account .icon-wrap .lr.lr-phone-calling {
  top: -2px;
}

cancel-subscription .keep-my-account .btn-wrap {
  margin-left: 15px;
}

@media (max-width: 599px) {
  cancel-subscription .keep-my-account .btn-wrap {
    margin-top: 15px;
    margin-left: 0;
  }
}

cancel-subscription .keep-my-account .separator {
  border-bottom: 1px solid #d5dfe3;
  margin: 32px 0;
}

@media (max-width: 599px) {
  cancel-subscription .keep-my-account .footer-btn-wrap {
    text-align: center;
  }
}

pageit ul li {
  color: #1e2b35;
  text-align: center;
  border: 1px solid #696969;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  margin-left: 4px;
  margin-right: 4px;
  padding: 5px 0;
  font-size: 14px;
  display: flex;
}

pageit ul li:first-child {
  margin-left: 0;
}

pageit ul li:last-child {
  margin-right: 0;
}

pageit ul li.selected {
  color: #fff;
  background-color: #007780;
  border-color: #007780;
}

pageit ul li.not-circle {
  background-color: rgba(0, 0, 0, 0);
  border-color: rgba(0, 0, 0, 0);
}

pageit ul li.prev-next-controls {
  border-color: #696969;
  padding: 4px 0;
}

pageit ul li.prev-next-controls a {
  color: #1e2b35;
}

pageit ul li.prev-next-controls i {
  font-size: 10px;
}

pageit ul li.prev-next-controls:last-of-type {
  padding-left: 2px;
}

pageit ul li.dots {
  margin: 0 -5px;
}

pageit ul li .btn-link {
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-weight: normal;
  min-width: 0 !important;
}

nestme > section {
  max-width: 1024px;
}

@media (max-width: 599px) {
  nestme > section {
    overflow: hidden;
  }
}

nestme-share {
  display: block;
}

nestme-share .btn-single-action {
  width: 170px;
}

nestme-share .form-control[readonly], nestme-share login-phone-verification .code-input-wrap input[readonly], login-phone-verification .code-input-wrap nestme-share input[readonly], nestme-share .account-verification-code .code-input-wrap input[readonly], .account-verification-code .code-input-wrap nestme-share input[readonly] {
  background: #fff;
}

nestme-share .side-bar {
  width: 370px;
}

nestme-share .side-bar section {
  margin-top: 20px;
}

nestme-share .side-bar section:first-child {
  margin-top: 0;
}

@media (max-width: 599px) {
  nestme-share .side-bar section {
    margin-top: 10px;
  }
}

nestme-share .side-bar .body {
  padding: 15px;
}

@media (max-width: 599px) {
  nestme-share .side-bar {
    width: auto;
    margin-bottom: 10px;
  }
}

nestme-share .video header {
  margin-bottom: -15px;
}

nestme-share .video h1 {
  font-size: 18px;
}

@media (max-width: 599px) {
  nestme-share .video .body {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }
}

nestme-share .reasons p {
  margin: 0;
  padding: 0;
}

@media (max-width: 599px) {
  nestme-share .reasons p {
    font-size: 14px;
  }
}

nestme-share .reasons .icon {
  margin-right: 15px;
}

nestme-share .reasons .icon .lr {
  position: relative;
  top: -1px;
}

nestme-share .reasons .icon .lr-house-check {
  top: -4px;
}

nestme-share .main nestme-share-engagement {
  margin-top: 20px;
}

@media (max-width: 599px) {
  nestme-share .main nestme-share-engagement {
    margin-top: 10px;
  }
}

nestme-share .main section {
  margin-top: 20px;
}

nestme-share .main section:first-child {
  margin-top: 0;
}

@media (max-width: 599px) {
  nestme-share .main section {
    margin-top: 10px;
  }
}

nestme-share .main .body {
  padding: 15px;
}

nestme-share .main header .close {
  position: relative;
  right: -20px;
}

@media (max-width: 599px) {
  nestme-share .main header .close {
    right: 0;
  }
}

nestme-share .main .buttons-holder > div {
  margin-bottom: 10px;
}

@media (max-width: 599px) {
  nestme-share .main .buttons-holder > div:last-child {
    margin-bottom: 0;
  }
}

@media (max-width: 959px) {
  nestme-share .main .buttons-holder .btn-single-action {
    width: 100%;
  }
}

nestme-share .main .buttons-holder > a {
  margin-bottom: 10px;
  margin-right: 10px;
}

@media (max-width: 599px) {
  nestme-share .main .buttons-holder > a:last-child {
    margin-bottom: 0;
  }
}

@media (max-width: 959px) {
  nestme-share .main .buttons-holder {
    margin-top: 15px;
  }
}

@media (min-width: 600px) {
  nestme-share .main {
    margin-right: 20px;
  }
}

nestme-share .img-responsive {
  display: inline-block;
}

nestme-share-engagement {
  display: block;
}

nestme-share-engagement > section {
  position: relative;
}

nestme-share-engagement .nodata, nestme-share-engagement .nodata label {
  color: #d5dfe3;
}

nestme-share-engagement .nodata .lr {
  margin-bottom: 10px;
}

nestme-share-engagement .stat-holder {
  border-right: 1px solid #e0e0df;
  position: relative;
}

nestme-share-engagement .stat-holder:last-child {
  border-right: 0;
}

nestme-share-engagement .stat-holder .stat {
  text-align: center;
  font-size: 32px;
  font-weight: bold;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

nestme-share-engagement .stat-holder .stat label {
  font-size: 18px;
}

@media (max-width: 599px) {
  nestme-share-engagement .stat-holder .stat label {
    margin-bottom: -5px;
    font-size: 14px;
  }

  nestme-share-engagement .stat-holder .stat {
    font-size: 24px;
  }
}

nestme-share-engagement .relative {
  position: relative;
}

nestme-share-engagement .loading, nestme-share-engagement .no-data {
  text-align: center;
  background: rgba(255, 255, 255, .9);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.contact-us .error {
  border-color: #d51d4c;
}

.contact-us .red {
  color: #d51d4c;
}

.contact-us h2, .contact-us .cba-banner banner .title, .cba-banner banner .contact-us .title, .contact-us abn-banner banner .title, abn-banner banner .contact-us .title {
  margin-top: 0;
}

@media (max-width: 599px) {
  .contact-us .time-wrap {
    margin: 10px auto 0;
    display: inline-block;
  }
}

.contact-us .time {
  margin: 5px 0;
  font-size: 36px;
  font-weight: bold;
  display: block;
}

.contact-us .image-holder {
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 30px;
}

.contact-us .agent-photo {
  width: 100px;
}

@media (max-width: 600px) {
  .contact-us .agent-photo {
    width: 75px;
  }
}

.title-holder h1 {
  margin-bottom: 16px;
}

.title-bar-subtitle {
  margin-bottom: 32px;
  font-size: 18px;
  line-height: 24px;
}

.route-new-report.modal-open {
  overflow: hidden !important;
}

.banner-placer {
  margin-top: 24px;
}

.error {
  border-color: #d51d4c;
}

.red {
  color: #d51d4c;
}

.create-report header {
  max-width: 900px;
}

.create-report md-content > div {
  color: #1e2b35;
  border: 1px solid #e0e0df;
  max-width: 900px;
  padding: 40px;
}

@media (max-width: 599px) {
  .create-report md-content > div {
    padding: 0 0 20px;
  }
}

.create-report .buttons-holder {
  margin: 0 10px;
}

@media (max-width: 599px) {
  .create-report .buttons-holder {
    margin: 0 20px;
  }
}

.create-report .caption {
  font-size: 14px;
}

.create-report .reference-url::placeholder {
  color: #525658 !important;
}

@media (min-width: 600px) {
  .create-report .error-box-wrap.inline-field {
    margin-top: 15px;
    margin-bottom: 0;
  }
}

.create-report .agent-verification {
  max-width: 580px;
  margin: 0 auto 30px;
}

@media (max-width: 599px) {
  .create-report .agent-verification {
    padding: 0 15px;
  }
}

.create-report fancy-checkbox.not-bold label {
  font-size: 14px;
  font-weight: normal;
}

.create-report .fancy-checkbox-wrap {
  position: relative;
}

.create-report .img-wrap {
  padding: 10px;
}

@media (max-width: 600px) {
  .create-report .vendor-header img {
    height: 40px;
  }

  .create-report .vendor-header h1 {
    font-size: 24px;
  }
}

.create-report .subtext {
  padding: 20px 20px 10px;
}

.create-report .view-agent-details {
  margin: 30px 0 10px;
  font-size: 14px;
}

.create-report .view-agent-details h1 {
  font-size: 18px;
}

.create-report .line-separator {
  border-bottom: 1px solid #ced1d5;
  width: 100%;
  height: 1px;
  margin: 36px auto;
  position: relative;
}

.create-report .line-separator .line-separator-text {
  text-align: center;
  background-color: #fff;
  width: 50px;
  margin: 0 auto;
  position: relative;
  transform: translateY(-50%);
}

.create-report .collapsable-section .cs-header {
  background: #f8fafb;
}

.create-report .collapsable-section .cs-bullet {
  text-align: center;
  color: #fff;
  background: #007780;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  margin-right: 20px;
  font-size: 18px;
  font-weight: bold;
  line-height: 40px;
}

.create-report .collapsable-section .label-title {
  font-size: 18px;
}

.create-report .collapsable-section .label-body {
  margin-bottom: 8px;
  font-weight: normal;
}

.create-report .lr-question-mark-o-filled {
  color: #007780;
}

.create-report .property-description-wrap .invalid.char-limit-validation {
  color: #f3b204 !important;
}

.create-report .extra-instructions {
  padding: 0 56px;
}

@media (max-width: 600px) {
  .create-report .extra-instructions {
    padding: 0;
  }
}

.create-report .helper {
  border-top: 1px solid #d5dfe3;
  padding: 20px 0;
}

.create-report .helper > div:first-child {
  padding-right: 10px;
}

.create-report .helper.block {
  margin: 30px 0;
  padding-top: 30px;
}

.create-report .helper.block > div {
  background: #f8fafb;
  max-width: 580px;
  margin: 0 auto;
  padding: 25px 40px;
}

.create-report .helper.block > div h3 {
  margin: 10px 0;
}

.create-report .helper.block > div ul li {
  text-indent: -1em;
  padding-left: 1em;
}

.create-report .helper.block > div ul li:before {
  content: "•";
  color: #b4bbbf;
  padding-right: 10px;
  font-size: 17px;
}

.create-report .helper.block > div ul li a {
  margin-top: -1px;
  margin-left: 20px;
  display: inline-block;
}

@media (max-width: 599px) {
  .create-report .helper.block > div ul li a {
    text-align: left;
    margin-left: 17px;
    display: block;
  }

  .create-report .helper.block {
    margin: 15px;
  }
}

.create-report .la-helper {
  border: 1px solid #d5dfe3;
  margin-bottom: 16px;
  padding: 17px;
}

.create-report .la-helper .lr {
  margin-right: 14px;
  font-size: 39px;
}

@media (max-width: 599px) {
  .create-report .la-helper .lr {
    margin-bottom: 11px;
    margin-right: 0;
  }
}

.create-report agent-search .form-body {
  border-left: 0;
  padding-left: 0;
}

@media (max-width: 599px) {
  .create-report {
    padding: 0;
  }
}

.create-report .color-themes-select .dropdown-toggle {
  border: 1px solid #d5dfe3;
  border-radius: 2px;
  height: 42px;
  padding: 12px;
}

.create-report .color-themes-select .dropdown-btn {
  height: 14px;
}

.create-report .color-themes-select .dropdown-menu {
  -webkit-overflow-scrolling: touch;
  width: 100%;
  max-height: 200px;
  overflow-y: auto;
}

.create-report .color-themes-select .dropdown-menu-item {
  padding: 12px;
}

.create-report .color-themes-select .dropdown-menu-item:hover {
  background-color: #f8fafb;
}

.create-report .color-themes-select .color-theme-palette {
  margin-right: 4px;
}

.create-report .color-themes-select .color-theme-palette .color-theme-palette-dot {
  border-radius: 50%;
  width: 16px;
  height: 16px;
  margin-right: 8px;
}

.preferred-vendor-wrapper {
  max-width: 1048px;
}

.preferred-vendor-wrapper .preferred-vendor {
  padding: 0 50px;
}

@media (max-width: 599px) {
  .preferred-vendor-wrapper .preferred-vendor {
    padding: 0 16px;
  }
}

.preferred-vendor-wrapper .subsection, .preferred-vendor-wrapper nestme-share-engagement > section {
  background: #f9f9f9;
  flex: 1;
}

@media (max-width: 600px) {
  .select-lender-modal .title {
    font-size: 28px;
  }
}

@media (max-width: 320px) {
  .select-lender-modal .title {
    margin-bottom: 0;
    font-size: 22px;
  }
}

.select-lender-modal h2, .select-lender-modal .cba-banner banner .title, .cba-banner banner .select-lender-modal .title, .select-lender-modal abn-banner banner .title, abn-banner banner .select-lender-modal .title {
  color: #007780;
  margin: 0 10px 10px;
  font-weight: bold;
}

.select-lender-modal.lg h2, .select-lender-modal.lg .cba-banner banner .title, .cba-banner banner .select-lender-modal.lg .title, .select-lender-modal.lg abn-banner banner .title, abn-banner banner .select-lender-modal.lg .title {
  font-size: em(34);
}

@media (max-width: 600px) {
  .select-lender-modal .lender-search .search-result .info {
    max-width: 60%;
  }
}

@media (max-width: 600px) {
  .select-lender-modal .lender-search {
    margin-left: 0;
    margin-right: 0;
  }
}

.loan-office-card {
  height: 100%;
  padding-top: 32px;
}

.loan-office-card .bar {
  border: 1px solid #d5dfe3;
  width: 25px;
  margin: 12px auto;
}

.loan-office-card .card {
  background: #fff;
  border: 1px solid #d5dfe3;
  border-radius: 6px;
  width: 232px;
  padding-bottom: 16px;
  padding-left: 8px;
  padding-right: 8px;
}

.loan-office-card .card .name h3 {
  margin: 0 0 4px;
}

.loan-office-card .card .instant-access {
  text-align: center;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  font-weight: bold;
  display: flex;
}

.loan-office-card .card .instant-access span {
  margin-left: 4px;
  font-size: 16px;
}

.loan-office-card .card p {
  margin: 0;
}

.loan-office-card .card .avatar {
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, .25));
  border-radius: 50%;
  width: 64px;
  height: 64px;
  margin: -32px auto 0;
  left: 0;
  right: 0;
}

.loan-office-card .card .avatar img {
  width: 64px !important;
  height: 64px !important;
}

.loan-office-card .card .action {
  text-align: center;
  margin-top: 12px;
}

.preferred-vendor {
  padding: 0;
}

.preferred-vendor.signup {
  margin-top: -50px;
  padding: 0;
}

@media (max-width: 599px) {
  .preferred-vendor.signup {
    margin: -20px;
    padding: -40px;
  }
}

.preferred-vendor header {
  border: 0;
  margin-bottom: 0;
}

.preferred-vendor header h2, .preferred-vendor header .cba-banner banner .title, .cba-banner banner .preferred-vendor header .title, .preferred-vendor header abn-banner banner .title, abn-banner banner .preferred-vendor header .title {
  margin-top: 0;
}

.preferred-vendor header p {
  margin: 0;
}

@media (max-width: 599px) {
  .preferred-vendor header {
    font-size: 14px;
  }
}

.preferred-vendor .reasons ul {
  max-width: 100%;
  margin-top: 16px;
  margin-right: -10px;
  list-style-type: disc;
  display: block;
}

@media (max-width: 599px) {
  .preferred-vendor .reasons {
    margin-right: 0;
    padding-left: 15px;
  }
}

.preferred-vendor .footer-section .pair-with-a-loan-officer {
  border-bottom: 1px solid #d5dfe3;
  padding-bottom: 50px;
}

.preferred-vendor .search-section h2, .preferred-vendor .search-section .cba-banner banner .title, .cba-banner banner .preferred-vendor .search-section .title, .preferred-vendor .search-section abn-banner banner .title, abn-banner banner .preferred-vendor .search-section .title {
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
}

.preferred-vendor .search-section .select-lender-modal .lender-search {
  margin: 0;
}

.preferred-vendor .search-section .select-lender-modal input {
  background: #fff;
}

.preferred-vendor .button-holder > div {
  margin: 5px 0;
}

.preferred-vendor .button-holder > div .btn-link {
  margin: 10px 0;
  font-weight: 700;
}

.preferred-vendor .button-holder > div button p {
  font-weight: 700;
}

.preferred-vendor .thanks-v2 {
  background: #fff;
  min-height: 500px;
  margin-left: -48px;
  margin-right: -48px;
}

@media (max-width: 599px) {
  .preferred-vendor .thanks-v2 {
    min-height: 360px;
    margin-left: -16px;
    margin-right: -16px;
  }
}

.preferred-vendor .review-v2 .chosen-lender {
  margin-top: 42px;
}

@media (max-width: 599px) {
  .preferred-vendor .review-v2 .chosen-lender {
    margin-top: 32px;
  }
}

.preferred-vendor .review-v2 .wrapper {
  background: #fff;
  margin-top: 46px;
  margin-left: -48px;
  margin-right: -48px;
  padding-top: 32px;
  padding-bottom: 32px;
}

@media (max-width: 599px) {
  .preferred-vendor .review-v2 .wrapper {
    margin-left: -16px;
    margin-right: -16px;
    padding: 16px;
  }
}

.preferred-vendor .review-v2 .main {
  justify-content: center;
  align-items: center;
  display: flex;
}

@media (max-width: 599px) {
  .preferred-vendor .review-v2 .main {
    flex-direction: column;
  }
}

.preferred-vendor .review-v2 .relationship {
  margin-left: 32px;
}

@media (max-width: 599px) {
  .preferred-vendor .review-v2 .relationship {
    margin-left: 0;
  }

  .preferred-vendor .review-v2 .relationship .title {
    text-align: center;
    margin-top: 20px;
  }
}

.preferred-vendor .review-v2 .relationship .cta-wrapper {
  width: -webkit-fit-content;
  width: fit-content;
}

@media (max-width: 599px) {
  .preferred-vendor .review-v2 .relationship .cta-wrapper {
    text-align: center;
    width: auto;
  }
}

.preferred-vendor .review-v2 .terms {
  text-align: center;
  color: #525658;
  max-width: 500px;
  margin: 32px auto;
  font-size: 12px;
  line-height: 16px;
}

.preferred-vendor .review {
  max-width: 470px;
  margin-left: auto;
  margin-right: auto;
}

.preferred-vendor .review .no-portal-user p {
  max-width: 350px;
  font-size: 14px;
}

.preferred-vendor .review .chosen-lender {
  padding: 0 32px;
}

.preferred-vendor .review .chosen-lender h2, .preferred-vendor .review .chosen-lender .cba-banner banner .title, .cba-banner banner .preferred-vendor .review .chosen-lender .title, .preferred-vendor .review .chosen-lender abn-banner banner .title, abn-banner banner .preferred-vendor .review .chosen-lender .title {
  margin-top: 0;
}

@media (max-width: 599px) {
  .preferred-vendor .review .chosen-lender {
    margin: 0 -15px;
    padding: 0 15px;
  }
}

.preferred-vendor .review .legal {
  padding: 0 32px;
}

@media (max-width: 599px) {
  .preferred-vendor .review .legal {
    margin: 0 -15px;
    padding: 0 15px;
  }
}

.preferred-vendor .invite {
  padding: 42px 30px;
}

.preferred-vendor .invite header h2, .preferred-vendor .invite header .cba-banner banner .title, .cba-banner banner .preferred-vendor .invite header .title, .preferred-vendor .invite header abn-banner banner .title, abn-banner banner .preferred-vendor .invite header .title {
  margin-bottom: 0;
}

.preferred-vendor .invite header p {
  margin: 20px 0 25px;
}

@media (max-width: 599px) {
  .preferred-vendor .invite {
    padding: 32px 0;
  }
}

.preferred-vendor .thank-you-message {
  margin-bottom: 15px;
}

.preferred-vendor .thank-you-message:last-child {
  margin-bottom: 0;
}

.preferred-vendor .face-wrap {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 50%;
  width: 100px;
  height: 100px;
  margin: 0 10px;
  box-shadow: 0 0 2px rgba(0, 0, 0, .8);
}

@media (max-width: 599px) {
  .preferred-vendor .face-wrap {
    width: 80px;
    height: 80px;
  }
}

.preferred-vendor .subtext {
  padding-bottom: 10px;
}

.preferred-vendor .company-logo-image-holder {
  margin-bottom: 20px;
}

.preferred-vendor .company-logo-image-holder.selected {
  border: 1px solid #bdc1c5;
  padding: 20px;
}

.preferred-vendor .error-box {
  margin-top: 0;
}

.preferred-vendor .examples {
  margin: 32px 0;
}

.preferred-vendor .examples .example > div {
  max-width: 175px;
  display: inline-block;
}

@media (max-width: 599px) {
  .preferred-vendor .examples .example > div {
    max-width: 100%;
  }
}

.preferred-vendor .examples .example .btn-link {
  margin-top: 8px;
}

.preferred-vendor .examples .example .img-wrapper {
  height: 87px;
  margin-bottom: 12px;
}

@media (max-width: 599px) {
  .preferred-vendor .examples .example .img-wrapper {
    height: 130px;
  }
}

.preferred-vendor .examples .example img {
  max-height: 87px;
}

@media (max-width: 599px) {
  .preferred-vendor .examples .example img {
    max-height: 130px;
  }

  .preferred-vendor .examples .example {
    margin-bottom: 36px;
  }

  .preferred-vendor .examples .example:last-child {
    margin-bottom: 0;
  }
}

.preferred-vendor .thanks {
  max-width: 470px;
  margin-left: auto;
  margin-right: auto;
}

.preferred-vendor .thanks user-info-card {
  margin-top: 60px;
}

.preferred-vendor .thanks .profile-wrap {
  text-align: left;
}

@media (max-width: 599px) {
  .preferred-vendor .thanks .profile-wrap .img-wrapper {
    margin-bottom: 16px;
  }
}

.preferred-vendor .thanks .profile-wrap img {
  border-radius: 50%;
  width: 100px;
  height: 100px;
}

.preferred-vendor .thanks .profile-wrap > div {
  margin: 0 16px;
}

@media (max-width: 599px) {
  .preferred-vendor .thanks .profile-wrap {
    text-align: center;
  }
}

.preferred-vendor .blue-bg {
  color: #fff;
  background-color: #1e2b35;
}

.preferred-vendor .vgradient {
  background: linear-gradient(#f7f7f7 0%, rgba(247, 247, 247, 0) 100%);
  height: 42px;
  margin: 0 -100px;
}

@media (max-width: 959px) {
  .preferred-vendor .vgradient {
    margin: 0 -35px;
  }
}

.preferred-vendor .preferred-vendor-suggested-los {
  margin: 0 -100px;
}

@media (max-width: 599px) {
  .preferred-vendor .preferred-vendor-suggested-los {
    margin: 0 -35px;
  }
}

.preferred-vendor .suggested-los-wrapper {
  justify-content: space-between;
  width: -webkit-fit-content;
  width: fit-content;
  margin: 32px auto;
  display: flex;
}

@media (max-width: 599px) {
  .preferred-vendor .suggested-los-wrapper {
    flex-wrap: wrap;
    justify-content: center;
    max-width: calc(100% - 40px);
  }
}

.preferred-vendor .suggested-los-wrapper .slick-arrow {
  font-size: 20px !important;
}

.preferred-vendor .suggested-los-wrapper .move-left {
  left: -24px !important;
}

.preferred-vendor .suggested-los-wrapper .slick-track {
  height: 299px;
}

.preferred-vendor .suggested-los-wrapper .slick-slide > div {
  height: 100%;
}

.preferred-vendor .suggested-los-wrapper .slick-current > div > div {
  margin-left: 0 !important;
}

.preferred-vendor .suggested-los-wrapper .move-right {
  right: -24px !important;
}

.preferred-vendor .suggested-los-wrapper .card-wrapper {
  margin: 0 8px;
}

@media (max-width: 599px) {
  .preferred-vendor .suggested-los-wrapper .card-wrapper {
    margin: 8px 0;
  }
}

.preferred-vendor .invite-logged-out-with-suggested-invites {
  flex-direction: row;
  justify-content: space-between;
  display: flex;
}

@media (max-width: 599px) {
  .preferred-vendor .invite-logged-out-with-suggested-invites {
    flex-direction: column;
  }
}

.preferred-vendor .invite-logged-out-with-suggested-invites .invite-footer {
  display: flex;
}

@media (max-width: 599px) {
  .preferred-vendor .invite-logged-out-with-suggested-invites .invite-footer {
    flex-direction: column;
    margin-bottom: 35px;
    margin-left: 0;
    margin-right: 0;
    padding: 0;
  }
}

.preferred-vendor .invite-logged-out-with-suggested-invites .invite-footer div .licensed-loan {
  text-align: start;
  font-size: 14px;
}

@media (max-width: 599px) {
  .preferred-vendor .invite-logged-out-with-suggested-invites .invite-footer div .licensed-loan {
    text-align: start;
  }
}

.preferred-vendor .invite-logged-out-with-suggested-invites .invite-footer div .invite-footer-your-account {
  display: none;
}

.preferred-vendor .invite-logged-out-with-suggested-invites .invite-footer div .invite-footer-button-no-thanks {
  margin: 35px;
}

@media (max-width: 599px) {
  .preferred-vendor .invite-logged-out-with-suggested-invites .invite-footer div .invite-footer-button-no-thanks {
    margin: 8px;
  }

  .preferred-vendor .invite-logged-out-with-suggested-invites .invite-footer div .invite-footer-button-no-thanks div button {
    text-align: start;
  }
}

.preferred-vendor .invite-logged-out-with-suggested-invites .iframe {
  width: 70%;
  height: 248px;
}

@media (max-width: 599px) {
  .preferred-vendor .invite-logged-out-with-suggested-invites .iframe {
    width: 100%;
    height: 184.67px;
  }
}

.preferred-vendor .invite-logged-out-no-invites {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.preferred-vendor .invite-logged-out-no-invites .invite-footer {
  max-width: 570px;
}

@media (max-width: 599px) {
  .preferred-vendor .invite-logged-out-no-invites .invite-footer {
    flex-direction: column;
  }
}

.preferred-vendor .invite-logged-out-no-invites .invite-footer div .licensed-loan {
  text-align: center;
  margin: 0 0 24px;
}

@media (max-width: 599px) {
  .preferred-vendor .invite-logged-out-no-invites .invite-footer div .licensed-loan {
    text-align: start;
    margin: 0 0 24px;
  }
}

.preferred-vendor .invite-logged-out-no-invites .invite-footer div .invite-footer-your-account {
  margin-top: 24px;
  margin-left: auto;
  margin-right: auto;
  font-size: 12px;
}

@media (max-width: 599px) {
  .preferred-vendor .invite-logged-out-no-invites .invite-footer div .invite-footer-button-no-thanks {
    margin: 0 0 0 8px;
  }

  .preferred-vendor .invite-logged-out-no-invites .invite-footer div .invite-footer-button-no-thanks div button {
    text-align: start;
    margin: 0;
  }
}

.preferred-vendor .invite-logged-out-no-invites .iframe {
  width: 100%;
  height: 480px;
}

@media (max-width: 599px) {
  .preferred-vendor .invite-logged-out-no-invites .iframe {
    height: 184.67px;
  }
}

.preferred-vendor .invite-logged-in {
  flex-direction: column;
  align-items: center;
  display: flex;
}

@media (max-width: 599px) {
  .preferred-vendor .invite-logged-in {
    padding-bottom: 42px;
  }
}

.preferred-vendor .invite-logged-in .invite-footer {
  flex-direction: row;
  gap: 70px;
  width: 475px;
  padding-bottom: 42px;
  display: flex;
}

@media (max-width: 599px) {
  .preferred-vendor .invite-logged-in .invite-footer {
    flex-direction: column;
    width: 100%;
  }
}

.preferred-vendor .invite-logged-in .invite-footer div .licensed-loan {
  text-align: start;
}

@media (max-width: 599px) {
  .preferred-vendor .invite-logged-in .invite-footer div .licensed-loan {
    text-align: start;
  }
}

.preferred-vendor .invite-logged-in .invite-footer div .invite-footer-your-account {
  margin-top: 24px;
  margin-left: auto;
  margin-right: auto;
  font-size: 12px;
}

.preferred-vendor .invite-logged-in .invite-footer div .invite-footer-button-no-thanks {
  margin: 35px;
}

@media (max-width: 599px) {
  .preferred-vendor .invite-logged-in .invite-footer div .invite-footer-button-no-thanks {
    margin: 8px;
  }

  .preferred-vendor .invite-logged-in .invite-footer div .invite-footer-button-no-thanks div button {
    text-align: start;
  }
}

.preferred-vendor .invite-logged-in .iframe {
  border-top: 1px solid #d5dfe3;
  width: 110.5%;
  height: 554px;
}

@media (max-width: 599px) {
  .preferred-vendor .invite-logged-in .iframe {
    border-top: none;
    width: 100%;
    height: 184.67px;
  }
}

.preferred-vendor .invite-logged-in-with-invited-los {
  background-color: #fff;
  border-top: 1px solid #d5dfe3;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-left: -50px;
  margin-right: -50px;
  padding: 32px 0;
  display: flex;
}

@media (max-width: 599px) {
  .preferred-vendor .invite-logged-in-with-invited-los {
    border-top: none;
    flex-direction: column;
    margin-left: -15px;
    margin-right: -15px;
  }
}

.preferred-vendor .invite-logged-in-with-invited-los .invite-footer {
  flex-direction: row;
  gap: 70px;
  width: 475px;
  padding: 0 32px;
  display: flex;
}

@media (max-width: 599px) {
  .preferred-vendor .invite-logged-in-with-invited-los .invite-footer {
    flex-direction: column;
    width: 100%;
    padding: 0 16px;
  }
}

.preferred-vendor .invite-logged-in-with-invited-los .invite-footer .search-section .invite-someone-else {
  margin: 0;
}

.preferred-vendor .invite-logged-in-with-invited-los .invite-footer div .licensed-loan {
  text-align: start;
}

@media (max-width: 599px) {
  .preferred-vendor .invite-logged-in-with-invited-los .invite-footer div .licensed-loan {
    text-align: start;
  }
}

.preferred-vendor .invite-logged-in-with-invited-los .invite-footer div .invite-footer-dont-worry-text {
  text-align: start;
}

@media (max-width: 599px) {
  .preferred-vendor .invite-logged-in-with-invited-los .invite-footer div .invite-footer-dont-worry-text {
    display: none;
  }
}

.preferred-vendor .invite-logged-in-with-invited-los .invite-footer div .invite-footer-your-account {
  margin-top: 24px;
  margin-left: auto;
  margin-right: auto;
  font-size: 12px;
}

@media (max-width: 599px) {
  .preferred-vendor .invite-logged-in-with-invited-los .invite-footer div .invite-footer-your-account {
    display: none;
  }
}

.preferred-vendor .invite-logged-in-with-invited-los .invite-footer div .invite-footer-button-no-thanks {
  margin: 35px;
}

@media (max-width: 599px) {
  .preferred-vendor .invite-logged-in-with-invited-los .invite-footer div .invite-footer-button-no-thanks {
    margin: 8px;
  }

  .preferred-vendor .invite-logged-in-with-invited-los .invite-footer div .invite-footer-button-no-thanks div button {
    text-align: start;
  }
}

.preferred-vendor .invite-logged-in-with-invited-los .iframe {
  width: 440px;
  height: 248px;
}

@media (max-width: 599px) {
  .preferred-vendor .invite-logged-in-with-invited-los .iframe {
    width: 100%;
    height: 184.67px;
  }
}

.preferred-vendor .invite-logged-in-with-suggested-los {
  background-color: #fff;
  border-top: 1px solid #d5dfe3;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-top: 24px;
  margin-left: -50px;
  margin-right: -50px;
  padding: 32px 0;
  display: flex;
}

@media (max-width: 599px) {
  .preferred-vendor .invite-logged-in-with-suggested-los {
    border-top: none;
    flex-direction: column;
    margin-left: -15px;
    margin-right: -15px;
  }
}

.preferred-vendor .invite-logged-in-with-suggested-los .invite-footer {
  display: none;
}

.preferred-vendor .invite-logged-in-with-suggested-los .iframe {
  width: 110.5%;
  height: 554px;
}

@media (max-width: 599px) {
  .preferred-vendor .invite-logged-in-with-suggested-los .iframe {
    width: 100%;
    height: 184.67px;
  }
}

.preferred-vendor .invite-footer-preferred-vendor {
  flex-direction: column;
  align-items: center;
  max-width: 570px;
  margin: auto;
  display: flex;
}

@media (max-width: 599px) {
  .preferred-vendor .invite-footer-preferred-vendor {
    align-items: flex-start;
    padding: 0;
  }
}

.preferred-vendor .instant-pair-sucess .chosen-lender {
  max-width: 435px;
  margin: 42px auto 0;
}

@media (max-width: 599px) {
  .preferred-vendor .instant-pair-sucess .chosen-lender {
    margin: 32px auto 0;
  }
}

.preferred-vendor .instant-pair-sucess .iframe {
  height: 542px;
  margin: 42px -48px 0;
}

@media (max-width: 599px) {
  .preferred-vendor .instant-pair-sucess .iframe {
    height: 200px;
    margin: 42px -16px 0;
  }
}

.preferred-vendor .pair-with-my-lender h2, .preferred-vendor .pair-with-my-lender .cba-banner banner .title, .cba-banner banner .preferred-vendor .pair-with-my-lender .title, .preferred-vendor .pair-with-my-lender abn-banner banner .title, abn-banner banner .preferred-vendor .pair-with-my-lender .title {
  margin-top: 0;
}

.preferred-vendor .pair-with-my-lender .box {
  border: 2px solid #d5dfe3;
  padding: 30px;
}

.preferred-vendor .pair-with-my-lender .box > header {
  letter-spacing: 1.5px;
  color: #afb8bd;
}

@media (max-width: 599px) {
  .preferred-vendor .pair-with-my-lender .box > header {
    margin-bottom: 20px;
  }
}

.preferred-vendor .pair-with-my-lender .box .cta-wrapper {
  margin-top: 10px;
}

@media (max-width: 599px) {
  .preferred-vendor .pair-with-my-lender .box .cta-wrapper {
    margin-top: 20px;
  }

  .preferred-vendor .pair-with-my-lender .box {
    margin-left: -20px;
    margin-right: -20px;
  }

  .preferred-vendor .value-props h2, .preferred-vendor .value-props .cba-banner banner .title, .cba-banner banner .preferred-vendor .value-props .title, .preferred-vendor .value-props abn-banner banner .title, abn-banner banner .preferred-vendor .value-props .title {
    margin: 0;
  }
}

.preferred-vendor .legal {
  font-size: 12px;
}

.preferred-vendor .mt-1 {
  margin-top: 8px;
}

.preferred-vendor .relationship label input {
  margin-right: 5px;
}

@media (max-width: 599px) {
  .preferred-vendor {
    padding: 15px;
    font-size: 14px;
  }

  .route-select-my-lender .preferred-vendor .pair-with-my-lender .box, .route-report-details-preferred-vendor .preferred-vendor .pair-with-my-lender .box {
    border-left: 0;
    border-right: 0;
    margin-left: -15px;
    margin-right: -15px;
  }
}

.route-select-my-lender .preferred-vendor .vgradient, .route-report-details-preferred-vendor .preferred-vendor .vgradient {
  margin: 0 -50px;
}

@media (max-width: 599px) {
  .route-select-my-lender .preferred-vendor .vgradient, .route-report-details-preferred-vendor .preferred-vendor .vgradient {
    margin: 0 -15px;
  }

  .route-select-my-loan-officer .preferred-vendor .pair-with-my-lender .box, .route-report-details-preferred-vendor .preferred-vendor .pair-with-my-lender .box {
    border-left: 0;
    border-right: 0;
    margin-left: -15px;
    margin-right: -15px;
  }
}

.route-select-my-loan-officer .preferred-vendor .vgradient, .route-report-details-preferred-vendor .preferred-vendor .vgradient {
  margin: 0 -50px;
}

@media (max-width: 599px) {
  .route-select-my-loan-officer .preferred-vendor .vgradient, .route-report-details-preferred-vendor .preferred-vendor .vgradient {
    margin: 0 -15px;
  }
}

agent-details {
  max-width: 1400px;
}

agent-details .breadcrumbs {
  margin-bottom: 14px;
}

agent-details .agent-details {
  max-width: 1400px;
}

agent-details .main-content {
  margin-right: 15px;
}

agent-details .main-content.full-width {
  margin-right: 0;
}

@media (max-width: 959px) {
  agent-details .main-content {
    margin-right: 0;
  }
}

agent-details .tab-agent-list-side {
  content: url("/images/icons/agent-list-side.svg");
  vertical-align: sub;
}

agent-details .tab-agent-buy-side {
  content: url("/images/icons/agent-buy-side.svg");
  vertical-align: sub;
}

agent-details .tab-agent-provider {
  content: url("/images/icons/agent-provider.svg");
  vertical-align: sub;
}

agent-details .tab-agent-activity {
  content: url("/images/icons/agent-activity.svg");
  vertical-align: sub;
}

agent-details .tab-agent-intel {
  content: url("/images/agentfarm/insights.svg");
  vertical-align: sub;
}

agent-details tabbar tablabel.selected .tab-agent-list-side {
  content: url("/images/icons/agent-list-side-selected.svg");
}

agent-details tabbar tablabel.selected .tab-agent-buy-side {
  content: url("/images/icons/agent-buy-side-selected.svg");
}

agent-details tabbar tablabel.selected .tab-agent-provider {
  content: url("/images/icons/agent-provider-selected.svg");
}

agent-details tabbar tablabel.selected .tab-agent-activity {
  content: url("/images/icons/agent-activity-selected.svg");
}

agent-details tabbar tablabel.selected .tab-agent-intel {
  content: url("/images/agentfarm/insights-selected.svg");
}

agent-details tabbar tablabel {
  text-transform: inherit;
}

agent-details .agent-info {
  position: relative;
}

agent-details .agent-info .btn.btn-link.btn-dark {
  color: #696969;
}

@media (max-width: 599px) {
  agent-details .agent-info .contact-info-email {
    text-overflow: ellipsis;
    max-width: 59%;
    overflow: hidden;
  }
}

agent-details .agent-info .agent-profile-card .headshot {
  min-width: 100px;
  max-width: 100px;
  height: 100px;
  margin-right: 15px;
}

@media (max-width: 599px) {
  agent-details .agent-info .agent-profile-card .headshot {
    min-width: 60px;
    max-width: 60px;
    height: 60px;
    margin-bottom: 14px;
  }
}

agent-details .agent-info .agent-profile-card .initials {
  color: #fff;
  font-size: 36px;
}

@media (max-width: 599px) {
  agent-details .agent-info .agent-profile-card .name-wrap {
    min-width: 60px;
    max-width: 60px;
    height: 60px;
    margin-bottom: 14px;
    padding-right: 0;
  }
}

agent-details .agent-info .agent-profile-card .name-wrap {
  padding-right: 100px;
}

agent-details .agent-info .agent-profile-card .name {
  align-items: center;
  margin: 0;
  padding-right: 8px;
  display: inline-flex;
}

@media (max-width: 599px) {
  agent-details .agent-info .agent-profile-card .name {
    font-size: 18px;
  }
}

agent-details .agent-info .agent-profile-card .user-robin-icon {
  background: url("/images/robin_logo_round.svg");
  width: 24px;
  height: 24px;
  margin-left: 8px;
  display: inline-block;
}

agent-details .agent-info .agent-profile-card .company {
  margin-bottom: 6px;
  font-size: 18px;
}

@media (max-width: 599px) {
  agent-details .agent-info .agent-profile-card .company {
    font-size: 14px;
  }
}

agent-details .agent-info .agent-profile-card .pairing-status, agent-details .agent-info .agent-profile-card .invite-status {
  margin-bottom: 8px;
}

agent-details .agent-info .agent-profile-card .smallcaps {
  text-transform: uppercase;
  vertical-align: top;
  letter-spacing: 1.5px;
  font-size: 11px;
  font-weight: bold;
  line-height: 14px;
}

agent-details .agent-info .agent-profile-card .contact-info-label {
  width: 95px;
  margin-right: 12px;
  display: inline-block;
}

agent-details .agent-info .agent-profile-card .contact-info-robin-activation {
  color: #007780;
  cursor: pointer;
  font-weight: bold;
}

agent-details .agent-info .agent-profile-card .contact-info {
  flex-wrap: wrap;
}

agent-details .agent-info .agent-profile-card .contact-info > div {
  min-width: 105px;
  padding: 2px 0;
}

@media (max-width: 599px) {
  agent-details .agent-info .agent-profile-card .contact-info > div {
    padding: 0;
  }
}

agent-details .agent-info .agent-profile-card .contact-info .smallcaps {
  color: #525658;
  margin-bottom: 2px;
}

agent-details .agent-info .agent-profile-card .contact-info .vertical-separator {
  border-left: 1px solid #d5dfe3;
  min-width: 1px;
  max-width: 1px;
  min-height: 100%;
  margin: 0 14px 0 12px;
}

@media (max-width: 599px) {
  agent-details .agent-info .agent-profile-card .contact-info {
    display: block;
  }
}

agent-details .agent-info .agent-profile-card .follow-btns {
  max-width: 320px;
  margin: 12px 0;
}

agent-details .agent-info .agent-profile-card .follow-btns .btn {
  padding: 10px 32px;
}

agent-details .agent-info .agent-profile-card .follow-btns .btn-follow {
  padding: 6px 32px;
  line-height: 1;
}

agent-details .agent-info .agent-profile-card .list-side-btn-wrap {
  margin-right: 6px;
}

agent-details .agent-info .agent-profile-card .buy-side.btn-unfollow {
  min-width: 100%;
}

agent-details .agent-info .primary-cta {
  position: absolute;
  top: 25px;
  right: 25px;
}

@media (min-width: 600px) {
  agent-details .agent-info {
    font-size: 14px;
  }
}

@media (max-width: 959px) {
  agent-details .agent-info, agent-details .listings-info {
    margin-bottom: 15px;
  }
}

agent-details .agent-stats {
  border-bottom: 1px solid #d5dfe3;
  padding: 16px;
}

agent-details .agent-stats .column-wrap {
  margin-top: -1px;
  margin-bottom: -1px;
  margin-left: -1px;
}

agent-details .agent-stats .column-wrap:last-child {
  margin-right: -1px;
}

@media (min-width: 600px) {
  agent-details .agent-stats .column-wrap > div:last-child {
    margin-bottom: -2px;
  }
}

agent-details .agent-stats .square {
  border: 1px solid #d5dfe3;
  border-left: none;
  padding: 12px 16px;
}

agent-details .agent-stats .square:first-child {
  border: 1px solid #d5dfe3;
}

@media (max-width: 599px) {
  agent-details .agent-stats .square {
    border: none;
    padding: 8px;
  }

  agent-details .agent-stats .square:first-child {
    border: none;
  }
}

agent-details .agent-stats h2, agent-details .agent-stats .cba-banner banner .title, .cba-banner banner agent-details .agent-stats .title, agent-details .agent-stats abn-banner banner .title, abn-banner banner agent-details .agent-stats .title, agent-details .agent-stats h3 {
  margin: 0;
}

agent-details .agent-stats h3 {
  color: #1e2b35;
  font-size: 14px;
  line-height: 16px;
}

agent-details .agent-stats .lr {
  font-size: 25px;
}

agent-details .agent-stats .lr.lr-lock {
  margin-bottom: 10px;
  font-size: 35px;
}

agent-details .listing-filters-content {
  border-bottom: 1px solid #d5dfe3;
  padding: 16px;
  position: relative;
}

agent-details .listing-filters-label {
  pointer-events: none;
  position: absolute;
  top: 28px;
  left: 33px;
}

agent-details select.form-control.listing-filters-select {
  background-position: 170px;
  background-size: inherit;
  max-width: 192px;
  margin-bottom: 0;
  padding-left: 67px;
  background-image: url("/images/icons/select-arrow-dark.png") !important;
  padding-right: 10px !important;
}

agent-details .providers {
  padding: 16px;
}

agent-details .listings {
  background: #fff;
  padding: 16px 6px;
}

@media (max-width: 1279px) {
  agent-details .listings {
    padding: 15px;
  }
}

@media (max-width: 599px) {
  agent-details .listings {
    padding-left: 0;
    padding-right: 0;
  }
}

agent-details .listing-wrap {
  padding: 10px;
  position: relative;
}

@media (max-width: 599px) {
  agent-details .listing-wrap {
    margin-bottom: 20px;
    padding: 0 25px;
  }

  agent-details .listing-wrap:last-child {
    margin-bottom: 0;
  }

  agent-details .listing-wrap listing-card {
    border-left: 1px solid #d5dfe3;
    border-right: 1px solid #d5dfe3;
    border-radius: 4px;
  }
}

@media (min-width: 600px) {
  agent-details .embed-responsive-wrap {
    padding: 25px 25px 0;
  }
}

agent-details notes {
  margin: -1px;
}

agent-details notes header h2, agent-details notes header .cba-banner banner .title, .cba-banner banner agent-details notes header .title, agent-details notes header abn-banner banner .title, abn-banner banner agent-details notes header .title {
  height: 1px;
  overflow: hidden;
}

agent-details .activity-feed-wrap {
  padding: 30px 0;
}

agent-details activity-feed {
  max-height: 400px;
  overflow: auto;
}

agent-details activity-feed .feed .card-wrapper .card {
  border: none;
  padding: 10px 20px 10px 24px;
}

agent-details activity-feed .feed .group.first {
  border: none;
  margin-top: -30px;
}

agent-details .no-listings {
  padding: 15px;
}

agent-details .no-listings .img-holder {
  margin-right: 15px;
}

@media (max-width: 599px) {
  agent-details .no-listings .img-holder {
    text-align: center;
    margin: 7px auto 0;
  }

  agent-details .no-listings .img-holder > img {
    display: inline-block;
  }
}

agent-details .no-listings .copy-holder {
  max-width: 330px;
  margin-left: 15px;
}

@media (max-width: 599px) {
  agent-details .no-listings .copy-holder {
    max-width: 100%;
    margin-top: 22px;
    margin-right: 0;
  }
}

agent-details .no-listings h2, agent-details .no-listings .cba-banner banner .title, .cba-banner banner agent-details .no-listings .title, agent-details .no-listings abn-banner banner .title, abn-banner banner agent-details .no-listings .title {
  margin-top: 0;
  margin-bottom: 18px;
}

@media (max-width: 599px) {
  agent-details .no-listings h2, agent-details .no-listings .cba-banner banner .title, .cba-banner banner agent-details .no-listings .title, agent-details .no-listings abn-banner banner .title, abn-banner banner agent-details .no-listings .title {
    margin-right: 0;
  }
}

agent-details .no-listings > h3 {
  max-width: 505px;
  margin: 0 auto;
}

@media (max-width: 599px) {
  agent-details .no-listings > h3 {
    max-width: 340px;
  }

  agent-details .no-listings {
    padding: 0 15px;
  }
}

agent-details .listing-not-found {
  text-align: center;
  margin: 30px 15px 15px;
}

agent-details .listing-not-found .span-center {
  max-width: 480px;
  display: inline-block;
}

agent-details .listing-not-found h3 {
  margin-bottom: 15px;
  margin-right: 0;
}

agent-details .agent-details-actions-footer {
  z-index: 999;
  background: #fff;
  border-top: 1px solid #d5dfe3;
  width: 100%;
  padding: 16px;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
}

agent-details react-agent-details-table {
  width: 100%;
}

agent-details .agent-intel-wrapper {
  max-width: 600px;
}

agent-listing-stats.border .agent-listing-stats {
  border-right: 6px solid #ecf0f1;
}

agent-listing-stats.border .stats-block {
  border-bottom: 6px solid #ecf0f1;
  border-left: 6px solid #ecf0f1;
  padding: 12px 6px;
}

agent-listing-stats.border .stats-block .num {
  font-size: 24px;
}

agent-search .autocomplete-search {
  width: 100%;
}

agent-search .search {
  padding-left: 0;
  padding-right: 0;
  position: relative;
}

agent-search .search i.lr {
  position: absolute;
  top: 8px;
  right: 8px;
}

agent-search .search input {
  padding-right: 45px;
}

agent-search .search input:focus {
  box-shadow: none !important;
}

agent-search .search .icon {
  color: #525658;
  margin-top: -14px;
  position: absolute;
  top: 50%;
  right: 5px;
}

agent-search .search-result {
  border: 1px solid #d5dfe3;
  margin-top: -1px;
  padding: 10px;
}

agent-search .search-result.listing-variant {
  cursor: pointer;
}

agent-search .search-result.listing-variant:hover {
  background-color: #f8fafb;
}

agent-search .search-result img {
  max-width: 35px;
  margin-right: 20px;
}

agent-search .search-result.invite {
  background: #d5dfe3;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

agent-search .search-result:focus {
  outline: 0;
}

agent-search .search-result .listing-info span {
  color: #525658;
  font-size: 10px;
  font-weight: 400;
  line-height: 10px;
}

agent-search .search-result .listing-info span:before {
  content: "•";
  padding-right: 4px;
  display: inline-block;
}

agent-search .search-result .listing-info span:first-child:before {
  display: none;
}

agent-search .sublabel {
  font-weight: normal;
}

agent-search .view-agent-details {
  margin: 20px 0 0;
}

agent-search .view-agent-details h1 {
  text-transform: uppercase;
  margin: 0;
  font-size: 21px;
}

agent-search .view-agent-details .info {
  padding-left: 10px;
}

@media (max-width: 599px) {
  agent-search .view-agent-details .info {
    text-align: center;
    padding-left: 0;
  }
}

agent-search .view-agent-details .edit-btn {
  margin-top: 2rem;
}

agent-search .email {
  word-break: break-word;
}

agent-search .img-wrap {
  text-align: center;
  background: #ecf0f1;
  width: 300px;
  max-width: 100%;
  height: 120px;
  margin-right: 20px;
  padding: 10px;
}

@media (max-width: 959px) {
  agent-search .img-wrap {
    margin-bottom: 15px;
    margin-right: 0;
  }
}

@media (max-width: 599px) {
  agent-search .img-wrap {
    width: auto;
  }
}

agent-search .stats {
  padding: 0 15px;
  line-height: 1.3;
  overflow: hidden;
}

@media (max-width: 959px) {
  agent-search .stats .stat {
    color: #1e2b35;
    border-right: 1px solid #9b9a9a;
    margin-top: 10px;
    font-size: 10px;
  }

  agent-search .stats .stat:last-child {
    border-right: 0;
  }

  agent-search .stats.locked .stat {
    color: #cccccb;
    border-right: 1px solid #cccccb;
  }

  agent-search .stats.locked .stat:last-child {
    border-right: 0;
  }

  agent-search .stats {
    margin-left: -10px;
    margin-right: -10px;
    padding: 0;
  }
}

agent-search .collapsedAgent {
  margin-bottom: 10px;
}

agent-search .collapsedAgent .collapsedAgentContent {
  margin-bottom: 20px;
}

agent-search .collapsedAgent .img-circle {
  width: 100px;
  margin: 15px;
}

agent-search .collapsedAgent .agent-name {
  color: #1e2b35;
  font-size: 20px;
  font-weight: bold;
}

agent-search .collapsedAgent .spacer {
  border-color: #ddd;
  border-top-style: solid;
  border-top-width: 2px;
  border-radius: 1px;
  width: 60px;
  margin-top: 15px;
  padding-bottom: 15px;
}

agent-search .caption {
  margin-bottom: 15px;
}

agent-search .btn.btn-sm.dropdown-toggle, agent-search .btn-group-sm > .btn.dropdown-toggle {
  height: 42px;
}

@media (max-width: 599px) {
  agent-search .btn.btn-sm.dropdown-toggle, agent-search .btn-group-sm > .btn.dropdown-toggle {
    height: 36px;
  }
}

.resources {
  max-width: 1024px;
  margin-bottom: 50px;
}

.resources banner {
  margin-bottom: 20px;
}

.resources table {
  width: 100%;
}

.resources th header {
  border-bottom: 0;
}

.resources th h2, .resources th .cba-banner banner .title, .cba-banner banner .resources th .title, .resources th abn-banner banner .title, abn-banner banner .resources th .title {
  margin: 0 0 -5px;
}

@media (max-width: 600px) {
  .resources th h2, .resources th .cba-banner banner .title, .cba-banner banner .resources th .title, .resources th abn-banner banner .title, abn-banner banner .resources th .title {
    font-size: 18px;
  }
}

.resources th p {
  margin: 0;
  font-weight: normal;
}

.resources th .bullet {
  margin-right: 15px;
}

.resources .section-heading header {
  padding: 24px;
}

.resources .section-heading .icon-wrap {
  max-width: 50px;
}

.resources .section-heading .lr {
  font-size: 36px;
}

.resources .resources-links {
  margin-bottom: 20px;
}

.resources .mobile-btn-wrap {
  margin-top: 12px;
}

.resources tr {
  border-top: 1px solid #e0e0df;
}

.resources tr:first-child {
  border-top: 0;
}

.resources td {
  padding: 15px 18px;
}

.resources h2, .resources .cba-banner banner .title, .cba-banner banner .resources .title, .resources abn-banner banner .title, abn-banner banner .resources .title, .resources p {
  margin: 0;
}

.resources .ls-icon-paper-search {
  top: 0;
}

.resources .btn-link {
  font-size: 18px;
}

.resources .btn-link.original {
  font-size: unset;
}

.resources-navbar {
  margin: 0 auto 20px;
}

.resources-navbar .nav-block {
  border-right: 1px solid #d5dfe3;
  min-height: 190px;
  padding: 26px;
  overflow: hidden;
}

.resources-navbar .nav-block:last-of-type {
  border-right: none;
}

@media (max-width: 600px) {
  .resources-navbar .nav-block {
    border-bottom: 1px solid #d5dfe3;
    border-right: none;
  }

  .resources-navbar .nav-block:last-of-type {
    border-bottom: none;
  }
}

.resources-navbar .icon-holder {
  padding-right: 10px;
  font-size: 34px;
  display: flex;
}

.resources-navbar .nav-holder {
  text-align: left;
  height: 20px;
}

.resources-navbar .nav-holder a {
  font-size: 14px;
  font-weight: 600;
}

.resources-navbar .block-caption {
  text-align: left;
  height: 40px;
  margin: 18px 0;
}

.resources-university {
  margin: 0 auto 20px;
}

.resources-university .card-container {
  margin: 10px;
}

.resources-university .card-wrapper {
  width: 33.3%;
  padding: 10px;
}

@media (min-width: 0) and (max-width: 959px) {
  .resources-university .card-wrapper {
    width: calc(50% - 10px);
  }
}

@media (max-width: 600px) {
  .resources-university .card-wrapper {
    width: 100%;
  }
}

.resources-university .header {
  border-bottom: 1px solid #d5dfe3;
  padding: 26px;
}

.resources-university .university-info-header {
  text-align: left;
  align-items: start;
  padding-left: 10px;
}

.resources-university-card {
  width: 100%;
  height: 100%;
}

.resources-university-card .card {
  border: 1px solid #d5dfe3;
  height: 100%;
}

.resources-university-card .card .hero-container {
  width: 100%;
  position: relative;
}

.resources-university-card .card .hero-container:before {
  content: "";
  padding-top: 56.25%;
  display: block;
}

.resources-university-card .card img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.resources-university-card .card .body {
  flex-direction: column;
  flex-grow: 1;
  justify-content: center;
  padding: 20px;
  display: flex;
}

.resources-university-card .card .body .title .headline {
  color: #1e2b35;
  text-transform: uppercase;
  margin-bottom: 0;
  font-weight: bold;
}

.resources-university-card .card .body .title .title {
  line-height: 23pt;
}

.resources-university-card .card .body .title .subtitle {
  margin: 0;
  font-weight: 500;
}

.resources-university-card .card .body .separator {
  background-color: #007780;
  width: 37px;
  height: 3px;
  margin: 20px auto;
}

.resources-university-card .card .body .action {
  padding: 20px 0;
}

.resources-university-card .card .body .register-btn {
  padding-top: 20px;
}

.resources-university-card .card .footer {
  text-transform: uppercase;
  text-align: right;
  padding: 0 20px 20px;
  font-size: 10px;
}

@media (max-width: 959px) {
  .route-view-report-material #main-view {
    background: #fff;
    flex-direction: column;
    height: 100%;
    display: flex;
  }

  .route-view-report-material #main-view > div:first-child {
    height: calc(100% - 67px);
  }
}

.material-asset-close--btn-wrap {
  display: none;
}

@media (max-width: 600px) {
  .material-asset-close--btn-wrap {
    position: absolute;
    top: 15px;
    right: 15px;
  }

  .material-asset-close--btn-wrap .lr {
    color: #1e2b35;
  }

  .material-asset-close--btn-wrap {
    display: block;
  }
}

.download {
  background: #f4f7f8;
  padding: 100px;
}

.download .img-holder {
  margin-bottom: 50px;
}

.download .img-holder:last-child {
  margin-bottom: 0;
}

@media (max-width: 600px) {
  .download .img-holder {
    margin-bottom: 20px;
  }

  .download {
    padding: 20px;
  }
}

.download .download-image-container.stamp-image {
  position: relative;
}

.download .download-image-container.stamp-image:after {
  content: "";
  z-index: 2;
  background-image: url("/images/downloads/stamp.png");
  background-repeat: no-repeat;
  width: 595px;
  height: 314px;
  margin-top: -157px;
  margin-left: -297.5px;
  position: absolute;
  top: 50%;
  left: 50%;
}

.download .download-image-container.stamp-image.stamp-medium:after {
  background-image: url("/images/downloads/stamp_medium.png");
  width: 287px;
  height: 150px;
  margin-top: -75.5px;
  margin-left: -143.5px;
}

.header-content-wrap.download-wrap {
  padding: 0;
}

@media (max-width: 959px) {
  .header-content-wrap.download-wrap {
    background: #fff;
    flex-direction: column;
    height: 100%;
    display: flex;
  }
}

.header-content-wrap.download-wrap.view-material {
  background: #fff;
}

.header-content-wrap.download-wrap.view-material .download-more-link {
  color: #007780;
  font-weight: bold;
}

.header-content-wrap.download-wrap.view-material .download-share-icon {
  font-size: 11px;
}

.header-content-wrap.download-wrap.view-material .mobile-footer {
  z-index: 9999;
  background: #fff;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
}

.header-content-wrap.download-wrap.view-material .mobile-footer .mobile-footer-unpair-promo {
  color: #1e2b35;
  background: #f8fafb;
  padding: 16px;
  font-size: 14px;
  line-height: 18px;
}

.header-content-wrap.download-wrap.view-material .mobile-footer .download-btn-disabled.btn-secondary {
  color: #b4bbbf;
  cursor: default;
  border-color: #b4bbbf;
}

.header-content-wrap.download-wrap.view-material .mobile-footer .download-btn-disabled.btn.btn-share.facebook {
  cursor: default;
  background: #b4bbbf;
}

.header-content-wrap.download-wrap.view-material .mobile-footer .mobile-footer-actions {
  border-top: 1px solid #d5dfe3;
  padding: 12px;
}

@media (max-width: 960px) {
  .header-content-wrap.download-wrap.view-material .mobile-footer .mobile-footer-actions .btn {
    margin-right: 16px;
    padding: 11px 16px;
  }

  .header-content-wrap.download-wrap.view-material .mobile-footer .mobile-footer-actions .btn:last-child {
    margin-right: 0;
  }

  .header-content-wrap.download-wrap.view-material .mobile-footer .mobile-footer-actions .dropdown-toggle-large {
    display: none;
  }

  .header-content-wrap.download-wrap.view-material .mobile-footer .mobile-footer-actions .dropdown-menu {
    min-width: 184px;
    top: -300px;
  }

  .header-content-wrap.download-wrap.view-material .mobile-footer .mobile-footer-actions .dropdown-menu.sm {
    top: -178px;
  }

  .header-content-wrap.download-wrap.view-material .mobile-footer .mobile-footer-actions .dropdown {
    flex: 1;
    margin-right: 16px;
    display: flex;
  }

  .header-content-wrap.download-wrap.view-material .mobile-footer .mobile-footer-actions .dropdown .btn {
    margin-right: 0;
  }
}

.header-content-wrap.download-wrap.view-material .mobile-header {
  min-height: unset;
}

.header-content-wrap.download-wrap.view-material .mobile-header .logo-holder {
  border-bottom: 1px solid #ecf0f1;
  padding: 15px;
}

.header-content-wrap.download-wrap.view-material .mobile-header .mobile-header-content {
  padding: 16px;
}

.header-content-wrap.download-wrap.view-material .mobile-header .mobile-header-title {
  color: #1e2b35;
  flex-wrap: wrap;
  align-items: center;
  padding-bottom: 9px;
  font-size: 14px;
  font-weight: bold;
  line-height: 18px;
  display: flex;
}

.header-content-wrap.download-wrap.view-material .mobile-header .mobile-header-desc {
  color: #1e2b35;
  font-size: 14px;
  line-height: 18px;
}

.header-content-wrap.download-wrap.view-material .mobile-header .ctas {
  padding: 15px;
}

.header-content-wrap.download-wrap.view-material .mobile-header .ctas a {
  margin-right: 15px;
  padding-left: 0;
  padding-right: 0;
}

.header-content-wrap.download-wrap.view-material .mobile-header .ctas a:last-child {
  margin-right: 0;
}

.header-content-wrap.download-wrap.view-material .download {
  background: #525659;
}

@media (min-width: 600px) {
  .header-content-wrap.download-wrap.view-material .download {
    overflow: scroll;
  }
}

@media (max-width: 599px) {
  .header-content-wrap.download-wrap.view-material .download {
    padding: 20px 0;
  }
}

.header-content-wrap.download-wrap.view-material .download-iframe-content {
  background: #525659;
  width: 100%;
  padding: 0;
  position: relative;
  overflow: hidden;
}

@media (max-width: 1279px) {
  .header-content-wrap.download-wrap.view-material .download-iframe-content {
    background: #fff;
    flex-direction: column;
    flex: 1;
    height: 100%;
    display: flex;
  }

  .header-content-wrap.download-wrap.view-material .download-iframe-content.unpaired {
    background: #fff;
    height: calc(100% - 68px);
  }
}

.header-content-wrap.download-wrap.view-material .download-iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

@media (max-width: 960px) {
  .header-content-wrap.download-wrap.view-material .download-iframe {
    position: absolute;
  }
}

@media (min-width: 600px) {
  .header-content-wrap.download-wrap.view-material {
    overflow: hidden;
  }
}

.download-nav {
  width: 200px;
}

.download-nav .breadcrumbs {
  border-bottom: 1px solid #d5dfe3;
  padding: 15px 20px;
}

.download-nav .logo-holder {
  padding: 45px;
}

.download-nav .material-name {
  background: #f2f2f2;
  padding: 10px;
}

.download-nav .links {
  padding: 10px 20px;
}

.download-nav .links .btn-link {
  padding: 10px 0;
}

.download-nav .links .btn-link .lr {
  top: 0;
}

.download-nav .links .tooltip {
  margin-left: 20px;
}

.download-nav .box {
  color: #1e2b35;
  padding: 16px 16px 0;
  font-size: 14px;
  line-height: 18px;
}

.download-nav .box .unpair-logo {
  margin-left: -8px;
}

.download-nav .box .unpair-promo {
  background-color: #f8fafb;
  border-radius: 4px;
  width: 168px;
  height: 104px;
  padding: 16px;
  position: static;
}

.download-nav .divider-line {
  border-bottom: 1px solid #d5dfe3;
  padding-top: 16px;
}

.download-nav .download-btn-disabled {
  color: #b4bbbf;
  padding: 10px 0;
  font-size: 14px;
  font-weight: bold;
  line-height: 18px;
  display: block;
}

.download-nav .download-btn-disabled.btn-secondary {
  color: #b4bbbf;
  border-color: #b4bbbf;
}

verify-compliance {
  font-size: 16px;
}

verify-compliance h1 {
  color: #007780;
  margin-bottom: 30px;
  font-size: 24px;
  line-height: 26px;
}

@media (max-width: 599px) {
  verify-compliance h1 {
    margin-bottom: 15px;
    font-size: 18px;
    line-height: 20px;
  }
}

verify-compliance .hsubtitle {
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: bold;
  line-height: 22px;
}

@media (max-width: 599px) {
  verify-compliance .hsubtitle {
    font-size: 14px;
  }
}

verify-compliance label {
  font-weight: normal;
}

@media (max-width: 599px) {
  verify-compliance label {
    font-size: 14px;
  }
}

verify-compliance textarea.form-control {
  height: 200px;
}

@media (max-width: 599px) {
  verify-compliance .btn-holder button:first-child {
    margin-bottom: 10px;
  }

  verify-compliance {
    font-size: 14px;
  }
}

paywall-page {
  max-width: 950px;
  display: block;
}

paywall-page .section-group > header {
  color: #fff;
  background-color: #007780;
  padding: 45px;
}

paywall-page .section-group > header h1 {
  max-width: 610px;
  margin: 0 auto;
}

paywall-page .section-group > header h2, paywall-page .section-group > header .cba-banner banner .title, .cba-banner banner paywall-page .section-group > header .title, paywall-page .section-group > header abn-banner banner .title, abn-banner banner paywall-page .section-group > header .title {
  max-width: 705px;
  margin: 20px auto 40px;
}

paywall-page .section-group .content {
  padding: 45px;
}

paywall-page .section-group .content h1 {
  max-width: 630px;
  margin: 0 auto;
}

paywall-page .section-group .content .info {
  margin-bottom: 60px;
}

paywall-page .section-group .content .info h2, paywall-page .section-group .content .info .cba-banner banner .title, .cba-banner banner paywall-page .section-group .content .info .title, paywall-page .section-group .content .info abn-banner banner .title, abn-banner banner paywall-page .section-group .content .info .title {
  margin-top: 0;
}

paywall-page .section-group .content .info .line {
  background-color: #007780;
  width: 50px;
  height: 2px;
  margin-bottom: 25px;
}

paywall-page .section-group .content .info .spacer {
  width: 60px;
}

paywall-page .section-group .content .info:last-child {
  margin-bottom: 0;
}

@media (max-width: 599px) {
  paywall-page .section-group .content .info {
    margin-bottom: 30px;
  }
}

paywall-page .section-group footer {
  background: linear-gradient(#f7f7f7 0%, rgba(247, 247, 247, 0) 100%);
  padding: 45px;
}

paywall-page .section-group footer h2, paywall-page .section-group footer .cba-banner banner .title, .cba-banner banner paywall-page .section-group footer .title, paywall-page .section-group footer abn-banner banner .title, abn-banner banner paywall-page .section-group footer .title {
  max-width: 735px;
  margin: 0 auto 40px;
}

@media (max-width: 599px) {
  paywall-page .cta-buttons .btn {
    width: 100%;
    display: block;
  }
}

view-listing {
  max-width: 1040px;
  display: block;
}

view-listing .breadcrumbs, view-listing .section {
  margin-bottom: 20px;
}

@media (max-width: 599px) {
  view-listing .section {
    margin-bottom: 10px;
  }
}

view-listing .agent {
  min-width: 300px;
  margin-right: 10px;
}

view-listing .agent follow-agent-button .btn {
  min-width: 0 !important;
}

view-listing .agent .invite-status {
  margin-top: 14px;
  font-size: 10px;
}

view-listing .agent .invite-status i {
  margin-right: 5px;
  font-size: 17px;
}

view-listing .agent .stats {
  margin: 40px -25px -25px;
}

view-listing .agent .stats h2, view-listing .agent .stats .cba-banner banner .title, .cba-banner banner view-listing .agent .stats .title, view-listing .agent .stats abn-banner banner .title, abn-banner banner view-listing .agent .stats .title {
  margin: 0;
}

view-listing .agent .stats .stats-row:first-child {
  border-top: 1px solid #d5dfe3;
  border-bottom: 1px solid #d5dfe3;
}

view-listing .agent .stats .stats-row .stat:first-child {
  border-right: 1px solid #d5dfe3;
}

view-listing .agent .stats .stats-row .listings-months {
  font-weight: 600;
}

view-listing .agent .stats .stats-row .listings-months-tooltip {
  font-size: 14px;
}

view-listing .agent .stats .stat {
  padding: 25px;
}

view-listing .agent .no-stats {
  border-top: 1px solid #d5dfe3;
  margin: 40px -25px -25px;
  padding: 25px;
  position: relative;
}

view-listing .agent .no-stats i {
  margin-right: 15px;
  font-size: 24px;
  position: relative;
  top: 2px;
}

@media (max-width: 599px) {
  view-listing .agent {
    margin-bottom: 20px;
    margin-right: 0;
  }
}

view-listing .listing-info {
  margin-left: 10px;
}

view-listing .listing-info .bg-img {
  background: center / cover no-repeat;
}

view-listing .listing-info .bg-img > div {
  padding-top: 69%;
}

@media (max-width: 599px) {
  view-listing .listing-info .bg-img > div {
    height: 230px;
    padding-top: 0;
  }
}

view-listing .listing-info .gallery {
  background: #fff;
  margin-bottom: 15px;
  position: relative;
  overflow: hidden;
}

view-listing .listing-info .gallery slick .move-right {
  color: #fff;
  z-index: 2;
  text-shadow: 0 2px 4px rgba(0, 0, 0, .5);
  font-size: 20px;
  right: 10px;
}

view-listing .listing-info .gallery slick .move-left {
  color: #fff;
  z-index: 2;
  text-shadow: 0 2px 4px rgba(0, 0, 0, .5);
  font-size: 20px;
  left: 10px;
}

view-listing .listing-info .gallery .slick-slider {
  max-width: 100%;
  margin: 0;
}

view-listing .listing-info .gallery .num-imgs {
  color: #fff;
  background: rgba(0, 0, 0, .75);
  padding: 5px 8px;
  font-size: 12px;
  position: absolute;
  bottom: 10px;
  right: 10px;
}

view-listing .listing-info hr {
  border-color: #d5dfe3;
  margin: 23px 0;
  display: block;
}

view-listing .listing-info .info > div, view-listing .listing-info .info > h2, view-listing .listing-info .cba-banner banner .info > .title, .cba-banner banner view-listing .listing-info .info > .title, view-listing .listing-info abn-banner banner .info > .title, abn-banner banner view-listing .listing-info .info > .title, view-listing .listing-info .info > h3 {
  margin-top: 0;
  margin-bottom: 13px;
}

view-listing .listing-info .info h2, view-listing .listing-info .info .cba-banner banner .title, .cba-banner banner view-listing .listing-info .info .title, view-listing .listing-info .info abn-banner banner .title, abn-banner banner view-listing .listing-info .info .title {
  line-height: 100%;
}

view-listing .listing-info .info h3 {
  line-height: 24px;
}

view-listing .listing-info .info .tiny-title {
  margin-bottom: 8px;
  font-size: 10px;
}

view-listing .listing-info .info .dom {
  background-color: #ecf0f1;
  border-radius: 2px;
  padding: 5px 8px;
}

view-listing .listing-info .listing-props span, view-listing .listing-info .gallery-ctas span {
  margin-right: 5px;
  padding-right: 5px;
  display: inline-block;
  position: relative;
}

view-listing .listing-info .listing-props span:before, view-listing .listing-info .gallery-ctas span:before {
  content: "|";
  color: #d5dfe3;
  position: absolute;
  right: -4px;
}

view-listing .listing-info .listing-props span:last-child:before, view-listing .listing-info .gallery-ctas span:last-child:before {
  display: none;
}

@media (max-width: 599px) {
  view-listing .listing-info {
    margin-left: 0;
  }
}

view-listing .open-houses .open-house > div {
  margin-right: 14px;
}

view-listing .open-houses .open-house > div:last-child {
  margin-right: 0;
}

view-buyside-listing {
  max-width: 1040px;
  display: block;
}

view-buyside-listing .breadcrumbs, view-buyside-listing .section {
  margin-bottom: 20px;
}

@media (max-width: 599px) {
  view-buyside-listing .section {
    margin-bottom: 10px;
  }
}

view-buyside-listing .blur-avatar {
  filter: blur(4px);
}

view-buyside-listing .blur-elem {
  color: rgba(0, 0, 0, 0);
  text-shadow: 0 0 5px #aaa;
}

view-buyside-listing .strong-blur-elem {
  color: rgba(0, 0, 0, 0);
  text-shadow: 0 0 10px #aaa;
}

view-buyside-listing .agents-wrap {
  min-width: 350px;
  margin-left: 10px;
  font-size: 16px;
}

view-buyside-listing .agents-wrap avatar {
  min-width: 50px;
  margin-right: 10px;
}

view-buyside-listing .agents-wrap button {
  min-width: 70px;
  padding: 10px 0;
}

view-buyside-listing .agents-wrap .listing-agent {
  margin: 20px 0;
}

view-buyside-listing .agents-wrap .listing-agent .name-wrap {
  margin-right: 10px;
}

@media (max-width: 959px) {
  view-buyside-listing .agents-wrap {
    min-width: 300px;
  }
}

@media (max-width: 599px) {
  view-buyside-listing .agents-wrap {
    margin-left: 0;
  }
}

view-buyside-listing .listing-info {
  margin-right: 10px;
}

view-buyside-listing .listing-info .bg-img {
  background: center / cover no-repeat;
}

view-buyside-listing .listing-info .bg-img > div {
  padding-top: 69%;
}

@media (max-width: 599px) {
  view-buyside-listing .listing-info .bg-img > div {
    height: 230px;
    padding-top: 0;
  }
}

view-buyside-listing .listing-info hr {
  border-color: #d5dfe3;
  margin: 23px 0;
  display: block;
}

view-buyside-listing .listing-info .info > div, view-buyside-listing .listing-info .info > h2, view-buyside-listing .listing-info .cba-banner banner .info > .title, .cba-banner banner view-buyside-listing .listing-info .info > .title, view-buyside-listing .listing-info abn-banner banner .info > .title, abn-banner banner view-buyside-listing .listing-info .info > .title, view-buyside-listing .listing-info .info > h3 {
  margin-top: 0;
  margin-bottom: 13px;
}

view-buyside-listing .listing-info .info h2, view-buyside-listing .listing-info .info .cba-banner banner .title, .cba-banner banner view-buyside-listing .listing-info .info .title, view-buyside-listing .listing-info .info abn-banner banner .title, abn-banner banner view-buyside-listing .listing-info .info .title {
  line-height: 100%;
}

view-buyside-listing .listing-info .info h3 {
  line-height: 24px;
}

view-buyside-listing .listing-info .info .dom {
  background-color: #ecf0f1;
  border-radius: 2px;
  padding: 5px 8px;
}

view-buyside-listing .listing-info .info .tiny-title {
  margin-bottom: 8px;
}

view-buyside-listing .listing-info .listing-props span, view-buyside-listing .listing-info .gallery-ctas span {
  margin-right: 5px;
  padding-right: 5px;
  display: inline-block;
  position: relative;
}

view-buyside-listing .listing-info .listing-props span:before, view-buyside-listing .listing-info .gallery-ctas span:before {
  content: "|";
  color: #d5dfe3;
  position: absolute;
  right: -4px;
}

view-buyside-listing .listing-info .listing-props span:last-child:before, view-buyside-listing .listing-info .gallery-ctas span:last-child:before {
  display: none;
}

@media (max-width: 599px) {
  view-buyside-listing .listing-info {
    margin-bottom: 20px;
    margin-right: 0;
  }
}

view-buyside-listing .tiny-title {
  letter-spacing: 1.5px;
  margin-bottom: 8px;
  font-size: 10px;
}

view-buyside-listing .title-company .content {
  padding-top: 12px;
  padding-bottom: 12px;
}

view-buyside-listing .footer {
  z-index: 999;
  background: #fff;
  border-top: 1px solid #d5dfe3;
  width: 100%;
  padding: 16px;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
}

view-buyside-listing .name, view-buyside-listing .company {
  font-size: 14px;
}

.interstitial-page {
  min-height: 100%;
}

.interstitial-page > div {
  padding: 30px 65px;
}

.interstitial-page .interstitial-icon {
  max-width: 300px;
  margin-top: 80px;
  display: inline-block;
}

.interstitial-page .interstitial-text {
  margin-bottom: 30px;
}

.interstitial-page .interstitial-text h3 {
  margin-top: 50px;
  font-size: 21px;
}

.interstitial-page .interstitial-text p {
  font-size: 18px;
  line-height: 20px;
}

.interstitial-page .btn {
  width: 300px;
}

@media (max-width: 600px) {
  .interstitial-page > div {
    padding: 30px;
  }

  .interstitial-page .interstitial-icon {
    max-width: 200px;
    margin-top: 80px;
  }

  .interstitial-page .interstitial-text h3 {
    font-size: 18px;
  }

  .interstitial-page .interstitial-text p {
    font-size: 16px;
    line-height: 18px;
  }

  .interstitial-page .btn {
    width: 100%;
  }
}

.error-page > div {
  padding: 30px 0;
}

.error-page .error-icon {
  max-width: 175px;
  display: inline-block;
}

.error-page .error-text {
  margin-bottom: 30px;
}

.error-page .error-text h1 {
  color: #007780;
  margin-bottom: 0;
  font-size: 40px;
}

.error-page .error-text h3 {
  color: #1e2b35;
  margin-top: 10px;
  font-size: 21px;
}

.error-page .error-text p {
  font-size: 18px;
  line-height: 20px;
}

.error-page .btn {
  width: 300px;
}

@media (max-width: 600px) {
  .error-page .error-icon {
    max-width: 135px;
  }

  .error-page .error-text h1 {
    font-size: 30px;
  }

  .error-page .error-text h3 {
    font-size: 18px;
  }

  .error-page .error-text p {
    font-size: 16px;
    line-height: 18px;
  }

  .error-page .btn {
    width: 100%;
  }
}

.rusc-wrapper {
  background: #f4f7f8;
}

.rusc-wrapper > .content {
  padding: 35px;
}

@media (max-width: 599px) {
  .rusc-wrapper > .content {
    padding: 35px 22px;
  }
}

.rusc-wrapper > footer {
  background: #fff;
  padding: 35px;
}

.rusc-wrapper > footer > .img-holder {
  margin-bottom: 5px;
}

.rusc-wrapper > footer > .img-holder img {
  width: 255px;
}

@media (max-width: 599px) {
  .rusc-wrapper > footer > .img-holder img {
    width: 132px;
  }
}

rusc-locating {
  line-height: 1.2;
}

rusc-locating h1 {
  margin: 0 0 10px;
  padding: 0;
  font-size: 36px;
}

@media (max-width: 599px) {
  rusc-locating h1 {
    font-size: 24px;
  }
}

rusc-locating p {
  margin: 0;
}

rusc-locating .subheader {
  margin: 0;
  padding: 0;
  font-size: 28px;
}

@media (max-width: 599px) {
  rusc-locating .subheader {
    font-size: 18px;
  }
}

rusc-locating .icon img {
  width: 168px;
}

@media (max-width: 599px) {
  rusc-locating .icon img {
    width: 111px;
  }
}

rusc-locating .btn-link {
  font-size: 18px;
}

rusc-listings {
  max-width: 1300px;
  margin: 0 auto;
  font-size: 14px;
  display: block;
}

rusc-listings h1 {
  font-size: 36px;
  line-height: 1.2;
}

@media (max-width: 599px) {
  rusc-listings h1 {
    font-size: 24px;
  }
}

rusc-listings .listings {
  margin-left: -10px;
  margin-right: -10px;
}

rusc-listings .listing-wrap {
  max-width: 33%;
  padding: 5px;
}

rusc-listings .listing-wrap .listing {
  border: 5px solid rgba(0, 0, 0, 0);
}

@media (min-width: 1280px) {
  rusc-listings .listing-wrap .listing:hover {
    border-color: #007780;
  }
}

rusc-listings .listing-wrap .listing .bg-img {
  background: center / cover no-repeat;
}

rusc-listings .listing-wrap .listing .bg-img:after {
  content: "";
  padding-top: 56%;
  display: block;
}

rusc-listings .listing-wrap .listing .info {
  background: #fff;
  padding: 15px;
}

rusc-listings .listing-wrap .listing .info > div {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

@media (max-width: 959px) {
  rusc-listings .listing-wrap {
    max-width: 50%;
  }
}

@media (max-width: 599px) {
  rusc-listings .listing-wrap {
    max-width: 100%;
  }
}

rusc-listings .loading {
  padding: 30px;
}

rusc-listings .rusc-error {
  font-size: 24px;
}

rusc-listings .rusc-error h1 {
  margin: 0 0 5px;
  font-size: 36px;
  line-height: 1.2;
}

@media (max-width: 599px) {
  rusc-listings .rusc-error h1 {
    font-size: 24px;
  }
}

rusc-listings .rusc-error p {
  margin: 0;
}

rusc-listings .rusc-error .icon-holder img {
  width: 200px;
  margin-left: 49px;
}

@media (max-width: 599px) {
  rusc-listings .rusc-error .icon-holder img {
    width: 140px;
    margin-left: 35px;
  }
}

rusc-listings .rusc-error .spacer {
  height: 45px;
}

@media (max-width: 599px) {
  rusc-listings .rusc-error .spacer {
    height: 20px;
  }
}

rusc-listings .rusc-error .split {
  color: #b6b6b6;
}

rusc-listings .rusc-error .split .text {
  padding: 0 20px;
  font-weight: bold;
}

rusc-listings .rusc-error .divider {
  border-top: 2px solid #b6b6b6;
}

@media (max-width: 599px) {
  rusc-listings .rusc-error .divider {
    border-top-width: 1px;
  }
}

rusc-listings .rusc-error .btn-recheck {
  padding: 15px 30px;
}

@media (max-width: 599px) {
  rusc-listings .rusc-error .btn-recheck {
    padding: 10px 30px;
  }
}

rusc-listings .rusc-error .btn {
  text-transform: none;
}

rusc-listings .rusc-error .ig {
  margin-top: 30px;
}

rusc-listings .rusc-error .ig .btn-default {
  background: #fff;
}

@media (max-width: 599px) {
  rusc-listings .rusc-error .ig {
    margin-top: 15px;
  }

  rusc-listings .rusc-error {
    font-size: 18px;
  }
}

rusc-listings .no-properties-found h1 {
  margin-top: 40px;
  margin-bottom: 5px;
  font-size: 26px;
}

rusc-listings .no-properties-found div {
  font-size: 18px;
}

.loan-scenario-approved .container {
  padding: 100px;
}

@media (max-width: 600px) {
  .loan-scenario-approved .container {
    padding: 80px 20px;
  }
}

.loan-scenario-approved .row.text {
  max-width: 600px;
  margin: auto;
}

.loan-scenario-approved p {
  font-size: 16px;
}

.loan-scenario-approved .lr-circle {
  color: #007780;
}

.loan-scenario-approved .lr-check {
  color: #fff;
}

.loan-scenario-rejected .container {
  padding: 100px;
}

@media (max-width: 600px) {
  .loan-scenario-rejected .container {
    padding: 80px 20px;
  }
}

.loan-scenario-rejected .row.text {
  max-width: 600px;
  margin: auto;
}

.loan-scenario-rejected p {
  font-size: 16px;
}

.loan-scenario-rejected .lr-circle {
  color: #d51d4c;
}

.loan-scenario-rejected .lr-times {
  color: #fff;
}

.edit-report .video-wrap {
  margin-top: -20px;
  margin-bottom: 20px;
}

@media (max-width: 600px) {
  .edit-report .video-wrap {
    margin-top: -45px;
    margin-bottom: 32px;
    padding: 0 15px;
  }
}

.edit-report md-content {
  border: 1px solid #e0e0df;
  overflow: visible;
  padding: 0 !important;
}

.edit-report section header {
  border-bottom: 1px solid #e0e0df;
  padding: 15px;
}

.edit-report section header h2, .edit-report section header .cba-banner banner .title, .cba-banner banner .edit-report section header .title, .edit-report section header abn-banner banner .title, abn-banner banner .edit-report section header .title {
  margin: 0;
}

.edit-report .body {
  margin-top: 40px;
}

@media (max-width: 600px) {
  .edit-report .body {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.edit-report .titles h2, .edit-report .titles .cba-banner banner .title, .cba-banner banner .edit-report .titles .title, .edit-report .titles abn-banner banner .title, abn-banner banner .edit-report .titles .title {
  margin-top: 50px;
  margin-bottom: 10px;
}

.edit-report .titles h3 {
  margin-bottom: 30px;
}

@media (max-width: 599px) {
  .edit-report .titles h3 {
    max-width: 265px;
    margin-left: auto;
    margin-right: auto;
  }
}

.edit-report .breadcrumbs {
  margin-bottom: 24px;
}

.edit-report .accordion .titles h3 {
  text-align: center;
  margin-top: 50px;
}

@media (max-width: 599px) {
  .edit-report .accordion .titles h3 {
    text-align: left;
    max-width: 100%;
    margin: 16px;
  }
}

.edit-report .skeleton-container {
  max-width: 712px;
  margin: auto;
  padding: 60px 16px;
}

.edit-report .skeleton {
  background-color: rgba(0, 0, 0, .15);
  height: 40px;
  margin: 0 auto 12px;
  animation: 1.5s ease-in-out .5s infinite pulse;
}

.edit-report .skeleton.title {
  max-width: 250px;
  height: 24px;
  margin: 0 auto 50px;
}

@keyframes pulse {
  0% {
    opacity: 1;
  }

  50% {
    opacity: .4;
  }

  100% {
    opacity: 1;
  }
}

.edit-report-feedback-form .error {
  border-color: #d51d4c;
}

.edit-report-feedback-form select.error {
  border-color: #d51d4c !important;
}

.edit-report-feedback-form .red {
  color: #d51d4c;
}

.edit-report-feedback-form .blue {
  color: #007780;
}

.edit-report-feedback-form .btn-link {
  top: -1px;
}

.edit-report-feedback-form .open-house-form .form-group .lr {
  margin-bottom: 8px;
}

.edit-report-feedback-form .allow-wrap {
  white-space: normal;
}

.edit-report-feedback-form md-content {
  border: 1px solid #e0e0df;
  padding: 0 !important;
}

@media (max-width: 600px) {
  .edit-report-feedback-form md-content {
    margin: 0;
  }
}

.edit-report-feedback-form photo-selection-preview {
  width: 100%;
}

.edit-report-feedback-form section {
  color: #525658;
  font-size: 18px;
}

.edit-report-feedback-form section header {
  padding: 40px;
  font-size: 16px;
}

.edit-report-feedback-form section header h2, .edit-report-feedback-form section header .cba-banner banner .title, .cba-banner banner .edit-report-feedback-form section header .title, .edit-report-feedback-form section header abn-banner banner .title, abn-banner banner .edit-report-feedback-form section header .title {
  margin: 16px 0 25px;
  font-size: 24px;
  font-weight: bold;
}

@media (max-width: 600px) {
  .edit-report-feedback-form section header h2, .edit-report-feedback-form section header .cba-banner banner .title, .cba-banner banner .edit-report-feedback-form section header .title, .edit-report-feedback-form section header abn-banner banner .title, abn-banner banner .edit-report-feedback-form section header .title {
    font-size: 24px;
  }
}

.edit-report-feedback-form section header .time-holder {
  color: #fff;
  background: #007780;
  border-radius: 15px;
  margin-left: 50px;
}

.edit-report-feedback-form section header .time-holder .title {
  background: #2980b9;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  padding: 15px 40px;
  font-size: 14px;
  font-weight: bold;
}

.edit-report-feedback-form section header .time-holder .body {
  padding: 20px 40px 30px;
}

.edit-report-feedback-form section header .time-holder small {
  font-size: 12px;
  line-height: 13px;
  display: block;
}

@media (max-width: 600px) {
  .edit-report-feedback-form section header .time-holder {
    width: 100%;
    margin-top: 20px;
    margin-left: 0;
  }
}

.edit-report-feedback-form section header .time {
  font-size: 36px;
  font-weight: bold;
}

@media (max-width: 600px) {
  .edit-report-feedback-form section header {
    padding: 15px;
    font-size: 18px;
  }
}

.edit-report-feedback-form .main-form .form-body {
  border-left: 0;
  padding-left: 0;
}

.edit-report-feedback-form .main-form .form-body > .form-group:last-child {
  margin-bottom: 0;
}

.edit-report-feedback-form .main-form .form-body .edit-agent-button {
  top: 24px;
  right: 24px;
}

@media (max-width: 600px) {
  .edit-report-feedback-form .main-form .form-body .edit-agent-button {
    top: 16px;
    right: 16px;
  }
}

.edit-report-feedback-form .main-form .form-body.agent-edit-info-form {
  border: 1px solid #d5dfe3;
  padding: 24px;
}

@media (max-width: 600px) {
  .edit-report-feedback-form .main-form .form-body.agent-edit-info-form {
    padding: 24px 16px;
  }
}

.edit-report-feedback-form .main-form .form-body .checkbox-container {
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  padding-left: 26px;
  font-weight: normal;
  display: block;
  position: relative;
}

.edit-report-feedback-form .main-form .form-body .checkbox-container input {
  opacity: 0;
  cursor: pointer;
  width: 0;
  height: 0;
  position: absolute;
}

.edit-report-feedback-form .main-form .form-body .checkmark {
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 18px;
  height: 18px;
  position: absolute;
  top: 0;
  left: 0;
}

.edit-report-feedback-form .main-form .form-body .checkmark:after {
  content: "";
  display: none;
  position: absolute;
}

.edit-report-feedback-form .main-form .form-body .checkbox-container input:checked ~ .checkmark:after {
  display: block;
}

.edit-report-feedback-form .main-form .form-body .checkbox-container .checkmark:after {
  border: 1px solid #007780;
  border-width: 0 1px 1px 0;
  width: 5px;
  height: 10px;
  top: 2px;
  left: 6px;
  transform: rotate(45deg);
}

.edit-report-feedback-form .main-form .boxed-in {
  border: 1px solid #d5dfe3;
  border-radius: 2px;
  padding: 16px;
}

.edit-report-feedback-form .main-form .boxed-in .field-label {
  margin-bottom: 16px;
}

.edit-report-feedback-form .main-form .boxed-in .field-label strong {
  display: inline;
}

.edit-report-feedback-form .main-form strong, .edit-report-feedback-form .main-form p {
  margin-bottom: 10px;
  display: block;
}

.edit-report-feedback-form .main-form strong.subtitle, .edit-report-feedback-form .main-form p.subtitle {
  margin-bottom: 0;
}

.edit-report-feedback-form .main-form .stats .form-group {
  padding-right: 5px;
}

.edit-report-feedback-form .main-form .stats .form-group.no-pad {
  padding-right: 0;
}

@media (max-width: 600px) {
  .edit-report-feedback-form .main-form .stats .form-group.no-pad {
    padding-right: 5px;
  }
}

.edit-report-feedback-form .main-form .stats .form-group.no-pad-bottom {
  margin-bottom: 0;
}

.edit-report-feedback-form .image-holder-agentInfo {
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 30px;
}

.edit-report-feedback-form .company-logo {
  max-height: 200px;
}

.edit-report-feedback-form .agent-photo {
  width: 100px;
}

@media (max-width: 600px) {
  .edit-report-feedback-form .agent-photo {
    width: 75px;
  }
}

.edit-report-feedback-form .agent-photo-v2 {
  width: 64px;
}

@media (max-width: 600px) {
  .edit-report-feedback-form .agent-photo-v2 {
    width: 42px;
  }
}

.edit-report-feedback-form .spacer {
  width: 100%;
  height: 24px;
}

@media (max-width: 600px) {
  .edit-report-feedback-form .spacer {
    height: 16px;
  }

  .edit-report-feedback-form .card-wrap .img-col {
    padding: 16%;
  }
}

.edit-report-feedback-form .card-wrap .img-col {
  padding: 4% 4% 4% 14%;
}

.edit-report-feedback-form .card-wrap .light-text.margin-top {
  margin-top: 8px;
}

.edit-report-feedback-form .card-wrap .light-text {
  color: #a4aaaf;
}

.edit-report-feedback-form .card-wrap .img-holder.branding {
  margin-top: 28px;
}

.edit-report-feedback-form .card-wrap .img-holder.branding-agent {
  max-width: 170px;
  margin-top: 16px;
}

.edit-report-feedback-form .card-wrap .img-holder.agent-headshot {
  max-width: 56px;
  margin: 24px 16px 24px 24px;
}

@media (max-width: 600px) {
  .edit-report-feedback-form .card-wrap .img-holder.agent-headshot {
    max-width: 42px;
    margin: 16px;
  }
}

.edit-report-feedback-form .card-wrap .img-holder img {
  max-width: 100%;
}

@media (max-width: 600px) {
  .edit-report-feedback-form .card-wrap .info {
    text-align: center;
    margin-bottom: 32px;
  }
}

.edit-report-feedback-form .card-wrap .info {
  text-align: left;
}

.edit-report-feedback-form .card-wrap .info-agent {
  margin: 24px 0;
}

@media (max-width: 600px) {
  .edit-report-feedback-form .card-wrap .info-agent {
    margin: 0 0 16px 16px;
  }
}

.edit-report-feedback-form .body {
  margin-top: 0 !important;
}

.edit-report-feedback-form .line-separator {
  border-bottom: 1px solid #ced1d5;
  width: 100%;
  height: 1px;
  margin: 36px auto;
  position: relative;
}

.edit-report-feedback-form .line-separator .line-separator-text {
  text-align: center;
  background-color: #fff;
  width: 50px;
  margin: 0 auto;
  position: relative;
  transform: translateY(-50%);
}

.edit-report-feedback-form .caption {
  font-size: 14px;
}

@media (min-width: 600px) {
  .edit-report-feedback-form .error-box-wrap.inline-field {
    margin-top: 15px;
    margin-bottom: 0;
  }
}

.edit-report-feedback-form fancy-checkbox.not-bold label {
  font-size: 14px;
  font-weight: normal;
}

.edit-report-feedback-form .fa-question-circle {
  color: #007780;
}

.edit-report-feedback-form .replacing {
  margin-top: -12px;
  margin-bottom: 8px;
}

.edit-report-feedback-form .color-themes-select .dropdown-toggle {
  border: 1px solid #d5dfe3;
  border-radius: 2px;
  height: 42px;
  padding: 12px;
}

.edit-report-feedback-form .color-themes-select .dropdown-btn {
  height: 14px;
}

.edit-report-feedback-form .color-themes-select .dropdown-menu {
  -webkit-overflow-scrolling: touch;
  width: 100%;
  max-height: 200px;
  overflow-y: auto;
}

.edit-report-feedback-form .color-themes-select .dropdown-menu-item {
  padding: 12px;
}

.edit-report-feedback-form .color-themes-select .dropdown-menu-item:hover {
  background-color: #f8fafb;
}

.edit-report-feedback-form .color-themes-select .color-theme-palette {
  margin-right: 4px;
}

.edit-report-feedback-form .color-themes-select .color-theme-palette .color-theme-palette-dot {
  border-radius: 50%;
  width: 16px;
  height: 16px;
  margin-right: 8px;
}

.edit-report-feedback-form .edit-schools .btn-default {
  color: #007780;
}

@media (min-width: 600px) {
  .edit-report-feedback-form .edit-schools .grades {
    width: 96px;
    padding-left: 0;
    padding-right: 16px;
  }

  .edit-report-feedback-form .edit-schools .rating {
    width: 80px;
  }
}

.edit-report-feedback-form .edit-schools .mobile-spacer {
  background: #d5dfe3;
  height: 1px;
  margin: 45px 0;
}

.edit-report-feedback-form .edit-outdoors .validation-error {
  margin-top: 10px;
}

@media (max-width: 599px) {
  .edit-report-feedback-form .edit-outdoors .feature-type {
    padding-right: 16px;
  }
}

@media (min-width: 600px) {
  .edit-report-feedback-form .edit-outdoors .feature-name {
    min-width: 180px;
  }
}

@media (min-width: 960px) {
  .edit-report-feedback-form .edit-outdoors .feature-name {
    min-width: 300px;
  }
}

@media (max-width: 599px) {
  .edit-report-feedback-form .edit-outdoors .feature-name {
    padding-right: 16px;
  }
}

@media (min-width: 600px) {
  .edit-report-feedback-form .edit-outdoors .distance {
    min-width: 80px;
    max-width: 90px;
  }
}

.edit-report-feedback-form .edit-outdoors .distance {
  position: relative;
}

.edit-report-feedback-form .edit-outdoors .distance .input-unit-label {
  position: absolute;
  top: 38px;
  right: 12px;
}

@media (min-width: 600px) {
  .edit-report-feedback-form .edit-outdoors .count {
    min-width: 60px;
    max-width: 80px;
  }
}

@media (min-width: 960px) {
  .edit-report-feedback-form .edit-outdoors .count {
    min-width: 80px;
    max-width: 90px;
  }
}

.edit-report-feedback-form .edit-outdoors .mobile-spacer {
  background: #d5dfe3;
  height: 1px;
  margin: 45px 0;
}

.edit-report-feedback-form .edit-area .category {
  width: 200px;
}

.edit-report-feedback-form .edit-area .distance {
  position: relative;
}

.edit-report-feedback-form .edit-area .distance .input-unit-label {
  position: absolute;
  top: 37px;
  right: 12px;
}

@media (max-width: 599px) {
  .edit-report-feedback-form .edit-area .distance {
    max-width: 120px;
  }
}

.edit-report-feedback-form .form-select {
  border-bottom: 1px solid #d5dfe3;
  margin-bottom: 50px;
  padding-bottom: 50px;
}

@media (max-width: 599px) {
  .edit-report-feedback-form .form-select {
    margin-bottom: 35px;
    padding-bottom: 35px;
  }
}

.edit-report-feedback-form .expl {
  margin-top: 50px;
  margin-bottom: 15px;
}

.edit-report-feedback-form .expl h3 {
  margin-bottom: 10px;
}

.edit-report-feedback-form edit-report-category-selection {
  max-width: 700px;
  margin: 0 auto;
  display: block;
}

.edit-report-feedback-form .suport-phone-policy {
  background-color: #f8fafb;
  padding: 16px;
}

.edit-report-feedback-form .suport-phone-policy .suport-phone-policy-phone-icon {
  margin-right: 12px;
}

@media (max-width: 599px) {
  .edit-report-feedback-form .suport-phone-policy .suport-phone-policy-phone-icon {
    text-align: center;
    margin-bottom: 12px;
  }

  .edit-report-feedback-form .suport-phone-policy .suport-phone-policy-copy {
    text-align: center;
  }
}

.edit-report-feedback-form .suport-phone-policy p {
  margin-top: 0;
}

@media (max-width: 599px) {
  .edit-report-feedback-form .text-area-reset-wrap {
    justify-content: flex-end;
    margin-top: -10px;
  }
}

.edit-report-feedback-form .text-area-reset-wrap {
  margin-top: -34px;
}

.edit-report-feedback-form md-switch {
  margin: -5px 0 0 8px;
}

.edit-report-feedback-form .edit-restaurants .restaurants-summary-counts {
  align-items: center;
}

.edit-report-feedback-form .edit-restaurants .restaurants-summary-counts .label {
  min-width: 300px;
  margin-right: 24px;
}

@media (max-width: 599px) {
  .edit-report-feedback-form .edit-restaurants .restaurants-summary-counts .label {
    min-width: auto;
  }
}

.edit-report-feedback-form .edit-restaurants .restaurants-summary-counts label {
  text-align: center;
}

.edit-report-feedback-form .edit-restaurants .restaurants-summary-counts input {
  max-width: 75px;
  margin-bottom: 0;
}

.edit-report-feedback-form .edit-restaurants .category-count-container {
  margin: 8px -8px;
}

.edit-report-feedback-form .edit-restaurants .category-count {
  margin: 16px 8px 0;
}

.edit-report-feedback-form .edit-restaurants .category-count .category-input {
  max-width: 116px;
}

.edit-report-feedback-form .edit-restaurants .category-count .count-input {
  max-width: 50px;
  margin: 0 0 0 8px;
}

.edit-report-feedback-form .btn-default {
  color: #007780;
}

.edit-report-feedback-form .btn-default.dropdown-toggle {
  padding: 12px;
}

.edit-report-feedback-form .dropdown-toggle .lr {
  font-size: 12px;
}

.edit-report-feedback-form .dropdown-menu .suggestion-list-item {
  cursor: pointer;
  border-bottom: 1px solid #d5dfe3;
  padding: 12px 16px;
}

.edit-report-feedback-form .dropdown-menu .suggestion-list-item .name {
  margin-right: 12px;
}

.edit-report-feedback-form .dropdown-menu .suggestion-list-item:hover {
  background-color: #f8fafb;
}

.edit-report-feedback-form .dropdown-menu {
  margin-bottom: 20px;
}

edit-report-category-selection {
  display: block;
}

edit-report-category-selection .category-group {
  margin-bottom: 65px;
}

edit-report-category-selection .category-group > .category:first-child {
  margin-right: 65px;
}

@media (max-width: 599px) {
  edit-report-category-selection .category-group > .category:first-child {
    margin-right: 15px;
  }

  edit-report-category-selection .category-group {
    margin-bottom: 0;
  }
}

edit-report-category-selection .category header {
  margin-bottom: 15px;
  padding: 15px 0 !important;
}

edit-report-category-selection .category .lr {
  margin-right: 10px;
  display: inline-block;
  position: relative;
  top: 3px;
}

edit-report-category-selection .category .ctas > div {
  margin-bottom: 5px;
  font-size: 14px;
}

edit-report-category-selection .category .ctas .box {
  text-align: center;
  height: 20px;
  color: inherit;
  -webkit-text-decoration: inherit;
  text-decoration: inherit;
  background-color: #007780;
  border-radius: 2px;
  justify-content: center;
  align-items: center;
  margin-left: 5px;
  padding-left: 8px;
  padding-right: 8px;
  display: flex;
}

edit-report-category-selection .category .ctas .box :hover {
  color: inherit;
  -webkit-text-decoration: inherit;
  text-decoration: inherit;
}

edit-report-category-selection .category .ctas .box .text {
  color: #fff;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: bold;
}

@media (max-width: 599px) {
  edit-report-category-selection .category {
    margin-bottom: 30px;
    margin-left: 15px;
    margin-right: 15px;
  }

  edit-report-category-selection .option-not-listed {
    max-width: 280px;
    margin-left: auto;
    margin-right: auto;
  }
}

.edit-report-feedback-form.accordion section {
  font-size: 14px;
}

.edit-report-feedback-form.accordion section header {
  border: none;
}

.edit-report-feedback-form.accordion .accordion-container {
  max-width: 712px;
  margin: auto;
}

.edit-report-feedback-form.accordion .profile-description {
  margin-top: -8px;
}

.edit-report-feedback-form.accordion .profile-update {
  margin-top: 24px;
}

.edit-report-feedback-form.accordion .profile-update .info-container {
  cursor: pointer;
  border: 1px solid #d5dfe3;
  border-radius: 8px;
  padding: 16px;
}

.edit-report-feedback-form.accordion .profile-update .info-container .checkmark {
  visibility: hidden;
}

.edit-report-feedback-form.accordion .profile-update .info-container .info {
  margin-top: 8px;
}

.edit-report-feedback-form.accordion .profile-update .info-container .info .changed {
  background-color: #ffe600;
}

.edit-report-feedback-form.accordion .profile-update .info-container.selected {
  border: 2px solid #007780;
}

.edit-report-feedback-form.accordion .profile-update .info-container.selected .checkmark {
  visibility: visible;
}

.edit-report-feedback-form.accordion .profile-update .info-container.left {
  margin-right: 8px;
}

@media (max-width: 959px) {
  .edit-report-feedback-form.accordion .profile-update .info-container.left {
    margin-bottom: 8px;
    margin-right: 0;
  }
}

.edit-report-feedback-form.accordion .profile-update .info-container.right {
  margin-left: 8px;
}

@media (max-width: 959px) {
  .edit-report-feedback-form.accordion .profile-update .info-container.right {
    margin-top: 8px;
    margin-left: 0;
  }
}

.edit-report-feedback-form.accordion .photo-selection-wrap {
  margin-top: 32px;
}

.edit-report-feedback-form.accordion .collapsable-section .cs-bullet i {
  font-size: 24px;
}

.edit-report-feedback-form.accordion .collapsable-section .cs-header {
  background-color: #f8fafb;
}

.edit-report-feedback-form.accordion .mobile-footer {
  z-index: 999;
  background-color: #fff;
  border-top: 1px solid #d5dfe3;
  padding: 16px;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
}

.edit-report-feedback-form.accordion .mobile-footer .form-group {
  margin-bottom: 0;
}

.edit-report-feedback-form.accordion .line-separator {
  margin: 0 auto 16px;
}

.edit-report-feedback-form.accordion .photo-selection-wrap.no-photos {
  margin-top: 0;
}

.edit-report-feedback-form.accordion .no-photos-block {
  margin-top: 16px;
}

.edit-report-feedback-form.accordion .no-photos-block .photo-count {
  font-size: 24px;
  font-weight: 700;
}

@media (max-width: 599px) {
  .edit-report-feedback-form.accordion .no-photos-block .photo-count {
    font-size: 20px;
  }
}

.edit-report-feedback-form.accordion .no-photos-block .sub-title {
  margin: 8px 0;
  font-size: 18px;
}

@media (max-width: 599px) {
  .edit-report-feedback-form.accordion .no-photos-block .sub-title {
    font-size: 14px;
  }
}

.edit-report-feedback-form.accordion .target-link {
  margin: 0 32px 0 0;
  padding-bottom: 4px;
}

.edit-report-feedback-form.accordion .target-link:last-of-type {
  margin-right: 0;
}

.edit-report-feedback-form.accordion .target-link.active {
  border-bottom: 2px solid #696969;
}

.edit-report-feedback-form.accordion .body {
  padding-left: 0;
  padding-right: 0;
}

.route-plans-mbs .logged-out-wrapper > div > div, .route-plans .logged-out-wrapper > div > div {
  max-width: 1020px;
  padding: 40px 80px;
}

@media (max-width: 599px) {
  .route-plans-mbs .logged-out-wrapper > div > div, .route-plans .logged-out-wrapper > div > div {
    padding: 40px 16px;
  }
}

.logged-out-wrapper plans header {
  margin-bottom: 24px;
}

@media (max-width: 599px) {
  plans input.form-control, plans login-phone-verification .code-input-wrap input, login-phone-verification .code-input-wrap plans input, plans .account-verification-code .code-input-wrap input, .account-verification-code .code-input-wrap plans input {
    height: 42px;
  }
}

plans header {
  margin-bottom: 24px;
}

plans .plans-content {
  margin: 0 auto;
}

plans .title h2, plans .title .cba-banner banner .title, .cba-banner banner plans .title .title, plans .title abn-banner banner .title, abn-banner banner plans .title .title, plans .title h3 {
  margin: 0;
}

plans h4 {
  margin: 0 0 24px;
  font-size: 18px;
  font-weight: 700;
  line-height: 28px;
}

plans .green {
  color: #8cb63f;
}

plans .red {
  color: #d51d4c;
}

plans .plans {
  margin-bottom: 50px;
}

plans .plans .width-100-perc {
  width: 100%;
}

@media (min-width: 769px) {
  plans .plans {
    box-sizing: border-box;
    flex-direction: row;
    display: flex;
  }
}

@media (max-width: 768px) {
  plans .plans, plans .plans-form {
    margin-left: -10px;
    margin-right: -10px;
  }
}

@media (max-width: 599px) {
  plans .plans-form {
    margin-left: 0;
    margin-right: 0;
  }
}

@media (min-width: 769px) {
  plans .select-plan {
    box-sizing: border-box;
    flex-direction: row;
    display: flex;
  }
}

plans .select-plan .btn {
  text-align: left;
}

plans .select-plan .btn .title {
  margin-top: -5px;
}

@media (min-width: 769px) {
  plans .select-plan .btn .title {
    font-size: 24px;
  }
}

@media (max-width: 768px) {
  plans .select-plan .btn:first-child {
    margin-bottom: 10px;
  }
}

@media (max-width: 599px) {
  plans .select-plan .btn {
    height: 64px;
  }
}

plans .select-plan > span {
  display: none;
}

@media (min-width: 769px) {
  plans .select-plan > span {
    display: inline;
  }
}

plans .relative {
  position: relative;
}

plans .ccs {
  margin-top: -2px;
  margin-bottom: 10px;
}

@media (min-width: 769px) {
  plans .ccs {
    margin-top: 0;
    margin-bottom: 0;
    position: absolute;
    bottom: 9px;
    right: 9px;
  }

  plans .group {
    box-sizing: border-box;
    flex-direction: row;
    display: flex;
  }
}

@media (max-width: 768px) {
  plans .group span {
    display: none;
  }

  plans .group label span {
    display: inline-block;
  }
}

plans .submit {
  margin-top: 20px;
  margin-bottom: 20px;
}

@media (max-width: 599px) {
  plans .plans-wrapper {
    margin-left: -10px !important;
    margin-right: -10px !important;
  }

  plans .faq-wrap {
    background: #ededee;
    margin: 0 -35px;
    padding: 0 25px;
    position: relative;
  }
}

plans plans-faq {
  margin: 26px auto;
}

@media (max-width: 599px) {
  plans plans-faq {
    margin: 0 0 20px;
  }
}

plans .looking-for-pro {
  margin-top: 5px;
}

plans .looking-for-pro a {
  font-size: 16px;
}

plans .btn-block + .btn-block {
  margin-top: 0;
  margin-left: 15px;
}

@media (max-width: 599px) {
  plans .btn-block + .btn-block {
    margin-left: 0;
  }
}

plans .vgradient {
  background: linear-gradient(#f7f7f7 0%, rgba(247, 247, 247, 0) 100%);
  height: 42px;
  margin: 0 -50px;
}

@media (max-width: 959px) {
  plans .vgradient {
    margin: 0 -35px;
  }
}

plans plan-feature-card {
  margin: 0 12px;
}

@media (max-width: 599px) {
  plans plan-feature-card {
    margin: 0 auto 15px;
    display: block;
  }

  plans plan-feature-card:last-child {
    margin-bottom: 0;
  }
}

plans .demo-cta {
  margin-bottom: 50px;
}

plans .demo-cta h3 {
  max-width: 525px;
  margin: 0 auto 20px;
}

plans .demo-cta h3 .btn-link {
  position: relative;
}

plans .display-description {
  font-size: 14px;
}

plans .plans-content-form {
  border-radius: 4px;
  margin-bottom: 24px;
}

plans .box-total {
  margin-bottom: 24px;
  padding-top: 24px;
  display: flex;
}

@media (max-width: 599px) {
  plans .box-total {
    justify-content: space-between;
  }
}

plans .box-total .box-total-text {
  margin-right: 16px;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
}

plans .box-total .box-total-result {
  text-align: right;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
}

plans .box-total .box-total-result span {
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
}

plans .box-total .box-total-result .box-total-result-discount {
  font-size: 13px;
  font-weight: normal;
  line-height: 16px;
}

plans .btn.btn-content-fit {
  min-width: auto;
}

@media (max-width: 599px) {
  plans .btn.btn-content-fit {
    flex: none;
  }
}

plans .box-info {
  margin-bottom: 24px;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}

plans .link {
  color: #007780;
  text-decoration: none;
}

plans .link:hover, plans .link:focus {
  color: #007780;
  text-decoration: underline;
}

plans .lock-icon {
  background-image: url("/images/icons/lock_fill.svg");
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
}

plans .box-alert {
  background: #f8fafb;
  border-radius: 4px;
  padding: 16px;
}

plans .box-alert .lock-icon {
  flex-shrink: 0;
  margin-right: 16px;
}

plans .box-alert .lock-icon.mbs-highway {
  color: #0d2121;
}

plans .box-alert.mbs-btn {
  background: #f4f8f8;
}

plans .box-alert-mbs-highway {
  color: #0d2121;
}

plans .plans-label {
  font-family: Verdana;
  font-size: 14px;
  font-weight: 700;
}

plans .plan-col-2 {
  grid-column-gap: 16px;
  grid-template-columns: 1fr 1fr;
  display: grid;
}

plans .content-ccs {
  grid-column-gap: 6px;
  grid-template-columns: 49px 49px 49px 49px;
  margin-bottom: 16px;
  display: grid;
}

plans .plan-card-check-container {
  justify-content: center;
  align-items: center;
  display: flex;
}

plans .plan-card-check-content {
  box-sizing: border-box;
  border: 1px solid #d5dfe3;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  padding: 2px;
  display: flex;
}

plans .plan-card-check {
  background: #696969;
  border: 1px solid #d5dfe3;
  border-radius: 100%;
  width: 8px;
  height: 8px;
  display: block;
}

plans .btn.btn-primary.mbs-btn {
  text-align: center;
  background-color: #8551dc;
  border-color: #8551dc;
  width: 102px;
  height: 48px;
  padding: 11px 0;
}

plans .btn.btn-primary.mbs-btn:hover {
  background-color: #6c41b5;
  border-color: #6c41b5;
}

plans .mbs-link {
  color: #8551dc;
}

plans .mbs-link:hover {
  color: #6c41b5;
}

@media (max-width: 599px) {
  plans .mbs-container input.form-control, plans .mbs-container login-phone-verification .code-input-wrap input, login-phone-verification .code-input-wrap plans .mbs-container input, plans .mbs-container .account-verification-code .code-input-wrap input, .account-verification-code .code-input-wrap plans .mbs-container input {
    height: 48px;
  }
}

plans .mbs-container .plans-label {
  color: #0d2121;
}

plans .mbs-container .box-total-result, plans .mbs-container .box-total-text, plans .mbs-container .plans-title, plans .mbs-container .box-info, plans .mbs-container .plans-title-form, plans .mbs-container .plans-title-desc {
  color: #113a3f;
}

plans .mbs-container .plans-title {
  margin-bottom: 12px;
  font-size: 31px;
}

plans .mbs-container .plans-title-desc {
  font-size: 12px;
}

plans .mbs-container .plans-content-form input[type="text"]:focus {
  border-color: #0d2121;
}

@media (max-width: 599px) {
  plans .plans-title-desc, plans .plans-title {
    text-align: left !important;
  }
}

plans-faq {
  background: #ededee;
  width: 250px;
  padding: 25px;
  display: block;
}

plans-faq h1 {
  font-size: 16px;
}

plans-faq p {
  margin-top: -10px;
}

@media (max-width: 599px) {
  plans-faq {
    width: 100%;
    margin-top: 0;
    margin-left: 0;
    padding: 10px;
  }
}

plan-feature-card {
  background-color: #fafbfb;
  border-top: 6px solid #007780;
  width: 285px;
  min-height: 415px;
  padding-bottom: 30px;
}

plan-feature-card .price {
  margin-bottom: 40px;
}

plan-feature-card .price h1 {
  margin: -8px 0;
}

plan-feature-card .price h2, plan-feature-card .price .cba-banner banner .title, .cba-banner banner plan-feature-card .price .title, plan-feature-card .price abn-banner banner .title, abn-banner banner plan-feature-card .price .title {
  margin: 0;
}

plan-feature-card .divider {
  background-color: #ecf0f1;
  width: 50px;
  height: 2px;
  margin: 25px auto;
}

plan-feature-card .features {
  line-height: 2.1;
}

.credit-card-collection .form-group {
  width: 100%;
  padding-left: 10px !important;
}

.credit-card-collection .payments-header {
  margin-bottom: 0;
}

.credit-card-collection .vgradient {
  background: linear-gradient(#f7f7f7 0%, rgba(247, 247, 247, 0) 100%);
  height: 42px;
  margin: 0 -50px;
}

@media (max-width: 959px) {
  .credit-card-collection .vgradient {
    margin: 0 -50px;
  }
}

.credit-card-collection h1 {
  font-size: 24px;
}

@media (max-width: 600px) {
  .credit-card-collection h1 {
    font-size: 18px;
  }
}

.credit-card-collection .relative {
  position: relative;
}

.credit-card-collection .footer-text {
  font-size: 14px;
}

.credit-card-collection .ccs {
  margin-top: -2px;
  margin-bottom: 10px;
}

@media (min-width: 769px) {
  .credit-card-collection .ccs {
    margin-top: 0;
    margin-bottom: 0;
    position: absolute;
    bottom: 18px;
    right: 9px;
  }
}

compliance-accounts {
  max-width: 1400px;
  display: block;
}

compliance-accounts title-bar h1 {
  margin-top: 0;
}

compliance-accounts title-bar .subtitle {
  margin-top: -30px;
  margin-bottom: 20px;
}

compliance-accounts title-bar .subtitle h3 {
  border-right: 1px solid #d5dfe3;
  padding: 0 20px;
}

compliance-accounts title-bar .subtitle h3:first-child {
  padding-left: 0;
}

compliance-accounts title-bar .subtitle h3:last-child {
  border-right: 0;
  padding-right: 0;
}

compliance-accounts title-bar .subtitle h3 span {
  font-size: 14px;
}

compliance-accounts .stats-holder {
  margin-top: -20px;
  margin-bottom: 20px;
}

compliance-accounts .stats-holder .stats {
  background: #fff;
  border: 1px solid #d5dfe3;
  max-width: 230px;
  margin-right: 20px;
  padding: 20px;
}

compliance-accounts .stats-holder .stats:last-child {
  margin-right: 0;
}

compliance-accounts .stats-holder .stats > header {
  border-bottom: 1px solid #d5dfe3;
  margin-bottom: 15px;
  padding-bottom: 15px;
}

compliance-accounts .stats-holder .stats > header h1 {
  margin: 0;
  font-size: 36px;
}

compliance-accounts .stats-holder .stats > header > div div {
  margin-top: -5px;
}

compliance-accounts .stats-holder .stats .subtext {
  margin-bottom: 15px;
  line-height: 1;
}

compliance-accounts .stats-holder .stats .subtext small {
  font-size: 10px;
}

compliance-accounts .stats-holder .stats .icon-holder img {
  width: 50px;
  height: 50px;
}

compliance-accounts .stats-holder .stats .value {
  width: 50px;
}

compliance-accounts th {
  border-top: 0 !important;
}

compliance-accounts .lr-caret-down, compliance-accounts .lr-caret-right {
  margin-right: 5px;
  position: relative;
  top: -1px;
}

compliance-accounts .branch {
  padding-left: 50px !important;
}

compliance-accounts .user {
  position: relative;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  padding-left: 77px !important;
}

compliance-accounts .user > div:first-child {
  border-left: 1px solid #d5dfe3;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 28px;
  position: relative;
}

compliance-accounts .user > div:first-child .border-hider {
  width: 29px;
  top: -3px;
  left: -1px;
}

compliance-accounts .user > div:first-child .marker {
  background: #d5dfe3;
  width: 20px;
  height: 1px;
  position: absolute;
  top: 16px;
  left: 0;
}

compliance-accounts .user > div:first-child .left-border {
  background: #d5dfe3;
  width: 1px;
  height: 22px;
  display: block;
  position: absolute;
  top: -5px;
  left: -1px;
}

compliance-accounts .user .border-hider {
  border: 0;
  border-top: 1px solid #fff;
  width: 77px;
  position: absolute;
  top: -1px;
  left: 0;
}

compliance-accounts .first .user > div:first-child .left-border {
  display: none;
}

compliance-accounts .last .user > div:first-child {
  border-left-color: rgba(0, 0, 0, 0);
}

compliance-accounts .last .user > div:first-child .left-border {
  display: block;
}

compliance-accounts .search .user {
  padding-left: 0 !important;
}

compliance-accounts .search .user > div {
  border: 0;
  padding-left: 8px;
}

compliance-accounts .search .user .border-hider, compliance-accounts .search .user .marker, compliance-accounts .search .user .left-border {
  display: none !important;
}

compliance-accounts .loading-circular-wrap {
  border-top: 1px solid #d5dfe3;
}

compliance-reports {
  max-width: 1400px;
  display: block;
}

compliance-reports th {
  border-top: 0 !important;
}

compliance-reports .notification-banner {
  color: #fff;
  background: #007780;
  border-bottom: 1px solid #d5dfe3;
  height: 50px;
  border-top: 0 !important;
}

compliance-reports .btn-default {
  color: #1e2b35 !important;
  text-transform: none !important;
  font-size: 14px !important;
  font-weight: normal !important;
}

compliance-reports .btn-default .lr-calendar {
  margin-right: 5px;
}

compliance-reports .btn-default .lr-caret-down {
  margin-left: 10px;
}

compliance-reports .listing-status {
  margin-top: 3px;
  font-size: 11px;
}

compliance-reports .filters-wrap > div {
  margin-right: 12px;
}

compliance-reports select {
  padding-right: 30px !important;
}

compliance-reports .subsomponent-title {
  display: none;
}

compliance-reports[subcomponent] title-bar, compliance-reports[subcomponent] .filters-wrap, compliance-reports[subcomponent] .filter-info {
  display: none !important;
}

compliance-reports[subcomponent] .subsomponent-title {
  display: block;
}

compliance-reports[subcomponent="tabbar"] .subsomponent-title {
  opacity: 0;
  cursor: default;
}

compliance-reports[subcomponent="tabbar"] .section-group {
  border: 0;
  margin-bottom: 0;
}

compliance-shareables {
  max-width: 1400px;
  display: block;
}

compliance-shareables th {
  border-top: 0 !important;
}

compliance-shareables .notification-banner {
  color: #fff;
  background: #007780;
  border-bottom: 1px solid #d5dfe3;
  height: 50px;
  border-top: 0 !important;
}

compliance-shareables .btn-default {
  color: #1e2b35 !important;
  text-transform: none !important;
  font-size: 14px !important;
  font-weight: normal !important;
}

compliance-shareables .btn-default .lr-calendar {
  margin-right: 5px;
}

compliance-shareables .btn-default .lr-caret-down {
  margin-left: 10px;
}

compliance-shareables .listing-status {
  margin-top: 3px;
  font-size: 11px;
}

compliance-shareables .filters-wrap > div {
  margin-right: 12px;
}

compliance-shareables select {
  padding-right: 30px !important;
}

compliance-shareables .subsomponent-title {
  display: none;
}

compliance-shareables[subcomponent] title-bar, compliance-shareables[subcomponent] .filters-wrap, compliance-shareables[subcomponent] .filter-info {
  display: none !important;
}

compliance-shareables[subcomponent] .subsomponent-title {
  display: block;
}

compliance-shareables[subcomponent="tabbar"] .subsomponent-title {
  opacity: 0;
  cursor: default;
}

compliance-shareables[subcomponent="tabbar"] .section-group {
  border: 0;
  margin-bottom: 0;
}

.route-compliance-reports .md-datepicker-calendar-pane .md-datepicker-input-mask {
  display: none;
}

compliance-view-individual {
  max-width: 1000px;
  display: block;
}

compliance-view-individual .section-group {
  margin-bottom: 15px;
}

compliance-view-individual .compliance-text {
  background: #edf0f1;
  border: 1px solid #d5dfe3;
  padding: 10px;
}

compliance-view-individual .user-info ul li {
  margin-bottom: 20px;
}

compliance-view-individual .user-info ul li span {
  width: 90px;
  display: inline-block;
}

compliance-view-individual .user-info ul li:last-child {
  margin-bottom: 0;
}

compliance-view-individual .compliance-stats ul li {
  border-bottom: 1px solid #d5dfe3;
  padding: 10px 0;
}

compliance-view-individual .compliance-stats ul li h2, compliance-view-individual .compliance-stats ul li .cba-banner banner .title, .cba-banner banner compliance-view-individual .compliance-stats ul li .title, compliance-view-individual .compliance-stats ul li abn-banner banner .title, abn-banner banner compliance-view-individual .compliance-stats ul li .title {
  margin-top: 0;
  margin-bottom: 0;
}

compliance-view-individual .compliance-stats ul li:last-child {
  border-bottom: 0;
}

compliance-view-individual .title-holder h1, compliance-view-individual .title-text h2, compliance-view-individual .title-text .cba-banner banner .title, .cba-banner banner compliance-view-individual .title-text .title, compliance-view-individual .title-text abn-banner banner .title, abn-banner banner compliance-view-individual .title-text .title {
  margin: 0;
}

compliance-view-individual title-bar {
  margin-top: 16px;
  margin-bottom: 32px;
}

compliance-view-individual .logo {
  max-width: 200px;
  max-height: 100px;
}

compliance-view-individual .use-branch-compliance {
  margin-top: -33px;
}

compliance-view-branch {
  max-width: 1000px;
  display: block;
}

compliance-view-branch .section-group {
  margin-bottom: 15px;
}

compliance-view-branch .compliance-text {
  background: #edf0f1;
  border: 1px solid #d5dfe3;
  padding: 10px;
}

compliance-view-branch .user-info ul li {
  margin-bottom: 20px;
}

compliance-view-branch .user-info ul li span {
  width: 90px;
  display: inline-block;
}

compliance-view-branch .user-info ul li:last-child {
  margin-bottom: 0;
}

compliance-view-branch .compliance-stats ul li {
  border-bottom: 1px solid #d5dfe3;
  padding: 10px 0;
}

compliance-view-branch .compliance-stats ul li h2, compliance-view-branch .compliance-stats ul li .cba-banner banner .title, .cba-banner banner compliance-view-branch .compliance-stats ul li .title, compliance-view-branch .compliance-stats ul li abn-banner banner .title, abn-banner banner compliance-view-branch .compliance-stats ul li .title {
  margin-top: 0;
  margin-bottom: 0;
}

compliance-view-branch .compliance-stats ul li:last-child {
  border-bottom: 0;
}

compliance-view-branch .logo {
  max-width: 200px;
  max-height: 100px;
}

compliance-users {
  max-width: 1400px;
  display: block;
}

@media (min-width: 960px) {
  compliance-users {
    min-height: 600px;
  }
}

compliance-users th {
  border-top: 0 !important;
}

compliance-users .notification-banner {
  color: #fff;
  background: #007780;
  border-bottom: 1px solid #d5dfe3;
  height: 50px;
  border-top: 0 !important;
}

compliance-users .btn-default {
  color: #1e2b35 !important;
  text-transform: none !important;
  font-size: 14px !important;
  font-weight: normal !important;
}

compliance-users .btn-default .lr-calendar {
  margin-right: 5px;
}

compliance-users .btn-default .lr-caret-down {
  margin-left: 10px;
}

compliance-users .filters-wrap > div {
  margin-right: 12px;
}

compliance-users select {
  padding-right: 30px !important;
}

compliance-users .subsomponent-title {
  display: none;
}

compliance-users[subcomponent] title-bar, compliance-users[subcomponent] .filters-wrap, compliance-users[subcomponent] .filter-info {
  display: none !important;
}

compliance-users[subcomponent] .subsomponent-title {
  display: block;
}

compliance-users[subcomponent="tabbar"] .subsomponent-title {
  opacity: 0;
  cursor: default;
}

compliance-users[subcomponent="tabbar"] .section-group {
  border: 0;
  margin-bottom: 0;
}

.route-compliance-users .md-datepicker-calendar-pane .md-datepicker-input-mask {
  display: none;
}

.enroll-stats {
  margin: 0 auto 20px;
}

.enroll-stats > div {
  border-right: 1px solid #d5dfe3;
  padding: 20px 0;
  overflow: hidden;
}

.enroll-stats > div:last-of-type {
  border-right: none;
}

@media (max-width: 600px) {
  .enroll-stats > div {
    border-bottom: 1px solid #d5dfe3;
    border-right: none;
  }

  .enroll-stats > div:last-of-type {
    border-bottom: none;
  }
}

.enroll-stats .cta-block.invite button {
  margin-top: 12px;
}

.enroll-stats .cta-block .cta-wrap {
  height: 100%;
  min-height: 100%;
}

.enroll-stats .cta-block .cta-wrap .watch-video-link {
  margin-top: 12px;
}

.enroll-stats .stats-block button {
  margin-top: 18px;
}

.enroll-stats .stats-block .count {
  margin: 0;
}

.enroll-stats .stats-block .label {
  color: #525658;
}

.enroll-stats .stats-block .headshot-lineup {
  margin-top: 12px;
}

.enroll-stats .translucent {
  opacity: .6;
}

.enroll-agent-stats {
  margin: 0 auto 20px;
}

.enroll-agent-stats .btn.learn-more {
  margin-top: 18px;
}

.enroll-agent-stats > div {
  border-right: 1px solid #d5dfe3;
  padding: 20px 0;
  overflow: hidden;
}

.enroll-agent-stats > div:last-of-type {
  border-right: none;
}

@media (max-width: 600px) {
  .enroll-agent-stats > div {
    border-bottom: 1px solid #d5dfe3;
    border-right: none;
  }

  .enroll-agent-stats > div:last-of-type {
    border-bottom: none;
  }
}

.enroll-agent-stats .cta-block.invite button {
  margin-top: 12px;
}

.enroll-agent-stats .cta-block .cta-wrap {
  height: 100%;
  min-height: 100%;
}

.enroll-agent-stats .cta-block .cta-wrap .watch-video-link {
  margin-top: 12px;
}

.enroll-agent-stats .stats-block button {
  margin-top: 18px;
}

.enroll-agent-stats .stats-block .count {
  margin: 0;
  font-size: 28px;
  line-height: 33px;
}

.enroll-agent-stats .stats-block .label {
  font-size: 18px;
  line-height: 21px;
}

.enroll-agent-stats .stats-block .headshot-lineup {
  margin-top: 16px;
}

.enroll-agent-stats .stats-block .btn-small {
  min-width: 68px;
  padding: 11px 16px;
}

.enroll-agent-stats .stats-block .headshot-lineup .additional-count-wrap {
  color: #1e2b35;
  background: #fff;
  border: 1px dashed #b4bbbf;
  border-radius: 45px;
  justify-content: center;
  align-items: center;
  width: 45px;
  height: 45px;
  margin-left: 0;
  font-size: 18px;
  font-weight: bold;
  line-height: 21px;
  display: inline-flex;
}

.enroll-agent-stats .stats-block-content_mobile {
  justify-content: space-between;
  align-items: center;
  padding: 0 16px;
  display: flex;
}

.enroll-agent-stats .stats-block-content_mobile .headshot-lineup .additional-count-wrap {
  flex-shrink: 0;
}

.enroll-agent-stats .stats-block-content_mobile .stats-block-content_info {
  justify-content: space-between;
  margin-right: 34px;
}

.enroll-agent-stats .stats-block-content_mobile .stats-block-container_headshots {
  justify-content: center;
  width: 220px;
  display: flex;
}

.headshot-lineup {
  margin-left: -10px;
}

.headshot-lineup .headshot-wrap {
  width: 35px;
  max-width: 35px;
  min-height: 45px;
}

.headshot-lineup .headshot {
  color: #fff;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 50%;
  width: 45px;
  height: 45px;
  padding: 12px 0;
  font-size: 16px;
  overflow: hidden;
}

.headshot-lineup .blank .headshot {
  background-color: #fff;
  border: 1px dashed #76888f;
}

.headshot-lineup .additional-count-wrap {
  color: #007780;
  margin-left: 14px;
  font-size: 15px;
}

.my-agents-stats {
  margin: 0 auto 20px;
}

.my-agents-stats > div {
  border-right: 1px solid #d5dfe3;
  padding: 30px;
  overflow: hidden;
}

.my-agents-stats > div:last-of-type {
  border-right: none;
}

@media (max-width: 600px) {
  .my-agents-stats > div {
    border-bottom: 1px solid #d5dfe3;
    border-right: none;
  }

  .my-agents-stats > div:last-of-type {
    border-bottom: none;
  }
}

.my-agents-stats .stats-block .count {
  margin: 0;
}

.my-agents-stats .stats-block .label {
  color: #696969;
  margin-top: 16px;
  font-size: 18px;
}

.my-agents-stats .stats-block .label .lr {
  font-size: 14px;
}

.my-agents-stats .stats-block .headshot-lineup {
  margin-top: 12px;
}

@media (min-width: 600px) {
  .my-agents-stats .stats-block {
    background-position: right 30px top 30px;
    background-repeat: no-repeat;
    background-size: 60px 55px;
  }

  .my-agents-stats .stats-block.paired-agents {
    background-image: url("/images/icon-stickers/paired-agents.png");
  }

  .my-agents-stats .stats-block.total-asset-views {
    background-image: url("/images/icon-stickers/total-asset-views.png");
  }

  .my-agents-stats .stats-block.total-reports {
    background-image: url("/images/icon-stickers/total-reports.png");
  }

  .my-agents-stats .stats-block.shareables-view {
    background-image: url("/images/icon-stickers/shareables-view.png");
  }

  .my-agents-stats .stats-block.shareables-download {
    background-image: url("/images/icon-stickers/shareables-download.png");
  }
}

@media (max-width: 600px) {
  .my-agents-stats .stats-block {
    text-align: center;
  }

  .my-agents-stats .stats-block .label {
    margin-top: 4px;
  }
}

.my-agents-stats .invite-agent .greeting {
  margin: 0 auto 12px;
  font-size: 36px;
}

.my-agents-stats .invite-agent .caption {
  margin: 0 auto 18px;
}

.my-agents-stats .invite-agent .btn-primary {
  margin: 0 auto 10px;
}

.my-agents-stats .translucent {
  opacity: .6;
}

.my-lender {
  max-width: 1400px;
}

.my-lender .subsection, .my-lender nestme-share-engagement > section {
  background: #fff;
  border: 1px solid #e0e0df;
}

.my-lender .agent-plo-info {
  min-width: 320px;
  max-width: 320px;
  margin-right: 15px;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .my-lender .agent-plo-info {
    max-width: 320px;
  }
}

@media (max-width: 599px) {
  .my-lender .agent-plo-info {
    max-width: 100%;
    margin-bottom: 10px;
    margin-right: 0;
  }
}

.my-lender .agent-plo-info.no-lender.no-invited {
  background-color: rgba(0, 0, 0, 0);
  border: 2px dashed #1e2b35;
}

@media (max-width: 599px) {
  .my-lender .agent-plo-info.no-lender.no-invited {
    margin-left: 12px;
    margin-right: 12px;
  }
}

.my-lender .user-info {
  margin-right: 10px;
  padding: 25px 15px;
}

.my-lender .user-info .text {
  font-size: 16px;
}

@media (max-width: 599px) {
  .my-lender .user-info .text {
    font-size: 14px;
  }
}

.my-lender .user-info h2, .my-lender .user-info .cba-banner banner .title, .cba-banner banner .my-lender .user-info .title, .my-lender .user-info abn-banner banner .title, abn-banner banner .my-lender .user-info .title {
  margin-top: 16px;
  margin-bottom: 0;
}

.my-lender .user-info ul {
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
  list-style: none;
}

.my-lender .user-info .separator {
  border-bottom: 2px solid #d5dfe3;
  width: 65px;
  height: 0;
  margin: 20px auto;
}

.my-lender .user-info .btn-change-lender {
  margin-top: 18px;
}

.my-lender .user-info .mobile-contact-info {
  border-top: 1px solid #fff;
  margin-top: 15px;
  padding: 15px;
}

.my-lender .user-info .mobile-contact-info > div {
  text-align: center;
}

.my-lender .user-info .mobile-contact-info > div:last-child {
  text-align: right;
}

.my-lender .user-info .mobile-contact-info > div:first-child {
  text-align: left;
}

.my-lender .user-info .mobile-contact-info > div .ls-icon-mail {
  top: -3px;
}

.my-lender .user-info .mobile-contact-info > div a {
  color: #fff;
  font-size: 18px;
  text-decoration: none;
}

.my-lender .user-info .headshot {
  max-width: 100px;
}

.my-lender .user-info .buttons-holder .btn i {
  margin-right: 5px;
}

@media (max-width: 600px) {
  .my-lender .user-info {
    margin-bottom: 10px;
    margin-right: 0;
  }
}

.my-lender .no-user-info h2, .my-lender .no-user-info .cba-banner banner .title, .cba-banner banner .my-lender .no-user-info .title, .my-lender .no-user-info abn-banner banner .title, abn-banner banner .my-lender .no-user-info .title {
  margin: 15px 0 0;
}

.my-lender .no-user-info .caption {
  margin: 4px 0 24px;
  font-size: 16px;
}

@media (max-width: 599px) {
  .my-lender .no-user-info .caption {
    font-size: 14px;
  }
}

.my-lender .no-user-info .btn-change-lender {
  margin-bottom: 15px;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .my-lender .my-lender-checklist {
    min-height: 460px;
  }
}

.my-lender-checklist {
  width: 100%;
  min-height: 100%;
  padding: 30px;
}

@media (max-width: 599px) {
  .my-lender-checklist {
    padding: 20px;
  }
}

.my-lender-checklist header {
  padding: 15px 0;
  border-bottom: 0 !important;
}

.my-lender-checklist h2, .my-lender-checklist .cba-banner banner .title, .cba-banner banner .my-lender-checklist .title, .my-lender-checklist abn-banner banner .title, abn-banner banner .my-lender-checklist .title {
  margin: 0;
}

.my-lender-checklist .valid-plo {
  min-width: 100%;
}

.my-lender-checklist .no-plo-graphic {
  width: 100%;
  min-width: 199px;
  max-width: 300px;
  max-height: 100%;
  margin-right: 24px;
}

@media (max-width: 959px) {
  .my-lender-checklist .no-plo-graphic {
    margin: 0;
  }
}

.my-lender-checklist .no-plo .checklist-items {
  padding: 0 0 0 15px;
  list-style-type: disc;
}

.my-lender-checklist .no-plo .checklist-items li {
  color: #d5dfe3;
}

.my-lender-checklist .no-plo .checklist-items li > p {
  color: #1e2b35;
  margin: 14px 0;
  padding-left: 12px;
  font-size: 18px;
}

.my-lender-checklist .checklist-item {
  margin-bottom: 20px;
}

@media (max-width: 599px) {
  .my-lender-checklist .checklist-item {
    margin-bottom: 16px;
  }
}

.my-lender-checklist .bullet {
  padding: 0 20px 0 0;
  font-size: 18px;
  font-weight: bold;
}

.my-lender-checklist .bullet span {
  text-align: center;
  border: 1px solid #1e2b35;
  border-radius: 50%;
  width: 36px;
  height: 36px;
  line-height: 36px;
  display: block;
}

@media (max-width: 600px) {
  .my-lender-checklist .bullet span {
    width: 28px;
    height: 28px;
    font-size: 14px;
    line-height: 28px;
  }
}

@media (max-width: 599px) {
  .my-lender-checklist .bullet {
    padding: 0 15px 0 0;
  }
}

.my-lender-checklist .text {
  font-size: 18px;
}

@media (max-width: 599px) {
  .my-lender-checklist .text {
    font-size: 14px;
  }
}

.listreports-gray, .listreports-grey {
  color: #76888f;
}

.listreports-gray, .listreports-grey {
  color: #76888f;
}

select-lender-banner .select-lender {
  color: #fff;
  background: #d51d4c;
  margin-bottom: 15px;
  padding: 12px;
}

select-lender-banner .select-lender .lr-exclamation-triangle {
  width: 28px;
  min-width: 28px;
}

select-lender-banner .select-lender .banner-text {
  padding-left: 8px;
}

select-lender-banner .select-lender .banner-text .link {
  color: #fff;
  border-bottom: 1px solid #fff;
  padding-bottom: 1px;
}

select-lender-banner .select-lender .banner-text .link:hover {
  text-decoration: none;
}

select-lender-banner .select-lender .btn {
  border: 1px solid #fff;
  min-width: 128px;
}

@media (max-width: 599px) {
  select-lender-banner .select-lender .btn {
    margin-top: 12px;
  }
}

select-lender-banner .select-lender .btn:hover {
  border: 1px solid #fff;
}

.my-team {
  max-width: 1400px;
}

.my-team title-bar {
  padding-left: 0;
  padding-right: 0;
}

@media (max-width: 599px) {
  .my-team title-bar {
    margin-bottom: 10px;
  }
}

.my-team .title {
  margin-left: 25px;
  margin-right: 25px;
}

.my-team .title.limit-width {
  max-width: 290px;
}

.my-team .title > h3 {
  border-bottom: 1px solid #d5dfe3;
  margin-bottom: 16px;
  padding-bottom: 12px;
}

.my-team .card-wrapper > div {
  margin-left: -25px;
  margin-right: -20px;
}

.my-team .titles {
  margin-top: 20px;
}

.my-team user-info-card {
  margin: 60px 25px 25px !important;
}

.my-team user-info-card[pending="true"] > div > div > div {
  opacity: .5;
}

.my-team user-info-card[pending="true"] > div > div > div.pending, .my-team user-info-card[pending="true"] > div > div > div.headshot-holder {
  opacity: 1;
}

.my-team user-info-card[pending="true"] > div > div > div.headshot-holder img {
  opacity: .5;
}

.my-team user-info-card[pending="true"] .ctas > div {
  opacity: 1;
}

@media (min-width: 600px) {
  .my-team user-info-card {
    max-width: 290px !important;
  }
}

.my-team .no-card-found {
  border: 2px dashed #696969;
  padding: 80px 40px 40px;
  margin: 60px 25px 25px !important;
}

.my-team .no-card-found > div {
  height: 100%;
}

.my-team .no-card-found h2, .my-team .no-card-found .cba-banner banner .title, .cba-banner banner .my-team .no-card-found .title, .my-team .no-card-found abn-banner banner .title, abn-banner banner .my-team .no-card-found .title, .my-team .no-card-found h3 {
  margin: 0;
  padding: 0;
}

.my-team .no-card-found .ctas {
  margin-top: 25px;
}

@media (min-width: 600px) {
  .my-team .no-card-found {
    max-width: 290px !important;
  }
}

@media (max-width: 599px) {
  .my-team {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.listreports-gray, .listreports-grey {
  color: #76888f;
}

invited-lender-banner .invited-lender {
  color: #fff;
  background: #007780;
  margin-bottom: 15px;
  padding: 16px 12px;
}

invited-lender-banner .invited-lender .lr-gear {
  width: 28px;
  min-width: 28px;
}

invited-lender-banner .invited-lender .banner-text {
  padding-left: 8px;
}

td2017-splash {
  background-color: #007780;
  display: block;
}

td2017-splash .content {
  max-width: 1024px;
  margin-left: auto;
  margin-right: auto;
}

td2017-splash .content.main {
  padding: 25px 0;
}

td2017-splash .video-wrap {
  position: relative;
}

td2017-splash #splash-video {
  max-width: 497px;
  max-height: 280px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

td2017-splash header {
  background: #fff;
  padding: 20px;
}

td2017-splash header .lr-logo-wrap img {
  height: 30px;
}

@media (max-width: 1279px) {
  td2017-splash header .lr-logo-wrap img {
    max-height: 20px;
  }
}

td2017-splash header .company-logo-wrap img {
  max-width: 300px;
  max-height: 60px;
}

@media (max-width: 1279px) {
  td2017-splash header .company-logo-wrap img {
    max-width: 130px;
    max-height: 40px;
  }
}

td2017-splash .user-and-video {
  padding: 15px 30px;
}

@media (max-width: 1279px) {
  td2017-splash .user-and-video {
    text-align: center;
  }
}

@media (max-width: 599px) {
  td2017-splash .user-and-video {
    padding: 15px;
  }
}

td2017-splash .user-info {
  color: #fff;
  max-width: 482px;
  margin-left: auto;
  margin-right: auto;
  padding-right: 50px;
}

td2017-splash .user-info .face-wrap {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 50%;
  width: 100px;
  height: 100px;
  margin: 0 20px 0 0;
}

@media (max-width: 600px) {
  td2017-splash .user-info .face-wrap {
    width: 80px;
    height: 80px;
  }
}

td2017-splash .user-info h2, td2017-splash .user-info .cba-banner banner .title, .cba-banner banner td2017-splash .user-info .title, td2017-splash .user-info abn-banner banner .title, abn-banner banner td2017-splash .user-info .title {
  margin: 0;
}

td2017-splash .user-info .headshot-name-company {
  text-align: left;
}

@media (max-width: 1279px) {
  td2017-splash .user-info {
    padding-bottom: 35px;
    padding-right: 0;
  }
}

td2017-splash .video {
  padding-left: 50px;
}

td2017-splash .video .video-dropshadow {
  max-width: 100%;
  max-height: 70px;
}

@media (max-width: 1279px) {
  td2017-splash .video {
    max-width: 497px;
    max-height: 280px;
    margin: 0 auto;
    padding-left: 0;
  }
}

.invite-your-coworkers, invite-your-coworkers {
  display: block;
}

.invite-your-coworkers header, invite-your-coworkers header {
  position: relative;
  margin-bottom: 0 !important;
}

.invite-your-coworkers header .limited-time-offer, invite-your-coworkers header .limited-time-offer {
  max-width: 80px;
  margin-left: -158px;
  position: absolute;
  top: -68px;
  left: 50%;
}

@media (max-width: 599px) {
  .invite-your-coworkers header .limited-time-offer, invite-your-coworkers header .limited-time-offer {
    margin-left: -150px;
    top: -52px;
  }
}

.invite-your-coworkers header .main-image, invite-your-coworkers header .main-image {
  margin-bottom: 24px;
}

.invite-your-coworkers header .main-image img, invite-your-coworkers header .main-image img {
  display: inline-block;
}

.invite-your-coworkers header h2, .invite-your-coworkers header .cba-banner banner .title, .cba-banner banner .invite-your-coworkers header .title, .invite-your-coworkers header abn-banner banner .title, abn-banner banner .invite-your-coworkers header .title, invite-your-coworkers header h2, invite-your-coworkers header .cba-banner banner .title, .cba-banner banner invite-your-coworkers header .title, invite-your-coworkers header abn-banner banner .title, abn-banner banner invite-your-coworkers header .title {
  max-width: 380px;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 599px) {
  .invite-your-coworkers header h2, .invite-your-coworkers header .cba-banner banner .title, .cba-banner banner .invite-your-coworkers header .title, .invite-your-coworkers header abn-banner banner .title, abn-banner banner .invite-your-coworkers header .title, invite-your-coworkers header h2, invite-your-coworkers header .cba-banner banner .title, .cba-banner banner invite-your-coworkers header .title, invite-your-coworkers header abn-banner banner .title, abn-banner banner invite-your-coworkers header .title {
    max-width: 275px;
  }
}

.invite-your-coworkers header h3, invite-your-coworkers header h3 {
  max-width: 380px;
  margin-left: auto;
  margin-right: auto;
}

.invite-your-coworkers .separator, invite-your-coworkers .separator {
  background-color: #007780;
  border-radius: 4px;
  width: 44px;
  height: 4px;
  margin: 34px auto;
}

.invite-your-coworkers .copy-unique-link h3, invite-your-coworkers .copy-unique-link h3 {
  margin: 0 auto;
}

.invite-your-coworkers .copy-unique-link h3:first-child, invite-your-coworkers .copy-unique-link h3:first-child {
  margin-bottom: 18px;
}

@media (max-width: 599px) {
  .invite-your-coworkers .copy-unique-link h3:first-child, invite-your-coworkers .copy-unique-link h3:first-child {
    max-width: 240px;
  }
}

.invite-your-coworkers .copy-unique-link h3:last-child, invite-your-coworkers .copy-unique-link h3:last-child {
  margin-top: 18px;
}

@media (max-width: 599px) {
  .invite-your-coworkers .copy-unique-link h3:last-child, invite-your-coworkers .copy-unique-link h3:last-child {
    max-width: 190px;
  }
}

.invite-your-coworkers .copy-unique-link .copy-input, invite-your-coworkers .copy-unique-link .copy-input {
  max-width: 500px;
  margin: 0 auto;
}

.invite-your-coworkers .select-individuals-wrap, invite-your-coworkers .select-individuals-wrap {
  border: 9px solid #d5dfe3;
  max-width: 555px;
  margin: 44px auto;
  padding: 35px 0;
}

@media (max-width: 599px) {
  .invite-your-coworkers .select-individuals-wrap, invite-your-coworkers .select-individuals-wrap {
    padding: 23px 0;
  }
}

.invite-your-coworkers .select-individuals, invite-your-coworkers .select-individuals {
  max-height: 300px;
  overflow: none;
  overflow-y: auto;
}

.invite-your-coworkers .select-individuals > div, invite-your-coworkers .select-individuals > div {
  padding: 35px 35px 0;
}

@media (max-width: 599px) {
  .invite-your-coworkers .select-individuals > div, invite-your-coworkers .select-individuals > div {
    padding: 23px 23px 0;
  }
}

.invite-your-coworkers .select-individuals > div:first-child, invite-your-coworkers .select-individuals > div:first-child {
  padding-top: 0;
}

.invite-your-coworkers .select-individuals fancy-checkbox, invite-your-coworkers .select-individuals fancy-checkbox {
  display: block;
}

.invite-your-coworkers .select-individuals .label-content, invite-your-coworkers .select-individuals .label-content, .invite-your-coworkers fancy-checkbox h3, invite-your-coworkers fancy-checkbox h3 {
  position: relative;
  top: -3px;
}

@media (max-width: 599px) {
  .invite-your-coworkers, invite-your-coworkers {
    margin-bottom: -20px;
    margin-left: -20px;
    margin-right: -20px;
  }
}

.select-lo-text {
  max-width: 500px;
}

invite-your-coworkers-message {
  display: block;
}

invite-your-coworkers-message .img-wrapper {
  width: 50px;
  margin-right: 8px;
}

invite-your-coworkers-message .text-wrapper {
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

invite-your-coworkers-message .text-wrapper .text {
  line-height: 1;
  top: 0;
}

user-info-card .break-word {
  word-wrap: break-word;
}

user-info-card .img-column, user-info-card .info-column {
  padding-top: 2%;
}

user-info-card .img-holder {
  max-width: 100px;
  margin: 0 auto;
}

user-info-card .img-holder img {
  max-width: 100%;
}

user-info-card .img-holder.branding {
  margin-top: 20px;
}

user-info-card .br {
  background: #d5dfe3;
  max-width: 70px;
  height: 2px;
  margin: 18px auto;
}

@media (max-width: 959px) {
  user-info-card .br {
    margin-left: auto;
    margin-right: auto;
  }

  user-info-card {
    text-align: center;
  }
}

user-info-card {
  text-align: center;
}

user-info-card .stacked-basic .img-column {
  padding: 2%;
}

user-info-card .stacked-basic .info-column {
  padding: 4%;
}

user-info-card .marketing-material-preview-v2 {
  text-align: left;
}

user-info-card .marketing-material-preview-v2 .info {
  margin-bottom: 4px;
}

user-info-card .marketing-material-preview-v2 .img-col > img {
  height: 56px;
}

user-info-card .marketing-material-preview-v2 .branding {
  margin-top: 8px;
}

user-info-card .marketing-material-preview-v2 .branding img {
  max-width: 100%;
  height: 52px;
}

user-info-card .marketing-material-preview .card-wrap {
  margin-bottom: 0;
}

@media (max-width: 600px) {
  user-info-card .marketing-material-preview .card-wrap .img-col {
    padding: 20px;
  }
}

user-info-card .marketing-material-preview .card-wrap .img-col {
  padding-right: 20px;
}

user-info-card .marketing-material-preview .card-wrap .light-text.margin-top {
  margin-top: 8px;
}

user-info-card .marketing-material-preview .card-wrap .light-text {
  color: #a4aaaf;
}

user-info-card .marketing-material-preview .card-wrap .info {
  text-align: left;
  padding-right: 24px;
}

@media (max-width: 600px) {
  user-info-card .marketing-material-preview .card-wrap .info {
    text-align: center;
    padding-right: 0;
  }
}

user-info-card .marketing-material-preview .img-holder.headshot {
  text-align: right;
  margin-right: 0;
}

@media (max-width: 600px) {
  user-info-card .marketing-material-preview .img-holder.headshot {
    text-align: center;
    margin-right: auto;
  }
}

user-info-card .marketing-material-preview .img-holder.branding {
  margin-top: 20px;
  margin-right: 0;
}

@media (max-width: 600px) {
  user-info-card .marketing-material-preview .img-holder.branding {
    margin-right: auto;
  }
}

user-info-card .marketing-material-preview .img-holder.branding img {
  width: 120px;
}

user-info-card .marketing-material-preview .img-holder.headshot img {
  min-width: 100px;
  max-width: 100px;
}

user-info-card .marketing-material-preview .img-holder img {
  max-width: 100%;
}

@media (max-width: 600px) {
  user-info-card .marketing-material-preview .img-holder {
    text-align: center;
  }
}

user-info-card .marketing-material-preview.compact .img-holder.headshot {
  margin: 0 0 0 auto;
}

@media (max-width: 600px) {
  user-info-card .marketing-material-preview.compact .img-holder.headshot {
    margin: 0 auto;
  }
}

user-info-card .marketing-material-preview.compact .img-holder.branding {
  margin: 0;
}

user-info-card .horizontal-mobile-stacked .headshot {
  max-width: 60px;
  max-height: 60px;
  margin-left: 0;
  margin-right: 16px;
}

user-info-card .horizontal-mobile-stacked .headshot img {
  min-width: 60px;
  max-width: 60px;
  min-height: 60px;
  max-height: 60px;
}

@media (max-width: 600px) {
  user-info-card .horizontal-mobile-stacked .headshot {
    margin: 0;
  }
}

user-info-card .horizontal-mobile-stacked .agent-info {
  text-align: left;
}

@media (max-width: 600px) {
  user-info-card .horizontal-mobile-stacked .agent-info {
    text-align: center;
  }

  user-info-card .horizontal-mobile-stacked {
    flex-direction: column;
    align-items: center;
  }
}

user-info-card[template-type="shadow-stacked"] {
  background: #fff;
  border-radius: 6px;
  margin-top: 25px;
  display: block;
  box-shadow: 0 0 50px rgba(0, 0, 0, .15);
}

user-info-card[template-type="shadow-stacked"] .shadow-stacked {
  height: 100%;
  padding: 40px;
}

user-info-card[template-type="shadow-stacked"] .shadow-stacked h2, user-info-card[template-type="shadow-stacked"] .shadow-stacked .cba-banner banner .title, .cba-banner banner user-info-card[template-type="shadow-stacked"] .shadow-stacked .title, user-info-card[template-type="shadow-stacked"] .shadow-stacked abn-banner banner .title, abn-banner banner user-info-card[template-type="shadow-stacked"] .shadow-stacked .title, user-info-card[template-type="shadow-stacked"] .shadow-stacked h3 {
  margin: 0;
  padding: 0;
}

user-info-card[template-type="shadow-stacked"] .shadow-stacked .headshot-holder {
  margin-top: -40px;
  margin-bottom: 20px;
}

user-info-card[template-type="shadow-stacked"] .shadow-stacked .headshot-holder .img-bg {
  background: #fff;
  border-radius: 50%;
  margin-top: -50px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, .15);
}

user-info-card[template-type="shadow-stacked"] .shadow-stacked .headshot-holder img {
  width: 100px;
}

user-info-card[template-type="shadow-stacked"] .shadow-stacked .bar {
  background: #007780;
  width: 25px;
  height: 2px;
  margin: 14px auto;
}

user-info-card[template-type="shadow-stacked"] .shadow-stacked .pending {
  color: #fff;
  background: #b4bbbf;
  margin-top: 20px;
  padding: 7px 15px;
}

user-info-card[template-type="shadow-stacked"] .shadow-stacked .ctas {
  margin-top: 25px;
}

@media (max-width: 599px) {
  user-info-card[template-type="shadow-stacked"] {
    box-shadow: 0 0 15px rgba(0, 0, 0, .15);
  }
}

user-info-card[template-type="agentfarm"] {
  background: #fff;
  border-radius: 6px;
  display: block;
}

user-info-card[template-type="agentfarm"] .agentfarm {
  height: 100%;
}

user-info-card[template-type="agentfarm"] .agentfarm h2, user-info-card[template-type="agentfarm"] .agentfarm .cba-banner banner .title, .cba-banner banner user-info-card[template-type="agentfarm"] .agentfarm .title, user-info-card[template-type="agentfarm"] .agentfarm abn-banner banner .title, abn-banner banner user-info-card[template-type="agentfarm"] .agentfarm .title, user-info-card[template-type="agentfarm"] .agentfarm h3 {
  margin: 0;
  padding: 0;
}

user-info-card[template-type="agentfarm"] .agentfarm .headshot-holder {
  margin-bottom: 20px;
}

user-info-card[template-type="agentfarm"] .agentfarm .headshot-holder .img-bg {
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 2px 4px rgba(0, 0, 0, .15);
}

user-info-card[template-type="agentfarm"] .agentfarm .headshot-holder img {
  width: 100px;
}

user-info-card[template-type="agentfarm"] .agentfarm .bar {
  background: #007780;
  width: 25px;
  height: 2px;
  margin: 14px auto;
}

user-info-card[template-type="agentfarm"] .agentfarm .pending {
  color: #fff;
  background: #b4bbbf;
  margin-top: 20px;
  padding: 7px 15px;
}

user-info-card[template-type="agentfarm"] .agentfarm .ctas follow-agent-button {
  margin-top: 25px;
  display: inline-block;
}

activate-pals-confirm {
  max-width: 455px;
  margin: 0 auto;
  display: block;
}

activate-pals-confirm .title h1 {
  margin: .25em 0 .05em;
}

activate-pals-confirm .title h2, activate-pals-confirm .title .cba-banner banner .title, .cba-banner banner activate-pals-confirm .title .title, activate-pals-confirm .title abn-banner banner .title, abn-banner banner activate-pals-confirm .title .title {
  margin: 0 0 50px;
}

@media (max-width: 599px) {
  activate-pals-confirm .title h2, activate-pals-confirm .title .cba-banner banner .title, .cba-banner banner activate-pals-confirm .title .title, activate-pals-confirm .title abn-banner banner .title, abn-banner banner activate-pals-confirm .title .title {
    margin-bottom: 40px;
  }
}

activate-pals-confirm .body-content .divider {
  background-color: #ecf0f1;
  width: 140px;
  height: 1px;
  margin: 50px auto;
}

@media (max-width: 599px) {
  activate-pals-confirm .body-content .divider {
    margin: 40px auto;
  }
}

banner {
  color: #fff;
  background: #007780;
  padding: 24px;
  display: block;
}

banner[video-html] {
  padding: 15px 24px 15px 15px;
}

banner .embed-responsive-wrap {
  margin-right: 24px;
}

@media (min-width: 600px) {
  banner .embed-responsive-wrap {
    width: 215px;
  }
}

banner .btns {
  margin-top: 0;
  margin-left: 24px;
}

@media (max-width: 599px) {
  banner .btns {
    margin-top: 20px;
    margin-left: 0;
  }

  banner .secondary-btn-wrap {
    margin-top: 8px;
  }

  banner .secondary-btn-wrap .btn-sm, banner .secondary-btn-wrap .btn-group-sm > .btn {
    font-size: 14px;
  }
}

banner .icon-image-holder {
  margin-right: 24px;
}

@media (max-width: 599px) {
  banner .icon-image-holder {
    margin-right: 15px;
  }
}

banner .icon-holder {
  margin-right: 24px;
  font-size: 60px;
}

@media (max-width: 599px) {
  banner .icon-holder {
    margin-right: 15px;
    font-size: 36px;
  }
}

banner .coming-soon {
  color: #fff;
  background: #f2b21c;
  border-radius: 2px;
  margin-bottom: 5px;
  padding: 3px 5px 2px;
  font-size: 10px;
  display: inline-block;
}

@media (max-width: 599px) {
  banner .row-layout-buttons .btns {
    margin-top: 12px;
    margin-left: 0;
  }
}

banner .row-layout-buttons .secondary-btn-wrap {
  margin-left: 4px;
}

@media (max-width: 599px) {
  banner .row-layout-buttons .secondary-btn-wrap {
    margin-top: 0;
  }

  banner .row-layout-buttons .secondary-btn-wrap .btn-sm, banner .row-layout-buttons .secondary-btn-wrap .btn-group-sm > .btn {
    font-size: 12px;
  }
}

banner .title-badge {
  color: #fff;
  text-transform: uppercase;
  background-color: #f3b204;
  border-radius: 2px;
  margin-left: 2px;
  padding: 1px 5px;
  font-size: 10px;
  display: inline-block;
  position: relative;
  top: -2px;
}

banner.bigger-text .title {
  font-size: 28px;
}

@media (max-width: 599px) {
  banner.bigger-text .title {
    font-size: 24px;
  }
}

banner.bigger-text .body {
  font-size: 18px;
}

banner.white-bg {
  color: #1e2b35;
  background: #fff;
}

banner.sticky {
  z-index: 65;
  width: 100%;
  padding: 8px 24px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}

banner.sticky .icon-holder {
  margin-right: 18px;
  font-size: 24px;
}

@media (max-width: 599px) {
  banner.sticky .icon-holder {
    margin-right: 15px;
  }
}

banner.sticky .icon-holder.lr-stack {
  font-size: 16px;
}

banner.sticky .icon-holder i.lr-stack-1x {
  margin-left: 2px;
}

banner.sticky .title {
  font-size: 14px;
}

abn-banner {
  color: #fff;
  background: #007780;
  padding: 24px;
  display: block;
}

abn-banner banner {
  padding: 0;
}

abn-banner banner .title {
  margin: 0;
}

@media (max-width: 599px) {
  abn-banner banner .coming-soon {
    margin-bottom: 10px;
  }
}

abn-banner .body-text {
  font-weight: bold;
}

@media (max-width: 599px) {
  abn-banner .body-text {
    margin: 20px 0;
  }
}

abn-banner .btns {
  margin-left: 24px;
}

@media (max-width: 599px) {
  abn-banner .btns {
    max-width: 160px;
    margin: 0 auto;
  }
}

abn-banner .btns .btn:first-child {
  margin-bottom: 10px;
}

abn-banner .abn-counter {
  margin-top: 6px;
}

abn-banner .img-holder {
  max-width: 280px;
  margin: 0 auto 24px;
}

abn-banner .img-holder img {
  max-width: 280px;
}

@media (min-width: 600px) {
  abn-banner .img-holder img {
    max-width: 140px;
  }

  abn-banner .img-holder {
    max-width: 140px;
    margin: 0 24px 0 0;
  }
}

@media (max-width: 599px) {
  abn-banner {
    text-align: center;
  }
}

.cba-banner {
  color: #1e2b35;
  background: #d5dfe3;
  display: block;
}

@media (min-width: 599px) {
  .cba-banner {
    padding-right: 48px;
  }
}

.cba-banner banner {
  color: #1e2b35;
  background: #d5dfe3;
  padding: 0;
}

.cba-banner banner .title {
  max-width: 500px;
  margin-bottom: 15px;
}

.cba-banner banner .body {
  font-weight: bold;
}

.cba-banner banner .body a {
  color: #007780;
}

@media (max-width: 599px) {
  .cba-banner banner .coming-soon {
    margin-bottom: 10px;
  }
}

.cba-banner .body-text {
  font-weight: bold;
}

@media (max-width: 599px) {
  .cba-banner .body-text {
    margin: 20px 0;
  }
}

.cba-banner .btns {
  margin-left: 24px;
}

@media (max-width: 599px) {
  .cba-banner .btns {
    max-width: 160px;
    margin: 0 auto;
  }
}

.cba-banner .btn.btn-white-o {
  color: #007780;
  border-color: #007780;
  padding: 7px 25px;
  font-size: 14px;
}

.cba-banner .img-holder {
  max-width: 280px;
  margin: 0 auto 24px;
}

.cba-banner .img-holder img {
  max-width: 280px;
}

@media (min-width: 600px) {
  .cba-banner .img-holder img {
    max-width: 140px;
  }

  .cba-banner .img-holder {
    max-width: 140px;
    margin: 0 24px 0 0;
  }
}

@media (max-width: 599px) {
  .cba-banner .icon-image-holder {
    display: none;
  }

  .cba-banner .btns {
    margin-top: 20px;
  }

  .cba-banner .body div {
    width: 200px;
    margin: auto;
  }

  .cba-banner {
    text-align: center;
    padding: 30px 20px;
  }
}

ecommission-banner .ecommission-banner-wrap {
  background-color: #fff;
  position: relative;
}

ecommission-banner .promotion {
  color: #fff;
  letter-spacing: 1px;
  text-transform: uppercase;
  cursor: pointer;
  background: #007780;
  border-radius: 2px;
  padding: 5px;
  font-size: 10px;
  font-weight: bold;
  line-height: 10px;
  position: absolute;
  top: 0;
  right: 0;
}

ecommission-banner .logo-wrap {
  min-width: 130px;
  max-width: 130px;
  padding: 15px;
}

@media (max-width: 599px) {
  ecommission-banner .logo-wrap {
    max-width: 100%;
  }
}

ecommission-banner .logo {
  height: 80px;
}

ecommission-banner .banner-content-wrap {
  background-color: #fff;
}

@media (max-width: 599px) {
  ecommission-banner .banner-content-wrap {
    text-align: center;
  }
}

nhd-banner .icon-holder i {
  position: relative;
  top: 6px;
}

blacklist-resubscribe-banner {
  margin-bottom: 20px;
  display: block;
  position: relative;
}

blacklist-resubscribe-banner banner {
  background: #76888f;
}

blacklist-resubscribe-banner .close-visible banner {
  padding-right: 40px;
}

blacklist-resubscribe-banner .close-wrap {
  position: absolute;
  top: 12px;
  right: 12px;
}

shareables-banner {
  display: block;
}

shareables-banner banner {
  background-color: #1e2b35;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 10px;
}

@media (min-width: 960px) and (max-width: 1279px) {
  shareables-banner banner {
    padding-top: 6px;
    padding-bottom: 6px;
  }

  shareables-banner .image-wrapper {
    bottom: -6px;
  }
}

shareables-banner .shareable-image {
  width: 200px;
  height: 123px;
  margin-right: 24px;
}

@media (min-width: 960px) {
  shareables-banner .shareable-image {
    width: 265px;
    height: 164px;
  }
}

shareables-banner .shareable-image--top-left-star {
  top: 9px;
  left: 37px;
}

@media (min-width: 960px) {
  shareables-banner .shareable-image--top-left-star {
    top: 12px;
    left: 50px;
  }
}

shareables-banner .shareable-image--bottom-right-star {
  bottom: 6px;
  right: 19px;
}

@media (min-width: 960px) {
  shareables-banner .shareable-image--bottom-right-star {
    bottom: 12px;
    right: 22px;
  }
}

shareables-banner .title-wrapper {
  margin-bottom: 10px;
}

shareables-banner .title {
  padding-left: 12px;
  padding-right: 12px;
  font-size: 24px;
}

@media (min-width: 960px) {
  shareables-banner .title {
    padding-left: 0;
    padding-right: 0;
  }
}

@media (min-width: 1280px) {
  shareables-banner .title {
    font-size: 28px;
  }
}

shareables-banner .title--top-left-star {
  top: -8px;
  left: -18px;
}

shareables-banner .title--bottom-right-star {
  bottom: -8px;
  right: -18px;
}

@media (min-width: 600px) {
  shareables-banner .title--bottom-right-star {
    bottom: -8px;
    right: -18px;
  }
}

@media (min-width: 1280px) {
  shareables-banner .title--bottom-right-star {
    bottom: -8px;
    right: -18px;
  }
}

@media (max-width: 959px) {
  shareables-banner .main-wrapper {
    flex-direction: column-reverse;
    padding-top: 28px;
  }
}

shareables-banner .view-button-wrapper {
  margin-top: 18px;
  margin-bottom: 10px;
}

shareables-banner .body-wrapper {
  text-align: center;
}

@media (min-width: 960px) {
  shareables-banner .body-wrapper {
    text-align: left;
    margin-right: 10px;
  }
}

shareables-banner .main-text {
  max-width: 300px;
  margin-bottom: 4px;
  margin-left: auto;
  margin-right: auto;
  font-size: 14px;
}

shareables-banner .main-text a {
  font-size: 14px;
}

@media (min-width: 960px) {
  shareables-banner .main-text {
    max-width: none;
    font-size: 18px;
  }

  shareables-banner .main-text a {
    font-size: 18px;
  }
}

shareables-banner .btn.shareable-primary-btn {
  text-transform: capitalize;
  color: #1bbdc8;
  border-color: #1bbdc8;
  justify-content: center;
  align-items: center;
  padding: 8px 20px;
  display: flex;
}

@media (min-width: 960px) {
  shareables-banner .btn.shareable-primary-btn {
    padding: 15px 32px;
  }
}

shareables-banner .dismiss-button {
  color: #fff;
  font-size: 14px;
  line-height: 1;
  position: absolute;
  top: 10px;
  right: 10px;
}

activate-account-banner {
  display: block;
}

.listreports-gray, .listreports-grey {
  color: #76888f;
}

agent-nestme-banner .banner2 {
  background: #007780;
}

agent-nestme-banner .banner2 banner {
  min-width: 345px;
  max-width: 385px;
}

@media (max-width: 599px) {
  agent-nestme-banner .banner2 banner {
    padding-bottom: 14px;
  }
}

agent-nestme-banner .banner2 .link {
  padding: 24px;
}

@media (max-width: 599px) {
  agent-nestme-banner .banner2 .link .lr {
    margin: 0;
  }

  agent-nestme-banner .banner2 .link {
    padding-top: 0;
  }
}

follow-agents-banner, activate-account-banner {
  display: block;
}

.listreports-gray, .listreports-grey {
  color: #76888f;
}

inactive-listing-banner {
  display: block;
}

inactive-listing-banner banner {
  color: #76888f;
  background: #d5dfe3;
}

inactive-listing-banner .btn-link {
  position: relative;
  top: -1px;
}

.listreports-gray, .listreports-grey {
  color: #76888f;
}

processing-listing-banner {
  display: block;
}

processing-listing-banner banner {
  color: #76888f;
  background: #d5dfe3;
}

production-hours-banner {
  display: block;
  position: relative;
}

production-hours-banner banner {
  background-color: #76888f;
  margin-bottom: 20px;
}

production-hours-banner banner .lr-house-night {
  position: relative;
  top: -3px;
}

production-hours-banner .close-wrap {
  position: absolute;
  top: 12px;
  right: 10px;
}

@media (max-width: 599px) {
  production-hours-banner {
    margin-bottom: 15px;
  }
}

stale-report-banner, text-to-lead-code-banner {
  display: block;
}

.covid-19-update-banner {
  color: #fff;
  background-color: #f3b204;
  justify-content: space-between;
  align-items: center;
  padding: 24px;
  display: flex;
}

@media (min-width: 600px) {
  .covid-19-update-banner {
    padding: 24px 40px;
  }
}

.covid-19-update-banner .banner-title {
  width: 100%;
}

.covid-19-update-banner .crisis-text-box {
  max-width: 400px;
  margin-top: 16px;
}

@media (max-width: 599px) {
  .covid-19-update-banner .crisis-text-box {
    text-align: center;
    margin-top: 24px;
  }
}

.covid-19-update-banner .video {
  width: 100%;
  max-width: 285px;
  margin-left: 40px;
  position: relative;
}

@media (max-width: 599px) {
  .covid-19-update-banner .video {
    max-width: unset;
    margin-top: 24px;
    margin-left: 0;
  }
}

.covid-19-update-banner .video .video-thumbnail {
  cursor: pointer;
  width: 100%;
}

@media (max-width: 599px) {
  .covid-19-update-banner {
    flex-direction: column;
  }
}

.member-benefits-banner {
  border: 1px solid #d5dfe3;
  padding: 27px 16px;
  position: relative;
}

.member-benefits-banner .benefit-logo {
  width: 92px;
}

@media (min-width: 959px) {
  .member-benefits-banner .benefit-logo {
    margin-right: 20px;
  }
}

.member-benefits-banner .benefits-text {
  margin-top: 10px;
}

@media (min-width: 959px) {
  .member-benefits-banner .benefits-text {
    margin-top: 0;
  }
}

.member-benefits-banner .badge {
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 1px;
  cursor: pointer;
  background-color: #007780;
  width: 118px;
  height: 20px;
  font-size: 10px;
  font-weight: bold;
  position: absolute;
  top: 0;
  right: 0;
}

vrx-banner .vrx-banner-wrap {
  background-color: #fff;
  position: relative;
}

vrx-banner .promotion {
  color: #fff;
  letter-spacing: 1px;
  text-transform: uppercase;
  cursor: pointer;
  background: #007780;
  border-radius: 2px;
  padding: 5px;
  font-size: 10px;
  font-weight: bold;
  line-height: 10px;
  position: absolute;
  top: 0;
  right: 0;
}

vrx-banner .logo-wrap {
  min-width: 130px;
  max-width: 130px;
  padding: 15px;
}

@media (max-width: 599px) {
  vrx-banner .logo-wrap {
    max-width: 100%;
  }
}

vrx-banner .logo {
  height: 80px;
}

vrx-banner .banner-content-wrap {
  background-color: #fff;
}

@media (max-width: 599px) {
  vrx-banner .banner-content-wrap {
    text-align: center;
  }
}

abn-header {
  width: 100%;
  display: block;
  position: relative;
}

abn-header title-bar .subtitle {
  margin-top: -20px;
}

abn-header title-bar .subtitle .stat {
  border-right: 1px solid #d5dfe3;
  margin-right: 20px;
  padding-right: 20px;
}

abn-header title-bar .subtitle .stat:last-child {
  border-right: 0;
  padding-right: 0;
}

@media (max-width: 1279px) {
  abn-header title-bar .subtitle .stat {
    margin-right: 10px;
    padding-right: 10px;
    font-size: 16px;
  }
}

@media (max-width: 599px) {
  abn-header title-bar .subtitle {
    margin-top: -10px;
  }
}

active-buyer-network-address .title h2, active-buyer-network-address .title abn-banner banner .title, abn-banner banner active-buyer-network-address .title .title, active-buyer-network-address .title .cba-banner banner .title, .cba-banner banner active-buyer-network-address .title .title, active-buyer-network-address .stats h2, active-buyer-network-address .stats abn-banner banner .title, abn-banner banner active-buyer-network-address .stats .title, active-buyer-network-address .stats .cba-banner banner .title, .cba-banner banner active-buyer-network-address .stats .title {
  margin: 0;
}

active-buyer-network-address .stats .stat:first-child {
  border-right: 1px solid #1e2b35;
  margin-right: 30px;
  padding-right: 30px;
}

active-buyer-network-address .address-form-holder {
  background: #d5dfe3;
  padding: 40px;
}

@media (max-width: 599px) {
  active-buyer-network-address .address-form-holder {
    padding: 15px;
  }
}

active-buyer-network-address form {
  margin-top: 10px;
}

active-buyer-network-address form .unit {
  max-width: 120px;
}

active-buyer-network-address form .spacer {
  width: 10px;
}

@media (max-width: 599px) {
  active-buyer-network-address form .btn-holder {
    margin-top: -10px;
  }
}

active-buyer-network-address-stats {
  max-width: 1000px;
  display: block;
}

active-buyer-network-address-stats abn-header {
  margin-bottom: 20px;
}

active-buyer-network-address-stats .content > h2, active-buyer-network-address-stats abn-banner banner .content > .title, abn-banner banner active-buyer-network-address-stats .content > .title, active-buyer-network-address-stats .cba-banner banner .content > .title, .cba-banner banner active-buyer-network-address-stats .content > .title {
  max-width: 685px;
  margin: 20px auto;
}

active-buyer-network-address-stats form {
  max-width: 620px;
  margin: 40px auto 0;
  display: block;
}

active-buyer-network-address-stats form .address-wrap {
  margin-bottom: 10px;
}

active-buyer-network-address-stats .section-group {
  position: relative;
}

active-buyer-network-address-stats .secret-switch {
  position: absolute;
  top: 0;
  right: 10px;
}

active-buyer-network-address-stats .price-wrap .sub-label {
  margin-top: -8px;
  margin-bottom: 8px;
}

active-buyer-network-address-stats .price-wrap input {
  height: 65px;
  font-size: 28px;
}

@media (max-width: 599px) {
  active-buyer-network-address-stats .price-wrap {
    margin-bottom: 30px;
  }

  active-buyer-network-address-stats .multi-input-wrap > div {
    padding-top: 0;
    padding-right: 16px;
  }
}

active-buyer-network-buyers {
  max-width: 1000px;
  display: block;
}

@media (max-width: 599px) {
  active-buyer-network-buyers .contact-buyers-btn-holder {
    margin: -15px 15px 15px;
  }
}

active-buyer-network-buyers .price-input {
  height: 65px;
  font-size: 28px;
}

active-buyer-network-buyers .price-sliddr-holder {
  margin-bottom: 20px;
}

active-buyer-network-buyers .buyers-title {
  padding: 30px 40px 0;
}

active-buyer-network-buyers .buyers-title h2, active-buyer-network-buyers .buyers-title abn-banner banner .title, abn-banner banner active-buyer-network-buyers .buyers-title .title, active-buyer-network-buyers .buyers-title .cba-banner banner .title, .cba-banner banner active-buyer-network-buyers .buyers-title .title {
  margin-top: 0;
}

active-buyer-network-buyers .buyers-title .standard-font-size {
  font-size: 14px;
}

@media (max-width: 599px) {
  active-buyer-network-buyers .buyers-title .wiams {
    position: relative;
    top: 10px;
  }

  active-buyer-network-buyers .buyers-title {
    padding: 30px 24px 0;
  }
}

active-buyer-network-buyers .buyer-card-holder .title {
  margin-bottom: 5px;
}

active-buyer-network-buyers .buyer-card-holder .content {
  padding-left: 12px;
  padding-right: 12px;
}

active-buyer-network-buyers .spacer {
  width: 100%;
  margin: 0 12px;
  max-width: 302px !important;
}

@media (max-width: 599px) {
  active-buyer-network-buyers .spacer {
    display: none;
  }
}

active-buyer-network-buyers .buyer-card {
  border: 1px solid #d5dfe3;
  width: 100%;
  min-height: 470px;
  margin: 7px;
  position: relative;
  max-width: 302px !important;
}

active-buyer-network-buyers .buyer-card.disabled {
  opacity: .5;
}

active-buyer-network-buyers .buyer-card header {
  padding: 25px;
}

active-buyer-network-buyers .buyer-card header.price {
  padding: 15px;
}

active-buyer-network-buyers .buyer-card header .match-score {
  color: #fff;
  text-align: center;
  border-radius: 50%;
  width: 80px;
  height: 80px;
  margin-left: 10px;
}

active-buyer-network-buyers .buyer-card header .match-score.great {
  background-color: #8cb63f;
}

active-buyer-network-buyers .buyer-card header .match-score.good {
  background-color: #f2b21c;
}

active-buyer-network-buyers .buyer-card header .match-score.poor {
  background-color: #d51d4c;
}

active-buyer-network-buyers .buyer-card header .match-score.na {
  background-color: #b4bbbf;
}

active-buyer-network-buyers .buyer-card header .match-score > div {
  font-size: 10px;
  line-height: 10px;
}

active-buyer-network-buyers .buyer-card header .pre-approved {
  color: #525658;
}

active-buyer-network-buyers .buyer-card .body {
  padding: 25px 30px;
}

active-buyer-network-buyers .buyer-card .body ul {
  padding-left: 15px;
  list-style: outside;
}

@media (max-width: 599px) {
  active-buyer-network-buyers .buyer-card {
    width: auto;
    margin-top: 15px;
    margin-bottom: 15px;
    max-width: 100% !important;
  }

  active-buyer-network-buyers .buyer-card:last-child {
    margin-bottom: 0;
  }
}

active-buyer-network-buyers .no-results {
  border-top: 1px solid #d5dfe3;
  min-height: 400px;
  margin-top: 23px;
  padding: 35px;
}

active-buyer-network-buyers .no-results h3 {
  max-width: 575px;
  margin: 30px auto;
}

active-buyer-network-buyers .no-results .copy-holder {
  max-width: 507px;
  margin-right: 90px;
}

active-buyer-network-buyers .no-results .copy-holder h2, active-buyer-network-buyers .no-results .copy-holder abn-banner banner .title, abn-banner banner active-buyer-network-buyers .no-results .copy-holder .title, active-buyer-network-buyers .no-results .copy-holder .cba-banner banner .title, .cba-banner banner active-buyer-network-buyers .no-results .copy-holder .title {
  margin-top: 0;
}

@media (max-width: 599px) {
  active-buyer-network-buyers .no-results .copy-holder {
    max-width: 100%;
    margin-right: 0;
  }
}

active-buyer-network-buyers .no-results .num-los-holder {
  border: 3px solid #ecf0f1;
  width: 211px;
  padding: 33px;
}

active-buyer-network-buyers .no-results .num-los-holder h1 {
  margin: 0;
  font-size: 68px;
}

active-buyer-network-buyers .no-results .num-los-holder .blue-separator {
  background-color: #007780;
  width: 37px;
  height: 3px;
  margin: 20px auto;
}

@media (max-width: 599px) {
  active-buyer-network-buyers .no-results .num-los-holder {
    width: auto;
    margin-top: 35px;
  }

  active-buyer-network-buyers .no-results {
    padding: 24px;
  }
}

active-buyer-network-buyer-details {
  max-width: 1000px;
  display: block;
}

active-buyer-network-buyer-details .section-group {
  padding: 60px;
}

active-buyer-network-buyer-details .section-group header {
  padding: 0 0 40px;
}

@media (max-width: 599px) {
  active-buyer-network-buyer-details .section-group {
    padding: 25px;
  }

  active-buyer-network-buyer-details .section-group header {
    padding-bottom: 25px;
  }
}

active-buyer-network-buyer-details .preference-list {
  padding-left: 15px;
  list-style: outside;
}

active-buyer-network-buyer-details .buyer-name-stats-wrap {
  padding-left: 32px;
}

active-buyer-network-buyer-details .buyer-name-stats-wrap .buyer-name {
  margin: 8px 0;
}

active-buyer-network-buyer-details .buyer-name-stats-wrap .buyer-stat {
  border-right: 1px solid #d5dfe3;
  margin-right: 20px;
  padding-right: 20px;
}

active-buyer-network-buyer-details .buyer-name-stats-wrap .buyer-stat:last-child {
  border-right: 0;
  padding-right: 0;
}

@media (max-width: 599px) {
  active-buyer-network-buyer-details .buyer-name-stats-wrap {
    padding-left: 20px;
  }
}

active-buyer-network-buyer-details .locked-message {
  margin-top: 20px;
}

active-buyer-network-buyer-details .separator {
  border-bottom: 1px solid #ecf0f1;
  width: 100%;
  min-width: 100%;
  height: 0;
  margin: 36px 0;
}

active-buyer-network-buyer-details .spacer {
  width: 100%;
  margin: 0 7px;
  max-width: 312px !important;
}

@media (max-width: 599px) {
  active-buyer-network-buyer-details .spacer {
    display: none;
  }
}

match-score-circle {
  min-width: 80px;
}

match-score-circle .match-score-circle {
  color: #fff;
  text-align: center;
  background-color: #d5dfe3;
  border-radius: 50%;
  width: 80px;
  height: 80px;
}

match-score-circle .match-score-circle.great {
  background-color: #8cb63f;
}

match-score-circle .match-score-circle.good {
  background-color: #f2b21c;
}

match-score-circle .match-score-circle.poor {
  background-color: #d51d4c;
}

match-score-circle .match-score-circle .match-score-label {
  font-size: 10px;
  line-height: 1.1;
}

profile-block {
  min-width: 220px;
  min-height: 240px;
  margin-right: 72px;
}

@media (max-width: 599px) {
  profile-block {
    margin-bottom: 36px;
  }
}

profile-block:last-of-type {
  margin-bottom: 0;
  margin-right: 0;
}

profile-block .profile-block {
  min-width: 220px;
  margin-top: 20px;
}

profile-block .profile-block .headshot {
  height: 80px;
}

profile-block .profile-block .name {
  margin-top: 25px;
}

profile-block .profile-block.locked {
  background-color: #ecf0f1;
  height: 203px;
}

profile-block .title {
  text-transform: uppercase;
  color: #d5dfe3;
}

active-buyer-network-coc {
  max-width: 1000px;
  display: block;
}

active-buyer-network-coc .content {
  padding-top: 70px !important;
  padding-bottom: 70px !important;
}

active-buyer-network-coc .content h2, active-buyer-network-coc .content abn-banner banner .title, abn-banner banner active-buyer-network-coc .content .title, active-buyer-network-coc .content .cba-banner banner .title, .cba-banner banner active-buyer-network-coc .content .title {
  margin: 0;
}

active-buyer-network-coc .content > div {
  width: 533px;
  margin-top: 30px;
}

active-buyer-network-coc .content ul {
  padding-left: 44px;
  list-style: outside;
}

active-buyer-network-coc .content ul li {
  margin: 5px 0;
  padding-left: 14px;
}

@media (max-width: 599px) {
  active-buyer-network-coc .seal-holder {
    text-align: center;
    margin-bottom: 20px;
  }
}

active-buyer-network-property-profile {
  max-width: 1000px;
  display: block;
}

active-buyer-network-property-profile .header-holder {
  margin-top: 32px;
}

active-buyer-network-property-profile abn-header h1 {
  margin-top: 0;
}

@media (min-width: 960px) {
  active-buyer-network-property-profile .content {
    padding: 100px !important;
  }
}

active-buyer-network-property-profile .title-holder.pad-bottom {
  margin-bottom: 40px;
}

active-buyer-network-property-profile .title-holder h2, active-buyer-network-property-profile .title-holder abn-banner banner .title, abn-banner banner active-buyer-network-property-profile .title-holder .title, active-buyer-network-property-profile .title-holder .cba-banner banner .title, .cba-banner banner active-buyer-network-property-profile .title-holder .title {
  margin: 0 0 10px;
}

active-buyer-network-property-profile .dividing-line {
  background-color: #d5dfe3;
  height: 1px;
  margin: 40px 0;
}

active-buyer-network-property-profile .button-holder {
  margin-top: 40px;
}

active-buyer-network-property-profile fancy-checkbox {
  display: inline-block;
}

active-buyer-network-property-profile .btn .lr-plus {
  top: 1px;
}

active-buyer-network-property-profile .keywords-holder input.form-control, active-buyer-network-property-profile .keywords-holder login-phone-verification .code-input-wrap input, login-phone-verification .code-input-wrap active-buyer-network-property-profile .keywords-holder input, active-buyer-network-property-profile .keywords-holder .account-verification-code .code-input-wrap input, .account-verification-code .code-input-wrap active-buyer-network-property-profile .keywords-holder input {
  max-width: 370px;
}

active-buyer-network-property-profile .keywords-holder .pill-holder {
  margin-left: -10px;
  margin-right: -10px;
}

active-buyer-network-property-profile .keywords-holder .pill-wrap {
  padding: 10px;
}

active-buyer-network-property-profile .keywords-holder .pill-wrap .pill {
  background: #ecf0f1;
  border-radius: 25px;
  height: 40px;
  padding: 9px 15px;
}

active-buyer-network-property-profile .keywords-holder .pill-wrap .pill > div {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

active-buyer-network-property-confirmation {
  max-width: 1000px;
  display: block;
}

active-buyer-network-property-confirmation .header-holder {
  margin-top: 32px;
}

active-buyer-network-property-confirmation abn-header h1 {
  margin-top: 0;
}

@media (min-width: 960px) {
  active-buyer-network-property-confirmation .content {
    padding: 60px !important;
  }
}

active-buyer-network-property-confirmation .title {
  margin: 0 0 10px;
}

active-buyer-network-property-confirmation .subtitle {
  max-width: 530px;
  margin: 0 auto;
  display: inline-block;
}

active-buyer-network-property-confirmation .gif-holder img {
  width: 100%;
  max-width: 270px;
}

active-buyer-network-property-confirmation .button-holder {
  margin-top: 20px;
  margin-bottom: 0;
}

@media (max-width: 599px) {
  active-buyer-network-property-confirmation .button-holder .btn {
    width: 100%;
    display: block;
  }
}

active-buyer-network-view-listing-buyers {
  max-width: 1000px;
  display: block;
}

active-buyer-network-view-listing-buyers .title-button-holder {
  margin-top: 32px;
}

@media (max-width: 599px) {
  active-buyer-network-view-listing-buyers .header-btn-holder {
    margin: -15px 15px 15px;
  }
}

active-buyer-network-view-listing-buyers .buyer-stats {
  margin-bottom: 0;
}

active-buyer-network-view-listing-buyers .buyer-card-holder .title {
  margin-bottom: 5px;
}

active-buyer-network-view-listing-buyers .buyer-card-holder .content {
  padding: 7px;
}

active-buyer-network-view-listing-buyers .buyer-card-holder .no-buyers {
  padding: 20px 35px;
}

active-buyer-network-view-listing-buyers .buyer-card {
  border: 1px solid #d5dfe3;
  width: 100%;
  min-height: 470px;
  margin: 7px;
  position: relative;
  max-width: 312px !important;
}

active-buyer-network-view-listing-buyers .buyer-card.disabled {
  opacity: .5;
}

active-buyer-network-view-listing-buyers .buyer-card header {
  padding: 25px;
}

active-buyer-network-view-listing-buyers .buyer-card header .status {
  background: #ecf0f1;
  margin: -25px -25px 25px;
  padding: 20px;
}

active-buyer-network-view-listing-buyers .buyer-card header .status.interested {
  color: #fff;
  background: #8cb63f;
}

active-buyer-network-view-listing-buyers .buyer-card header .pre-approved {
  color: #525658;
}

active-buyer-network-view-listing-buyers .buyer-card header .buyer-info > * {
  margin-bottom: 5px;
  display: block;
}

active-buyer-network-view-listing-buyers .buyer-card header .buyer-info > :last-child {
  margin-bottom: 0;
}

active-buyer-network-view-listing-buyers .buyer-card .body {
  padding: 25px 40px;
}

active-buyer-network-view-listing-buyers .buyer-card .body ul {
  padding-left: 15px;
  list-style: outside;
}

@media (max-width: 599px) {
  active-buyer-network-view-listing-buyers .buyer-card {
    width: auto;
    margin-top: 15px;
    margin-bottom: 15px;
    max-width: 100% !important;
  }

  active-buyer-network-view-listing-buyers .buyer-card:last-child {
    margin-bottom: 0;
  }
}

active-buyer-network-view-listing-buyers .spacer {
  width: 100%;
  margin: 0 7px;
  max-width: 312px !important;
}

@media (max-width: 599px) {
  active-buyer-network-view-listing-buyers .spacer {
    display: none;
  }
}

active-buyer-network-dashboard {
  max-width: 1010px;
  display: block;
}

active-buyer-network-dashboard active-buyer-network-address {
  margin-bottom: 20px;
  display: block;
}

active-buyer-network-dashboard .property-image-holder {
  background-color: rgba(0, 0, 0, 0);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 132px;
  height: 87px;
  display: block;
}

@media (max-width: 599px) {
  active-buyer-network-dashboard .property-image-holder {
    width: 113px;
    height: 75px;
  }
}

active-buyer-network-dashboard .mobile-table-wrap {
  margin: -1px;
}

active-buyer-network-dashboard .load-more-holder {
  border-top: 1px solid #d5dfe3;
}

active-buyer-network-dashboard .watch-video {
  padding-left: 5px;
  position: relative;
  top: 4px;
}

@media (max-width: 599px) {
  active-buyer-network-dashboard .watch-video {
    margin-top: -45px;
    margin-bottom: 30px;
    margin-left: 10px;
  }
}

.slider-holder {
  margin: 0;
}

.slider {
  background: #d5dfe3;
  border-radius: 20px;
  margin: 20px 50px;
  padding: 4px 0;
  display: block;
  position: relative;
}

.slider .percent {
  background: #3cbeb2;
  border-radius: 20px;
  width: 100%;
  display: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.slider .handle {
  cursor: pointer;
  background: #fff;
  border: 3px solid #d5dfe3;
  border-radius: 50%;
  width: 35px;
  height: 35px;
  margin-top: -17px;
  margin-left: -17px;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
}

@media (max-width: 599px) {
  .slider .handle {
    width: 25px;
    height: 25px;
    margin-top: -13px;
    margin-left: -13px;
  }
}

.slider .tick {
  background-color: #007780;
  width: 1px;
  height: 24px;
  margin-top: -3px;
  position: absolute;
  top: -50%;
  left: 50%;
}

@media (max-width: 599px) {
  .slider {
    padding: 5px 0;
  }
}

edit-agent {
  max-width: 1024px;
  display: block;
}

edit-agent form {
  max-width: 700px;
  margin: 0 auto;
  display: block;
}

edit-agent .face-wrap {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 50%;
  width: 100px;
  height: 100px;
  margin: 0 10px;
  box-shadow: 0 0 2px rgba(0, 0, 0, .8);
}

edit-agent .headshot {
  margin-right: 10px;
}

edit-agent .headshot-select {
  margin-left: 10px;
}

edit-agent .headshot-select .btn {
  width: 150px;
}

photo-picker {
  display: block;
}

photo-picker .photo-selection-zone {
  background-color: #f9fafb;
  border: 2px dashed #c9c9c9;
}

photo-picker .photo-selection-zone.dragover {
  border: 2px dashed #696969;
}

photo-picker .photo-selection-zone > div {
  margin: 12px;
}

photo-picker .photo-selection-zone .thumbnail-wrap {
  min-width: 100px;
  max-width: 108px;
  position: relative;
}

photo-picker .photo-selection-zone .thumbnail-wrap .remove-text-btn {
  color: #d51d4c;
  font-size: 14px;
}

photo-picker .photo-selection-zone .thumbnail {
  background-color: rgba(0, 0, 0, 0);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100px;
  height: 75px;
  margin-right: 0;
  position: relative;
}

photo-picker .photo-selection-zone .thumbnail.no-image {
  background-color: #bababa;
  display: inline-block !important;
}

photo-picker .photo-selection-zone .thumbnail .remove-image-btn {
  text-align: center;
  color: #fff;
  cursor: pointer;
  -o-transition: all, .2s, cubic-bezier(.15, .25, .53, .96);
  background-color: #696969;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  font-size: 24px;
  line-height: 20px;
  transition: all;
  position: absolute;
  top: -4px;
  right: -8px;
  box-shadow: 0 0 3px rgba(0, 0, 0, .4);
}

photo-picker .photo-selection-zone .thumbnail .remove-image-btn:hover {
  color: #fff;
  background-color: #d51d4c;
}

@media (max-width: 600px) {
  photo-picker .photo-selection-zone .main-content {
    margin-left: 12px;
  }
}

photo-picker .photo-selection-zone .main-content .btn {
  width: 90%;
  margin-top: 6px;
}

photo-picker .photo-selection-zone .main-content .title .lr {
  color: #1e2b35;
}

photo-picker .photo-selection-zone .main-content .title {
  line-height: 18px;
}

photo-picker .photo-selection-zone .main-content .tip-icon {
  font-size: 14px;
}

photo-picker .photo-selection-zone .main-content {
  margin-left: 4px;
}

photo-picker .photo-selection-zone .cta {
  max-width: 150px;
  margin-left: 0;
}

photo-picker .photo-selection-zone .cta .btn {
  width: 82px;
  min-width: 82px;
  height: 42px;
}

photo-picker .photo-selection-zone .cta .caption {
  margin-top: 6px;
}

photo-picker .photo-selection-zone .error-box-wrap {
  margin-top: 10px;
}

photo-picker .border-error {
  border-color: #d51d4c;
}

.autocomplete-search .formsearch {
  margin-bottom: -9px;
}

.autocomplete-search .formsearch .btn {
  height: 40px;
}

corporate-approval-rejection {
  display: block;
}

corporate-approval-rejection > div {
  max-width: 640px;
  margin: 0 auto;
}

.select-lender-modal .title {
  text-transform: uppercase;
}

@media (max-width: 600px) {
  .select-lender-modal .title {
    font-size: 28px;
  }
}

@media (max-width: 320px) {
  .select-lender-modal .title {
    margin-bottom: 0;
    font-size: 22px;
  }
}

.select-lender-modal h2, .select-lender-modal abn-banner banner .title, abn-banner banner .select-lender-modal .title, .select-lender-modal .cba-banner banner .title, .cba-banner banner .select-lender-modal .title {
  color: #007780;
  margin: 0 10px 10px;
  font-weight: bold;
}

.select-lender-modal button {
  text-transform: uppercase;
  min-width: 100px;
  margin-top: 0;
}

.select-lender-modal.lg h2, .select-lender-modal.lg abn-banner banner .title, abn-banner banner .select-lender-modal.lg .title, .select-lender-modal.lg .cba-banner banner .title, .cba-banner banner .select-lender-modal.lg .title {
  font-size: em(34);
}

.select-lender-modal .lender-search {
  margin: 20px 30px;
  position: relative;
}

.select-lender-modal .lender-search .search {
  margin-top: 15px;
  padding: 0;
  position: relative;
}

.select-lender-modal .lender-search button {
  text-transform: uppercase;
  margin-top: 0;
}

.select-lender-modal .lender-search .icon {
  color: #ddd;
  margin-top: -10px;
  position: absolute;
  top: 50%;
  right: 10px;
}

.select-lender-modal .lender-search .search-result {
  color: #1e2b35;
  background: #fff;
  border: 1px solid #ddd;
  margin-top: -1px;
  padding: 10px 20px;
}

@media (max-width: 600px) {
  .select-lender-modal .lender-search .search-result .info {
    max-width: 60%;
  }
}

.select-lender-modal .lender-search .search-result .text {
  padding-right: 20px;
}

.select-lender-modal .lender-search .search-result img {
  max-width: 60px;
  margin-right: 20px;
}

.select-lender-modal .lender-search .search-result.invite {
  background: #ddd;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.select-lender-modal .lender-search .search-result:focus {
  outline: 0;
}

@media (max-width: 600px) {
  .select-lender-modal .lender-search {
    margin-left: 0;
    margin-right: 0;
  }
}

.select-lender-modal .selected-vendor {
  color: #1e2b35;
}

.select-lender-modal .selected-vendor img {
  max-width: 120px;
  margin-right: 30px;
}

.select-lender-modal .selected-vendor .info {
  text-transform: uppercase;
}

.select-lender-modal .selected-vendor > div {
  margin-top: 30px;
  margin-bottom: 30px;
}

.select-lender-modal .selected-vendor label {
  color: #1e2b35;
}

vendor-search {
  display: block;
}

vendor-admin-for-dropdown {
  padding: 15px 15px 0;
  display: block;
}

vendor-admin-for-dropdown label {
  color: #fff;
  font-size: 10px;
  font-weight: normal;
}

.cancellation-wrapper header {
  margin-bottom: 20px;
}

.cancellation-wrapper .box {
  max-width: 900px;
  padding: 0;
}

@media (max-width: 599px) {
  .cancellation-wrapper .text-center-xs {
    text-align: center;
  }
}

cancellation-shell .side {
  color: #fff;
  background: #1e2b35;
  width: 270px;
  padding: 45px;
}

cancellation-shell .side .headshot {
  margin-bottom: 25px;
}

cancellation-shell .side .headshot > img {
  max-width: 80px;
}

@media (max-width: 959px) {
  cancellation-shell .side .headshot > img {
    max-width: 80px;
  }

  cancellation-shell .side .headshot {
    margin-bottom: 0;
    margin-right: 20px;
  }

  cancellation-shell .side {
    width: 100%;
    padding: 25px;
  }
}

cancellation-shell .main-content {
  padding: 70px 50px;
}

@media (max-width: 599px) {
  cancellation-shell .main-content {
    padding: 50px 16px;
  }
}

cancellation-select-reason input[type="radio"] {
  margin-right: 10px;
  display: inline-block;
}

cancellation-select-reason input[type="checkbox"] {
  margin-right: 10px;
  display: inline-block;
}

cancellation-select-reason label {
  margin-bottom: 0;
}

@media (max-width: 599px) {
  cancellation-agent-stats h3 {
    text-align: center;
    max-width: 240px;
    margin: 0 auto;
  }
}

cancellation-agent-stats .stats {
  border: 1px solid #d5dfe3;
}

cancellation-agent-stats .stats .stat-box {
  border-right: 1px solid #d5dfe3;
  padding: 15px;
}

cancellation-agent-stats .stats .stat-box:last-child {
  border-bottom: 0;
  border-right: 0;
}

cancellation-agent-stats .stats .stat-box h2, cancellation-agent-stats .stats .stat-box abn-banner banner .title, abn-banner banner cancellation-agent-stats .stats .stat-box .title, cancellation-agent-stats .stats .stat-box .cba-banner banner .title, .cba-banner banner cancellation-agent-stats .stats .stat-box .title {
  margin: 0;
}

cancellation-agent-stats .stats .stat-box header {
  margin: 0 0 10px;
}

@media (max-width: 599px) {
  cancellation-agent-stats .stats .stat-box header {
    text-align: left;
  }
}

cancellation-agent-stats .stats .stat-box .headshots-holder {
  padding-top: 5px;
}

@media (max-width: 599px) {
  cancellation-agent-stats .stats .stat-box {
    border-bottom: 1px solid #d5dfe3;
    border-right: 0;
  }
}

cancellation-agent-stats .stats .headshot-lineup {
  margin-left: 0;
}

cancellation-agent-stats .stats .headshot-lineup .headshot-wrap {
  width: 25px;
}

cancellation-agent-stats .stats .headshot-lineup .headshot {
  width: 30px;
  height: 30px;
  padding: 6px 0;
  font-size: 15px;
}

cancellation-agent-stats .stats .headshot-lineup .additional-count-wrap {
  color: #007780;
  margin-left: 10px;
  font-size: 15px;
  position: relative;
  top: -7px;
}

cancellation-leaving-the-industry .invite-your-coworkers .select-individuals-wrap {
  margin-top: 0;
  margin-bottom: 20px;
  border-width: 2px !important;
}

cancellation-what-happens-next ul li {
  margin-bottom: 30px;
  display: block;
}

cancellation-what-happens-next ul li .icon-holder {
  width: 40px;
}

@media (max-width: 599px) {
  cancellation-what-happens-next .ctas .btn {
    display: block;
  }
}

cancellation-final-step .form-group {
  margin-right: 20px;
}

cancellation-final-step .form-group .form-control, cancellation-final-step .form-group login-phone-verification .code-input-wrap input, login-phone-verification .code-input-wrap cancellation-final-step .form-group input, cancellation-final-step .form-group .account-verification-code .code-input-wrap input, .account-verification-code .code-input-wrap cancellation-final-step .form-group input {
  width: 20px;
  height: 20px;
}

cancellation-final-step .form-group .label-copy {
  max-width: 270px;
}

@media (max-width: 599px) {
  cancellation-final-step .opt-wrapper .btn.btn-link {
    margin-top: -10px;
    margin-bottom: 25px;
    margin-left: 30px;
    display: inline-block;
  }

  cancellation-final-step .ctas .btn {
    width: 100%;
  }
}

success-landing-page .divider {
  background-color: #d5dfe3;
  width: 40px;
  height: 3px;
  margin: 0 auto;
}

settings {
  max-width: 1040px;
  display: block;
}

settings-automation {
  padding: 75px 100px;
  display: block;
}

settings-automation .group {
  max-width: 500px;
  margin: 0 auto;
}

settings-automation .group header {
  margin-left: -60px;
}

@media (max-width: 600px) {
  settings-automation .group header {
    margin-bottom: 10px;
    margin-left: 0;
  }
}

settings-automation .group h2, settings-automation .group abn-banner banner .title, abn-banner banner settings-automation .group .title, settings-automation .group .cba-banner banner .title, .cba-banner banner settings-automation .group .title {
  margin-top: 0;
}

settings-automation .group h4 {
  color: #1e2b35;
  margin: 0;
}

@media (max-width: 600px) {
  settings-automation .group h4 {
    font-size: 16px;
  }
}

settings-automation .autopilot-wrap {
  margin-bottom: 48px;
  padding-left: 40px;
}

@media (max-width: 960px) {
  settings-automation .autopilot-wrap {
    border: none;
    border-top: 1px solid #d5dfe3;
    padding: 14px 0 0;
  }
}

settings-automation .autopilot-wrap h2, settings-automation .autopilot-wrap abn-banner banner .title, abn-banner banner settings-automation .autopilot-wrap .title, settings-automation .autopilot-wrap .cba-banner banner .title, .cba-banner banner settings-automation .autopilot-wrap .title {
  border-bottom: 1px solid #d5dfe3;
  padding-bottom: 15px;
}

settings-automation .autopilot-wrap h2 md-switch, settings-automation .autopilot-wrap abn-banner banner .title md-switch, abn-banner banner settings-automation .autopilot-wrap .title md-switch, settings-automation .autopilot-wrap .cba-banner banner .title md-switch, .cba-banner banner settings-automation .autopilot-wrap .title md-switch {
  margin: 0;
}

@media (max-width: 960px) {
  settings-automation .autopilot-wrap h2, settings-automation .autopilot-wrap abn-banner banner .title, abn-banner banner settings-automation .autopilot-wrap .title, settings-automation .autopilot-wrap .cba-banner banner .title, .cba-banner banner settings-automation .autopilot-wrap .title {
    margin-top: 20px;
  }
}

settings-automation .autopilot-wrap .heading-icon-wrap {
  margin-left: 2px;
  position: relative;
  top: -3px;
}

settings-automation .autopilot-wrap.paywall .disable-if-paywall {
  opacity: .4;
}

settings-automation .autopilot-wrap .upgrade-wrap h3 {
  margin: 24px 0 18px;
}

@media (max-width: 599px) {
  settings-automation {
    padding: 15px;
  }
}

settings-listreports-settings {
  padding: 75px 100px;
  display: block;
}

settings-listreports-settings .group {
  max-width: 500px;
  margin: 0 auto;
}

settings-listreports-settings .group header {
  margin-left: -60px;
}

@media (max-width: 600px) {
  settings-listreports-settings .group header {
    margin-bottom: 10px;
    margin-left: 0;
  }
}

settings-listreports-settings .group h2, settings-listreports-settings .group abn-banner banner .title, abn-banner banner settings-listreports-settings .group .title, settings-listreports-settings .group .cba-banner banner .title, .cba-banner banner settings-listreports-settings .group .title {
  margin-top: 0;
}

settings-listreports-settings .group h4 {
  color: #1e2b35;
  margin: 0;
}

@media (max-width: 600px) {
  settings-listreports-settings .group h4 {
    font-size: 16px;
  }
}

settings-listreports-settings .group-item {
  padding-left: 40px;
}

@media (max-width: 960px) {
  settings-listreports-settings .group-item {
    border: none;
    padding: 14px 0 0;
  }
}

settings-listreports-settings .group-item h2, settings-listreports-settings .group-item abn-banner banner .title, abn-banner banner settings-listreports-settings .group-item .title, settings-listreports-settings .group-item .cba-banner banner .title, .cba-banner banner settings-listreports-settings .group-item .title {
  border-bottom: 1px solid #d5dfe3;
  padding-bottom: 15px;
}

settings-listreports-settings .group-item h2.no-line, settings-listreports-settings .group-item abn-banner banner .no-line.title, abn-banner banner settings-listreports-settings .group-item .no-line.title, settings-listreports-settings .group-item .cba-banner banner .no-line.title, .cba-banner banner settings-listreports-settings .group-item .no-line.title {
  border-bottom: 0;
  padding-bottom: 0;
}

@media (max-width: 959px) {
  settings-listreports-settings .group-item h2, settings-listreports-settings .group-item abn-banner banner .title, abn-banner banner settings-listreports-settings .group-item .title, settings-listreports-settings .group-item .cba-banner banner .title, .cba-banner banner settings-listreports-settings .group-item .title {
    margin-top: 20px;
  }
}

settings-listreports-settings .group-item .heading-icon-wrap {
  margin-left: 2px;
  position: relative;
  top: -3px;
}

settings-listreports-settings a.learn-more {
  margin-left: 5px;
  font-size: 14px;
}

@media (max-width: 599px) {
  settings-listreports-settings a.learn-more {
    margin-left: 0;
  }

  settings-listreports-settings {
    padding: 15px;
  }
}

settings-my-market ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

settings-my-market li {
  color: #1e2b35;
  border-top: 1px solid #ecf0f1;
  border-bottom: 1px solid #ecf0f1;
  margin-bottom: -1px;
  padding: 10px 0;
}

settings-my-market .caption {
  margin: 14px 0 12px;
}

settings-my-market .marketing-areas-form-wrap .subtitle {
  margin-bottom: 5px;
}

@media (max-width: 599px) {
  settings-my-market .marketing-areas-form-wrap .subtitle {
    margin-bottom: 15px;
  }
}

settings-my-market .marketing-areas-form-wrap .form-group {
  max-width: 320px;
}

settings-my-market .marketing-areas-form-wrap .areas-search {
  min-width: 100%;
  max-width: 256px;
  position: relative;
}

settings-my-market .marketing-areas-form-wrap .areas-search input {
  width: 100%;
}

settings-my-market .marketing-areas-form-wrap .areas-search .icon {
  color: #ddd;
  font-size: 16px;
  position: absolute;
  top: 10px;
  right: 10px;
}

settings-my-market .marketing-areas-form-wrap .areas-search .search-result {
  color: #1e2b35;
  background: #fff;
  border: 1px solid #ddd;
  margin-top: -1px;
  padding: 10px 20px;
}

@media (max-width: 600px) {
  settings-my-market .marketing-areas-form-wrap .areas-search .search-result .info {
    max-width: 60%;
  }
}

settings-my-market .marketing-areas-form-wrap .areas-search .search-result img {
  max-width: 60px;
  margin-right: 20px;
}

settings-my-market .marketing-areas-form-wrap .areas-search .search-result.invite {
  background: #ddd;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

settings-my-market .marketing-areas-form-wrap .areas-search .search-result:focus {
  outline: 0;
}

settings-my-market .marketing-areas-form-wrap .areas-search .error-box {
  margin-top: 20px;
}

@media (max-width: 600px) {
  settings-my-market .marketing-areas-form-wrap .areas-search {
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}

settings-my-market .marketing-areas-form-wrap .my-current-market {
  margin-top: 24px;
}

settings-my-market .why-do-this-wrap .caption {
  margin: 8px 0 32px;
}

settings-my-market .lr-exclamation-triangle {
  top: 1px !important;
}

settings-notifications {
  padding: 32px 16px 16px;
  display: block;
}

@media screen and (min-width: 600px) {
  settings-notifications {
    padding: 42px;
  }
}

settings-notifications h2, settings-notifications abn-banner banner .title, abn-banner banner settings-notifications .title, settings-notifications .cba-banner banner .title, .cba-banner banner settings-notifications .title {
  margin-top: 0;
  margin-bottom: 0;
}

settings-notifications .aliases ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

settings-notifications .aliases li {
  color: #1e2b35;
  border-top: 1px solid #ecf0f1;
  border-bottom: 1px solid #ecf0f1;
  margin-bottom: -1px;
  padding: 10px 0;
}

settings-notifications .aliases .caption {
  margin: 14px 0 12px;
}

settings-notifications .notify-column {
  border-bottom-width: 1px;
  padding-bottom: 24px;
}

@media (min-width: 600px) {
  settings-notifications .notify-column {
    border-bottom-width: 0;
    border-right-width: 1px;
    padding-bottom: 0;
    padding-right: 42px;
  }
}

settings-notifications .aliases-column {
  padding-top: 24px;
}

settings-notifications .aliases-column h2, settings-notifications .aliases-column abn-banner banner .title, abn-banner banner settings-notifications .aliases-column .title, settings-notifications .aliases-column .cba-banner banner .title, .cba-banner banner settings-notifications .aliases-column .title {
  margin-top: 0;
}

@media (min-width: 600px) {
  settings-notifications .aliases-column {
    padding-top: 0;
    padding-left: 36px;
  }
}

settings-notifications .notifify-me-about h2, settings-notifications .notifify-me-about abn-banner banner .title, abn-banner banner settings-notifications .notifify-me-about .title, settings-notifications .notifify-me-about .cba-banner banner .title, .cba-banner banner settings-notifications .notifify-me-about .title {
  margin-bottom: 0;
}

settings-notifications .notifify-me-about .notification-options > div {
  border-bottom: 1px solid #ecf0f1;
  padding: 10px 0;
}

@media (max-width: 599px) {
  settings-notifications .notifify-me-about .notification-options > div {
    margin-left: -25px;
    margin-right: -25px;
    padding: 15px 25px;
  }
}

settings-notifications .notifify-me-about .notification-options .final-notification-options {
  border-bottom: none;
}

@media (min-width: 600px) {
  settings-notifications .notifify-me-about .notification-options .cbox {
    text-align: center;
    width: 45px;
  }
}

@media (max-width: 599px) {
  settings-notifications .notifify-me-about .notification-options .cbox {
    margin-top: 10px;
    margin-right: 10px;
  }
}

@media (min-width: 600px) {
  settings-notifications .notifify-me-about .notification-options .cbox .fancy-checkbox {
    margin-right: 0;
  }
}

settings-notifications .marketing-zip-form .subtitle {
  margin-bottom: 5px;
}

@media (max-width: 599px) {
  settings-notifications .marketing-zip-form .subtitle {
    margin-bottom: 15px;
  }
}

settings-notifications .marketing-zip-form .form-group {
  max-width: 320px;
}

settings-notifications .lr-exclamation-triangle {
  top: 1px !important;
}

.notify-settings h2, .notify-settings abn-banner banner .title, abn-banner banner .notify-settings .title, .notify-settings .cba-banner banner .title, .cba-banner banner .notify-settings .title {
  margin: 0;
}

.notify-settings .alert-settings {
  margin-top: 16px;
}

@media (min-width: 600px) {
  .notify-settings .alert-settings {
    margin-top: 21px;
  }
}

.notify-settings .alert-setting-container {
  border-bottom-width: 1px;
  margin-top: 24px;
  padding-bottom: 24px;
}

.notify-settings .alert-setting-container .setting-column {
  text-align: center;
  width: 50px;
  font-weight: bold;
}

.notify-settings .setting-wrapper, .notify-settings .subscription-container {
  margin-top: 24px;
}

.notify-settings .subscription-container .subscription-manage {
  margin-top: 32px;
}

.notify-settings .external-unsubscribe-container .checkbox-container {
  margin-bottom: 32px;
}

.notify-settings .external-unsubscribe-container {
  max-width: 480px;
  margin: auto;
  padding: 16px 0;
}

alert-setting .title {
  margin: 0;
  font-weight: bold;
}

alert-setting .description {
  margin: 0;
}

alert-setting .checkbox-container {
  margin-top: 16px;
}

@media (min-width: 960px) {
  alert-setting .checkbox-container {
    margin-top: 0;
  }
}

alert-setting .checkbox-container .left-checkbox-container {
  margin-right: 16px;
}

@media (min-width: 960px) {
  alert-setting .checkbox-container .left-checkbox-container {
    width: 50px;
    margin-right: 0;
  }

  alert-setting .checkbox-container .right-checkbox-container {
    width: 50px;
  }
}

alert-setting .checkbox-container .checkbox-label {
  margin-right: 4px;
}

@media (min-width: 960px) {
  alert-setting .checkbox-container .checkbox-label, alert-setting .checkbox-container .fancy-checkbox-v2 {
    margin-right: 0;
  }
}

frequency-alert-setting .title {
  margin: 0;
  font-weight: bold;
}

frequency-alert-setting .description {
  margin: 0;
}

frequency-alert-setting .checkbox-container {
  margin-top: 16px;
}

@media (min-width: 960px) {
  frequency-alert-setting .checkbox-container {
    margin-top: 0;
  }
}

frequency-alert-setting .checkbox-container .left-checkbox-container {
  margin-right: 16px;
}

@media (min-width: 960px) {
  frequency-alert-setting .checkbox-container .left-checkbox-container {
    width: 50px;
    margin-right: 0;
  }

  frequency-alert-setting .checkbox-container .right-checkbox-container {
    width: 50px;
  }
}

frequency-alert-setting .checkbox-container .checkbox-label {
  margin-right: 4px;
}

@media (min-width: 960px) {
  frequency-alert-setting .checkbox-container .checkbox-label, frequency-alert-setting .checkbox-container .fancy-checkbox-v2 {
    margin-right: 0;
  }
}

frequency-alert-setting .frequency-options {
  margin-top: 24px;
}

frequency-alert-setting .frequency-options md-radio-group.md-default-theme.md-focused:not(:empty) .md-checked .md-container:before, frequency-alert-setting .frequency-options md-radio-group.md-focused:not(:empty) .md-checked .md-container:before {
  background-color: #fff;
}

frequency-alert-setting .frequency-options md-radio-group {
  justify-content: space-between;
  display: flex;
}

frequency-alert-setting .frequency-options md-radio-group md-radio-button {
  margin-bottom: 0;
}

frequency-alert-setting .frequency-options md-radio-group md-radio-button .md-ink-ripple, frequency-alert-setting .frequency-options md-radio-group md-radio-button .md-ripple-container {
  color: #fff;
}

frequency-alert-setting .frequency-options md-radio-group md-radio-button .md-on {
  background-color: #696969;
}

frequency-alert-setting .frequency-options md-radio-group md-radio-button .md-off {
  border-width: 1px;
  border-color: #696969;
}

transactions-dashboard {
  max-width: 1040px;
  display: block;
}

transactions-dashboard .content {
  margin-top: 50px;
  margin-bottom: 50px;
}

@media (max-width: 599px) {
  transactions-dashboard .content {
    margin-top: 10px;
    margin-bottom: 10px;
  }
}

transactions-dashboard .ipnsd .img-holder {
  max-width: 275px;
}

@media (max-width: 599px) {
  transactions-dashboard .ipnsd .img-holder {
    max-width: 220px;
    margin: 0 auto;
  }
}

transactions-dashboard .ipnsd .content .text {
  max-width: 450px;
}

transactions-dashboard .ipnsd .content .text h2, transactions-dashboard .ipnsd .content .text abn-banner banner .title, abn-banner banner transactions-dashboard .ipnsd .content .text .title, transactions-dashboard .ipnsd .content .text .cba-banner banner .title, .cba-banner banner transactions-dashboard .ipnsd .content .text .title {
  margin: 0;
}

@media (max-width: 599px) {
  transactions-dashboard .ipnsd .content .text h2, transactions-dashboard .ipnsd .content .text abn-banner banner .title, abn-banner banner transactions-dashboard .ipnsd .content .text .title, transactions-dashboard .ipnsd .content .text .cba-banner banner .title, .cba-banner banner transactions-dashboard .ipnsd .content .text .title, transactions-dashboard .ipnsd .content .text h3 {
    text-align: center;
  }
}

transactions-dashboard .ipnsd .content .text ul li {
  margin-bottom: 20px;
}

transactions-dashboard .ipnsd .content .text ul li h3 {
  text-align: left;
}

transactions-dashboard .ipnsd .content .text ul li:last-child {
  margin-bottom: 0;
}

transactions-dashboard .ipnsd .content .icon-holder {
  margin-right: 10px;
  position: relative;
  top: 2px;
}

transactions-dashboard .ipwsd .img-holder {
  max-width: 275px;
  margin-right: 50px;
  position: relative;
}

@media (max-width: 599px) {
  transactions-dashboard .ipwsd .img-holder {
    text-align: center;
    max-width: 200px;
    margin: 0 auto;
  }
}

transactions-dashboard .ipwsd .content .text {
  max-width: 450px;
  padding-top: 25px;
}

transactions-dashboard .ipwsd .content .text h2, transactions-dashboard .ipwsd .content .text abn-banner banner .title, abn-banner banner transactions-dashboard .ipwsd .content .text .title, transactions-dashboard .ipwsd .content .text .cba-banner banner .title, .cba-banner banner transactions-dashboard .ipwsd .content .text .title {
  margin: 0;
}

@media (max-width: 599px) {
  transactions-dashboard .ipwsd .content .text h2, transactions-dashboard .ipwsd .content .text abn-banner banner .title, abn-banner banner transactions-dashboard .ipwsd .content .text .title, transactions-dashboard .ipwsd .content .text .cba-banner banner .title, .cba-banner banner transactions-dashboard .ipwsd .content .text .title {
    text-align: center;
  }
}

transactions-dashboard .ipwsd .content .box-date {
  border: 2px solid #d5dfe3;
  padding: 25px 40px;
}

transactions-dashboard .ipwsd .content .box-date h2, transactions-dashboard .ipwsd .content .box-date abn-banner banner .title, abn-banner banner transactions-dashboard .ipwsd .content .box-date .title, transactions-dashboard .ipwsd .content .box-date .cba-banner banner .title, .cba-banner banner transactions-dashboard .ipwsd .content .box-date .title {
  margin-top: 10px;
}

@media (max-width: 599px) {
  transactions-dashboard .ipwsd .content .box-date {
    padding: 25px 20px;
  }

  transactions-dashboard .ipwsd .content .footer-copy {
    text-align: center;
  }
}

transactions-dashboard .table-view {
  margin-bottom: 70px;
}

transactions-dashboard .table-view header {
  border-bottom: 0;
}

transactions-dashboard .table-view .listing-details .status {
  font-size: 10px;
}

transactions-dashboard .table-view .img-holder {
  width: 135px;
  height: 96px;
}

transactions-dashboard .table-view .img-holder img {
  width: 135px;
}

@media (max-width: 599px) {
  transactions-dashboard .table-view .img-holder img {
    width: 113px;
  }

  transactions-dashboard .table-view .img-holder {
    width: 113px;
    margin-right: 15px;
  }

  transactions-dashboard .table-view .listing-info {
    margin-bottom: 10px;
  }
}

transactions-dashboard .loading {
  padding: 25px;
}

transactions-dashboard .no-transactions {
  border-top: 1px solid #d5dfe3;
  padding: 50px;
}

transactions-dashboard .no-transactions h1 {
  margin-top: 0;
}

transactions-dashboard transactions-dashboard-header-widget {
  margin-bottom: 20px;
}

transactions-dashboard-header-widget {
  display: block;
}

transactions-dashboard-header-widget > .section-group > div {
  border-right: 1px solid #d5dfe3;
  padding: 25px;
  position: relative;
}

transactions-dashboard-header-widget > .section-group > div:last-child {
  border: 0;
}

transactions-dashboard-header-widget > .section-group > div h1 {
  margin: 0;
}

@media (max-width: 599px) {
  transactions-dashboard-header-widget > .section-group > div {
    border-bottom: 1px solid #d5dfe3;
    border-right: 0;
  }

  transactions-dashboard-header-widget > .section-group > div:last-child {
    border: 0;
  }
}

transactions-dashboard-header-widget .icon-holder h1 {
  font-size: 44px;
}

transactions-dashboard-header-widget .paired-agents .ctas .btn-link:after {
  content: "|";
  color: #d5dfe3;
  margin-left: 3px;
  display: inline-block;
  position: relative;
  top: 0;
}

transactions-dashboard-header-widget .paired-agents .ctas .btn-link:last-child:after {
  content: none;
}

transactions-dashboard-header-widget .loading-holder {
  background: #fff;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

transactions-view-details {
  max-width: 1040px;
  display: block;
}

transactions-view-details .top-title {
  margin: 0 0 -14px;
}

@media (max-width: 599px) {
  transactions-view-details .top-title {
    margin-left: 15px;
  }

  transactions-view-details .section-title {
    padding-left: 15px;
  }

  transactions-view-details title-bar {
    margin-bottom: -20px;
  }
}

transactions-view-details title-bar .subtitle {
  margin-top: -9px;
}

@media (min-width: 600px) {
  transactions-view-details title-bar .subtitle h3 {
    border-right: 1px solid #d5dfe3;
    padding: 0 20px;
  }

  transactions-view-details title-bar .subtitle h3:first-child {
    padding-left: 0;
  }

  transactions-view-details title-bar .subtitle h3:last-child {
    border-right: 0;
    padding-right: 0;
  }

  transactions-view-details title-bar .subtitle h3 span {
    font-size: 14px;
  }
}

@media (max-width: 599px) {
  transactions-view-details title-bar .subtitle {
    margin-bottom: 15px;
  }
}

transactions-view-details .gallery {
  background: #fff;
  border-right: 1px solid #d5dfe3;
  width: 370px;
  min-height: 260px;
  position: relative;
  overflow: hidden;
}

transactions-view-details .gallery .bg-img {
  background: center / cover no-repeat;
  min-height: 260px;
}

transactions-view-details .gallery slick .move-right {
  color: #fff;
  z-index: 2;
  font-size: 30px;
  right: 10px;
}

transactions-view-details .gallery slick .move-left {
  color: #fff;
  z-index: 2;
  font-size: 30px;
  left: 10px;
}

transactions-view-details .gallery .slick-slider {
  max-width: 100%;
  margin: 0;
}

transactions-view-details .gallery .num-imgs {
  color: #fff;
  background: rgba(0, 0, 0, .75);
  padding: 5px 8px;
  font-size: 12px;
  position: absolute;
  bottom: 10px;
  right: 10px;
}

transactions-view-details .gallery.upload-img {
  color: #fff;
  background: #76888f;
}

transactions-view-details .gallery.upload-img i {
  font-size: 59px;
}

@media (max-width: 599px) {
  transactions-view-details .gallery {
    width: 100%;
  }
}

transactions-view-details .info {
  padding: 30px;
}

transactions-view-details .info .status h2, transactions-view-details .info .status abn-banner banner .title, abn-banner banner transactions-view-details .info .status .title, transactions-view-details .info .status .cba-banner banner .title, .cba-banner banner transactions-view-details .info .status .title {
  margin: 0;
}

transactions-view-details .info .status select {
  width: auto;
  height: 51px;
  margin-bottom: 20px;
  padding-bottom: 9px;
  font-size: 28px;
  line-height: 33px;
  display: block;
}

@media (max-width: 599px) {
  transactions-view-details .info .status select {
    width: 100%;
  }

  transactions-view-details .info .edit-transaction .btn {
    width: 100%;
    display: block;
  }
}

transactions-view-details .info label {
  text-transform: uppercase;
  color: #b4bbbf;
  margin-bottom: 5px;
  font-size: 10px;
  font-weight: bold;
}

transactions-view-details .info .dates {
  margin-bottom: 20px;
}

transactions-view-details .info .dates > div {
  margin-right: 20px;
}

transactions-view-details .info .dates > div:last-child {
  margin-right: 0;
}

transactions-view-details .info .dates label {
  margin-bottom: 0;
}

transactions-view-details .special-instructions {
  margin: 0 -1px -1px;
  padding: 30px;
}

transactions-view-details .special-instructions .title {
  margin-bottom: 5px;
}

transactions-view-details .cards {
  margin: -7px;
}

transactions-view-details .cards > div {
  padding: 7px;
}

@media (max-width: 599px) {
  transactions-view-details .cards > div {
    margin-bottom: -1px;
    padding: 0;
  }

  transactions-view-details .cards > div:last-child {
    margin-bottom: 0;
  }
}

transactions-view-details .cards h3 {
  margin-bottom: 5px;
}

transactions-view-details .cards .card {
  height: 100%;
  padding: 25px;
}

transactions-view-details .cards .card label {
  color: #b4bbbf;
  margin-bottom: 0;
  font-size: 10px;
}

transactions-view-details .cards .card .img-holder {
  width: 60px;
  margin-right: 25px;
  font-size: 60px;
}

transactions-view-details .cards .card .img-holder img {
  width: 60px;
  height: 60px;
}

transactions-view-details .cards .card .ctas-wrapper {
  width: 100%;
  margin-top: auto;
}

@media (max-width: 599px) {
  transactions-view-details .cards {
    margin: 0;
  }

  transactions-view-details {
    padding-top: 20px;
  }
}

transactions-select-marketplace-vendors {
  max-width: 1040px;
  display: block;
}

transactions-select-marketplace-vendors .top-title {
  margin: 0 0 -14px;
}

@media (max-width: 599px) {
  transactions-select-marketplace-vendors .top-title {
    margin-left: 15px;
  }

  transactions-select-marketplace-vendors title-bar {
    margin-bottom: 10px;
  }
}

transactions-select-marketplace-vendors .content > .title {
  max-width: 510px;
  margin: 0 auto 50px;
}

transactions-select-marketplace-vendors .content > .title h2, transactions-select-marketplace-vendors .content > .title abn-banner banner .title, abn-banner banner transactions-select-marketplace-vendors .content > .title .title, transactions-select-marketplace-vendors .content > .title .cba-banner banner .title, .cba-banner banner transactions-select-marketplace-vendors .content > .title .title {
  margin-bottom: 20px;
}

transactions-select-marketplace-vendors .marketplace-vendors {
  max-width: 820px;
  margin: 0 auto;
}

transactions-select-marketplace-vendors .marketplace-vendors .mv {
  margin-bottom: 50px;
}

transactions-select-marketplace-vendors .marketplace-vendors .title {
  color: #b4bbbf;
  border-bottom: 1px solid #d5dfe3;
  margin-bottom: 25px;
  padding-bottom: 25px;
}

transactions-select-marketplace-vendors .marketplace-vendors .options .option {
  border: 1px solid #d5dfe3;
  border-bottom: 0;
  padding: 25px;
}

transactions-select-marketplace-vendors .marketplace-vendors .options .option:last-child {
  border: 1px solid #d5dfe3;
}

transactions-select-marketplace-vendors .marketplace-vendors .options .option > * {
  margin-right: 25px;
}

@media (max-width: 599px) {
  transactions-select-marketplace-vendors .marketplace-vendors .options .option > * {
    margin-bottom: 20px;
    margin-right: 0;
  }
}

transactions-select-marketplace-vendors .marketplace-vendors .options .option > :last-child {
  margin-bottom: 0;
  margin-right: 0;
}

transactions-select-marketplace-vendors .marketplace-vendors .options .option .logo-holder {
  width: 150px;
}

@media (max-width: 599px) {
  transactions-select-marketplace-vendors .marketplace-vendors .options .option .logo-holder {
    margin-left: auto;
    margin-right: auto;
  }
}

transactions-select-marketplace-vendors .marketplace-vendors .options .option.option-selected .lr-check {
  margin-left: 5px;
  font-size: 16px;
  display: inline-block;
  top: 2px;
}

transactions-select-marketplace-vendors .marketplace-vendors .options .option.option-selected .logo-holder.text-center img {
  margin: 0 auto;
  display: inline-block;
}

transactions-select-marketplace-vendors .marketplace-vendors .options .option-custom .logo-holder img {
  width: 60px;
  height: 60px;
  margin: 0 auto;
}

transactions-edit {
  max-width: 1400px;
  display: block;
}

transactions-edit form {
  max-width: 465px;
  margin: 0 auto;
  display: block;
}

transactions-edit .lr-question-mark-o {
  position: relative;
  top: 1px;
}

transactions-fre .contentContainer {
  padding-top: 64px;
  padding-bottom: 64px;
}

@media (max-width: 599px) {
  transactions-fre .contentContainer {
    padding-top: 0;
    padding-bottom: 16px;
  }
}

transactions-fre .welcomeTitle {
  margin-top: 0;
  margin-bottom: 0;
}

@media (max-width: 599px) {
  transactions-fre .welcomeTitle {
    text-align: center;
  }
}

transactions-fre .contentContainer-left {
  background-color: #f8fafb;
  width: 280px;
}

@media (max-width: 599px) {
  transactions-fre .contentContainer-left {
    width: 100%;
    padding-top: 16px;
    padding-left: 16px;
    padding-right: 16px;
  }

  transactions-fre .contentContainer-left img {
    width: 100%;
  }
}

transactions-fre .contentContainer-leftContent {
  padding-top: 16px;
  padding-left: 16px;
  padding-right: 16px;
}

transactions-fre .bulletList {
  margin-bottom: 24px;
  list-style-type: disc;
}

transactions-fre .bulletList:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  padding-left: 16px;
}

transactions-fre .bulletList:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  padding-left: 16px;
}

transactions-fre .bulletList:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  padding-right: 16px;
}

transactions-fre .bulletList:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  padding-right: 16px;
}

transactions-fre .bulletList li {
  color: #d5dfe3;
  margin-bottom: 16px;
}

transactions-fre .bulletList li:last-child {
  margin-bottom: 0;
}

transactions-fre .bulletList li > span {
  color: #76888f;
}

transactions-fre .contentContainer-right {
  padding-left: 32px;
  padding-right: 32px;
}

@media (max-width: 599px) {
  transactions-fre .contentContainer-right {
    padding-top: 16px;
  }
}

transactions-fre .contentContainer-right .title, transactions-fre .howItWorksTitle {
  margin-top: 0;
}

transactions-fre .small-separator {
  border-bottom: 4px solid #d5dfe3;
  width: 50px;
  margin-top: 16px;
  margin-bottom: 16px;
}

@media (max-width: 599px) {
  transactions-fre .small-separator {
    margin: 32px auto;
  }
}

transactions-fre .separator {
  border-bottom: 1px solid #d5dfe3;
  margin-bottom: 16px;
}

transactions-fre .startButtonContainer {
  margin-top: 32px;
  margin-bottom: 32px;
}

@media (max-width: 599px) {
  transactions-fre .startButtonContainer {
    text-align: center;
    margin-top: 0;
    margin-bottom: 16px;
  }
}

transactions-fre .lightbulbIconContainer {
  margin-right: 32px;
}

transactions-new-transaction-address {
  max-width: 1040px;
  display: block;
}

transactions-new-transaction-address h2, transactions-new-transaction-address abn-banner banner .title, abn-banner banner transactions-new-transaction-address .title, transactions-new-transaction-address .cba-banner banner .title, .cba-banner banner transactions-new-transaction-address .title {
  margin-bottom: 20px;
}

transactions-new-transaction-address .section-group .content {
  max-width: 810px;
  margin: 0 auto;
}

transactions-new-transaction-address .separator {
  margin: 40px 0;
}

transactions-new-transaction-address .separator h2, transactions-new-transaction-address .separator abn-banner banner .title, abn-banner banner transactions-new-transaction-address .separator .title, transactions-new-transaction-address .separator .cba-banner banner .title, .cba-banner banner transactions-new-transaction-address .separator .title {
  margin: 0 20px;
}

transactions-new-transaction-address .separator hr {
  border-color: #d5dfe3;
}

transactions-new-transaction-address form {
  max-width: 530px;
  margin: 50px auto 0;
  display: block;
}

transactions-new-transaction-address form .form-group.space-after {
  margin-right: 10px !important;
}

transactions-new-transaction-address .no-listings-holder {
  margin-bottom: 50px;
}

transactions-new-transaction-address .no-listings-holder h3 {
  margin-bottom: 20px;
}

transactions-new-transaction-address .no-listings-holder div {
  max-width: 600px;
  margin: 0 auto;
}

transactions-new-transaction-address .listings {
  margin: -10px;
}

transactions-new-transaction-address .listings .listing-wrapper {
  padding: 10px;
}

transactions-new-transaction-address .listings .listing {
  border: 1px solid #d5dfe3;
}

transactions-new-transaction-address .listings .listing > .img-holder {
  padding-top: 56.25%;
}

transactions-new-transaction-address .listings .listing .listing-info {
  padding: 10px;
}

transactions-new-transaction-address .listings .listing .listing-info .address {
  margin-bottom: 5px;
}

transactions-new-transaction-address .listings .listing .listing-info .stats {
  margin-bottom: 10px;
  font-size: 10px;
}

transactions-new-transaction-address .listings .listing .listing-info .stats > div {
  border-right: 1px solid #d5dfe3;
  margin-right: 5px;
  padding-right: 5px;
}

transactions-new-transaction-address .listings .listing .listing-info .stats > div:last-child {
  border-right: 0;
  margin-right: 0;
  padding-right: 0;
}

transactions-new-transaction-address .listings .listing .listing-info .agent {
  font-size: 10px;
}

transactions-new-transaction-address .listings .listing .listing-info .agent .label {
  margin-bottom: 10px;
}

transactions-new-transaction-address .listings .listing .listing-info .agent .img-holder {
  width: 35px;
  margin-right: 15px;
  font-size: 35px;
}

transactions-new-transaction-address .listings .listing .listing-info .agent .img-holder img {
  width: 35px;
  height: 35px;
}

transactions-new-transaction-additional-details {
  max-width: 1040px;
  display: block;
}

transactions-new-transaction-additional-details .top-title {
  margin: 0 0 -14px;
}

@media (max-width: 599px) {
  transactions-new-transaction-additional-details .top-title {
    margin-left: 15px;
  }

  transactions-new-transaction-additional-details title-bar {
    margin-bottom: 10px;
  }
}

transactions-new-transaction-additional-details .content .title {
  margin-bottom: 50px;
}

transactions-new-transaction-additional-details .content .title h2, transactions-new-transaction-additional-details .content .title abn-banner banner .title, abn-banner banner transactions-new-transaction-additional-details .content .title .title, transactions-new-transaction-additional-details .content .title .cba-banner banner .title, .cba-banner banner transactions-new-transaction-additional-details .content .title .title {
  margin-bottom: 25px;
}

transactions-new-transaction-additional-details .content form {
  max-width: 550px;
  margin: 0 auto;
  display: block;
}

transactions-new-transaction-additional-details .content form .offset-type {
  margin-bottom: 8px;
  position: relative;
  top: 10px;
}

transactions-new-transaction-additional-details .content form .offset-type .lr {
  position: relative;
  top: 2px;
  left: 5px;
}

@media (max-width: 599px) {
  transactions-new-transaction-additional-details .content form .offset-type {
    margin-bottom: 10px;
    top: 0;
  }
}

transactions-new-transaction-select-partner {
  max-width: 1040px;
  display: block;
}

transactions-new-transaction-select-partner .top-title {
  margin: 0 0 -14px;
}

@media (max-width: 599px) {
  transactions-new-transaction-select-partner .top-title {
    margin-left: 15px;
  }

  transactions-new-transaction-select-partner title-bar {
    margin-bottom: 10px;
  }
}

transactions-new-transaction-select-partner .content .title {
  margin-bottom: 50px;
}

transactions-new-transaction-select-partner .content .title h2, transactions-new-transaction-select-partner .content .title abn-banner banner .title, abn-banner banner transactions-new-transaction-select-partner .content .title .title, transactions-new-transaction-select-partner .content .title .cba-banner banner .title, .cba-banner banner transactions-new-transaction-select-partner .content .title .title {
  margin-bottom: 20px;
}

transactions-new-transaction-select-partner .partners {
  max-width: 815px;
  margin: 0 auto;
}

transactions-new-transaction-select-partner .partner-wrapper {
  padding: 8px;
}

transactions-new-transaction-select-partner .partner {
  border: 1px solid #d5dfe3;
  border-radius: 4px;
  height: 100%;
  padding: 34px 20px;
  transition: all .2s ease-in-out;
}

@media (min-width: 960px) {
  transactions-new-transaction-select-partner .partner:hover {
    z-index: 100;
    transform: scale(1.05);
  }
}

transactions-new-transaction-select-partner .partner.selected {
  z-index: 101;
  transform: scale(1.05);
}

transactions-new-transaction-select-partner .partner .headshot-wrapper img {
  max-width: 100px;
  margin: 0 auto 20px;
}

transactions-new-transaction-select-partner .partner .cta {
  margin-top: auto;
  padding-top: 30px;
}

transactions-new-transaction-select-partner .partner .cta .lr-check {
  margin-left: 5px;
  font-size: 16px;
  display: inline-block;
  top: 2px;
}

transactions-new-transaction-review {
  max-width: 1040px;
  display: block;
}

transactions-new-transaction-review .content {
  max-width: 810px;
  margin-left: auto;
  margin-right: auto;
}

transactions-new-transaction-review .content > .title {
  max-width: 510px;
  margin: 0 auto 50px;
}

transactions-new-transaction-review .content > .title h2, transactions-new-transaction-review .content > .title abn-banner banner .title, abn-banner banner transactions-new-transaction-review .content > .title .title, transactions-new-transaction-review .content > .title .cba-banner banner .title, .cba-banner banner transactions-new-transaction-review .content > .title .title {
  margin-bottom: 20px;
}

transactions-new-transaction-review .top-title {
  margin: 0 0 -14px;
}

@media (max-width: 599px) {
  transactions-new-transaction-review .top-title {
    margin-left: 15px;
  }
}

transactions-new-transaction-review title-bar .subtitle {
  margin-top: -9px;
}

@media (min-width: 600px) {
  transactions-new-transaction-review title-bar .subtitle h3, transactions-new-transaction-review title-bar .subtitle > div {
    border-right: 1px solid #d5dfe3;
    padding: 0 20px;
  }

  transactions-new-transaction-review title-bar .subtitle h3:first-child, transactions-new-transaction-review title-bar .subtitle > div:first-child {
    padding-left: 0;
  }

  transactions-new-transaction-review title-bar .subtitle h3:last-child, transactions-new-transaction-review title-bar .subtitle > div:last-child {
    border-right: 0;
    padding-right: 0;
  }

  transactions-new-transaction-review title-bar .subtitle h3 span, transactions-new-transaction-review title-bar .subtitle > div span {
    font-size: 14px;
  }
}

@media (max-width: 599px) {
  transactions-new-transaction-review title-bar .subtitle {
    margin-bottom: 15px;
  }
}

transactions-new-transaction-review .cards {
  margin: 0 -7px;
}

transactions-new-transaction-review .cards > div {
  margin: 7px;
}

@media (max-width: 599px) {
  transactions-new-transaction-review .cards > div {
    margin-bottom: -1px;
    padding: 0;
  }

  transactions-new-transaction-review .cards > div:last-child {
    margin-bottom: 0;
  }
}

transactions-new-transaction-review .cards h3 {
  margin-bottom: 5px;
}

transactions-new-transaction-review .cards .card {
  padding-right: 25px;
}

transactions-new-transaction-review .cards .card label {
  color: #b4bbbf;
  margin-bottom: 0;
  font-size: 10px;
}

transactions-new-transaction-review .cards .card .img-holder {
  width: 60px;
  margin-right: 25px;
  font-size: 60px;
}

transactions-new-transaction-review .cards .card .img-holder img {
  width: 60px;
  height: 60px;
}

transactions-new-transaction-review .cards .card .ctas-wrapper {
  width: 100%;
}

@media (max-width: 599px) {
  transactions-new-transaction-review .cards {
    margin: 0;
  }
}

transactions-new-transaction-review .partner > .title, transactions-new-transaction-review .marketplace-vendors-wrap > .title, transactions-new-transaction-review .special-instructions > .title {
  margin-bottom: 20px;
}

transactions-new-transaction-review .marketplace-vendors {
  margin: -10px;
}

transactions-new-transaction-review .marketplace-vendor {
  padding: 10px;
}

transactions-new-transaction-review .marketplace-vendor small {
  font-size: 10px;
}

.transactions-review-confirmation-modal .modal-content .bullet-checklist {
  margin: -10px 0;
}

.transactions-review-confirmation-modal .modal-content .bullet-checklist li i {
  color: #8cb63f;
  margin-right: 10px;
  font-size: 18px;
}

.transactions-review-confirmation-modal .modal-content .bullet-checklist li {
  padding: 10px 0;
}

.avm-home-evaluation-request {
  display: block;
}

.avm-home-evaluation-request > h1 {
  margin-top: 0;
}

.avm-home-evaluation-request .lead-info {
  border: 4px solid #f8fafb;
  margin: 32px 0;
  padding: 45px;
}

@media (max-width: 599px) {
  .avm-home-evaluation-request .lead-info {
    border-left: 0;
    border-right: 0;
    margin-left: -35px;
    margin-right: -35px;
    padding: 25px;
  }
}

.avm-home-evaluation-request .infographic {
  margin-top: 30px;
}

.avm-home-evaluation-request .infographic img {
  margin: 0 auto;
}

@media (min-width: 600px) {
  .avm-home-evaluation-request .infographic img {
    max-width: 343px;
  }
}

.avm-home-evaluation-request .affiliate-wrapper {
  margin-top: 20px;
}

@media (max-width: 599px) {
  .avm-home-evaluation-request .affiliate-wrapper {
    margin-top: 40px;
  }
}

.avm-home-evaluation-request .affiliate {
  margin-top: 40px;
  margin-left: 9px;
  margin-right: 9px;
}

.avm-home-evaluation-request .affiliate .headshot {
  width: 80px;
  height: 80px;
  margin: -85px auto 20px;
}

.avm-home-evaluation-request .affiliate .headshot img {
  width: 80px;
  height: 80px;
}

@media (max-width: 599px) {
  .avm-home-evaluation-request .affiliate .headshot {
    margin-top: 0;
  }
}

.avm-home-evaluation-request .affiliate .title {
  color: #b4bbbf;
  text-transform: uppercase;
  margin-bottom: 10px;
}

@media (min-width: 600px) {
  .avm-home-evaluation-request .affiliate:first-child {
    margin-left: 0;
  }

  .avm-home-evaluation-request .affiliate:last-child {
    margin-right: 0;
  }
}

@media (max-width: 599px) {
  .avm-home-evaluation-request .affiliate {
    border: 0;
    border-top: 1px solid #f8fafb;
    margin: 0 -35px -1px;
  }
}

under-review {
  padding: 75px;
  display: block;
}

under-review .section-1 > div {
  margin: 0 24px;
}

under-review .section-1 > div:first-child {
  margin-left: 0;
}

under-review .section-1 > div:last-child {
  margin-right: 0;
}

under-review .section-1 .img-holder img {
  margin: 0 auto;
}

under-review .section-1 .separator {
  background: #007780;
  width: 30px;
  height: 3px;
  margin: 30px 0;
}

@media (max-width: 599px) {
  under-review .section-1 .separator {
    margin: 30px auto;
  }
}

under-review .section-1 h1 {
  margin-top: 0;
}

@media (max-width: 599px) {
  under-review .section-1 {
    text-align: center;
  }
}

under-review .section-2 .title {
  max-width: 235px;
}

@media (max-width: 599px) {
  under-review .section-2 .title {
    max-width: none;
    margin-bottom: 32px;
  }
}

under-review .section-2 .arrow-holder {
  max-width: 138px;
  padding: 0 30px;
}

@media (max-width: 959px) {
  under-review .section-2 .arrow-holder {
    max-width: 118px;
    padding: 0 20px;
  }
}

under-review .section-2 .bullets {
  max-width: 372px;
}

under-review .section-2 .bullets li {
  padding: 13px 0;
}

under-review .section-2 .bullets .bullet {
  text-align: center;
  border: 2px solid #007780;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  margin-right: 15px;
  line-height: 28px;
}

@media (max-width: 599px) {
  under-review .section-2 .bullets {
    max-width: none;
  }
}

under-review .line {
  background: #f7f7f7;
  height: 2px;
  margin: 58px 0;
}

@media (max-width: 599px) {
  under-review .line {
    margin: 32px 0;
  }

  under-review {
    padding: 25px;
  }
}

.multi-file-uploader-modal .modal-dialog {
  max-width: 600px;
}

.multi-file-uploader-modal .modal-dialog md-toolbar, .multi-file-uploader-modal .modal-dialog md-toolbar i {
  color: #fff !important;
}

.multi-file-uploader-modal .modal-dialog .file {
  border-bottom: 1px solid #d5dfe3;
}

.multi-file-uploader-modal .modal-dialog .preview {
  background-position: center;
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  margin-right: 10px;
}

.multi-file-uploader-modal .modal-dialog .uploads {
  max-height: 250px;
  overflow-y: auto;
}

.multi-file-uploader-modal .modal-dialog .global-progress {
  margin-bottom: 5px;
  box-shadow: 0 4px 2px -2px rgba(0, 0, 0, .1);
}

.multi-file-uploader-modal .modal-dialog .global-progress .cancel-all {
  margin-left: 20px;
}

.multi-file-uploader-modal .modal-dialog .success-check {
  font-size: 20px;
}

copy-input {
  display: block;
}

copy-input input {
  color: #76888f !important;
  border-color: #d5dfe3 !important;
}

.sub-text {
  color: #76888f;
}

.copied-text-overlay {
  z-index: 1100;
  pointer-events: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.copied-text-overlay .main {
  color: #fff;
  background: #1e2b35;
  border-radius: 14px;
  width: 150px;
  height: 150px;
  padding: 15px;
}

.area-manager .layout-wrap > .flex-33 {
  flex: 33.33% !important;
}

.area-manager .layout-wrap > .flex-25 {
  flex: 25% !important;
}

.area-manager .ls-input-group input.form-control, .area-manager .ls-input-group login-phone-verification .code-input-wrap input, login-phone-verification .code-input-wrap .area-manager .ls-input-group input, .area-manager .ls-input-group .account-verification-code .code-input-wrap input, .account-verification-code .code-input-wrap .area-manager .ls-input-group input {
  z-index: 2;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  height: 40px;
}

.area-manager .ls-input-group .btn {
  width: 40px;
  height: 40px;
  padding-left: 0;
  padding-right: 0;
  font-size: 30px;
  line-height: 1px;
}

.area-manager .input-group-btn {
  width: auto;
}

.area-manager .pills {
  max-width: 100%;
}

.area-manager .pill-wrap {
  padding: 10px;
}

.area-manager .info {
  padding-left: 10px;
  font-weight: bold;
}

.area-manager.modal-view {
  margin: 0;
  padding: 15px;
}

.area-manager.modal-view h1 {
  margin-top: 0;
  font-size: 18px;
}

.area-manager.modal-view .pill-wrap {
  margin-top: 10px;
  padding: 0 2px 0 0;
}

.area-manager.modal-view .pill-wrap:first-child {
  margin-top: 0;
}

.area-manager.modal-view .divider {
  background: #d5dfe3;
  height: 1px;
  margin: 20px -38px;
  display: block;
}

.btn .lr.add-icon {
  top: 1px;
}

@media (max-width: 599px) {
  .btn .lr.add-icon {
    top: 0;
  }
}

.search-by-office-modal .modal-dialog {
  text-align: center;
  max-width: 388px;
}

.search-by-office-modal .modal-dialog .modal-content {
  padding: 32px;
}

.search-by-office-modal .modal-dialog .close-button {
  position: absolute;
  top: 15px;
  right: 15px;
}

.search-by-office-modal .modal-dialog .search-by-office-modal-main {
  margin-top: 24px;
  margin-bottom: 16px;
}

.search-by-office-modal .modal-dialog .search-by-office-modal-ctas {
  margin-top: 24px;
}

.statsbar .tooltip {
  width: 200px;
}

.statsbar .stat {
  border-right: 1px solid #d5dfe3;
  justify-content: center;
  align-items: center;
  height: 91px;
  display: flex;
  position: relative;
}

.statsbar .stat > div {
  z-index: 2;
  text-align: center;
  position: relative;
}

.statsbar .stat .num {
  text-align: center;
  padding-bottom: 10px;
  position: relative;
  top: 2px;
}

@media (max-width: 959px) {
  .statsbar .stat .num {
    text-align: center;
    margin-bottom: 3px;
    margin-right: 0;
    padding-bottom: 5px;
    font-size: 18px;
  }
}

.statsbar .stat h2, .statsbar .stat abn-banner banner .title, abn-banner banner .statsbar .stat .title, .statsbar .stat .cba-banner banner .title, .cba-banner banner .statsbar .stat .title {
  margin: 0;
}

.statsbar .stat h3 {
  color: #1e2b35;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
}

@media (max-width: 959px) {
  .statsbar .stat h3 {
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
  }
}

.statsbar .stat .icon img {
  max-width: 55px;
}

.statsbar .stat:last-child {
  border-right: 0;
}

@media (max-width: 1279px) {
  .statsbar .stat {
    text-align: center;
  }
}

@media (max-width: 959px) {
  .statsbar .stat {
    border-right: 0;
    padding: 0;
  }
}

avatar .avatar {
  color: #fff;
  background: #ecf0f1;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  overflow: hidden;
}

avatar .avatar .md-avatar {
  border: none;
  width: 50px;
  height: 50px;
  margin: 0;
}

avatar[size="large"] .avatar, avatar[size="large"] .avatar .md-avatar {
  width: 65px;
  height: 65px;
}

avatar[size="large"] .avatar h3 {
  font-size: 22px;
}

avatar[size="medium"] .avatar, avatar[size="medium"] .avatar .md-avatar {
  width: 35px;
  height: 35px;
}

avatar[size="medium"] .avatar h3 {
  font-size: 12px;
}

avatar[size="small"] .avatar, avatar[size="small"] .avatar .md-avatar {
  width: 25px;
  height: 25px;
}

avatar[size="small"] .avatar h3 {
  font-size: 10px;
}

wistia-video-player {
  display: block;
}

wistia-video-player .video-wrap {
  position: relative;
}

wistia-video-player .video-wrap .wistia-video-player {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

pill {
  background: #ecf0f1;
  border-radius: 25px;
  height: 40px;
  padding: 9px 15px;
  display: inline-block;
  position: relative;
}

pill .pill-label {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

pill .close-btn {
  background: #fff;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  margin-left: 8px;
  font-size: 11px;
  position: relative;
  right: -5px;
}

pill[color="white"] {
  background: #fff;
}

pill[color="white"] .close-btn {
  color: #fff;
  background: #ecf0f1;
}

pill[hide-close-button] .close-btn {
  display: none;
}

paywall-buyside-data {
  display: block;
}

paywall-buyside-data .container {
  padding: 48px;
}

@media (max-width: 1279px) {
  paywall-buyside-data .container {
    padding: 20px;
  }
}

paywall-buyside-data .video-holder {
  margin-bottom: 20px;
}

@media (min-width: 960px) {
  paywall-buyside-data .video-holder {
    width: 400px;
    margin-right: 21px;
  }
}

paywall-buyside-data .info h2, paywall-buyside-data .info abn-banner banner .title, abn-banner banner paywall-buyside-data .info .title, paywall-buyside-data .info .cba-banner banner .title, .cba-banner banner paywall-buyside-data .info .title {
  margin: 0 0 20px;
}

paywall-buyside-data .info h3 {
  margin: 0 0 20px;
  font-weight: normal;
}

paywall-buyside-data .info ul li {
  margin-left: 18px;
  list-style-type: disc;
}

paywall-buyside-data .info .ctas .btn:first-child {
  margin-right: 16px;
}

@media (max-width: 959px) {
  paywall-buyside-data .info .ctas .btn:first-child {
    margin-right: 0;
  }

  paywall-buyside-data .info .ctas {
    text-align: center;
  }
}

@media (min-width: 960px) {
  paywall-buyside-data .info {
    width: 400px;
    margin-left: 21px;
  }
}

creditcard {
  display: inline-block;
}

creditcard .container {
  border: 1px solid #d5dfe3;
  border-radius: 4px;
  width: 220px;
  height: 132px;
  padding: 20px;
}

creditcard .container .cclogo-holder img {
  max-width: 53px;
}

creditcard .container .lastfour {
  margin-bottom: 4px;
}

follow-plus-credits-pill .credits-pill {
  margin-left: 16px;
}

follow-plus-credits-pill .credits-pill h3 {
  margin-left: 5px;
}

follow-plus-credits-pill .credits-pill .pill-label {
  position: relative;
  top: -2px;
}

@media (max-width: 599px) {
  follow-plus-credits-pill .credits-pill {
    margin-left: 0;
  }
}

follow-plus-credits-pill .buy-button-holder {
  margin-left: 16px;
}

.credit-card-collection-terminal creditcard {
  margin-bottom: 30px;
}

.credit-card-collection-terminal .no-connection-wrapper {
  min-height: 100px;
}

.credit-card-collection-terminal .form-group {
  width: 100%;
  padding-left: 10px !important;
}

.credit-card-collection-terminal .payments-header {
  margin-bottom: 0;
}

.credit-card-collection-terminal .vgradient {
  background: linear-gradient(#f7f7f7 0%, rgba(247, 247, 247, 0) 100%);
  height: 42px;
  margin: 0 -50px;
}

@media (max-width: 959px) {
  .credit-card-collection-terminal .vgradient {
    margin: 0 -50px;
  }
}

.credit-card-collection-terminal h1 {
  font-size: 24px;
}

@media (max-width: 600px) {
  .credit-card-collection-terminal h1 {
    font-size: 18px;
  }
}

.credit-card-collection-terminal .relative {
  position: relative;
}

.credit-card-collection-terminal .footer-text {
  font-size: 14px;
}

.credit-card-collection-terminal .ccs {
  margin-top: -2px;
  margin-bottom: 10px;
}

@media (min-width: 769px) {
  .credit-card-collection-terminal .ccs {
    margin-top: 0;
    margin-bottom: 0;
    position: absolute;
    bottom: 18px;
    right: 9px;
  }
}

.stripe-terminal .discovered-readers-wrap {
  border: 1px solid #eee;
}

.stripe-terminal .btn, .stripe-terminal .readers-list {
  width: 100%;
}

home {
  display: block;
}

home .arba-invite-message-wrapper {
  margin-top: 13px;
  margin-left: 20px;
}

home .daae-info {
  background-color: #fff;
  border: 1px solid #d5dfe3;
  width: 100%;
  margin-bottom: 20px;
  padding: 18px;
}

home .daae-info .icon {
  min-width: auto;
  margin-right: 16px;
}

home .daae-info a {
  color: #007780;
  cursor: pointer;
}

home .daae-info a:focus {
  text-decoration: none;
}

home .daae-info a:hover {
  color: #0c949d;
  text-decoration: underline;
}

@media (max-width: 599px) {
  home .daae-info:first-of-type {
    border-bottom: none;
    margin-bottom: 0;
  }
}

home .value-props {
  margin: -10px;
}

@media (max-width: 599px) {
  home #home-value-props-holder {
    -ms-overflow-style: none;
    scrollbar-width: none;
    flex-flow: row;
    display: flex;
    overflow: auto;
  }

  home #home-value-props-holder::-webkit-scrollbar {
    display: none;
  }

  home #home-value-props-holder > * {
    width: 100%;
    min-width: 240px;
  }
}

home .value-prop {
  width: 25%;
  padding: 10px;
  position: relative;
}

home .value-prop > div, home .value-prop listreports-live-value-prop > div {
  border: 1px solid #d5dfe3;
  border-radius: 2px;
  height: 100%;
  overflow: hidden;
}

home .value-prop .content .label {
  text-transform: uppercase;
  letter-spacing: 1.5px;
  font-size: 10px;
  font-weight: bold;
}

home .value-prop .content h2, home .value-prop .content abn-banner banner .title, abn-banner banner home .value-prop .content .title, home .value-prop .content .cba-banner banner .title, .cba-banner banner home .value-prop .content .title {
  margin-top: 14px;
  margin-bottom: 14px;
  font-size: 18px;
}

home .value-prop .content {
  padding: 16px;
}

home .value-prop .content p {
  margin-bottom: 0;
}

home .value-prop .ctas {
  padding-top: 0;
}

home .value-prop .new {
  color: #fff;
  text-transform: uppercase;
  background: #f3b204;
  border-radius: 2px;
  padding: 6px 11px;
  position: absolute;
  top: 11px;
  right: 11px;
}

@media (max-width: 1279px) {
  home .value-prop {
    width: 33.3%;
  }
}

@media (max-width: 959px) {
  home .value-prop {
    width: 50%;
  }
}

@media (max-width: 599px) {
  home .value-prop {
    width: 100%;
    max-width: 100%;
  }
}

home .value-prop:empty {
  display: none;
}

home-marketing-kit-value-prop, home-shareable-value-prop, home-plo-value-prop {
  display: block;
}

home-plo-value-prop .slick-track {
  display: flex !important;
}

home-plo-value-prop .slick-slide {
  height: auto !important;
}

home-plo-value-prop .slick-slide > div {
  height: 100% !important;
}

home-plo-value-prop .title h2, home-plo-value-prop .title abn-banner banner .title, abn-banner banner home-plo-value-prop .title .title, home-plo-value-prop .title .cba-banner banner .title, .cba-banner banner home-plo-value-prop .title .title {
  margin-top: 37px;
  margin-bottom: 12px;
  font-size: 18px;
}

home-plo-value-prop .avatar-container {
  justify-content: center;
  align-items: center;
  display: flex;
}

home-plo-value-prop .avatar-holder {
  border: 2px solid #fff;
  border-radius: 50%;
  margin-left: -8px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, .25);
}

home-plo-value-prop .image-holder {
  background: linear-gradient(#ecf0f1 0%, rgba(236, 240, 241, 0) 100%);
  position: relative;
}

home-plo-value-prop .image-holder slick {
  margin-bottom: 0;
}

home-plo-value-prop .image-holder slick .move-left {
  z-index: 1;
  font-size: 23px;
  left: 8px;
}

home-plo-value-prop .image-holder slick .move-right {
  z-index: 1;
  font-size: 23px;
  right: 8px;
}

home-plo-value-prop .image-holder .lock {
  color: #fff;
  text-align: center;
  background-color: #696969;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
  position: absolute;
  top: 8px;
  right: 8px;
}

cba-value-prop, homeiq-value-prop, listpack-value-prop, property-search-prop, listreports-live-value-prop {
  display: block;
}

.value-prop-placeholder.ph-item {
  border-radius: 0;
}

.value-prop-placeholder.ph-item .ph-picture {
  min-height: 199px;
  margin-bottom: 0;
}

.value-prop-placeholder.ph-item .ph-row > div {
  width: 100%;
}

.value-prop-placeholder.ph-item .subtitle {
  height: 18px;
}

.value-prop-placeholder.ph-item .h2 {
  height: 33px;
  margin: 24px 0;
}

.value-prop-placeholder.ph-item .p {
  height: 17px;
}

.value-prop-placeholder.ph-item .button {
  height: 42px;
}

.value-prop-placeholder.ph-item .ctas .ph-row {
  width: 150px;
}

listreports-live-value-prop {
  display: block;
}

listreports-live-value-prop > div {
  position: relative;
}

member-benefits-prop {
  display: block;
}

.image-padding {
  padding: 30px 16px;
}

robin-panel-prop {
  display: block;
}

.lo-home {
  max-width: 1040px;
}

.lo-home .bottom-home-news {
  margin-top: 20px;
}

@media (min-width: 600px) {
  .lo-home .bottom-home-news {
    margin-top: 0;
  }
}

.lo-home .home-news {
  background: #fff;
  border: 1px solid #d5dfe3;
  flex-direction: row;
  align-items: center;
  width: 100%;
  padding: 20px;
  display: flex;
}

@media (min-width: 600px) {
  .lo-home .home-news {
    max-width: 510px;
  }
}

.lo-home .home-news .icon {
  width: 35px;
  margin-right: 21px;
}

.lo-home .home-news .icon img {
  width: 35px;
}

.lo-home .home-news .home-text {
  flex: 1;
}

.lo-home .home-news .home-text a {
  font-size: 18px;
}

.lo-home .section-group {
  margin-top: 18px;
}

.lo-home .section-group .cards-wrapper {
  flex-wrap: wrap;
  padding: 10px;
}

.lo-home .section-group .cards-wrapper .card-wrapper {
  flex-grow: 0;
  flex-basis: 100%;
  max-width: 100%;
  padding: 10px;
}

@media (min-width: 600px) {
  .lo-home .section-group .cards-wrapper .card-wrapper {
    flex-basis: 50%;
    max-width: 50%;
  }
}

@media (min-width: 1279px) {
  .lo-home .section-group .cards-wrapper .card-wrapper {
    flex-basis: 33.3%;
    max-width: 33.3%;
  }
}

.lo-home .welcome-container {
  text-align: center;
  max-width: 635px;
  margin: 0 auto;
  padding: 40px 16px;
}

.lo-home .welcome-container h2, .lo-home .welcome-container abn-banner banner .title, abn-banner banner .lo-home .welcome-container .title, .lo-home .welcome-container .cba-banner banner .title, .cba-banner banner .lo-home .welcome-container .title {
  margin: 0 0 16px;
  font-size: 28px;
  font-weight: 700;
  line-height: 32px;
}

.lo-home .welcome-container p {
  margin-bottom: 30px;
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
}

.lo-home .welcome-container p + p {
  margin-bottom: 0;
}

.card {
  border: 1px solid #d5dfe3;
  width: 100%;
  height: 100%;
}

.card .card-content {
  flex-direction: column;
  width: 100%;
  height: 100%;
  display: flex;
}

.card .card-content .img-wrapper {
  cursor: pointer;
}

.card .card-content .img-wrapper img {
  width: 100%;
  display: block;
}

.card .card-content .card-info {
  margin: 24px 0;
  padding: 0 20px;
}

.card .card-content .title {
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  font-weight: bold;
  display: block;
}

.card .card-content .action-text {
  text-align: center;
  margin-top: 12px;
  font-size: 28px;
  font-weight: bold;
  display: block;
}

.card .card-content .description {
  text-align: center;
  margin-top: 10px;
  display: block;
}

.card .card-content .action-wrapper {
  text-align: center;
  margin-bottom: 24px;
}

flyer-preview .flyer-preview {
  border: 1px solid #d5dfe3;
  width: 100%;
  height: 100%;
}

flyer-preview .around-margin {
  margin: 2.5%;
}

flyer-preview .around-horizontal-margin {
  margin-left: 2.5%;
  margin-right: 2.5%;
}

flyer-preview .around-vertical-spacer {
  height: 2%;
}

flyer-preview .flyer-header {
  width: 49%;
  height: 7%;
  margin-bottom: 0;
}

flyer-preview .mock-text-color {
  background-color: #ecf0f1;
}

flyer-preview .mock-text-1 {
  height: 30.88%;
}

flyer-preview .mock-text-2 {
  height: 12.85%;
}

flyer-preview .mock-text-3 {
  height: 16.31%;
}

flyer-preview .mock-text-4 {
  height: 4.79%;
}

flyer-preview .mock-text-5 {
  height: 20%;
}

flyer-preview .mock-text-spacer-1 {
  height: 23.13%;
}

flyer-preview .mock-text-spacer-2 {
  height: 19%;
}

flyer-preview .mock-text-spacer-3 {
  height: 3.58%;
}

flyer-preview .mock-text-spacer-4 {
  height: 14.29%;
}

flyer-preview .hero-image-container {
  height: 35.75%;
}

flyer-preview .mock-hero-image-container {
  height: 100%;
}

flyer-preview .image-holder {
  background-color: rgba(0, 0, 0, 0);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
}

flyer-preview .mock-image-color {
  background-color: #d5dfe3;
}

flyer-preview .mock-hero-image {
  border: 1px dashed #696969;
  width: 98%;
  height: 95%;
}

flyer-preview .info-content {
  height: 36.5%;
}

flyer-preview .text-wall {
  width: 49%;
}

flyer-preview .text-tyles-spacer {
  width: 3%;
}

flyer-preview .tyles-container {
  width: 48%;
}

flyer-preview .tyle-row {
  height: 47.95%;
}

flyer-preview .tyle-container {
  width: 48.61%;
  height: 100%;
}

flyer-preview .mock-tyle-container {
  height: 100%;
}

flyer-preview .mock-sub-label {
  font-size: 10px;
}

flyer-preview .mock-tyle-image {
  border: 1px dashed #696969;
  width: 90%;
  height: 90%;
}

flyer-preview .footer {
  height: 13.25%;
}

flyer-preview .footer-block {
  width: 45.07%;
  height: 66.38%;
}

flyer-preview .footer-circle {
  border-radius: 50%;
  width: 25.55%;
  height: 100%;
}

flyer-preview .footer-text {
  width: 70.8%;
}

photo-selection-preview .photo-selection-title {
  margin-bottom: 32px;
}

@media (max-width: 599px) {
  photo-selection-preview .photo-selection-title {
    margin-bottom: 8px;
  }
}

photo-selection-preview .large-lightweight {
  font-size: 24px;
}

@media (max-width: 599px) {
  photo-selection-preview .large-lightweight {
    font-size: 20px;
  }
}

photo-selection-preview .large {
  width: 100%;
  font-size: 24px;
  font-weight: 700;
}

@media (max-width: 599px) {
  photo-selection-preview .large {
    font-size: 20px;
  }
}

photo-selection-preview .sub-title-lightweight {
  font-size: 18px;
}

@media (max-width: 599px) {
  photo-selection-preview .sub-title-lightweight {
    font-size: 14px;
  }
}

photo-selection-preview .photo-picker-container {
  max-width: 440px;
}

photo-selection-preview .view-sample-preview-container {
  text-align: right;
  width: 100%;
}

photo-selection-preview .flyer-preview-container {
  max-width: 321px;
}

photo-selection-preview .flyer-preview-container .enlarge-link {
  margin-top: 16px;
}

photo-selection-preview .flyer-preview-container .enlarge-link .lr-search {
  font-size: 18px;
}

photo-selection-preview .flyer-preview {
  width: 320px;
  height: 400px;
}

photo-selection-preview .preview-title {
  margin-bottom: 16px;
  font-size: 16px;
  font-weight: 500;
}

photo-selection-preview .photo-selection-spacer {
  width: 40px;
}

photo-selection-preview .picker-spacer {
  margin: 15px 0;
}

photo-selection-preview .expand-photos-button {
  color: #007780;
  font-size: 18px;
}

photo-selection-preview .expand-photos-button .minimize-icon {
  position: relative;
  top: -7px;
}

photo-selection-preview .photos-error {
  margin-top: 6px;
  margin-bottom: 24px;
}

simple-file-uploader .photo-selection-zone {
  background-color: rgba(0, 0, 0, 0);
  border: 1px dashed #696969;
}

simple-file-uploader .photo-selection-zone .main-content {
  margin: 16px;
}

simple-file-uploader .photo-selection-zone .main-content .description {
  max-width: 370px;
  margin-bottom: 20px;
}

simple-file-uploader .photo-selection-zone .main-content .btn {
  font-size: 15px;
  font-weight: normal;
}

.listreports-gray, .listreports-grey {
  color: #76888f;
}

activity-feed {
  display: block;
}

activity-feed title-bar {
  padding-left: 0;
  padding-right: 0;
}

activity-feed .content {
  max-width: 875px;
  padding-top: 0;
}

activity-feed .content.standalone {
  margin: 0 auto;
  padding-top: 60px;
}

@media (max-width: 599px) {
  activity-feed .content {
    margin: 0;
    padding: 0 15px 15px;
  }
}

activity-feed .shareable-image-container {
  text-align: center;
  cursor: pointer;
  width: 160px;
}

@media (max-width: 599px) {
  activity-feed .shareable-image-container {
    text-align: left;
    margin-top: 20px;
  }

  activity-feed .shareable-image-container .shareable-image {
    max-height: 60px;
  }
}

@media (min-width: 599px) {
  activity-feed .shareable-image-container .shareable-image {
    max-width: 125px;
  }
}

activity-feed .pointer {
  cursor: pointer;
}

@media (max-width: 599px) {
  activity-feed .subheading {
    margin-bottom: 12px;
  }
}

activity-feed .subheading h3 {
  font-size: 22px;
}

activity-feed .body {
  overflow-wrap: break-word;
}

activity-feed .body a {
  white-space: unset;
  display: inline;
}

activity-feed .my-agents-stats-wrap .subheading, activity-feed .utils {
  margin-bottom: 20px;
}

activity-feed .utils .filter-wrap select {
  margin: 0;
}

@media (max-width: 599px) {
  activity-feed .utils {
    margin-bottom: 50px;
  }
}

activity-feed .ball-wrapper {
  margin-left: -10px;
  margin-right: 30px;
  display: inline-block;
  position: relative;
  top: -6px;
}

activity-feed .ball-wrapper .ball {
  border-radius: 2px;
  width: 20px;
  height: 20px;
  margin-right: 2px;
  display: inline-block;
  position: relative;
  top: 5px;
}

activity-feed .ball-wrapper .ball.yellow {
  background: #007780;
}

activity-feed .ball-wrapper .ball.green {
  background: #8cb63f;
}

@media (max-width: 599px) {
  activity-feed .ball-wrapper .ball {
    width: 14px;
    height: 14px;
    top: 3px;
  }

  activity-feed .ball-wrapper {
    margin-left: 0;
    margin-right: 20px;
  }
}

activity-feed .feed {
  margin: 0 auto;
}

activity-feed .feed .load-queued-wrapper .btn-blue-solid {
  text-transform: none;
}

@media (max-width: 599px) {
  activity-feed .feed .load-queued-wrapper {
    margin-bottom: 25px;
    padding-left: 0;
  }
}

activity-feed .feed .group.first {
  border-top: 1px solid #e0e0df;
}

activity-feed .feed .date {
  pointer-events: none;
  margin-top: 15px;
  margin-bottom: 15px;
  font-size: 12px;
  font-weight: bold;
  position: relative;
}

activity-feed .feed .date > div {
  display: inline-block;
  transform: translateX(-50%);
}

@media (max-width: 599px) {
  activity-feed .feed .date > div {
    padding: 3px 10px;
    transform: translateY(-50%);
  }

  activity-feed .feed .date {
    text-align: center;
    border-bottom: 0;
    height: 1px;
    margin: 18px 0;
  }
}

activity-feed .feed .card-wrapper > div {
  width: 100%;
}

activity-feed .feed .card-wrapper .user-icon {
  width: 48px;
  margin-right: 20px;
}

activity-feed .feed .card-wrapper .user-icon img {
  width: 45px;
  height: 45px;
  display: inline-block;
  position: relative;
}

activity-feed .feed .card-wrapper .user-icon .initials {
  color: #fff;
  text-align: center;
  border-radius: 50%;
  width: 45px;
  height: 45px;
  font-size: 18px;
  position: relative;
}

activity-feed .feed .card-wrapper .icon {
  width: 20px;
  margin-right: 15px;
}

activity-feed .feed .card-wrapper .card {
  background-color: #fff;
  border: 1px solid #e0e0df;
  border-top: none;
  padding: 24px;
}

activity-feed .feed .card-wrapper .avatar-label {
  border-radius: 2px;
  margin-top: 4px;
  padding: 2px 4px 1px;
  font-size: 11px;
}

activity-feed .feed .card-wrapper .avatar-label.paired {
  color: #fff;
  background-color: #007780;
}

activity-feed .feed .card-wrapper.sparkle .card {
  background-image: url("/images/activity-feed/sparkle-desktop.png");
  background-position: 0;
  background-repeat: no-repeat;
  background-size: contain;
}

@media (max-width: 599px) {
  activity-feed .feed .card-wrapper.sparkle .card {
    background-image: url("/images/activity-feed/sparkle-mobile.png");
  }
}

activity-feed .feed .card-wrapper .when {
  color: #525658;
  margin-top: 4px;
}

activity-feed .feed .card-wrapper report-button button {
  width: 160px;
  height: 42px;
}

@media (max-width: 599px) {
  activity-feed .feed .card-wrapper report-button .ib {
    width: 100%;
    display: block;
  }
}

activity-feed .feed .card-wrapper report-button .btn .lr-spin {
  top: 1px;
}

activity-feed .feed .card-wrapper .initials {
  background-color: #92a3a8;
}

activity-feed .feed .card-wrapper .body-wrap {
  margin-right: 15px;
}

@media (max-width: 599px) {
  activity-feed .feed .card-wrapper .body-wrap {
    margin-right: 0;
  }
}

activity-feed .feed .card-wrapper.realtor .card {
  position: relative;
}

activity-feed .feed .card-wrapper.realtor .icon {
  color: #007780;
}

activity-feed .feed .card-wrapper.realtor .card .body .btn-link {
  white-space: pre-wrap;
  display: inline;
}

activity-feed .feed .card-wrapper.realtor .card .body span {
  font-weight: bold;
}

@media (max-width: 599px) {
  activity-feed .feed .card-wrapper.realtor .secondary-btn-wrap {
    margin-top: 15px;
  }
}

activity-feed .feed .card-wrapper.realtor a {
  font-weight: bold;
  position: relative;
  top: -1px;
}

activity-feed .feed .card-wrapper.lead .card {
  position: relative;
}

activity-feed .feed .card-wrapper.lead .icon {
  color: #8cb63f;
}

activity-feed .feed .card-wrapper.lead .card .body span {
  font-weight: bold;
}

activity-feed .feed .card-wrapper.lead a {
  font-weight: bold;
  position: relative;
  top: -1px;
}

@media (max-width: 599px) {
  activity-feed .feed .card-wrapper {
    border: 0;
  }
}

activity-feed .feed.standalone {
  margin-top: -30px;
}

activity-feed .nocolor {
  font-weight: normal !important;
}

activity-feed .no-activities .card-wrapper {
  border: 0;
}

@media (max-width: 599px) {
  activity-feed .no-activities .card-wrapper .card {
    text-align: center;
  }
}

activity-feed .no-activities .card-wrapper .icon {
  width: 101px;
  margin-right: 50px;
}

@media (max-width: 599px) {
  activity-feed .no-activities .card-wrapper .icon {
    width: 100%;
    margin-right: 0;
  }
}

activity-feed .no-activities h2, activity-feed .no-activities abn-banner banner .title, abn-banner banner activity-feed .no-activities .title, activity-feed .no-activities .cba-banner banner .title, .cba-banner banner activity-feed .no-activities .title {
  font-size: 24px;
  line-height: 28px;
}

@media (max-width: 599px) {
  activity-feed .no-activities h2, activity-feed .no-activities abn-banner banner .title, abn-banner banner activity-feed .no-activities .title, activity-feed .no-activities .cba-banner banner .title, .cba-banner banner activity-feed .no-activities .title {
    font-size: 18px;
    line-height: 22px;
  }
}

activity-feed.compact .user-icon, activity-feed.compact .subtitle, activity-feed.compact report-button, activity-feed.compact .view-agent-btn, activity-feed.compact .view-property-website-btn, activity-feed.compact .view-report-btn {
  display: none;
}

activity-feed.compact .content.standalone {
  padding-top: 30px;
}

@media (max-width: 599px) {
  activity-feed {
    font-size: 14px;
  }
}

.activity-feed.shareables-image-modal .modal-content {
  padding: 40px;
}

.activity-feed.shareables-image-modal i {
  margin: 0;
}

.activity-feed.shareables-image-modal .image {
  max-width: 518px;
}

.listreports-gray, .listreports-grey {
  color: #76888f;
}

vendors-reports, agents-reports {
  display: block;
}

vendors-reports header, agents-reports header {
  border-bottom: 1px solid #d5dfe3;
  padding: 15px;
  font-weight: normal;
}

@media (max-width: 959px) {
  vendors-reports header, agents-reports header {
    border-bottom: 0;
  }
}

@media (max-width: 599px) {
  vendors-reports .search-wrap, agents-reports .search-wrap {
    width: 100%;
  }
}

vendors-reports .mobile-click-icon-holder i, agents-reports .mobile-click-icon-holder i {
  position: relative;
}

vendors-reports .mobile-click-icon-holder .lr-gear, agents-reports .mobile-click-icon-holder .lr-gear {
  right: -10px;
}

vendors-reports .mobile-click-icon-holder .lr-angle-right, agents-reports .mobile-click-icon-holder .lr-angle-right {
  right: -7px;
}

vendors-reports .md-avatar, agents-reports .md-avatar {
  width: 65px;
  height: 65px;
  margin-top: 0;
  margin-bottom: 0;
}

vendors-reports tr, agents-reports tr {
  outline: none;
}

vendors-reports th, vendors-reports td, agents-reports th, agents-reports td {
  vertical-align: middle !important;
}

vendors-reports th, agents-reports th {
  color: #1e2b35;
  border-bottom: 1px solid #d5dfe3;
  font-size: 14px;
  border-top: 0 !important;
}

vendors-reports td, agents-reports td {
  border-color: #d5dfe3;
  padding: 15px 8px;
  font-size: 14px;
}

vendors-reports .no-reports, agents-reports .no-reports {
  background: #fff;
  margin-top: 0;
  padding: 35px;
  font-size: 24px;
}

vendors-reports .no-reports i, agents-reports .no-reports i {
  color: #349196;
}

vendors-reports .no-reports h1, agents-reports .no-reports h1 {
  margin-top: 15px;
  margin-bottom: 15px;
  font-size: 48px;
  font-weight: bold;
}

vendors-reports .no-reports p, agents-reports .no-reports p {
  line-height: 30px;
}

vendors-reports .no-reports .tip, agents-reports .no-reports .tip {
  background: #349196;
  margin-top: 15px;
  margin-left: -35px;
  margin-right: -35px;
  padding: 13px 35px;
  font-size: 18px;
}

@media (max-width: 599px) {
  vendors-reports .no-reports, agents-reports .no-reports {
    margin-top: 10px;
  }
}

vendors-reports .not-available td, agents-reports .not-available td {
  color: rgba(118, 136, 143, .5) !important;
}

vendors-reports .not-available td i, vendors-reports .not-available td img, agents-reports .not-available td i, agents-reports .not-available td img {
  opacity: .5;
}

vendors-reports .not-available td .btn, agents-reports .not-available td .btn {
  opacity: .5;
  color: #76888f;
  border-color: #76888f;
}

vendors-reports .not-available td .btn i, agents-reports .not-available td .btn i, vendors-reports .not-available.inactive i, vendors-reports .not-available.inactive .status-badge, vendors-reports .not-available.inactive .btn, agents-reports .not-available.inactive i, agents-reports .not-available.inactive .status-badge, agents-reports .not-available.inactive .btn {
  opacity: 1;
}

vendors-reports .status, agents-reports .status {
  border-radius: 50%;
  width: 10px;
  height: 10px;
  margin: 5px 15px 5px 0;
  display: inline-block;
}

vendors-reports .status.accepted, agents-reports .status.accepted {
  background: #7ba915;
}

vendors-reports .status.not-accepted, agents-reports .status.not-accepted {
  background: #9e9f9e;
}

vendors-reports .status.archived, agents-reports .status.archived {
  background: #1e2b35;
}

@media (max-width: 959px) {
  vendors-reports .loading, agents-reports .loading {
    border-top: 1px solid #e0e0df;
  }
}

vendors-reports .under-review, agents-reports .under-review {
  height: 1px;
  min-height: 500px;
  padding: 15px;
}

vendors-reports .under-review h2, vendors-reports .under-review abn-banner banner .title, abn-banner banner vendors-reports .under-review .title, vendors-reports .under-review .cba-banner banner .title, .cba-banner banner vendors-reports .under-review .title, agents-reports .under-review h2, agents-reports .under-review abn-banner banner .title, abn-banner banner agents-reports .under-review .title, agents-reports .under-review .cba-banner banner .title, .cba-banner banner agents-reports .under-review .title {
  margin: 10px 0;
}

@media (max-width: 599px) {
  vendors-reports .under-review, agents-reports .under-review {
    border-top: 1px solid #d5dfe3;
    min-height: 500px;
  }
}

vendors-reports .new-label, agents-reports .new-label {
  text-align: center;
  color: #fff;
  background-color: #f2b21c;
  height: 20px;
  margin-top: 8px;
}

@media (min-width: 599px) {
  vendors-reports .new-label, agents-reports .new-label {
    background-image: url("/images/new_label_rotated.png");
    background-position: center;
    background-repeat: no-repeat;
    width: 30px;
    height: 100%;
    margin-top: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
  }
}

vendors-reports .new-label .new-label-copy, agents-reports .new-label .new-label-copy {
  margin-top: 2px;
  display: inline-block;
}

vendors-reports .table td.avatar-holder, agents-reports .table td.avatar-holder {
  position: relative;
}

@media (min-width: 599px) {
  vendors-reports .table td.avatar-holder, agents-reports .table td.avatar-holder {
    padding-left: 20px;
  }
}

vendors-reports .checkmark, agents-reports .checkmark {
  vertical-align: bottom;
  font-size: 16px;
}

@media (min-width: 599px) {
  vendors-reports .checkmark, agents-reports .checkmark {
    vertical-align: middle;
    font-size: 20px;
  }
}

vendors-reports .checkmark, agents-reports .checkmark {
  font-weight: 700;
}

vendors-reports .reports-listing-mobile li, agents-reports .reports-listing-mobile li {
  margin-bottom: 5px;
}

agents-reports .avatar-holder img {
  max-width: 135px;
}

@media (max-width: 599px) {
  agents-reports .avatar-holder img {
    max-width: 110px;
  }
}

agents-reports .avatar-holder .new-label {
  margin-top: 0;
}

.listreports-gray, .listreports-grey {
  color: #76888f;
}

search-input {
  display: inline-block;
  position: relative;
}

search-input input.form-control, search-input login-phone-verification .code-input-wrap input, login-phone-verification .code-input-wrap search-input input, search-input .account-verification-code .code-input-wrap input, .account-verification-code .code-input-wrap search-input input {
  border-color: #d5dfe3;
  height: 40px;
  margin-bottom: 0;
  margin-right: -36px;
  padding-right: 36px;
  display: inline-block;
  position: relative;
}

search-input input.form-control::placeholder {
  color: #525658 !important;
}

search-input login-phone-verification .code-input-wrap input::placeholder {
  color: #525658 !important;
}

login-phone-verification .code-input-wrap search-input input::placeholder {
  color: #525658 !important;
}

search-input .account-verification-code .code-input-wrap input::placeholder {
  color: #525658 !important;
}

.account-verification-code .code-input-wrap search-input input::placeholder {
  color: #525658 !important;
}

search-input .btn {
  background-color: #fff !important;
  border: 0 !important;
  padding-left: 10px !important;
  padding-right: 10px !important;
}

search-input .btn .lr {
  margin-right: 0;
}

search-input .input-group {
  display: flex !important;
}

search-input .input-group-addon {
  color: #d5dfe3;
  background: #fff;
  border-color: #d5dfe3;
}

search-input .lr-times {
  z-index: 2;
  font-size: 10px;
  display: none;
  position: absolute;
  top: 26%;
  right: 35px;
}

search-input.block {
  display: block;
}

.states-select {
  height: 40px;
}

@media (max-width: 599px) {
  .states-select {
    height: 36px;
  }
}

.listreports-blue {
  color: #007780;
}

.listreports-dark-blue {
  color: #1e2b35;
}

.listreports-light-gray {
  color: #b3bbc0;
}

.listreports-gray, .listreports-grey {
  color: #76888f;
}

.listreports-frosty {
  color: #f8fafb;
}

.listreports-frosty-bg {
  background-color: #f8fafb;
}

.listreports-giggity {
  color: #696969;
}

.listreports-sidewalk {
  color: #b4bbbf;
}

.listreports-red {
  color: #d51d4c;
}

.listreports-green {
  color: #8cb63f;
}

.listreports-orange {
  color: #f3b204;
}

.ice-ice-baby {
  color: #d5dfe3;
}

.sidewalk {
  color: #b4bbbf;
}

.stone {
  color: #525658;
}

.default-font-color {
  color: #1e2b35;
}

.mbshighway-body-link-btns-bg {
  background-color: #8551dc;
}

.mbshighway-body-link-btns-text {
  text-decoration: underline;
  color: #8551dc !important;
}

.mbshighway-btn-text {
  color: #fff !important;
}

.mbshighway-header-text {
  color: #113a3f;
}

.mbshighway-form-text {
  color: #0d2121;
}

.default-secondary-text-color {
  color: #525658;
}

title-bar {
  display: block;
}

title-bar h2, title-bar abn-banner banner .title, abn-banner banner title-bar .title, title-bar .cba-banner banner .title, .cba-banner banner title-bar .title {
  margin-top: -32px;
  margin-bottom: 32px;
}

@media (max-width: 599px) {
  title-bar h2, title-bar abn-banner banner .title, abn-banner banner title-bar .title, title-bar .cba-banner banner .title, .cba-banner banner title-bar .title {
    margin-top: -18px;
    margin-bottom: 18px;
  }
}

title-bar .title-holder > * {
  display: inline-block;
}

title-bar .title-holder h1 {
  margin-top: 0;
}

@media (max-width: 599px) {
  title-bar .title-holder h1 {
    margin-bottom: 0;
  }
}

title-bar .beta {
  color: #fff;
  background: #f3b204;
  border-radius: 3px;
  padding: 4px 6px 3px;
  font-size: 10px;
  position: relative;
  top: -19px;
}

@media (max-width: 599px) {
  title-bar .beta {
    top: -11px;
  }
}

title-bar .badge {
  border-radius: 4px;
  padding: 6px 8px;
  font-size: 14px;
  position: relative;
  top: -10px;
}

@media (max-width: 599px) {
  title-bar .badge {
    top: -7px;
  }
}

title-bar .badge-free-trial {
  color: #fff;
  background-color: #2f3c49;
}

title-bar .badge-plus {
  color: #000;
  background-color: #f3b204;
}

title-bar .img-wrap {
  margin-right: 15px;
}

title-bar.smaller-title h1 {
  font-size: 36px;
  line-height: 36px;
}

@media (max-width: 599px) {
  title-bar.smaller-title h1 {
    font-size: 28px;
  }
}

title-bar.smaller-title h2, title-bar.smaller-title abn-banner banner .title, abn-banner banner title-bar.smaller-title .title, title-bar.smaller-title .cba-banner banner .title, .cba-banner banner title-bar.smaller-title .title {
  margin-top: -24px;
  margin-bottom: 24px;
  font-size: 18px;
}

@media (max-width: 599px) {
  title-bar.smaller-title h2, title-bar.smaller-title abn-banner banner .title, abn-banner banner title-bar.smaller-title .title, title-bar.smaller-title .cba-banner banner .title, .cba-banner banner title-bar.smaller-title .title {
    margin-top: -18px;
    margin-bottom: 18px;
  }
}

title-bar .video-btn {
  font-size: 14px !important;
}

title-bar lead-status-symbol {
  margin-left: 10px;
  display: block;
}

@media (max-width: 599px) {
  title-bar .btn-single-action {
    margin-top: 4px;
  }

  title-bar .btn-single-action:first-of-type {
    margin-top: 0;
  }

  title-bar .btnholder {
    margin-top: 18px;
  }

  title-bar {
    margin-top: 24px;
    margin-bottom: 24px;
    padding-left: 15px;
    padding-right: 15px;
  }
}

.arba-invite-message .horn-image {
  width: 29px;
}

.arba-invite-message .message {
  margin-left: 10px;
  font-size: 14px;
  font-weight: bold;
}

.arba-invite-message .message .refer-link {
  top: -1px;
}

.ib {
  display: inline-block;
}

.clickable {
  cursor: pointer;
}

.uppercase {
  text-transform: uppercase !important;
}

.lowercase {
  text-transform: lowercase !important;
}

.naturalcase {
  text-transform: none !important;
}

.capitalize {
  text-transform: capitalize !important;
}

.strikethrough {
  text-decoration: line-through !important;
}

.strikeout {
  line-height: 1em;
  position: relative;
}

.strikeout:after {
  content: "";
  border-bottom: .125em solid #d51d4c;
  margin-top: -.0625em;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
}

.text-left {
  text-align: left !important;
}

.text-center {
  text-align: center !important;
}

@media (max-width: 599px) {
  .text-center-xs {
    text-align: center !important;
  }
}

@media (min-width: 600px) {
  .text-center-gt-xs {
    text-align: center !important;
  }
}

.text-right {
  text-align: right !important;
}

.bold, login-phone-verification .code-input-wrap input, .account-verification-code .code-input-wrap input {
  font-weight: bold !important;
}

.medium {
  font-weight: 500 !important;
}

.not-bold, .regular {
  font-weight: normal !important;
}

.no-pad-bottom {
  padding-bottom: 0 !important;
}

.no-pad {
  padding: 0 !important;
}

.no-margin {
  margin: 0 !important;
}

slick .move-left, slick .move-right {
  cursor: pointer;
  font-size: 60px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

slick .move-left {
  left: -45px;
}

slick .move-right {
  right: -45px;
}

.slick-dots li {
  margin: 0 2px;
}

.slick-dots li button:before {
  color: #fff;
  content: "";
  border: 1px solid #fff;
  border-radius: 50%;
  width: 15px;
  height: 15px;
  font-family: proxima;
  font-size: 30px;
  top: auto;
  bottom: 0;
  left: 2px;
  opacity: 1 !important;
}

.slick-dots li.slick-active button:before {
  color: #fff;
  content: "";
  background: #fff;
  border: 1px solid #fff;
}

.exclamation {
  margin-left: 5px;
  font-size: 10px;
}

.exclamation i {
  color: #1e2b35;
}

.exclamation .fa-inverse {
  color: #fff !important;
}

.exclamation .tooltip {
  width: 200px;
  opacity: 1 !important;
}

.exclamation .tooltip .tooltip-arrow {
  border-right-color: #1e2b35 !important;
}

.exclamation .tooltip .tooltip-inner {
  border-radius: 0;
  padding: 15px;
  background: #1e2b35 !important;
}

.visually-hidden {
  opacity: 0 !important;
  pointer-events: none !important;
  transition: none !important;
}

.hidden {
  visibility: hidden;
  width: 0;
  height: 0;
  display: block;
  overflow: hidden;
}

.table td, .table tr, .table th, .table div, .table p {
  vertical-align: middle !important;
}

.table thead tr th {
  border-bottom: 0;
}

.table td, .table th {
  line-height: 1.3 !important;
}

.table td:first-child, .table th:first-child {
  padding-left: 20px;
}

.table td:last-child, .table th:last-child {
  padding-right: 20px;
}

.table .tablesort-asc, .table .tablesort-desc {
  background: #fff;
}

.table .tablesort-sortable:after {
  border-bottom-width: 8px;
  border-bottom-color: #007780;
  border-left-width: 6px;
  border-right-width: 6px;
  margin-left: 7px;
  display: inline-block;
  position: relative;
  top: -1px;
}

.table .tablesort-desc:after {
  border-top-width: 8px;
  border-top-color: #007780;
}

@media (min-width: 600px) {
  .ie-flex-width-fix {
    -ms-flex: 1 0 auto;
  }
}

.ie-flex-fill-height-fix.flex {
  -ms-flex: auto;
}

iframe[name="google_conversion_frame"] {
  float: left;
  margin-top: -13px;
  width: 0 !important;
  height: 0 !important;
  font-size: 0 !important;
  line-height: 0 !important;
}

.pac-container {
  box-shadow: none;
  border: 1px solid #d5dfe3;
  z-index: 2000 !important;
}

.search-input::-ms-clear {
  width: 0;
  height: 0;
  display: none;
}

md-progress-circular.listreports-blue-theme {
  background-color: rgba(0, 0, 0, 0);
}

md-progress-circular.listreports-blue-theme .md-inner .md-gap {
  border-top-color: #007780;
  border-bottom-color: #007780;
}

md-progress-circular.listreports-blue-theme .md-inner .md-left .md-half-circle, md-progress-circular.listreports-blue-theme .md-inner .md-right .md-half-circle {
  border-top-color: #007780;
}

md-progress-circular.listreports-blue-theme .md-inner .md-right .md-half-circle {
  border-right-color: #007780;
}

md-progress-circular.listreports-blue-theme .md-inner .md-left .md-half-circle {
  border-left-color: #007780;
}

md-content {
  color: #1e2b35;
}

@media (max-width: 599px) {
  .breadcrumbs {
    padding-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
  }
}

.image-round-xxl {
  border-radius: 50%;
  width: 80px;
  height: 80px;
}

@media (max-width: 599px) {
  .image-round-xxl {
    width: 68px;
    height: 68px;
  }
}

.section-group {
  background: #fff;
  border: 1px solid #d5dfe3;
}

.section-group header {
  border-bottom: 1px solid #d5dfe3;
  padding: 15px;
}

.section-group header h2, .section-group header abn-banner banner .title, abn-banner banner .section-group header .title, .section-group header .cba-banner banner .title, .cba-banner banner .section-group header .title {
  margin: 0;
}

.section-group header .form-control, .section-group header login-phone-verification .code-input-wrap input, login-phone-verification .code-input-wrap .section-group header input, .section-group header .account-verification-code .code-input-wrap input, .account-verification-code .code-input-wrap .section-group header input {
  margin-bottom: 0 !important;
}

.section-group .content {
  padding: 25px;
}

.section-group.borderless {
  border: 0;
}

.section-group.borderless-top {
  border-top: 0;
}

.section-group.border-top {
  border-top: 1px solid #d5dfe3;
}

.input-group-addon {
  background: none;
  border-color: #d5dfe3;
  max-height: 40px;
}

.load-more-wrap, .loading-circular-wrap {
  border-top: 1px solid #d5dfe3;
  padding: 30px;
}

.load-more-wrap.no-border-top, .loading-circular-wrap.no-border-top {
  border-top: 0;
}

a.learn-more {
  margin-left: 14px;
  font-size: 12px;
}

.dont-break-out {
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -webkit-hyphens: auto;
  hyphens: auto;
}

.bg-image {
  background-color: rgba(0, 0, 0, 0);
  background-position: center;
  background-repeat: no-repeat;
}

.bg-image.bg-cover {
  background-size: cover;
}

.bg-image.bg-contain {
  background-size: contain;
}

.margin-top-0 {
  margin-top: 0;
}

.btn .lr.lr-caret-up {
  top: 1px;
}

.badge {
  color: #fff;
  border-radius: 2px;
  margin-left: 2px;
  padding: 3px 5px 2px;
  display: inline-block;
  position: relative;
}

.badge.badge-yellow {
  background-color: #f3b204;
}

.badge.badge-f14 {
  font-size: 14px;
}

.legal-font-size {
  font-size: 12px;
}

.fs-10 {
  font-size: 10px;
}

.fs-12 {
  font-size: 12px;
}

.animate.fade.ng-enter, .animate.fade.ng-leave {
  transition: all .3s ease-out;
}

.animate.fade.ng-enter {
  opacity: 0;
}

.animate.fade.ng-enter.ng-enter-active, .animate.fade.ng-leave {
  opacity: 1;
}

.animate.fade.ng-leave.ng-leave-active {
  opacity: 0;
}

.space-between > * {
  margin-left: 8px;
  margin-right: 8px;
}

.space-between > :first-child {
  margin-left: 0;
}

.space-between > :last-child {
  margin-right: 0;
}

.space-between.space-between-30 > * {
  margin-left: 15px;
  margin-right: 15px;
}

.space-between.space-between-30 > :first-child {
  margin-left: 0;
}

.space-between.space-between-30 > :last-child {
  margin-right: 0;
}

@media (max-width: 599px) {
  tr.hide-xs + tr td {
    border: 0 !important;
  }
}

.rcp-light {
  --rcp-background: #fff;
  --rcp-input-text: #111;
  --rcp-input-border: rgba(0, 0, 0, .1);
  --rcp-input-label: #717171;
}

.rcp-dark {
  --rcp-background: #181818;
  --rcp-input-text: #f3f3f3;
  --rcp-input-border: rgba(255, 255, 255, .1);
  --rcp-input-label: #999;
}

.rcp {
  background-color: var(--rcp-background);
  border-radius: 10px;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.rcp-body {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 20px;
  width: 100%;
  padding: 20px 20px 62px;
  display: flex;
}

.rcp-saturation {
  -webkit-user-select: none;
  user-select: none;
  background-image: linear-gradient(rgba(0, 0, 0, 0), #000), linear-gradient(to right, #fff, rgba(0, 0, 0, 0));
  border-radius: 10px 10px 0 0;
  width: 100%;
  position: relative;
}

.rcp-saturation-cursor {
  box-sizing: border-box;
  border: 2px solid #fff;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  position: absolute;
  transform: translate(-10px, -10px);
  box-shadow: 0 0 15px rgba(0, 0, 0, .15);
}

.rcp-hue {
  -webkit-user-select: none;
  user-select: none;
  background-image: linear-gradient(to right, red, #ff0, #0f0, #0ff, #00f, #f0f, red);
  border-radius: 10px;
  width: 100%;
  height: 12px;
  position: relative;
}

.rcp-hue-cursor {
  box-sizing: border-box;
  border: 2px solid #fff;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  position: absolute;
  transform: translate(-10px, -4px);
  box-shadow: 0 0 0 .5px rgba(0, 0, 0, .2);
}

.rcp-alpha {
  -webkit-user-select: none;
  user-select: none;
  border-radius: 10px;
  width: 100%;
  height: 12px;
  position: relative;
}

.rcp-alpha-cursor {
  box-sizing: border-box;
  border: 2px solid #fff;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  position: absolute;
  transform: translate(-10px, -4px);
  box-shadow: 0 0 0 .5px rgba(0, 0, 0, .2);
}

.rcp-fields {
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 10px;
  width: 100%;
  display: grid;
}

.rcp-fields-element {
  flex-direction: column;
  align-items: center;
  gap: 5px;
  width: 100%;
  display: flex;
}

.hex-element {
  grid-row: 1;
}

.hex-element:nth-child(3n) {
  grid-column: 1 / -1;
}

.rcp-fields-element-input {
  width: 100%;
  color: var(--rcp-input-text);
  text-align: center;
  border: 2px solid;
  border-color: var(--rcp-input-border);
  box-sizing: border-box;
  background: none;
  border-radius: 4px;
  outline: none;
  padding: 10px;
  font-size: 14px;
  font-weight: 600;
}

.rcp-fields-element-label {
  color: var(--rcp-input-label);
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
}

.rcp-preview-swatch {
  border: 2px solid;
  border-color: var(--rcp-input-border);
  border-radius: 4px;
  width: 42px;
  height: 42px;
}

.swiper-pagination-bullet {
  opacity: 1;
  background-color: #555;
  border-radius: 0;
  width: 24px;
  height: 2px;
}

.swiper-pagination-bullet-active {
  background-color: #fff;
}

.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 20px;
}

.swiper-button-prev.swiper-button-hidden, .swiper-button-next.swiper-button-hidden {
  opacity: 0;
}

.swiper-button-prev {
  color: #696969;
  left: -8px;
}

.swiper-button-prev:after {
  content: none;
}

.swiper-button-next {
  color: #696969;
  right: -8px;
}

.swiper-button-next:after {
  content: none;
}