@import url("https://fonts.googleapis.com/css?family=Lato:300,400,700,900");
@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700");
@import url("https://cdnjs.cloudflare.com/ajax/libs/flag-icon-css/0.8.2/css/flag-icon.min.css");
@import "https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css";
.all-developers-input-container {
  color: #071d49;
  height: auto;
  cursor: pointer;
  position: relative;
  border-radius: 4px;
  background: white;
  border: 1px solid #91a1bf;
}

.all-developers-input-container__inner {
  border: 1px solid #91a1bf;
  box-shadow: 0px 3px 6px #000029;
}

.all-developers-input-container__inner.active {
  border: 2px solid #2a6ebb;
  background-color: #e5f3fc;
}

.all-developers-input-container span {
  padding: 15px;
  font-size: 14px;
  display: inline-block;
}

.all-developers-input-container .fa-angle-down {
  top: 25px;
  right: 10px;
  font-size: 30px;
  position: absolute;
  transform: translateY(-50%);
}

.all-developers-input-container__dropdown__container {
  display: none;
}

.all-developers-input-container__dropdown__container .form-control {
  padding: 10px;
  color: #91a1bf;
}

.all-developers-input-container__dropdown__container.active {
  display: block;
}

.all-developers-input-container__dropdown__input__container {
  position: relative;
}

.all-developers-input-container__dropdown__input__container .form-control {
  padding-left: 40px;
}

.all-developers-input-container__dropdown__input__container .icon {
  top: 50%;
  left: 10px;
  position: absolute;
  color: #91a1bf;
  transform: translateY(-50%);
}

.all-developers-input-container .developer-selection {
  padding: 10px;
  font-size: 14px;
  font-weight: bold;
  color: #91a1bf;
}

.all-developers-input-container .developer-selection:not(:last-child) {
  border-bottom: 1px solid #91a1bf;
}

/*!
 * Bootstrap v4.0.0-alpha.6 (https://getbootstrap.com)
 * Copyright 2011-2017 The Bootstrap Authors
 * Copyright 2011-2017 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
.custom-select {
  width: 100%;
}

/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif;
  line-height: 1.15;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

article,
aside,
footer,
header,
nav,
section {
  display: block;
}

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

figcaption,
figure,
main {
  display: block;
}

figure {
  margin: 1em 40px;
}

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

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

a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}

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

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}

b,
strong {
  font-weight: inherit;
}

b,
strong {
  font-weight: bolder;
}

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

dfn {
  font-style: italic;
}

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

small {
  font-size: 80%;
}

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

audio,
video {
  display: inline-block;
}

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

img {
  border-style: none;
}

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

button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

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

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

progress {
  display: inline-block;
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

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

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

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

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

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

details,
menu {
  display: block;
}

summary {
  display: list-item;
}

canvas {
  display: inline-block;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

@media print {
  *,
  *::before,
  *::after,
  p::first-letter,
  div::first-letter,
  blockquote::first-letter,
  li::first-letter,
  p::first-line,
  div::first-line,
  blockquote::first-line,
  li::first-line {
    text-shadow: none !important;
    box-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  abbr[title]::after {
    content: " (" attr(title) ")";
  }
  pre {
    white-space: pre-wrap !important;
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  .navbar {
    display: none;
  }
  .badge {
    border: 1px solid #000;
  }
  .table {
    border-collapse: collapse !important;
  }
  .table td,
  .table th {
    background-color: #fff !important;
  }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #ddd !important;
  }
}

html {
  box-sizing: border-box;
}

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

html {
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
  font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.5;
  color: #292b2c;
  background-color: #fff;
}

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

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: .5rem;
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}

abbr[title],
abbr[data-original-title] {
  cursor: help;
}

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}

dt {
  font-weight: bold;
}

dd {
  margin-bottom: .5rem;
  margin-left: 0;
}

blockquote {
  margin: 0 0 1rem;
}

a {
  color: #0077c8;
  text-decoration: none;
}

a:focus, a:hover {
  color: #00497c;
  text-decoration: underline;
}

a:not([href]):not([tabindex]) {
  color: inherit;
  text-decoration: none;
}

a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover {
  color: inherit;
  text-decoration: none;
}

a:not([href]):not([tabindex]):focus {
  outline: 0;
}

pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
}

figure {
  margin: 0 0 1rem;
}

img {
  vertical-align: middle;
}

[role="button"] {
  cursor: pointer;
}

a,
area,
button,
[role="button"],
input,
label,
select,
summary,
textarea {
  touch-action: manipulation;
}

table {
  border-collapse: collapse;
  background-color: transparent;
}

caption {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: #636c72;
  text-align: left;
  caption-side: bottom;
}

th {
  text-align: left;
}

label {
  display: inline-block;
  margin-bottom: .5rem;
}

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}

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

input[type="radio"]:disabled,
input[type="checkbox"]:disabled {
  cursor: not-allowed;
}

input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
  -webkit-appearance: listbox;
}

textarea {
  resize: vertical;
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: .5rem;
  font-size: 1.5rem;
  line-height: inherit;
}

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

output {
  display: inline-block;
}

[hidden] {
  display: none !important;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  margin-bottom: 0.5rem;
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
}

h1, .h1 {
  font-size: 2.5rem;
}

h2, .h2 {
  font-size: 2rem;
}

h3, .h3 {
  font-size: 1.75rem;
}

h4, .h4 {
  font-size: 1.5rem;
}

h5, .h5 {
  font-size: 1.25rem;
}

h6, .h6 {
  font-size: 1rem;
}

.lead {
  font-size: 1.25rem;
  font-weight: 300;
}

.display-1 {
  font-size: 6rem;
  font-weight: 300;
  line-height: 1.1;
}

.display-2 {
  font-size: 5.5rem;
  font-weight: 300;
  line-height: 1.1;
}

.display-3 {
  font-size: 4.5rem;
  font-weight: 300;
  line-height: 1.1;
}

.display-4 {
  font-size: 3.5rem;
  font-weight: 300;
  line-height: 1.1;
}

hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

small,
.small {
  font-size: 80%;
  font-weight: normal;
}

mark,
.mark {
  padding: 0.2em;
  background-color: #fcf8e3;
}

.list-unstyled {
  padding-left: 0;
  list-style: none;
}

.list-inline {
  padding-left: 0;
  list-style: none;
}

.list-inline-item {
  display: inline-block;
}

.list-inline-item:not(:last-child) {
  margin-right: 5px;
}

.initialism {
  font-size: 90%;
  text-transform: uppercase;
}

.blockquote {
  padding: 0.5rem 1rem;
  margin-bottom: 1rem;
  font-size: 1.25rem;
  border-left: 0.25rem solid #eceeef;
}

.blockquote-footer {
  display: block;
  font-size: 80%;
  color: #636c72;
}

.blockquote-footer::before {
  content: "\2014 \00A0";
}

.blockquote-reverse {
  padding-right: 1rem;
  padding-left: 0;
  text-align: right;
  border-right: 0.25rem solid #eceeef;
  border-left: 0;
}

.blockquote-reverse .blockquote-footer::before {
  content: "";
}

.blockquote-reverse .blockquote-footer::after {
  content: "\00A0 \2014";
}

.img-fluid {
  max-width: 100%;
  height: auto;
}

.img-thumbnail {
  padding: 0.25rem;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 0;
  transition: all 0.2s ease-in-out;
  max-width: 100%;
  height: auto;
}

.figure {
  display: inline-block;
}

.figure-img {
  margin-bottom: 0.5rem;
  line-height: 1;
}

.figure-caption {
  font-size: 90%;
  color: #636c72;
}

code,
kbd,
pre,
samp {
  font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

code {
  padding: 0.2rem 0.4rem;
  font-size: 90%;
  color: #bd4147;
  background-color: #f7f7f9;
  border-radius: 0;
}

a > code {
  padding: 0;
  color: inherit;
  background-color: inherit;
}

kbd {
  padding: 0.2rem 0.4rem;
  font-size: 90%;
  color: #fff;
  background-color: #292b2c;
  border-radius: 0.2rem;
}

kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: bold;
}

pre {
  display: block;
  margin-top: 0;
  margin-bottom: 1rem;
  font-size: 90%;
  color: #292b2c;
}

pre code {
  padding: 0;
  font-size: inherit;
  color: inherit;
  background-color: transparent;
  border-radius: 0;
}

.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}

.container {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  padding-right: 15px;
  padding-left: 15px;
}

@media (min-width: 576px) {
  .container {
    padding-right: 15px;
    padding-left: 15px;
  }
}

@media (min-width: 768px) {
  .container {
    padding-right: 15px;
    padding-left: 15px;
  }
}

@media (min-width: 992px) {
  .container {
    padding-right: 15px;
    padding-left: 15px;
  }
}

@media (min-width: 1200px) {
  .container {
    padding-right: 15px;
    padding-left: 15px;
  }
}

@media (min-width: 576px) {
  .container {
    width: 540px;
    max-width: 100%;
  }
}

@media (min-width: 768px) {
  .container {
    width: 720px;
    max-width: 100%;
  }
}

@media (min-width: 992px) {
  .container {
    width: 960px;
    max-width: 100%;
  }
}

@media (min-width: 1200px) {
  .container {
    width: 1140px;
    max-width: 100%;
  }
}

.container-fluid {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  padding-right: 15px;
  padding-left: 15px;
}

@media (min-width: 576px) {
  .container-fluid {
    padding-right: 15px;
    padding-left: 15px;
  }
}

@media (min-width: 768px) {
  .container-fluid {
    padding-right: 15px;
    padding-left: 15px;
  }
}

@media (min-width: 992px) {
  .container-fluid {
    padding-right: 15px;
    padding-left: 15px;
  }
}

@media (min-width: 1200px) {
  .container-fluid {
    padding-right: 15px;
    padding-left: 15px;
  }
}

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

@media (min-width: 576px) {
  .row {
    margin-right: -15px;
    margin-left: -15px;
  }
}

@media (min-width: 768px) {
  .row {
    margin-right: -15px;
    margin-left: -15px;
  }
}

@media (min-width: 992px) {
  .row {
    margin-right: -15px;
    margin-left: -15px;
  }
}

@media (min-width: 1200px) {
  .row {
    margin-right: -15px;
    margin-left: -15px;
  }
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}

.no-gutters > .col,
.no-gutters > [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

@media (min-width: 576px) {
  .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl {
    padding-right: 15px;
    padding-left: 15px;
  }
}

@media (min-width: 768px) {
  .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl {
    padding-right: 15px;
    padding-left: 15px;
  }
}

@media (min-width: 992px) {
  .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl {
    padding-right: 15px;
    padding-left: 15px;
  }
}

@media (min-width: 1200px) {
  .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl {
    padding-right: 15px;
    padding-left: 15px;
  }
}

.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
}

.col-1 {
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}

.col-2 {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

.col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

.col-5 {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}

.col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}

.col-8 {
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}

.col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}

.col-11 {
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}

.col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

.pull-0 {
  right: auto;
}

.pull-1 {
  right: 8.3333333333%;
}

.pull-2 {
  right: 16.6666666667%;
}

.pull-3 {
  right: 25%;
}

.pull-4 {
  right: 33.3333333333%;
}

.pull-5 {
  right: 41.6666666667%;
}

.pull-6 {
  right: 50%;
}

.pull-7 {
  right: 58.3333333333%;
}

.pull-8 {
  right: 66.6666666667%;
}

.pull-9 {
  right: 75%;
}

.pull-10 {
  right: 83.3333333333%;
}

.pull-11 {
  right: 91.6666666667%;
}

.pull-12 {
  right: 100%;
}

.push-0 {
  left: auto;
}

.push-1 {
  left: 8.3333333333%;
}

.push-2 {
  left: 16.6666666667%;
}

.push-3 {
  left: 25%;
}

.push-4 {
  left: 33.3333333333%;
}

.push-5 {
  left: 41.6666666667%;
}

.push-6 {
  left: 50%;
}

.push-7 {
  left: 58.3333333333%;
}

.push-8 {
  left: 66.6666666667%;
}

.push-9 {
  left: 75%;
}

.push-10 {
  left: 83.3333333333%;
}

.push-11 {
  left: 91.6666666667%;
}

.push-12 {
  left: 100%;
}

.offset-1 {
  margin-left: 8.3333333333%;
}

.offset-2 {
  margin-left: 16.6666666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.3333333333%;
}

.offset-5 {
  margin-left: 41.6666666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.3333333333%;
}

.offset-8 {
  margin-left: 66.6666666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.3333333333%;
}

.offset-11 {
  margin-left: 91.6666666667%;
}

@media (min-width: 576px) {
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-sm-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-sm-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-sm-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-sm-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-sm-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .pull-sm-0 {
    right: auto;
  }
  .pull-sm-1 {
    right: 8.3333333333%;
  }
  .pull-sm-2 {
    right: 16.6666666667%;
  }
  .pull-sm-3 {
    right: 25%;
  }
  .pull-sm-4 {
    right: 33.3333333333%;
  }
  .pull-sm-5 {
    right: 41.6666666667%;
  }
  .pull-sm-6 {
    right: 50%;
  }
  .pull-sm-7 {
    right: 58.3333333333%;
  }
  .pull-sm-8 {
    right: 66.6666666667%;
  }
  .pull-sm-9 {
    right: 75%;
  }
  .pull-sm-10 {
    right: 83.3333333333%;
  }
  .pull-sm-11 {
    right: 91.6666666667%;
  }
  .pull-sm-12 {
    right: 100%;
  }
  .push-sm-0 {
    left: auto;
  }
  .push-sm-1 {
    left: 8.3333333333%;
  }
  .push-sm-2 {
    left: 16.6666666667%;
  }
  .push-sm-3 {
    left: 25%;
  }
  .push-sm-4 {
    left: 33.3333333333%;
  }
  .push-sm-5 {
    left: 41.6666666667%;
  }
  .push-sm-6 {
    left: 50%;
  }
  .push-sm-7 {
    left: 58.3333333333%;
  }
  .push-sm-8 {
    left: 66.6666666667%;
  }
  .push-sm-9 {
    left: 75%;
  }
  .push-sm-10 {
    left: 83.3333333333%;
  }
  .push-sm-11 {
    left: 91.6666666667%;
  }
  .push-sm-12 {
    left: 100%;
  }
  .offset-sm-0 {
    margin-left: 0%;
  }
  .offset-sm-1 {
    margin-left: 8.3333333333%;
  }
  .offset-sm-2 {
    margin-left: 16.6666666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.3333333333%;
  }
  .offset-sm-5 {
    margin-left: 41.6666666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.3333333333%;
  }
  .offset-sm-8 {
    margin-left: 66.6666666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.3333333333%;
  }
  .offset-sm-11 {
    margin-left: 91.6666666667%;
  }
}

@media (min-width: 768px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-md-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-md-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-md-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-md-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-md-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .pull-md-0 {
    right: auto;
  }
  .pull-md-1 {
    right: 8.3333333333%;
  }
  .pull-md-2 {
    right: 16.6666666667%;
  }
  .pull-md-3 {
    right: 25%;
  }
  .pull-md-4 {
    right: 33.3333333333%;
  }
  .pull-md-5 {
    right: 41.6666666667%;
  }
  .pull-md-6 {
    right: 50%;
  }
  .pull-md-7 {
    right: 58.3333333333%;
  }
  .pull-md-8 {
    right: 66.6666666667%;
  }
  .pull-md-9 {
    right: 75%;
  }
  .pull-md-10 {
    right: 83.3333333333%;
  }
  .pull-md-11 {
    right: 91.6666666667%;
  }
  .pull-md-12 {
    right: 100%;
  }
  .push-md-0 {
    left: auto;
  }
  .push-md-1 {
    left: 8.3333333333%;
  }
  .push-md-2 {
    left: 16.6666666667%;
  }
  .push-md-3 {
    left: 25%;
  }
  .push-md-4 {
    left: 33.3333333333%;
  }
  .push-md-5 {
    left: 41.6666666667%;
  }
  .push-md-6 {
    left: 50%;
  }
  .push-md-7 {
    left: 58.3333333333%;
  }
  .push-md-8 {
    left: 66.6666666667%;
  }
  .push-md-9 {
    left: 75%;
  }
  .push-md-10 {
    left: 83.3333333333%;
  }
  .push-md-11 {
    left: 91.6666666667%;
  }
  .push-md-12 {
    left: 100%;
  }
  .offset-md-0 {
    margin-left: 0%;
  }
  .offset-md-1 {
    margin-left: 8.3333333333%;
  }
  .offset-md-2 {
    margin-left: 16.6666666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.3333333333%;
  }
  .offset-md-5 {
    margin-left: 41.6666666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.3333333333%;
  }
  .offset-md-8 {
    margin-left: 66.6666666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.3333333333%;
  }
  .offset-md-11 {
    margin-left: 91.6666666667%;
  }
}

@media (min-width: 992px) {
  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-lg-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-lg-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-lg-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-lg-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-lg-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .pull-lg-0 {
    right: auto;
  }
  .pull-lg-1 {
    right: 8.3333333333%;
  }
  .pull-lg-2 {
    right: 16.6666666667%;
  }
  .pull-lg-3 {
    right: 25%;
  }
  .pull-lg-4 {
    right: 33.3333333333%;
  }
  .pull-lg-5 {
    right: 41.6666666667%;
  }
  .pull-lg-6 {
    right: 50%;
  }
  .pull-lg-7 {
    right: 58.3333333333%;
  }
  .pull-lg-8 {
    right: 66.6666666667%;
  }
  .pull-lg-9 {
    right: 75%;
  }
  .pull-lg-10 {
    right: 83.3333333333%;
  }
  .pull-lg-11 {
    right: 91.6666666667%;
  }
  .pull-lg-12 {
    right: 100%;
  }
  .push-lg-0 {
    left: auto;
  }
  .push-lg-1 {
    left: 8.3333333333%;
  }
  .push-lg-2 {
    left: 16.6666666667%;
  }
  .push-lg-3 {
    left: 25%;
  }
  .push-lg-4 {
    left: 33.3333333333%;
  }
  .push-lg-5 {
    left: 41.6666666667%;
  }
  .push-lg-6 {
    left: 50%;
  }
  .push-lg-7 {
    left: 58.3333333333%;
  }
  .push-lg-8 {
    left: 66.6666666667%;
  }
  .push-lg-9 {
    left: 75%;
  }
  .push-lg-10 {
    left: 83.3333333333%;
  }
  .push-lg-11 {
    left: 91.6666666667%;
  }
  .push-lg-12 {
    left: 100%;
  }
  .offset-lg-0 {
    margin-left: 0%;
  }
  .offset-lg-1 {
    margin-left: 8.3333333333%;
  }
  .offset-lg-2 {
    margin-left: 16.6666666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.3333333333%;
  }
  .offset-lg-5 {
    margin-left: 41.6666666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.3333333333%;
  }
  .offset-lg-8 {
    margin-left: 66.6666666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.3333333333%;
  }
  .offset-lg-11 {
    margin-left: 91.6666666667%;
  }
}

@media (min-width: 1200px) {
  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xl-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-xl-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-xl-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-xl-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-xl-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .pull-xl-0 {
    right: auto;
  }
  .pull-xl-1 {
    right: 8.3333333333%;
  }
  .pull-xl-2 {
    right: 16.6666666667%;
  }
  .pull-xl-3 {
    right: 25%;
  }
  .pull-xl-4 {
    right: 33.3333333333%;
  }
  .pull-xl-5 {
    right: 41.6666666667%;
  }
  .pull-xl-6 {
    right: 50%;
  }
  .pull-xl-7 {
    right: 58.3333333333%;
  }
  .pull-xl-8 {
    right: 66.6666666667%;
  }
  .pull-xl-9 {
    right: 75%;
  }
  .pull-xl-10 {
    right: 83.3333333333%;
  }
  .pull-xl-11 {
    right: 91.6666666667%;
  }
  .pull-xl-12 {
    right: 100%;
  }
  .push-xl-0 {
    left: auto;
  }
  .push-xl-1 {
    left: 8.3333333333%;
  }
  .push-xl-2 {
    left: 16.6666666667%;
  }
  .push-xl-3 {
    left: 25%;
  }
  .push-xl-4 {
    left: 33.3333333333%;
  }
  .push-xl-5 {
    left: 41.6666666667%;
  }
  .push-xl-6 {
    left: 50%;
  }
  .push-xl-7 {
    left: 58.3333333333%;
  }
  .push-xl-8 {
    left: 66.6666666667%;
  }
  .push-xl-9 {
    left: 75%;
  }
  .push-xl-10 {
    left: 83.3333333333%;
  }
  .push-xl-11 {
    left: 91.6666666667%;
  }
  .push-xl-12 {
    left: 100%;
  }
  .offset-xl-0 {
    margin-left: 0%;
  }
  .offset-xl-1 {
    margin-left: 8.3333333333%;
  }
  .offset-xl-2 {
    margin-left: 16.6666666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.3333333333%;
  }
  .offset-xl-5 {
    margin-left: 41.6666666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.3333333333%;
  }
  .offset-xl-8 {
    margin-left: 66.6666666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.3333333333%;
  }
  .offset-xl-11 {
    margin-left: 91.6666666667%;
  }
}

.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 1rem;
}

.table th,
.table td {
  padding: 0.75rem;
  vertical-align: top;
  border-top: 1px solid #eceeef;
}

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

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

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

.table-sm th,
.table-sm td {
  padding: 0.3rem;
}

.table-bordered {
  border: 1px solid #eceeef;
}

.table-bordered th,
.table-bordered td {
  border: 1px solid #eceeef;
}

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

.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.05);
}

.table-hover tbody tr:hover {
  background-color: rgba(0, 0, 0, 0.075);
}

.table-active,
.table-active > th,
.table-active > td {
  background-color: rgba(0, 0, 0, 0.075);
}

.table-hover .table-active:hover {
  background-color: rgba(0, 0, 0, 0.075);
}

.table-hover .table-active:hover > td,
.table-hover .table-active:hover > th {
  background-color: rgba(0, 0, 0, 0.075);
}

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

.table-hover .table-success:hover {
  background-color: #d0e9c6;
}

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

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

.table-hover .table-info:hover {
  background-color: #c4e3f3;
}

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

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

.table-hover .table-warning:hover {
  background-color: #faf2cc;
}

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

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

.table-hover .table-danger:hover {
  background-color: #ebcccc;
}

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

.thead-inverse th {
  color: #fff;
  background-color: #292b2c;
}

.thead-default th {
  color: #464a4c;
  background-color: #eceeef;
}

.table-inverse {
  color: #fff;
  background-color: #292b2c;
}

.table-inverse th,
.table-inverse td,
.table-inverse thead th {
  border-color: #fff;
}

.table-inverse.table-bordered {
  border: 0;
}

.table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}

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

.form-control {
  display: block;
  width: 100%;
  padding: 0.5rem 0.75rem;
  font-size: 1rem;
  line-height: 1.25;
  color: #464a4c;
  background-color: #fff;
  background-image: none;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.form-control::-ms-expand {
  background-color: transparent;
  border: 0;
}

.form-control:focus {
  color: #464a4c;
  background-color: #fff;
  border-color: #49b5ff;
  outline: none;
}

.form-control::placeholder {
  color: #636c72;
  opacity: 1;
}

.form-control:disabled, .form-control[readonly] {
  background-color: #eceeef;
  opacity: 1;
}

.form-control:disabled {
  cursor: not-allowed;
}

select.form-control:not([size]):not([multiple]) {
  height: calc(2.25rem + 2px);
}

select.form-control:focus::-ms-value {
  color: #464a4c;
  background-color: #fff;
}

.form-control-file,
.form-control-range {
  display: block;
}

.col-form-label {
  padding-top: calc(0.5rem - 1px * 2);
  padding-bottom: calc(0.5rem - 1px * 2);
  margin-bottom: 0;
}

.col-form-label-lg {
  padding-top: calc(0.75rem - 1px * 2);
  padding-bottom: calc(0.75rem - 1px * 2);
  font-size: 1.25rem;
}

.col-form-label-sm {
  padding-top: calc(0.25rem - 1px * 2);
  padding-bottom: calc(0.25rem - 1px * 2);
  font-size: 0.875rem;
}

.col-form-legend {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  margin-bottom: 0;
  font-size: 1rem;
}

.form-control-static {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  margin-bottom: 0;
  line-height: 1.25;
  border: solid transparent;
  border-width: 1px 0;
}

.form-control-static.form-control-sm, .input-group-sm > .form-control-static.form-control,
.input-group-sm > .form-control-static.input-group-addon,
.input-group-sm > .input-group-btn > .form-control-static.btn, .form-control-static.form-control-lg, .input-group-lg > .form-control-static.form-control,
.input-group-lg > .form-control-static.input-group-addon,
.input-group-lg > .input-group-btn > .form-control-static.btn {
  padding-right: 0;
  padding-left: 0;
}

.form-control-sm, .input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: 0.2rem;
}

select.form-control-sm:not([size]):not([multiple]), .input-group-sm > select.form-control:not([size]):not([multiple]),
.input-group-sm > select.input-group-addon:not([size]):not([multiple]),
.input-group-sm > .input-group-btn > select.btn:not([size]):not([multiple]) {
  height: 1.8125rem;
}

.form-control-lg, .input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
  padding: 0.75rem 1.5rem;
  font-size: 1.25rem;
  border-radius: 0.3rem;
}

select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.form-control:not([size]):not([multiple]),
.input-group-lg > select.input-group-addon:not([size]):not([multiple]),
.input-group-lg > .input-group-btn > select.btn:not([size]):not([multiple]) {
  height: 3.1666666667rem;
}

.form-group {
  margin-bottom: 1rem;
}

.form-text {
  display: block;
  margin-top: 0.25rem;
}

.form-check {
  position: relative;
  display: block;
  margin-bottom: 0.5rem;
}

.form-check.disabled .form-check-label {
  color: #636c72;
  cursor: not-allowed;
}

.form-check-label {
  padding-left: 1.25rem;
  margin-bottom: 0;
  cursor: pointer;
}

.form-check-input {
  position: absolute;
  margin-top: 0.25rem;
  margin-left: -1.25rem;
}

.form-check-input:only-child {
  position: static;
}

.form-check-inline {
  display: inline-block;
}

.form-check-inline .form-check-label {
  vertical-align: middle;
}

.form-check-inline + .form-check-inline {
  margin-left: 0.75rem;
}

.form-control-feedback {
  margin-top: 0.25rem;
}

.form-control-success,
.form-control-warning,
.form-control-danger {
  padding-right: 2.25rem;
  background-repeat: no-repeat;
  background-position: center right 0.5625rem;
  background-size: 1.125rem 1.125rem;
}

.has-success .form-control-feedback,
.has-success .form-control-label,
.has-success .col-form-label,
.has-success .form-check-label,
.has-success .custom-control {
  color: #5cb85c;
}

.has-success .form-control {
  border-color: #5cb85c;
}

.has-success .input-group-addon {
  color: #5cb85c;
  border-color: #5cb85c;
  background-color: #eaf6ea;
}

.has-success .form-control-success {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%235cb85c' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E");
}

.has-warning .form-control-feedback,
.has-warning .form-control-label,
.has-warning .col-form-label,
.has-warning .form-check-label,
.has-warning .custom-control {
  color: #f0ad4e;
}

.has-warning .form-control {
  border-color: #f0ad4e;
}

.has-warning .input-group-addon {
  color: #f0ad4e;
  border-color: #f0ad4e;
  background-color: white;
}

.has-warning .form-control-warning {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23f0ad4e' d='M4.4 5.324h-.8v-2.46h.8zm0 1.42h-.8V5.89h.8zM3.76.63L.04 7.075c-.115.2.016.425.26.426h7.397c.242 0 .372-.226.258-.426C6.726 4.924 5.47 2.79 4.253.63c-.113-.174-.39-.174-.494 0z'/%3E%3C/svg%3E");
}

.has-danger .form-control-feedback,
.has-danger .form-control-label,
.has-danger .col-form-label,
.has-danger .form-check-label,
.has-danger .custom-control {
  color: #e70f47;
}

.has-danger .form-control {
  border-color: #e70f47;
}

.has-danger .input-group-addon {
  color: #e70f47;
  border-color: #e70f47;
  background-color: #fbc7d4;
}

.has-danger .form-control-danger {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23e70f47' viewBox='-2 -2 7 7'%3E%3Cpath stroke='%23d9534f' d='M0 0l3 3m0-3L0 3'/%3E%3Ccircle r='.5'/%3E%3Ccircle cx='3' r='.5'/%3E%3Ccircle cy='3' r='.5'/%3E%3Ccircle cx='3' cy='3' r='.5'/%3E%3C/svg%3E");
}

.form-inline {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}

.form-inline .form-check {
  width: 100%;
}

@media (min-width: 576px) {
  .form-inline label {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0;
  }
  .form-inline .form-group {
    display: flex;
    flex: 0 0 auto;
    flex-flow: row wrap;
    align-items: center;
    margin-bottom: 0;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .form-control-static {
    display: inline-block;
  }
  .form-inline .input-group {
    width: auto;
  }
  .form-inline .form-control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .form-check {
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    margin-top: 0;
    margin-bottom: 0;
  }
  .form-inline .form-check-label {
    padding-left: 0;
  }
  .form-inline .form-check-input {
    position: relative;
    margin-top: 0;
    margin-right: 0.25rem;
    margin-left: 0;
  }
  .form-inline .custom-control {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 0;
  }
  .form-inline .custom-control-indicator {
    position: static;
    display: inline-block;
    margin-right: 0.25rem;
    vertical-align: text-bottom;
  }
  .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }
}

.btn {
  display: inline-block;
  font-weight: normal;
  line-height: 1.25;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
  user-select: none;
  border: 1px solid transparent;
  padding: 0.5rem 1rem;
  font-size: 1rem;
  border-radius: 0;
  transition: all 0.2s ease-in-out;
}

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

.btn:focus, .btn.focus {
  outline: 0;
  box-shadow: 0 0 0 2px rgba(0, 119, 200, 0.25);
}

.btn.disabled, .btn:disabled {
  cursor: not-allowed;
  opacity: .65;
}

.btn:active, .btn.active {
  background-image: none;
}

a.btn.disabled,
fieldset[disabled] a.btn {
  pointer-events: none;
}

.btn-primary {
  color: #fff;
  background-color: #0077c8;
  border-color: #0077c8;
}

.btn-primary:hover {
  color: #fff;
  background-color: #005995;
  border-color: #00538b;
}

.btn-primary:focus, .btn-primary.focus {
  box-shadow: 0 0 0 2px rgba(0, 119, 200, 0.5);
}

.btn-primary.disabled, .btn-primary:disabled {
  background-color: #0077c8;
  border-color: #0077c8;
}

.btn-primary:active, .btn-primary.active,
.show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #005995;
  background-image: none;
  border-color: #00538b;
}

.btn-secondary {
  color: #292b2c;
  background-color: #fff;
  border-color: #ccc;
}

.btn-secondary:hover {
  color: #292b2c;
  background-color: #e6e5e5;
  border-color: #adadad;
}

.btn-secondary:focus, .btn-secondary.focus {
  box-shadow: 0 0 0 2px rgba(204, 204, 204, 0.5);
}

.btn-secondary.disabled, .btn-secondary:disabled {
  background-color: #fff;
  border-color: #ccc;
}

.btn-secondary:active, .btn-secondary.active,
.show > .btn-secondary.dropdown-toggle {
  color: #292b2c;
  background-color: #e6e5e5;
  background-image: none;
  border-color: #adadad;
}

.btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #5bc0de;
}

.btn-info:hover {
  color: #fff;
  background-color: #31b0d5;
  border-color: #2aabd2;
}

.btn-info:focus, .btn-info.focus {
  box-shadow: 0 0 0 2px rgba(91, 192, 222, 0.5);
}

.btn-info.disabled, .btn-info:disabled {
  background-color: #5bc0de;
  border-color: #5bc0de;
}

.btn-info:active, .btn-info.active,
.show > .btn-info.dropdown-toggle {
  color: #fff;
  background-color: #31b0d5;
  background-image: none;
  border-color: #2aabd2;
}

.btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #5cb85c;
}

.btn-success:hover {
  color: #fff;
  background-color: #449d44;
  border-color: #419641;
}

.btn-success:focus, .btn-success.focus {
  box-shadow: 0 0 0 2px rgba(92, 184, 92, 0.5);
}

.btn-success.disabled, .btn-success:disabled {
  background-color: #5cb85c;
  border-color: #5cb85c;
}

.btn-success:active, .btn-success.active,
.show > .btn-success.dropdown-toggle {
  color: #fff;
  background-color: #449d44;
  background-image: none;
  border-color: #419641;
}

.btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #f0ad4e;
}

.btn-warning:hover {
  color: #fff;
  background-color: #ec971f;
  border-color: #eb9316;
}

.btn-warning:focus, .btn-warning.focus {
  box-shadow: 0 0 0 2px rgba(240, 173, 78, 0.5);
}

.btn-warning.disabled, .btn-warning:disabled {
  background-color: #f0ad4e;
  border-color: #f0ad4e;
}

.btn-warning:active, .btn-warning.active,
.show > .btn-warning.dropdown-toggle {
  color: #fff;
  background-color: #ec971f;
  background-image: none;
  border-color: #eb9316;
}

.btn-danger {
  color: #fff;
  background-color: #e70f47;
  border-color: #e70f47;
}

.btn-danger:hover {
  color: #fff;
  background-color: #b70c38;
  border-color: #ae0b35;
}

.btn-danger:focus, .btn-danger.focus {
  box-shadow: 0 0 0 2px rgba(231, 15, 71, 0.5);
}

.btn-danger.disabled, .btn-danger:disabled {
  background-color: #e70f47;
  border-color: #e70f47;
}

.btn-danger:active, .btn-danger.active,
.show > .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #b70c38;
  background-image: none;
  border-color: #ae0b35;
}

.btn-outline-primary {
  color: #0077c8;
  background-image: none;
  background-color: transparent;
  border-color: #0077c8;
}

.btn-outline-primary:hover {
  color: #fff;
  background-color: #0077c8;
  border-color: #0077c8;
}

.btn-outline-primary:focus, .btn-outline-primary.focus {
  box-shadow: 0 0 0 2px rgba(0, 119, 200, 0.5);
}

.btn-outline-primary.disabled, .btn-outline-primary:disabled {
  color: #0077c8;
  background-color: transparent;
}

.btn-outline-primary:active, .btn-outline-primary.active,
.show > .btn-outline-primary.dropdown-toggle {
  color: #fff;
  background-color: #0077c8;
  border-color: #0077c8;
}

.btn-outline-secondary {
  color: #ccc;
  background-image: none;
  background-color: transparent;
  border-color: #ccc;
}

.btn-outline-secondary:hover {
  color: #fff;
  background-color: #ccc;
  border-color: #ccc;
}

.btn-outline-secondary:focus, .btn-outline-secondary.focus {
  box-shadow: 0 0 0 2px rgba(204, 204, 204, 0.5);
}

.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
  color: #ccc;
  background-color: transparent;
}

.btn-outline-secondary:active, .btn-outline-secondary.active,
.show > .btn-outline-secondary.dropdown-toggle {
  color: #fff;
  background-color: #ccc;
  border-color: #ccc;
}

.btn-outline-info {
  color: #5bc0de;
  background-image: none;
  background-color: transparent;
  border-color: #5bc0de;
}

.btn-outline-info:hover {
  color: #fff;
  background-color: #5bc0de;
  border-color: #5bc0de;
}

.btn-outline-info:focus, .btn-outline-info.focus {
  box-shadow: 0 0 0 2px rgba(91, 192, 222, 0.5);
}

.btn-outline-info.disabled, .btn-outline-info:disabled {
  color: #5bc0de;
  background-color: transparent;
}

.btn-outline-info:active, .btn-outline-info.active,
.show > .btn-outline-info.dropdown-toggle {
  color: #fff;
  background-color: #5bc0de;
  border-color: #5bc0de;
}

.btn-outline-success {
  color: #5cb85c;
  background-image: none;
  background-color: transparent;
  border-color: #5cb85c;
}

.btn-outline-success:hover {
  color: #fff;
  background-color: #5cb85c;
  border-color: #5cb85c;
}

.btn-outline-success:focus, .btn-outline-success.focus {
  box-shadow: 0 0 0 2px rgba(92, 184, 92, 0.5);
}

.btn-outline-success.disabled, .btn-outline-success:disabled {
  color: #5cb85c;
  background-color: transparent;
}

.btn-outline-success:active, .btn-outline-success.active,
.show > .btn-outline-success.dropdown-toggle {
  color: #fff;
  background-color: #5cb85c;
  border-color: #5cb85c;
}

.btn-outline-warning {
  color: #f0ad4e;
  background-image: none;
  background-color: transparent;
  border-color: #f0ad4e;
}

.btn-outline-warning:hover {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #f0ad4e;
}

.btn-outline-warning:focus, .btn-outline-warning.focus {
  box-shadow: 0 0 0 2px rgba(240, 173, 78, 0.5);
}

.btn-outline-warning.disabled, .btn-outline-warning:disabled {
  color: #f0ad4e;
  background-color: transparent;
}

.btn-outline-warning:active, .btn-outline-warning.active,
.show > .btn-outline-warning.dropdown-toggle {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #f0ad4e;
}

.btn-outline-danger {
  color: #e70f47;
  background-image: none;
  background-color: transparent;
  border-color: #e70f47;
}

.btn-outline-danger:hover {
  color: #fff;
  background-color: #e70f47;
  border-color: #e70f47;
}

.btn-outline-danger:focus, .btn-outline-danger.focus {
  box-shadow: 0 0 0 2px rgba(231, 15, 71, 0.5);
}

.btn-outline-danger.disabled, .btn-outline-danger:disabled {
  color: #e70f47;
  background-color: transparent;
}

.btn-outline-danger:active, .btn-outline-danger.active,
.show > .btn-outline-danger.dropdown-toggle {
  color: #fff;
  background-color: #e70f47;
  border-color: #e70f47;
}

.btn-link {
  font-weight: normal;
  color: #0077c8;
  border-radius: 0;
}

.btn-link, .btn-link:active, .btn-link.active, .btn-link:disabled {
  background-color: transparent;
}

.btn-link, .btn-link:focus, .btn-link:active {
  border-color: transparent;
}

.btn-link:hover {
  border-color: transparent;
}

.btn-link:focus, .btn-link:hover {
  color: #00497c;
  text-decoration: underline;
  background-color: transparent;
}

.btn-link:disabled {
  color: #636c72;
}

.btn-link:disabled:focus, .btn-link:disabled:hover {
  text-decoration: none;
}

.btn-lg, .btn-group-lg > .btn {
  padding: 0.75rem 1.5rem;
  font-size: 1.25rem;
  border-radius: 0.3rem;
}

.btn-sm, .btn-group-sm > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: 0.2rem;
}

.btn-block {
  display: block;
  width: 100%;
}

.btn-block + .btn-block {
  margin-top: 0.5rem;
}

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}

.fade {
  opacity: 0;
  transition: opacity 0.15s linear;
}

.fade.show {
  opacity: 1;
}

.collapse {
  display: none;
}

.collapse.show {
  display: block;
}

tr.collapse.show {
  display: table-row;
}

tbody.collapse.show {
  display: table-row-group;
}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}

.dropup,
.dropdown {
  position: relative;
}

.dropdown-toggle::after {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 0.3em;
  vertical-align: middle;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-left: 0.3em solid transparent;
}

.dropdown-toggle:focus {
  outline: 0;
}

.dropup .dropdown-toggle::after {
  border-top: 0;
  border-bottom: 0.3em solid;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 10rem;
  padding: 0.5rem 0;
  margin: 0.125rem 0 0;
  font-size: 1rem;
  color: #292b2c;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0;
}

.dropdown-divider {
  height: 1px;
  margin: 0.5rem 0;
  overflow: hidden;
  background-color: #eceeef;
}

.dropdown-item {
  display: block;
  width: 100%;
  padding: 3px 1.5rem;
  clear: both;
  font-weight: normal;
  color: #292b2c;
  text-align: inherit;
  white-space: nowrap;
  background: none;
  border: 0;
}

.dropdown-item:focus, .dropdown-item:hover {
  color: #1d1e1f;
  text-decoration: none;
  background-color: #f7f7f9;
}

.dropdown-item.active, .dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #0077c8;
}

.dropdown-item.disabled, .dropdown-item:disabled {
  color: #636c72;
  cursor: not-allowed;
  background-color: transparent;
}

.show > .dropdown-menu {
  display: block;
}

.show > a {
  outline: 0;
}

.dropdown-menu-right {
  right: 0;
  left: auto;
}

.dropdown-menu-left {
  right: auto;
  left: 0;
}

.dropdown-header {
  display: block;
  padding: 0.5rem 1.5rem;
  margin-bottom: 0;
  font-size: 0.875rem;
  color: #636c72;
  white-space: nowrap;
}

.dropdown-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 990;
}

.dropup .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 0.125rem;
}

.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
}

.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  flex: 0 1 auto;
}

.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover {
  z-index: 2;
}

.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active {
  z-index: 2;
}

.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group,
.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-left: -1px;
}

.btn-toolbar {
  display: flex;
  justify-content: flex-start;
}

.btn-toolbar .input-group {
  width: auto;
}

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0;
}

.btn-group > .btn:first-child {
  margin-left: 0;
}

.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.btn-group > .btn-group {
  float: left;
}

.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}

.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0;
}

.btn + .dropdown-toggle-split {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}

.btn + .dropdown-toggle-split::after {
  margin-left: 0;
}

.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
  padding-right: 0.375rem;
  padding-left: 0.375rem;
}

.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
  padding-right: 1.125rem;
  padding-left: 1.125rem;
}

.btn-group-vertical {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}

.btn-group-vertical .btn,
.btn-group-vertical .btn-group {
  width: 100%;
}

.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-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.btn-group-vertical > .btn:last-child:not(:first-child) {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}

.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

[data-toggle="buttons"] > .btn input[type="radio"],
[data-toggle="buttons"] > .btn input[type="checkbox"],
[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}

.input-group {
  position: relative;
  display: flex;
  width: 100%;
}

.input-group .form-control {
  position: relative;
  z-index: 2;
  flex: 1 1 auto;
  width: 1%;
  margin-bottom: 0;
}

.input-group .form-control:focus, .input-group .form-control:active, .input-group .form-control:hover {
  z-index: 3;
}

.input-group-addon,
.input-group-btn,
.input-group .form-control {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.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) {
  border-radius: 0;
}

.input-group-addon,
.input-group-btn {
  white-space: nowrap;
  vertical-align: middle;
}

.input-group-addon {
  padding: 0.5rem 0.75rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.25;
  color: #464a4c;
  text-align: center;
  background-color: #eceeef;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0;
}

.input-group-addon.form-control-sm,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .input-group-addon.btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: 0.2rem;
}

.input-group-addon.form-control-lg,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .input-group-addon.btn {
  padding: 0.75rem 1.5rem;
  font-size: 1.25rem;
  border-radius: 0.3rem;
}

.input-group-addon input[type="radio"],
.input-group-addon input[type="checkbox"] {
  margin-top: 0;
}

.input-group .form-control:not(:last-child),
.input-group-addon:not(:last-child),
.input-group-btn:not(:last-child) > .btn,
.input-group-btn:not(:last-child) > .btn-group > .btn,
.input-group-btn:not(:last-child) > .dropdown-toggle,
.input-group-btn:not(:first-child) > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:not(:first-child) > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.input-group-addon:not(:last-child) {
  border-right: 0;
}

.input-group .form-control:not(:first-child),
.input-group-addon:not(:first-child),
.input-group-btn:not(:first-child) > .btn,
.input-group-btn:not(:first-child) > .btn-group > .btn,
.input-group-btn:not(:first-child) > .dropdown-toggle,
.input-group-btn:not(:last-child) > .btn:not(:first-child),
.input-group-btn:not(:last-child) > .btn-group:not(:first-child) > .btn {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.form-control + .input-group-addon:not(:first-child) {
  border-left: 0;
}

.input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap;
}

.input-group-btn > .btn {
  position: relative;
  flex: 1;
}

.input-group-btn > .btn + .btn {
  margin-left: -1px;
}

.input-group-btn > .btn:focus, .input-group-btn > .btn:active, .input-group-btn > .btn:hover {
  z-index: 3;
}

.input-group-btn:not(:last-child) > .btn,
.input-group-btn:not(:last-child) > .btn-group {
  margin-right: -1px;
}

.input-group-btn:not(:first-child) > .btn,
.input-group-btn:not(:first-child) > .btn-group {
  z-index: 2;
  margin-left: -1px;
}

.input-group-btn:not(:first-child) > .btn:focus, .input-group-btn:not(:first-child) > .btn:active, .input-group-btn:not(:first-child) > .btn:hover,
.input-group-btn:not(:first-child) > .btn-group:focus,
.input-group-btn:not(:first-child) > .btn-group:active,
.input-group-btn:not(:first-child) > .btn-group:hover {
  z-index: 3;
}

.custom-control {
  position: relative;
  display: inline-flex;
  min-height: 1.5rem;
  padding-left: 1.5rem;
  margin-right: 1rem;
  cursor: pointer;
}

.custom-control-input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

.custom-control-input:checked ~ .custom-control-indicator {
  color: #fff;
  background-color: #0077c8;
}

.custom-control-input:focus ~ .custom-control-indicator {
  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #0077c8;
}

.custom-control-input:active ~ .custom-control-indicator {
  color: #fff;
  background-color: #7ccaff;
}

.custom-control-input:disabled ~ .custom-control-indicator {
  cursor: not-allowed;
  background-color: #eceeef;
}

.custom-control-input:disabled ~ .custom-control-description {
  color: #636c72;
  cursor: not-allowed;
}

.custom-control-indicator {
  position: absolute;
  top: 0.25rem;
  left: 0;
  display: block;
  width: 1rem;
  height: 1rem;
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
  background-color: #ddd;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50% 50%;
}

.custom-checkbox .custom-control-indicator {
  border-radius: 0;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-indicator {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-indicator {
  background-color: #0077c8;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E");
}

.custom-radio .custom-control-indicator {
  border-radius: 50%;
}

.custom-radio .custom-control-input:checked ~ .custom-control-indicator {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E");
}

.custom-controls-stacked {
  display: flex;
  flex-direction: column;
}

.custom-controls-stacked .custom-control {
  margin-bottom: 0.25rem;
}

.custom-controls-stacked .custom-control + .custom-control {
  margin-left: 0;
}

.custom-select {
  display: inline-block;
  max-width: 100%;
  height: calc(2.25rem + 2px);
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  line-height: 1.25;
  color: #464a4c;
  vertical-align: middle;
  background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23333' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center;
  background-size: 8px 10px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0;
  -moz-appearance: none;
  -webkit-appearance: none;
}

.custom-select:focus {
  border-color: #49b5ff;
  outline: none;
}

.custom-select:focus::-ms-value {
  color: #464a4c;
  background-color: #fff;
}

.custom-select:disabled {
  color: #636c72;
  cursor: not-allowed;
  background-color: #eceeef;
}

.custom-select::-ms-expand {
  opacity: 0;
}

.custom-select-sm {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  font-size: 75%;
}

.custom-file {
  position: relative;
  display: inline-block;
  max-width: 100%;
  height: 2.5rem;
  margin-bottom: 0;
  cursor: pointer;
}

.custom-file-input {
  min-width: 14rem;
  max-width: 100%;
  height: 2.5rem;
  margin: 0;
  filter: alpha(opacity=0);
  opacity: 0;
}

.custom-file-control {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 5;
  height: 2.5rem;
  padding: 0.5rem 1rem;
  line-height: 1.5;
  color: #464a4c;
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0;
}

.custom-file-control:lang(en)::after {
  content: "Choose file...";
}

.custom-file-control::before {
  position: absolute;
  top: -1px;
  right: -1px;
  bottom: -1px;
  z-index: 6;
  display: block;
  height: 2.5rem;
  padding: 0.5rem 1rem;
  line-height: 1.5;
  color: #464a4c;
  background-color: #eceeef;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0 0 0 0;
}

.custom-file-control:lang(en)::before {
  content: "Browse";
}

.nav {
  display: flex;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.nav-link {
  display: block;
  padding: 0.5em 1em;
}

.nav-link:focus, .nav-link:hover {
  text-decoration: none;
}

.nav-link.disabled {
  color: #636c72;
  cursor: not-allowed;
}

.nav-tabs {
  border-bottom: 1px solid #ddd;
}

.nav-tabs .nav-item {
  margin-bottom: -1px;
}

.nav-tabs .nav-link {
  border: 1px solid transparent;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
  border-color: #eceeef #eceeef #ddd;
}

.nav-tabs .nav-link.disabled {
  color: #636c72;
  background-color: transparent;
  border-color: transparent;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: #464a4c;
  background-color: #fff;
  border-color: #ddd #ddd #fff;
}

.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

.nav-pills .nav-link {
  border-radius: 0;
}

.nav-pills .nav-link.active,
.nav-pills .nav-item.show .nav-link {
  color: #fff;
  cursor: default;
  background-color: #0077c8;
}

.nav-fill .nav-item {
  flex: 1 1 auto;
  text-align: center;
}

.nav-justified .nav-item {
  flex: 1 1 100%;
  text-align: center;
}

.tab-content > .tab-pane {
  display: none;
}

.tab-content > .active {
  display: block;
}

.navbar {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 0.5rem 1rem;
}

.navbar-brand {
  display: inline-block;
  padding-top: .25rem;
  padding-bottom: .25rem;
  margin-right: 1rem;
  font-size: 1.25rem;
  line-height: inherit;
  white-space: nowrap;
}

.navbar-brand:focus, .navbar-brand:hover {
  text-decoration: none;
}

.navbar-nav {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.navbar-nav .nav-link {
  padding-right: 0;
  padding-left: 0;
}

.navbar-text {
  display: inline-block;
  padding-top: .425rem;
  padding-bottom: .425rem;
}

.navbar-toggler {
  align-self: flex-start;
  padding: 0.25rem 0.75rem;
  font-size: 1.25rem;
  line-height: 1;
  background: transparent;
  border: 1px solid transparent;
  border-radius: 0;
}

.navbar-toggler:focus, .navbar-toggler:hover {
  text-decoration: none;
}

.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  content: "";
  background: no-repeat center center;
  background-size: 100% 100%;
}

.navbar-toggler-left {
  position: absolute;
  left: 1rem;
}

.navbar-toggler-right {
  position: absolute;
  right: 1rem;
}

@media (max-width: 575px) {
  .navbar-toggleable .navbar-nav .dropdown-menu {
    position: static;
    float: none;
  }
  .navbar-toggleable > .container {
    padding-right: 0;
    padding-left: 0;
  }
}

@media (min-width: 576px) {
  .navbar-toggleable {
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
  }
  .navbar-toggleable .navbar-nav {
    flex-direction: row;
  }
  .navbar-toggleable .navbar-nav .nav-link {
    padding-right: .5rem;
    padding-left: .5rem;
  }
  .navbar-toggleable > .container {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
  }
  .navbar-toggleable .navbar-collapse {
    display: flex !important;
    width: 100%;
  }
  .navbar-toggleable .navbar-toggler {
    display: none;
  }
}

@media (max-width: 767px) {
  .navbar-toggleable-sm .navbar-nav .dropdown-menu {
    position: static;
    float: none;
  }
  .navbar-toggleable-sm > .container {
    padding-right: 0;
    padding-left: 0;
  }
}

@media (min-width: 768px) {
  .navbar-toggleable-sm {
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
  }
  .navbar-toggleable-sm .navbar-nav {
    flex-direction: row;
  }
  .navbar-toggleable-sm .navbar-nav .nav-link {
    padding-right: .5rem;
    padding-left: .5rem;
  }
  .navbar-toggleable-sm > .container {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
  }
  .navbar-toggleable-sm .navbar-collapse {
    display: flex !important;
    width: 100%;
  }
  .navbar-toggleable-sm .navbar-toggler {
    display: none;
  }
}

@media (max-width: 991px) {
  .navbar-toggleable-md .navbar-nav .dropdown-menu {
    position: static;
    float: none;
  }
  .navbar-toggleable-md > .container {
    padding-right: 0;
    padding-left: 0;
  }
}

@media (min-width: 992px) {
  .navbar-toggleable-md {
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
  }
  .navbar-toggleable-md .navbar-nav {
    flex-direction: row;
  }
  .navbar-toggleable-md .navbar-nav .nav-link {
    padding-right: .5rem;
    padding-left: .5rem;
  }
  .navbar-toggleable-md > .container {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
  }
  .navbar-toggleable-md .navbar-collapse {
    display: flex !important;
    width: 100%;
  }
  .navbar-toggleable-md .navbar-toggler {
    display: none;
  }
}

@media (max-width: 1199px) {
  .navbar-toggleable-lg .navbar-nav .dropdown-menu {
    position: static;
    float: none;
  }
  .navbar-toggleable-lg > .container {
    padding-right: 0;
    padding-left: 0;
  }
}

@media (min-width: 1200px) {
  .navbar-toggleable-lg {
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
  }
  .navbar-toggleable-lg .navbar-nav {
    flex-direction: row;
  }
  .navbar-toggleable-lg .navbar-nav .nav-link {
    padding-right: .5rem;
    padding-left: .5rem;
  }
  .navbar-toggleable-lg > .container {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
  }
  .navbar-toggleable-lg .navbar-collapse {
    display: flex !important;
    width: 100%;
  }
  .navbar-toggleable-lg .navbar-toggler {
    display: none;
  }
}

.navbar-toggleable-xl {
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
}

.navbar-toggleable-xl .navbar-nav .dropdown-menu {
  position: static;
  float: none;
}

.navbar-toggleable-xl > .container {
  padding-right: 0;
  padding-left: 0;
}

.navbar-toggleable-xl .navbar-nav {
  flex-direction: row;
}

.navbar-toggleable-xl .navbar-nav .nav-link {
  padding-right: .5rem;
  padding-left: .5rem;
}

.navbar-toggleable-xl > .container {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}

.navbar-toggleable-xl .navbar-collapse {
  display: flex !important;
  width: 100%;
}

.navbar-toggleable-xl .navbar-toggler {
  display: none;
}

.navbar-light .navbar-brand,
.navbar-light .navbar-toggler {
  color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover,
.navbar-light .navbar-toggler:focus,
.navbar-light .navbar-toggler:hover {
  color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-nav .nav-link {
  color: rgba(0, 0, 0, 0.5);
}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
  color: rgba(0, 0, 0, 0.7);
}

.navbar-light .navbar-nav .nav-link.disabled {
  color: rgba(0, 0, 0, 0.3);
}

.navbar-light .navbar-nav .open > .nav-link,
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.open,
.navbar-light .navbar-nav .nav-link.active {
  color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-toggler {
  border-color: rgba(0, 0, 0, 0.1);
}

.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.navbar-light .navbar-text {
  color: rgba(0, 0, 0, 0.5);
}

.navbar-inverse .navbar-brand,
.navbar-inverse .navbar-toggler {
  color: white;
}

.navbar-inverse .navbar-brand:focus, .navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-toggler:focus,
.navbar-inverse .navbar-toggler:hover {
  color: white;
}

.navbar-inverse .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.5);
}

.navbar-inverse .navbar-nav .nav-link:focus, .navbar-inverse .navbar-nav .nav-link:hover {
  color: rgba(255, 255, 255, 0.75);
}

.navbar-inverse .navbar-nav .nav-link.disabled {
  color: rgba(255, 255, 255, 0.25);
}

.navbar-inverse .navbar-nav .open > .nav-link,
.navbar-inverse .navbar-nav .active > .nav-link,
.navbar-inverse .navbar-nav .nav-link.open,
.navbar-inverse .navbar-nav .nav-link.active {
  color: white;
}

.navbar-inverse .navbar-toggler {
  border-color: rgba(255, 255, 255, 0.1);
}

.navbar-inverse .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.navbar-inverse .navbar-text {
  color: rgba(255, 255, 255, 0.5);
}

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0;
}

.card-block {
  flex: 1 1 auto;
  padding: 1.25rem;
}

.card-title {
  margin-bottom: 0.75rem;
}

.card-subtitle {
  margin-top: -0.375rem;
  margin-bottom: 0;
}

.card-text:last-child {
  margin-bottom: 0;
}

.card-link:hover {
  text-decoration: none;
}

.card-link + .card-link {
  margin-left: 1.25rem;
}

.card > .list-group:first-child .list-group-item:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

.card > .list-group:last-child .list-group-item:last-child {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.card-header {
  padding: 0.75rem 1.25rem;
  margin-bottom: 0;
  background-color: #f7f7f9;
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

.card-header:first-child {
  border-radius: calc(0 - 1px) calc(0 - 1px) 0 0;
}

.card-footer {
  padding: 0.75rem 1.25rem;
  background-color: #f7f7f9;
  border-top: 1px solid rgba(0, 0, 0, 0.125);
}

.card-footer:last-child {
  border-radius: 0 0 calc(0 - 1px) calc(0 - 1px);
}

.card-header-tabs {
  margin-right: -0.625rem;
  margin-bottom: -0.75rem;
  margin-left: -0.625rem;
  border-bottom: 0;
}

.card-header-pills {
  margin-right: -0.625rem;
  margin-left: -0.625rem;
}

.card-primary {
  background-color: #0077c8;
  border-color: #0077c8;
}

.card-primary .card-header,
.card-primary .card-footer {
  background-color: transparent;
}

.card-success {
  background-color: #5cb85c;
  border-color: #5cb85c;
}

.card-success .card-header,
.card-success .card-footer {
  background-color: transparent;
}

.card-info {
  background-color: #5bc0de;
  border-color: #5bc0de;
}

.card-info .card-header,
.card-info .card-footer {
  background-color: transparent;
}

.card-warning {
  background-color: #f0ad4e;
  border-color: #f0ad4e;
}

.card-warning .card-header,
.card-warning .card-footer {
  background-color: transparent;
}

.card-danger {
  background-color: #e70f47;
  border-color: #e70f47;
}

.card-danger .card-header,
.card-danger .card-footer {
  background-color: transparent;
}

.card-outline-primary {
  background-color: transparent;
  border-color: #0077c8;
}

.card-outline-secondary {
  background-color: transparent;
  border-color: #ccc;
}

.card-outline-info {
  background-color: transparent;
  border-color: #5bc0de;
}

.card-outline-success {
  background-color: transparent;
  border-color: #5cb85c;
}

.card-outline-warning {
  background-color: transparent;
  border-color: #f0ad4e;
}

.card-outline-danger {
  background-color: transparent;
  border-color: #e70f47;
}

.card-inverse {
  color: rgba(255, 255, 255, 0.65);
}

.card-inverse .card-header,
.card-inverse .card-footer {
  background-color: transparent;
  border-color: rgba(255, 255, 255, 0.2);
}

.card-inverse .card-header,
.card-inverse .card-footer,
.card-inverse .card-title,
.card-inverse .card-blockquote {
  color: #fff;
}

.card-inverse .card-link,
.card-inverse .card-text,
.card-inverse .card-subtitle,
.card-inverse .card-blockquote .blockquote-footer {
  color: rgba(255, 255, 255, 0.65);
}

.card-inverse .card-link:focus, .card-inverse .card-link:hover {
  color: #fff;
}

.card-blockquote {
  padding: 0;
  margin-bottom: 0;
  border-left: 0;
}

.card-img {
  border-radius: calc(0 - 1px);
}

.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1.25rem;
}

.card-img-top {
  border-top-right-radius: calc(0 - 1px);
  border-top-left-radius: calc(0 - 1px);
}

.card-img-bottom {
  border-bottom-right-radius: calc(0 - 1px);
  border-bottom-left-radius: calc(0 - 1px);
}

@media (min-width: 576px) {
  .card-deck {
    display: flex;
    flex-flow: row wrap;
  }
  .card-deck .card {
    display: flex;
    flex: 1 0 0;
    flex-direction: column;
  }
  .card-deck .card:not(:first-child) {
    margin-left: 15px;
  }
  .card-deck .card:not(:last-child) {
    margin-right: 15px;
  }
}

@media (min-width: 576px) {
  .card-group {
    display: flex;
    flex-flow: row wrap;
  }
  .card-group .card {
    flex: 1 0 0;
  }
  .card-group .card + .card {
    margin-left: 0;
    border-left: 0;
  }
  .card-group .card:first-child {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
  }
  .card-group .card:first-child .card-img-top {
    border-top-right-radius: 0;
  }
  .card-group .card:first-child .card-img-bottom {
    border-bottom-right-radius: 0;
  }
  .card-group .card:last-child {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
  }
  .card-group .card:last-child .card-img-top {
    border-top-left-radius: 0;
  }
  .card-group .card:last-child .card-img-bottom {
    border-bottom-left-radius: 0;
  }
  .card-group .card:not(:first-child):not(:last-child) {
    border-radius: 0;
  }
  .card-group .card:not(:first-child):not(:last-child) .card-img-top,
  .card-group .card:not(:first-child):not(:last-child) .card-img-bottom {
    border-radius: 0;
  }
}

@media (min-width: 576px) {
  .card-columns {
    column-count: 3;
    column-gap: 1.25rem;
  }
  .card-columns .card {
    display: inline-block;
    width: 100%;
    margin-bottom: 0.75rem;
  }
}

.breadcrumb {
  padding: 0.75rem 1rem;
  margin-bottom: 1rem;
  list-style: none;
  background-color: #eceeef;
  border-radius: 0;
}

.breadcrumb::after {
  display: block;
  content: "";
  clear: both;
}

.breadcrumb-item {
  float: left;
}

.breadcrumb-item + .breadcrumb-item::before {
  display: inline-block;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  color: #636c72;
  content: "/";
}

.breadcrumb-item + .breadcrumb-item:hover::before {
  text-decoration: underline;
}

.breadcrumb-item + .breadcrumb-item:hover::before {
  text-decoration: none;
}

.breadcrumb-item.active {
  color: #636c72;
}

.pagination {
  display: flex;
  padding-left: 0;
  list-style: none;
  border-radius: 0;
}

.page-item:first-child .page-link {
  margin-left: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.page-item:last-child .page-link {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.page-item.active .page-link {
  z-index: 2;
  color: #fff;
  background-color: #0077c8;
  border-color: #0077c8;
}

.page-item.disabled .page-link {
  color: #636c72;
  pointer-events: none;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd;
}

.page-link {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #0077c8;
  background-color: #fff;
  border: 1px solid #ddd;
}

.page-link:focus, .page-link:hover {
  color: #00497c;
  text-decoration: none;
  background-color: #eceeef;
  border-color: #ddd;
}

.pagination-lg .page-link {
  padding: 0.75rem 1.5rem;
  font-size: 1.25rem;
}

.pagination-lg .page-item:first-child .page-link {
  border-bottom-left-radius: 0.3rem;
  border-top-left-radius: 0.3rem;
}

.pagination-lg .page-item:last-child .page-link {
  border-bottom-right-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}

.pagination-sm .page-link {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
}

.pagination-sm .page-item:first-child .page-link {
  border-bottom-left-radius: 0.2rem;
  border-top-left-radius: 0.2rem;
}

.pagination-sm .page-item:last-child .page-link {
  border-bottom-right-radius: 0.2rem;
  border-top-right-radius: 0.2rem;
}

.badge {
  display: inline-block;
  padding: 0.25em 0.4em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0;
}

.badge:empty {
  display: none;
}

.btn .badge {
  position: relative;
  top: -1px;
}

a.badge:focus, a.badge:hover {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}

.badge-pill {
  padding-right: 0.6em;
  padding-left: 0.6em;
  border-radius: 10rem;
}

.badge-default {
  background-color: #636c72;
}

.badge-default[href]:focus, .badge-default[href]:hover {
  background-color: #4b5257;
}

.badge-primary {
  background-color: #0077c8;
}

.badge-primary[href]:focus, .badge-primary[href]:hover {
  background-color: #005995;
}

.badge-success {
  background-color: #5cb85c;
}

.badge-success[href]:focus, .badge-success[href]:hover {
  background-color: #449d44;
}

.badge-info {
  background-color: #5bc0de;
}

.badge-info[href]:focus, .badge-info[href]:hover {
  background-color: #31b0d5;
}

.badge-warning {
  background-color: #f0ad4e;
}

.badge-warning[href]:focus, .badge-warning[href]:hover {
  background-color: #ec971f;
}

.badge-danger {
  background-color: #e70f47;
}

.badge-danger[href]:focus, .badge-danger[href]:hover {
  background-color: #b70c38;
}

.jumbotron {
  padding: 2rem 1rem;
  margin-bottom: 2rem;
  background-color: #eceeef;
  border-radius: 0.3rem;
}

@media (min-width: 576px) {
  .jumbotron {
    padding: 4rem 2rem;
  }
}

.jumbotron-hr {
  border-top-color: #d0d5d8;
}

.jumbotron-fluid {
  padding-right: 0;
  padding-left: 0;
  border-radius: 0;
}

.alert {
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0;
}

.alert-heading {
  color: inherit;
}

.alert-link {
  font-weight: bold;
}

.alert-dismissible .close {
  position: relative;
  top: -0.75rem;
  right: -1.25rem;
  padding: 0.75rem 1.25rem;
  color: inherit;
}

.alert-success {
  background-color: #dff0d8;
  border-color: #d0e9c6;
  color: #3c763d;
}

.alert-success hr {
  border-top-color: #c1e2b3;
}

.alert-success .alert-link {
  color: #2b542c;
}

.alert-info {
  background-color: #d9edf7;
  border-color: #bcdff1;
  color: #31708f;
}

.alert-info hr {
  border-top-color: #a6d5ec;
}

.alert-info .alert-link {
  color: #245269;
}

.alert-warning {
  background-color: #fcf8e3;
  border-color: #faf2cc;
  color: #8a6d3b;
}

.alert-warning hr {
  border-top-color: #f7ecb5;
}

.alert-warning .alert-link {
  color: #66512c;
}

.alert-danger {
  background-color: #f2dede;
  border-color: #ebcccc;
  color: #a94442;
}

.alert-danger hr {
  border-top-color: #e4b9b9;
}

.alert-danger .alert-link {
  color: #843534;
}

@keyframes progress-bar-stripes {
  from {
    background-position: 1rem 0;
  }
  to {
    background-position: 0 0;
  }
}

.progress {
  display: flex;
  overflow: hidden;
  font-size: 0.75rem;
  line-height: 1rem;
  text-align: center;
  background-color: #eceeef;
  border-radius: 0;
}

.progress-bar {
  height: 1rem;
  color: #fff;
  background-color: #0077c8;
}

.progress-bar-striped {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 1rem 1rem;
}

.progress-bar-animated {
  animation: progress-bar-stripes 1s linear infinite;
}

.media {
  display: flex;
  align-items: flex-start;
}

.media-body {
  flex: 1;
}

.list-group {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
}

.list-group-item-action {
  width: 100%;
  color: #464a4c;
  text-align: inherit;
}

.list-group-item-action .list-group-item-heading {
  color: #292b2c;
}

.list-group-item-action:focus, .list-group-item-action:hover {
  color: #464a4c;
  text-decoration: none;
  background-color: #f7f7f9;
}

.list-group-item-action:active {
  color: #292b2c;
  background-color: #eceeef;
}

.list-group-item {
  position: relative;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  padding: 0.75rem 1.25rem;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.125);
}

.list-group-item:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.list-group-item:focus, .list-group-item:hover {
  text-decoration: none;
}

.list-group-item.disabled, .list-group-item:disabled {
  color: #636c72;
  cursor: not-allowed;
  background-color: #fff;
}

.list-group-item.disabled .list-group-item-heading, .list-group-item:disabled .list-group-item-heading {
  color: inherit;
}

.list-group-item.disabled .list-group-item-text, .list-group-item:disabled .list-group-item-text {
  color: #636c72;
}

.list-group-item.active {
  z-index: 2;
  color: #fff;
  background-color: #0077c8;
  border-color: #0077c8;
}

.list-group-item.active .list-group-item-heading,
.list-group-item.active .list-group-item-heading > small,
.list-group-item.active .list-group-item-heading > .small {
  color: inherit;
}

.list-group-item.active .list-group-item-text {
  color: #c8e9ff;
}

.list-group-flush .list-group-item {
  border-right: 0;
  border-left: 0;
  border-radius: 0;
}

.list-group-flush:first-child .list-group-item:first-child {
  border-top: 0;
}

.list-group-flush:last-child .list-group-item:last-child {
  border-bottom: 0;
}

.list-group-item-success {
  color: #3c763d;
  background-color: #dff0d8;
}

a.list-group-item-success,
button.list-group-item-success {
  color: #3c763d;
}

a.list-group-item-success .list-group-item-heading,
button.list-group-item-success .list-group-item-heading {
  color: inherit;
}

a.list-group-item-success:focus, a.list-group-item-success:hover,
button.list-group-item-success:focus,
button.list-group-item-success:hover {
  color: #3c763d;
  background-color: #d0e9c6;
}

a.list-group-item-success.active,
button.list-group-item-success.active {
  color: #fff;
  background-color: #3c763d;
  border-color: #3c763d;
}

.list-group-item-info {
  color: #31708f;
  background-color: #d9edf7;
}

a.list-group-item-info,
button.list-group-item-info {
  color: #31708f;
}

a.list-group-item-info .list-group-item-heading,
button.list-group-item-info .list-group-item-heading {
  color: inherit;
}

a.list-group-item-info:focus, a.list-group-item-info:hover,
button.list-group-item-info:focus,
button.list-group-item-info:hover {
  color: #31708f;
  background-color: #c4e3f3;
}

a.list-group-item-info.active,
button.list-group-item-info.active {
  color: #fff;
  background-color: #31708f;
  border-color: #31708f;
}

.list-group-item-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
}

a.list-group-item-warning,
button.list-group-item-warning {
  color: #8a6d3b;
}

a.list-group-item-warning .list-group-item-heading,
button.list-group-item-warning .list-group-item-heading {
  color: inherit;
}

a.list-group-item-warning:focus, a.list-group-item-warning:hover,
button.list-group-item-warning:focus,
button.list-group-item-warning:hover {
  color: #8a6d3b;
  background-color: #faf2cc;
}

a.list-group-item-warning.active,
button.list-group-item-warning.active {
  color: #fff;
  background-color: #8a6d3b;
  border-color: #8a6d3b;
}

.list-group-item-danger {
  color: #a94442;
  background-color: #f2dede;
}

a.list-group-item-danger,
button.list-group-item-danger {
  color: #a94442;
}

a.list-group-item-danger .list-group-item-heading,
button.list-group-item-danger .list-group-item-heading {
  color: inherit;
}

a.list-group-item-danger:focus, a.list-group-item-danger:hover,
button.list-group-item-danger:focus,
button.list-group-item-danger:hover {
  color: #a94442;
  background-color: #ebcccc;
}

a.list-group-item-danger.active,
button.list-group-item-danger.active {
  color: #fff;
  background-color: #a94442;
  border-color: #a94442;
}

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

.embed-responsive::before {
  display: block;
  content: "";
}

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

.embed-responsive-21by9::before {
  padding-top: 42.8571428571%;
}

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

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

.embed-responsive-1by1::before {
  padding-top: 100%;
}

.close {
  float: right;
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: .5;
}

.close:focus, .close:hover {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  opacity: .75;
}

button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}

.modal-open {
  overflow: hidden;
}

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

.modal.fade .modal-dialog {
  transition: transform 0.3s ease-out;
  transform: translate(0, -25%);
}

.modal.show .modal-dialog {
  transform: translate(0, 0);
}

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

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

.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  outline: 0;
}

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

.modal-backdrop.fade {
  opacity: 0;
}

.modal-backdrop.show {
  opacity: 0.5;
}

.modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px;
  border-bottom: 1px solid #eceeef;
}

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

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

.modal-footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 15px;
  border-top: 1px solid #eceeef;
}

.modal-footer > :not(:first-child) {
  margin-left: .25rem;
}

.modal-footer > :not(:last-child) {
  margin-right: .25rem;
}

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

@media (min-width: 576px) {
  .modal-dialog {
    max-width: 500px;
    margin: 30px auto;
  }
  .modal-sm {
    max-width: 300px;
  }
}

@media (min-width: 992px) {
  .modal-lg {
    max-width: 800px;
  }
}

.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  font-size: 0.875rem;
  word-wrap: break-word;
  opacity: 0;
}

.tooltip.show {
  opacity: 0.9;
}

.tooltip.tooltip-top, .tooltip.bs-tether-element-attached-bottom {
  padding: 5px 0;
  margin-top: -3px;
}

.tooltip.tooltip-top .tooltip-inner::before, .tooltip.bs-tether-element-attached-bottom .tooltip-inner::before {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  content: "";
  border-width: 5px 5px 0;
  border-top-color: #000;
}

.tooltip.tooltip-right, .tooltip.bs-tether-element-attached-left {
  padding: 0 5px;
  margin-left: 3px;
}

.tooltip.tooltip-right .tooltip-inner::before, .tooltip.bs-tether-element-attached-left .tooltip-inner::before {
  top: 50%;
  left: 0;
  margin-top: -5px;
  content: "";
  border-width: 5px 5px 5px 0;
  border-right-color: #000;
}

.tooltip.tooltip-bottom, .tooltip.bs-tether-element-attached-top {
  padding: 5px 0;
  margin-top: 3px;
}

.tooltip.tooltip-bottom .tooltip-inner::before, .tooltip.bs-tether-element-attached-top .tooltip-inner::before {
  top: 0;
  left: 50%;
  margin-left: -5px;
  content: "";
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}

.tooltip.tooltip-left, .tooltip.bs-tether-element-attached-right {
  padding: 0 5px;
  margin-left: -3px;
}

.tooltip.tooltip-left .tooltip-inner::before, .tooltip.bs-tether-element-attached-right .tooltip-inner::before {
  top: 50%;
  right: 0;
  margin-top: -5px;
  content: "";
  border-width: 5px 0 5px 5px;
  border-left-color: #000;
}

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

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

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: block;
  max-width: 276px;
  padding: 1px;
  font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  font-size: 0.875rem;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
}

.popover.popover-top, .popover.bs-tether-element-attached-bottom {
  margin-top: -10px;
}

.popover.popover-top::before, .popover.popover-top::after, .popover.bs-tether-element-attached-bottom::before, .popover.bs-tether-element-attached-bottom::after {
  left: 50%;
  border-bottom-width: 0;
}

.popover.popover-top::before, .popover.bs-tether-element-attached-bottom::before {
  bottom: -11px;
  margin-left: -11px;
  border-top-color: rgba(0, 0, 0, 0.25);
}

.popover.popover-top::after, .popover.bs-tether-element-attached-bottom::after {
  bottom: -10px;
  margin-left: -10px;
  border-top-color: #fff;
}

.popover.popover-right, .popover.bs-tether-element-attached-left {
  margin-left: 10px;
}

.popover.popover-right::before, .popover.popover-right::after, .popover.bs-tether-element-attached-left::before, .popover.bs-tether-element-attached-left::after {
  top: 50%;
  border-left-width: 0;
}

.popover.popover-right::before, .popover.bs-tether-element-attached-left::before {
  left: -11px;
  margin-top: -11px;
  border-right-color: rgba(0, 0, 0, 0.25);
}

.popover.popover-right::after, .popover.bs-tether-element-attached-left::after {
  left: -10px;
  margin-top: -10px;
  border-right-color: #fff;
}

.popover.popover-bottom, .popover.bs-tether-element-attached-top {
  margin-top: 10px;
}

.popover.popover-bottom::before, .popover.popover-bottom::after, .popover.bs-tether-element-attached-top::before, .popover.bs-tether-element-attached-top::after {
  left: 50%;
  border-top-width: 0;
}

.popover.popover-bottom::before, .popover.bs-tether-element-attached-top::before {
  top: -11px;
  margin-left: -11px;
  border-bottom-color: rgba(0, 0, 0, 0.25);
}

.popover.popover-bottom::after, .popover.bs-tether-element-attached-top::after {
  top: -10px;
  margin-left: -10px;
  border-bottom-color: #f7f7f7;
}

.popover.popover-bottom .popover-title::before, .popover.bs-tether-element-attached-top .popover-title::before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: 20px;
  margin-left: -10px;
  content: "";
  border-bottom: 1px solid #f7f7f7;
}

.popover.popover-left, .popover.bs-tether-element-attached-right {
  margin-left: -10px;
}

.popover.popover-left::before, .popover.popover-left::after, .popover.bs-tether-element-attached-right::before, .popover.bs-tether-element-attached-right::after {
  top: 50%;
  border-right-width: 0;
}

.popover.popover-left::before, .popover.bs-tether-element-attached-right::before {
  right: -11px;
  margin-top: -11px;
  border-left-color: rgba(0, 0, 0, 0.25);
}

.popover.popover-left::after, .popover.bs-tether-element-attached-right::after {
  right: -10px;
  margin-top: -10px;
  border-left-color: #fff;
}

.popover-title {
  padding: 8px 14px;
  margin-bottom: 0;
  font-size: 1rem;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-top-right-radius: calc(0.3rem - 1px);
  border-top-left-radius: calc(0.3rem - 1px);
}

.popover-title:empty {
  display: none;
}

.popover-content {
  padding: 9px 14px;
}

.popover::before,
.popover::after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.popover::before {
  content: "";
  border-width: 11px;
}

.popover::after {
  content: "";
  border-width: 10px;
}

.carousel {
  position: relative;
}

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.carousel-item {
  position: relative;
  display: none;
  width: 100%;
}

@media (-webkit-transform-3d) {
  .carousel-item {
    transition: transform 0.6s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    perspective: 1000px;
  }
}

@supports (transform: translate3d(0, 0, 0)) {
  .carousel-item {
    transition: transform 0.6s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    perspective: 1000px;
  }
}

.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
  display: flex;
}

.carousel-item-next,
.carousel-item-prev {
  position: absolute;
  top: 0;
}

@media (-webkit-transform-3d) {
  .carousel-item-next.carousel-item-left,
  .carousel-item-prev.carousel-item-right {
    transform: translate3d(0, 0, 0);
  }
  .carousel-item-next,
  .active.carousel-item-right {
    transform: translate3d(100%, 0, 0);
  }
  .carousel-item-prev,
  .active.carousel-item-left {
    transform: translate3d(-100%, 0, 0);
  }
}

@supports (transform: translate3d(0, 0, 0)) {
  .carousel-item-next.carousel-item-left,
  .carousel-item-prev.carousel-item-right {
    transform: translate3d(0, 0, 0);
  }
  .carousel-item-next,
  .active.carousel-item-right {
    transform: translate3d(100%, 0, 0);
  }
  .carousel-item-prev,
  .active.carousel-item-left {
    transform: translate3d(-100%, 0, 0);
  }
}

.carousel-control-prev,
.carousel-control-next {
  position: absolute;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15%;
  color: #fff;
  text-align: center;
  opacity: 0.5;
}

.carousel-control-prev:focus, .carousel-control-prev:hover,
.carousel-control-next:focus,
.carousel-control-next:hover {
  color: #fff;
  text-decoration: none;
  outline: 0;
  opacity: .9;
}

.carousel-control-prev {
  left: 0;
}

.carousel-control-next {
  right: 0;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: transparent no-repeat center center;
  background-size: 100% 100%;
}

.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M4 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M1.5 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
}

.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 10px;
  left: 0;
  z-index: 15;
  display: flex;
  justify-content: center;
  padding-left: 0;
  margin-right: 15%;
  margin-left: 15%;
  list-style: none;
}

.carousel-indicators li {
  position: relative;
  flex: 1 0 auto;
  max-width: 30px;
  height: 3px;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: rgba(255, 255, 255, 0.5);
}

.carousel-indicators li::before {
  position: absolute;
  top: -10px;
  left: 0;
  display: inline-block;
  width: 100%;
  height: 10px;
  content: "";
}

.carousel-indicators li::after {
  position: absolute;
  bottom: -10px;
  left: 0;
  display: inline-block;
  width: 100%;
  height: 10px;
  content: "";
}

.carousel-indicators .active {
  background-color: #fff;
}

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
}

.align-baseline {
  vertical-align: baseline !important;
}

.align-top {
  vertical-align: top !important;
}

.align-middle {
  vertical-align: middle !important;
}

.align-bottom {
  vertical-align: bottom !important;
}

.align-text-bottom {
  vertical-align: text-bottom !important;
}

.align-text-top {
  vertical-align: text-top !important;
}

.bg-faded {
  background-color: #f7f7f7;
}

.bg-primary {
  background-color: #0077c8 !important;
}

a.bg-primary:focus, a.bg-primary:hover {
  background-color: #005995 !important;
}

.bg-success {
  background-color: #5cb85c !important;
}

a.bg-success:focus, a.bg-success:hover {
  background-color: #449d44 !important;
}

.bg-info {
  background-color: #5bc0de !important;
}

a.bg-info:focus, a.bg-info:hover {
  background-color: #31b0d5 !important;
}

.bg-warning {
  background-color: #f0ad4e !important;
}

a.bg-warning:focus, a.bg-warning:hover {
  background-color: #ec971f !important;
}

.bg-danger {
  background-color: #e70f47 !important;
}

a.bg-danger:focus, a.bg-danger:hover {
  background-color: #b70c38 !important;
}

.bg-inverse {
  background-color: #292b2c !important;
}

a.bg-inverse:focus, a.bg-inverse:hover {
  background-color: #101112 !important;
}

.border-0 {
  border: 0 !important;
}

.border-top-0 {
  border-top: 0 !important;
}

.border-right-0 {
  border-right: 0 !important;
}

.border-bottom-0 {
  border-bottom: 0 !important;
}

.border-left-0 {
  border-left: 0 !important;
}

.rounded {
  border-radius: 0;
}

.rounded-top {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

.rounded-right {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.rounded-bottom {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.rounded-left {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

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

.rounded-0 {
  border-radius: 0;
}

.clearfix::after {
  display: block;
  content: "";
  clear: both;
}

.d-none {
  display: none !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-table {
  display: table !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: flex !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

@media (min-width: 576px) {
  .d-sm-none {
    display: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
}

@media (min-width: 768px) {
  .d-md-none {
    display: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
}

@media (min-width: 992px) {
  .d-lg-none {
    display: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
}

@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
}

.flex-first {
  order: -1;
}

.flex-last {
  order: 1;
}

.flex-unordered {
  order: 0;
}

.flex-row {
  flex-direction: row !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.justify-content-start {
  justify-content: flex-start !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.justify-content-around {
  justify-content: space-around !important;
}

.align-items-start {
  align-items: flex-start !important;
}

.align-items-end {
  align-items: flex-end !important;
}

.align-items-center {
  align-items: center !important;
}

.align-items-baseline {
  align-items: baseline !important;
}

.align-items-stretch {
  align-items: stretch !important;
}

.align-content-start {
  align-content: flex-start !important;
}

.align-content-end {
  align-content: flex-end !important;
}

.align-content-center {
  align-content: center !important;
}

.align-content-between {
  align-content: space-between !important;
}

.align-content-around {
  align-content: space-around !important;
}

.align-content-stretch {
  align-content: stretch !important;
}

.align-self-auto {
  align-self: auto !important;
}

.align-self-start {
  align-self: flex-start !important;
}

.align-self-end {
  align-self: flex-end !important;
}

.align-self-center {
  align-self: center !important;
}

.align-self-baseline {
  align-self: baseline !important;
}

.align-self-stretch {
  align-self: stretch !important;
}

@media (min-width: 576px) {
  .flex-sm-first {
    order: -1;
  }
  .flex-sm-last {
    order: 1;
  }
  .flex-sm-unordered {
    order: 0;
  }
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    justify-content: center !important;
  }
  .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    justify-content: space-around !important;
  }
  .align-items-sm-start {
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    align-items: center !important;
  }
  .align-items-sm-baseline {
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    align-items: stretch !important;
  }
  .align-content-sm-start {
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    align-content: center !important;
  }
  .align-content-sm-between {
    align-content: space-between !important;
  }
  .align-content-sm-around {
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    align-self: auto !important;
  }
  .align-self-sm-start {
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    align-self: center !important;
  }
  .align-self-sm-baseline {
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    align-self: stretch !important;
  }
}

@media (min-width: 768px) {
  .flex-md-first {
    order: -1;
  }
  .flex-md-last {
    order: 1;
  }
  .flex-md-unordered {
    order: 0;
  }
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-md-start {
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    justify-content: center !important;
  }
  .justify-content-md-between {
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    justify-content: space-around !important;
  }
  .align-items-md-start {
    align-items: flex-start !important;
  }
  .align-items-md-end {
    align-items: flex-end !important;
  }
  .align-items-md-center {
    align-items: center !important;
  }
  .align-items-md-baseline {
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    align-items: stretch !important;
  }
  .align-content-md-start {
    align-content: flex-start !important;
  }
  .align-content-md-end {
    align-content: flex-end !important;
  }
  .align-content-md-center {
    align-content: center !important;
  }
  .align-content-md-between {
    align-content: space-between !important;
  }
  .align-content-md-around {
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    align-content: stretch !important;
  }
  .align-self-md-auto {
    align-self: auto !important;
  }
  .align-self-md-start {
    align-self: flex-start !important;
  }
  .align-self-md-end {
    align-self: flex-end !important;
  }
  .align-self-md-center {
    align-self: center !important;
  }
  .align-self-md-baseline {
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    align-self: stretch !important;
  }
}

@media (min-width: 992px) {
  .flex-lg-first {
    order: -1;
  }
  .flex-lg-last {
    order: 1;
  }
  .flex-lg-unordered {
    order: 0;
  }
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    justify-content: center !important;
  }
  .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    justify-content: space-around !important;
  }
  .align-items-lg-start {
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    align-items: center !important;
  }
  .align-items-lg-baseline {
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    align-items: stretch !important;
  }
  .align-content-lg-start {
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    align-content: center !important;
  }
  .align-content-lg-between {
    align-content: space-between !important;
  }
  .align-content-lg-around {
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    align-self: auto !important;
  }
  .align-self-lg-start {
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    align-self: center !important;
  }
  .align-self-lg-baseline {
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    align-self: stretch !important;
  }
}

@media (min-width: 1200px) {
  .flex-xl-first {
    order: -1;
  }
  .flex-xl-last {
    order: 1;
  }
  .flex-xl-unordered {
    order: 0;
  }
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    justify-content: center !important;
  }
  .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .align-items-xl-start {
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    align-items: center !important;
  }
  .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    align-items: stretch !important;
  }
  .align-content-xl-start {
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    align-content: center !important;
  }
  .align-content-xl-between {
    align-content: space-between !important;
  }
  .align-content-xl-around {
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    align-self: auto !important;
  }
  .align-self-xl-start {
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    align-self: center !important;
  }
  .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    align-self: stretch !important;
  }
}

.float-left {
  float: left !important;
}

.float-right {
  float: right !important;
}

.float-none {
  float: none !important;
}

@media (min-width: 576px) {
  .float-sm-left {
    float: left !important;
  }
  .float-sm-right {
    float: right !important;
  }
  .float-sm-none {
    float: none !important;
  }
}

@media (min-width: 768px) {
  .float-md-left {
    float: left !important;
  }
  .float-md-right {
    float: right !important;
  }
  .float-md-none {
    float: none !important;
  }
}

@media (min-width: 992px) {
  .float-lg-left {
    float: left !important;
  }
  .float-lg-right {
    float: right !important;
  }
  .float-lg-none {
    float: none !important;
  }
}

@media (min-width: 1200px) {
  .float-xl-left {
    float: left !important;
  }
  .float-xl-right {
    float: right !important;
  }
  .float-xl-none {
    float: none !important;
  }
}

.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}

.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
}

.sticky-top {
  position: sticky;
  top: 0;
  z-index: 1030;
}

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

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

.w-25 {
  width: 25% !important;
}

.w-50 {
  width: 50% !important;
}

.w-75 {
  width: 75% !important;
}

.w-100 {
  width: 100% !important;
}

.h-25 {
  height: 25% !important;
}

.h-50 {
  height: 50% !important;
}

.h-75 {
  height: 75% !important;
}

.h-100 {
  height: 100% !important;
}

.mw-100 {
  max-width: 100% !important;
}

.mh-100 {
  max-height: 100% !important;
}

.m-0 {
  margin: 0 0 !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mr-0 {
  margin-right: 0 !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.ml-0 {
  margin-left: 0 !important;
}

.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.m-1 {
  margin: 0.25rem 0.25rem !important;
}

.mt-1 {
  margin-top: 0.25rem !important;
}

.mr-1 {
  margin-right: 0.25rem !important;
}

.mb-1 {
  margin-bottom: 0.25rem !important;
}

.ml-1 {
  margin-left: 0.25rem !important;
}

.mx-1 {
  margin-right: 0.25rem !important;
  margin-left: 0.25rem !important;
}

.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem 0.5rem !important;
}

.mt-2 {
  margin-top: 0.5rem !important;
}

.mr-2 {
  margin-right: 0.5rem !important;
}

.mb-2 {
  margin-bottom: 0.5rem !important;
}

.ml-2 {
  margin-left: 0.5rem !important;
}

.mx-2 {
  margin-right: 0.5rem !important;
  margin-left: 0.5rem !important;
}

.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.m-3 {
  margin: 1rem 1rem !important;
}

.mt-3 {
  margin-top: 1rem !important;
}

.mr-3 {
  margin-right: 1rem !important;
}

.mb-3 {
  margin-bottom: 1rem !important;
}

.ml-3 {
  margin-left: 1rem !important;
}

.mx-3 {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}

.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.m-4 {
  margin: 1.5rem 1.5rem !important;
}

.mt-4 {
  margin-top: 1.5rem !important;
}

.mr-4 {
  margin-right: 1.5rem !important;
}

.mb-4 {
  margin-bottom: 1.5rem !important;
}

.ml-4 {
  margin-left: 1.5rem !important;
}

.mx-4 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important;
}

.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.m-5 {
  margin: 3rem 3rem !important;
}

.mt-5 {
  margin-top: 3rem !important;
}

.mr-5 {
  margin-right: 3rem !important;
}

.mb-5 {
  margin-bottom: 3rem !important;
}

.ml-5 {
  margin-left: 3rem !important;
}

.mx-5 {
  margin-right: 3rem !important;
  margin-left: 3rem !important;
}

.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.p-0 {
  padding: 0 0 !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pr-0 {
  padding-right: 0 !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pl-0 {
  padding-left: 0 !important;
}

.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.p-1 {
  padding: 0.25rem 0.25rem !important;
}

.pt-1 {
  padding-top: 0.25rem !important;
}

.pr-1 {
  padding-right: 0.25rem !important;
}

.pb-1 {
  padding-bottom: 0.25rem !important;
}

.pl-1 {
  padding-left: 0.25rem !important;
}

.px-1 {
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important;
}

.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem 0.5rem !important;
}

.pt-2 {
  padding-top: 0.5rem !important;
}

.pr-2 {
  padding-right: 0.5rem !important;
}

.pb-2 {
  padding-bottom: 0.5rem !important;
}

.pl-2 {
  padding-left: 0.5rem !important;
}

.px-2 {
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important;
}

.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.p-3 {
  padding: 1rem 1rem !important;
}

.pt-3 {
  padding-top: 1rem !important;
}

.pr-3 {
  padding-right: 1rem !important;
}

.pb-3 {
  padding-bottom: 1rem !important;
}

.pl-3 {
  padding-left: 1rem !important;
}

.px-3 {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}

.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.p-4 {
  padding: 1.5rem 1.5rem !important;
}

.pt-4 {
  padding-top: 1.5rem !important;
}

.pr-4 {
  padding-right: 1.5rem !important;
}

.pb-4 {
  padding-bottom: 1.5rem !important;
}

.pl-4 {
  padding-left: 1.5rem !important;
}

.px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}

.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.p-5 {
  padding: 3rem 3rem !important;
}

.pt-5 {
  padding-top: 3rem !important;
}

.pr-5 {
  padding-right: 3rem !important;
}

.pb-5 {
  padding-bottom: 3rem !important;
}

.pl-5 {
  padding-left: 3rem !important;
}

.px-5 {
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}

.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mt-auto {
  margin-top: auto !important;
}

.mr-auto {
  margin-right: auto !important;
}

.mb-auto {
  margin-bottom: auto !important;
}

.ml-auto {
  margin-left: auto !important;
}

.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

@media (min-width: 576px) {
  .m-sm-0 {
    margin: 0 0 !important;
  }
  .mt-sm-0 {
    margin-top: 0 !important;
  }
  .mr-sm-0 {
    margin-right: 0 !important;
  }
  .mb-sm-0 {
    margin-bottom: 0 !important;
  }
  .ml-sm-0 {
    margin-left: 0 !important;
  }
  .mx-sm-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .my-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem 0.25rem !important;
  }
  .mt-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mr-sm-1 {
    margin-right: 0.25rem !important;
  }
  .mb-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-sm-1 {
    margin-left: 0.25rem !important;
  }
  .mx-sm-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .my-sm-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem 0.5rem !important;
  }
  .mt-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mr-sm-2 {
    margin-right: 0.5rem !important;
  }
  .mb-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-sm-2 {
    margin-left: 0.5rem !important;
  }
  .mx-sm-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .my-sm-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem 1rem !important;
  }
  .mt-sm-3 {
    margin-top: 1rem !important;
  }
  .mr-sm-3 {
    margin-right: 1rem !important;
  }
  .mb-sm-3 {
    margin-bottom: 1rem !important;
  }
  .ml-sm-3 {
    margin-left: 1rem !important;
  }
  .mx-sm-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .my-sm-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem 1.5rem !important;
  }
  .mt-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mr-sm-4 {
    margin-right: 1.5rem !important;
  }
  .mb-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-sm-4 {
    margin-left: 1.5rem !important;
  }
  .mx-sm-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .my-sm-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 3rem 3rem !important;
  }
  .mt-sm-5 {
    margin-top: 3rem !important;
  }
  .mr-sm-5 {
    margin-right: 3rem !important;
  }
  .mb-sm-5 {
    margin-bottom: 3rem !important;
  }
  .ml-sm-5 {
    margin-left: 3rem !important;
  }
  .mx-sm-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .my-sm-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .p-sm-0 {
    padding: 0 0 !important;
  }
  .pt-sm-0 {
    padding-top: 0 !important;
  }
  .pr-sm-0 {
    padding-right: 0 !important;
  }
  .pb-sm-0 {
    padding-bottom: 0 !important;
  }
  .pl-sm-0 {
    padding-left: 0 !important;
  }
  .px-sm-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem 0.25rem !important;
  }
  .pt-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pr-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pb-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-sm-1 {
    padding-left: 0.25rem !important;
  }
  .px-sm-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .py-sm-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem 0.5rem !important;
  }
  .pt-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pr-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pb-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-sm-2 {
    padding-left: 0.5rem !important;
  }
  .px-sm-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .py-sm-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem 1rem !important;
  }
  .pt-sm-3 {
    padding-top: 1rem !important;
  }
  .pr-sm-3 {
    padding-right: 1rem !important;
  }
  .pb-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pl-sm-3 {
    padding-left: 1rem !important;
  }
  .px-sm-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .py-sm-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem 1.5rem !important;
  }
  .pt-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pr-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pb-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-sm-4 {
    padding-left: 1.5rem !important;
  }
  .px-sm-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .py-sm-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 3rem 3rem !important;
  }
  .pt-sm-5 {
    padding-top: 3rem !important;
  }
  .pr-sm-5 {
    padding-right: 3rem !important;
  }
  .pb-sm-5 {
    padding-bottom: 3rem !important;
  }
  .pl-sm-5 {
    padding-left: 3rem !important;
  }
  .px-sm-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-sm-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mt-sm-auto {
    margin-top: auto !important;
  }
  .mr-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-auto {
    margin-bottom: auto !important;
  }
  .ml-sm-auto {
    margin-left: auto !important;
  }
  .mx-sm-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}

@media (min-width: 768px) {
  .m-md-0 {
    margin: 0 0 !important;
  }
  .mt-md-0 {
    margin-top: 0 !important;
  }
  .mr-md-0 {
    margin-right: 0 !important;
  }
  .mb-md-0 {
    margin-bottom: 0 !important;
  }
  .ml-md-0 {
    margin-left: 0 !important;
  }
  .mx-md-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem 0.25rem !important;
  }
  .mt-md-1 {
    margin-top: 0.25rem !important;
  }
  .mr-md-1 {
    margin-right: 0.25rem !important;
  }
  .mb-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-md-1 {
    margin-left: 0.25rem !important;
  }
  .mx-md-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .my-md-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem 0.5rem !important;
  }
  .mt-md-2 {
    margin-top: 0.5rem !important;
  }
  .mr-md-2 {
    margin-right: 0.5rem !important;
  }
  .mb-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-md-2 {
    margin-left: 0.5rem !important;
  }
  .mx-md-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .my-md-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem 1rem !important;
  }
  .mt-md-3 {
    margin-top: 1rem !important;
  }
  .mr-md-3 {
    margin-right: 1rem !important;
  }
  .mb-md-3 {
    margin-bottom: 1rem !important;
  }
  .ml-md-3 {
    margin-left: 1rem !important;
  }
  .mx-md-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .my-md-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem 1.5rem !important;
  }
  .mt-md-4 {
    margin-top: 1.5rem !important;
  }
  .mr-md-4 {
    margin-right: 1.5rem !important;
  }
  .mb-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-md-4 {
    margin-left: 1.5rem !important;
  }
  .mx-md-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .my-md-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .m-md-5 {
    margin: 3rem 3rem !important;
  }
  .mt-md-5 {
    margin-top: 3rem !important;
  }
  .mr-md-5 {
    margin-right: 3rem !important;
  }
  .mb-md-5 {
    margin-bottom: 3rem !important;
  }
  .ml-md-5 {
    margin-left: 3rem !important;
  }
  .mx-md-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .my-md-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .p-md-0 {
    padding: 0 0 !important;
  }
  .pt-md-0 {
    padding-top: 0 !important;
  }
  .pr-md-0 {
    padding-right: 0 !important;
  }
  .pb-md-0 {
    padding-bottom: 0 !important;
  }
  .pl-md-0 {
    padding-left: 0 !important;
  }
  .px-md-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem 0.25rem !important;
  }
  .pt-md-1 {
    padding-top: 0.25rem !important;
  }
  .pr-md-1 {
    padding-right: 0.25rem !important;
  }
  .pb-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-md-1 {
    padding-left: 0.25rem !important;
  }
  .px-md-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .py-md-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem 0.5rem !important;
  }
  .pt-md-2 {
    padding-top: 0.5rem !important;
  }
  .pr-md-2 {
    padding-right: 0.5rem !important;
  }
  .pb-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-md-2 {
    padding-left: 0.5rem !important;
  }
  .px-md-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .py-md-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem 1rem !important;
  }
  .pt-md-3 {
    padding-top: 1rem !important;
  }
  .pr-md-3 {
    padding-right: 1rem !important;
  }
  .pb-md-3 {
    padding-bottom: 1rem !important;
  }
  .pl-md-3 {
    padding-left: 1rem !important;
  }
  .px-md-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .py-md-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem 1.5rem !important;
  }
  .pt-md-4 {
    padding-top: 1.5rem !important;
  }
  .pr-md-4 {
    padding-right: 1.5rem !important;
  }
  .pb-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-md-4 {
    padding-left: 1.5rem !important;
  }
  .px-md-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .py-md-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .p-md-5 {
    padding: 3rem 3rem !important;
  }
  .pt-md-5 {
    padding-top: 3rem !important;
  }
  .pr-md-5 {
    padding-right: 3rem !important;
  }
  .pb-md-5 {
    padding-bottom: 3rem !important;
  }
  .pl-md-5 {
    padding-left: 3rem !important;
  }
  .px-md-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-md-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mt-md-auto {
    margin-top: auto !important;
  }
  .mr-md-auto {
    margin-right: auto !important;
  }
  .mb-md-auto {
    margin-bottom: auto !important;
  }
  .ml-md-auto {
    margin-left: auto !important;
  }
  .mx-md-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}

@media (min-width: 992px) {
  .m-lg-0 {
    margin: 0 0 !important;
  }
  .mt-lg-0 {
    margin-top: 0 !important;
  }
  .mr-lg-0 {
    margin-right: 0 !important;
  }
  .mb-lg-0 {
    margin-bottom: 0 !important;
  }
  .ml-lg-0 {
    margin-left: 0 !important;
  }
  .mx-lg-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem 0.25rem !important;
  }
  .mt-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mr-lg-1 {
    margin-right: 0.25rem !important;
  }
  .mb-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-lg-1 {
    margin-left: 0.25rem !important;
  }
  .mx-lg-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .my-lg-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem 0.5rem !important;
  }
  .mt-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mr-lg-2 {
    margin-right: 0.5rem !important;
  }
  .mb-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-lg-2 {
    margin-left: 0.5rem !important;
  }
  .mx-lg-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .my-lg-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem 1rem !important;
  }
  .mt-lg-3 {
    margin-top: 1rem !important;
  }
  .mr-lg-3 {
    margin-right: 1rem !important;
  }
  .mb-lg-3 {
    margin-bottom: 1rem !important;
  }
  .ml-lg-3 {
    margin-left: 1rem !important;
  }
  .mx-lg-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .my-lg-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem 1.5rem !important;
  }
  .mt-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mr-lg-4 {
    margin-right: 1.5rem !important;
  }
  .mb-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-lg-4 {
    margin-left: 1.5rem !important;
  }
  .mx-lg-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .my-lg-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 3rem 3rem !important;
  }
  .mt-lg-5 {
    margin-top: 3rem !important;
  }
  .mr-lg-5 {
    margin-right: 3rem !important;
  }
  .mb-lg-5 {
    margin-bottom: 3rem !important;
  }
  .ml-lg-5 {
    margin-left: 3rem !important;
  }
  .mx-lg-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .my-lg-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .p-lg-0 {
    padding: 0 0 !important;
  }
  .pt-lg-0 {
    padding-top: 0 !important;
  }
  .pr-lg-0 {
    padding-right: 0 !important;
  }
  .pb-lg-0 {
    padding-bottom: 0 !important;
  }
  .pl-lg-0 {
    padding-left: 0 !important;
  }
  .px-lg-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem 0.25rem !important;
  }
  .pt-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pr-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pb-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-lg-1 {
    padding-left: 0.25rem !important;
  }
  .px-lg-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .py-lg-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem 0.5rem !important;
  }
  .pt-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pr-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pb-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-lg-2 {
    padding-left: 0.5rem !important;
  }
  .px-lg-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .py-lg-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem 1rem !important;
  }
  .pt-lg-3 {
    padding-top: 1rem !important;
  }
  .pr-lg-3 {
    padding-right: 1rem !important;
  }
  .pb-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pl-lg-3 {
    padding-left: 1rem !important;
  }
  .px-lg-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .py-lg-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem 1.5rem !important;
  }
  .pt-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pr-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pb-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-lg-4 {
    padding-left: 1.5rem !important;
  }
  .px-lg-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .py-lg-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 3rem 3rem !important;
  }
  .pt-lg-5 {
    padding-top: 3rem !important;
  }
  .pr-lg-5 {
    padding-right: 3rem !important;
  }
  .pb-lg-5 {
    padding-bottom: 3rem !important;
  }
  .pl-lg-5 {
    padding-left: 3rem !important;
  }
  .px-lg-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-lg-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mt-lg-auto {
    margin-top: auto !important;
  }
  .mr-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-auto {
    margin-bottom: auto !important;
  }
  .ml-lg-auto {
    margin-left: auto !important;
  }
  .mx-lg-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}

@media (min-width: 1200px) {
  .m-xl-0 {
    margin: 0 0 !important;
  }
  .mt-xl-0 {
    margin-top: 0 !important;
  }
  .mr-xl-0 {
    margin-right: 0 !important;
  }
  .mb-xl-0 {
    margin-bottom: 0 !important;
  }
  .ml-xl-0 {
    margin-left: 0 !important;
  }
  .mx-xl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem 0.25rem !important;
  }
  .mt-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mr-xl-1 {
    margin-right: 0.25rem !important;
  }
  .mb-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-xl-1 {
    margin-left: 0.25rem !important;
  }
  .mx-xl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .my-xl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem 0.5rem !important;
  }
  .mt-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mr-xl-2 {
    margin-right: 0.5rem !important;
  }
  .mb-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-xl-2 {
    margin-left: 0.5rem !important;
  }
  .mx-xl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .my-xl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem 1rem !important;
  }
  .mt-xl-3 {
    margin-top: 1rem !important;
  }
  .mr-xl-3 {
    margin-right: 1rem !important;
  }
  .mb-xl-3 {
    margin-bottom: 1rem !important;
  }
  .ml-xl-3 {
    margin-left: 1rem !important;
  }
  .mx-xl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .my-xl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem 1.5rem !important;
  }
  .mt-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mr-xl-4 {
    margin-right: 1.5rem !important;
  }
  .mb-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-xl-4 {
    margin-left: 1.5rem !important;
  }
  .mx-xl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .my-xl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 3rem 3rem !important;
  }
  .mt-xl-5 {
    margin-top: 3rem !important;
  }
  .mr-xl-5 {
    margin-right: 3rem !important;
  }
  .mb-xl-5 {
    margin-bottom: 3rem !important;
  }
  .ml-xl-5 {
    margin-left: 3rem !important;
  }
  .mx-xl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .my-xl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .p-xl-0 {
    padding: 0 0 !important;
  }
  .pt-xl-0 {
    padding-top: 0 !important;
  }
  .pr-xl-0 {
    padding-right: 0 !important;
  }
  .pb-xl-0 {
    padding-bottom: 0 !important;
  }
  .pl-xl-0 {
    padding-left: 0 !important;
  }
  .px-xl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem 0.25rem !important;
  }
  .pt-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pr-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pb-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-xl-1 {
    padding-left: 0.25rem !important;
  }
  .px-xl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .py-xl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem 0.5rem !important;
  }
  .pt-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pr-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pb-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-xl-2 {
    padding-left: 0.5rem !important;
  }
  .px-xl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .py-xl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem 1rem !important;
  }
  .pt-xl-3 {
    padding-top: 1rem !important;
  }
  .pr-xl-3 {
    padding-right: 1rem !important;
  }
  .pb-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pl-xl-3 {
    padding-left: 1rem !important;
  }
  .px-xl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .py-xl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem 1.5rem !important;
  }
  .pt-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pr-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pb-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-xl-4 {
    padding-left: 1.5rem !important;
  }
  .px-xl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .py-xl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 3rem 3rem !important;
  }
  .pt-xl-5 {
    padding-top: 3rem !important;
  }
  .pr-xl-5 {
    padding-right: 3rem !important;
  }
  .pb-xl-5 {
    padding-bottom: 3rem !important;
  }
  .pl-xl-5 {
    padding-left: 3rem !important;
  }
  .px-xl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-xl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mt-xl-auto {
    margin-top: auto !important;
  }
  .mr-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-auto {
    margin-bottom: auto !important;
  }
  .ml-xl-auto {
    margin-left: auto !important;
  }
  .mx-xl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}

.text-justify {
  text-align: justify !important;
}

.text-nowrap {
  white-space: nowrap !important;
}

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

.text-center {
  text-align: center !important;
}

@media (min-width: 576px) {
  .text-sm-left {
    text-align: left !important;
  }
  .text-sm-right {
    text-align: right !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
}

@media (min-width: 768px) {
  .text-md-left {
    text-align: left !important;
  }
  .text-md-right {
    text-align: right !important;
  }
  .text-md-center {
    text-align: center !important;
  }
}

@media (min-width: 992px) {
  .text-lg-left {
    text-align: left !important;
  }
  .text-lg-right {
    text-align: right !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
}

@media (min-width: 1200px) {
  .text-xl-left {
    text-align: left !important;
  }
  .text-xl-right {
    text-align: right !important;
  }
  .text-xl-center {
    text-align: center !important;
  }
}

.text-lowercase {
  text-transform: lowercase !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.text-capitalize {
  text-transform: capitalize !important;
}

.font-weight-normal {
  font-weight: normal;
}

.font-weight-bold {
  font-weight: bold;
}

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

.text-white {
  color: #fff !important;
}

.text-muted {
  color: #636c72 !important;
}

a.text-muted:focus, a.text-muted:hover {
  color: #4b5257 !important;
}

.text-primary {
  color: #0077c8 !important;
}

a.text-primary:focus, a.text-primary:hover {
  color: #005995 !important;
}

.text-success {
  color: #5cb85c !important;
}

a.text-success:focus, a.text-success:hover {
  color: #449d44 !important;
}

.text-info {
  color: #5bc0de !important;
}

a.text-info:focus, a.text-info:hover {
  color: #31b0d5 !important;
}

.text-warning {
  color: #f0ad4e !important;
}

a.text-warning:focus, a.text-warning:hover {
  color: #ec971f !important;
}

.text-danger {
  color: #e70f47 !important;
}

a.text-danger:focus, a.text-danger:hover {
  color: #b70c38 !important;
}

.text-gray-dark {
  color: #292b2c !important;
}

a.text-gray-dark:focus, a.text-gray-dark:hover {
  color: #101112 !important;
}

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.invisible {
  visibility: hidden !important;
}

.hidden-xs-up {
  display: none !important;
}

@media (max-width: 575px) {
  .hidden-xs-down {
    display: none !important;
  }
}

@media (min-width: 576px) {
  .hidden-sm-up {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .hidden-sm-down {
    display: none !important;
  }
}

@media (min-width: 768px) {
  .hidden-md-up {
    display: none !important;
  }
}

@media (max-width: 991px) {
  .hidden-md-down {
    display: none !important;
  }
}

@media (min-width: 992px) {
  .hidden-lg-up {
    display: none !important;
  }
}

@media (max-width: 1199px) {
  .hidden-lg-down {
    display: none !important;
  }
}

@media (min-width: 1200px) {
  .hidden-xl-up {
    display: none !important;
  }
}

.hidden-xl-down {
  display: none !important;
}

.visible-print-block {
  display: none !important;
}

@media print {
  .visible-print-block {
    display: block !important;
  }
}

.visible-print-inline {
  display: none !important;
}

@media print {
  .visible-print-inline {
    display: inline !important;
  }
}

.visible-print-inline-block {
  display: none !important;
}

@media print {
  .visible-print-inline-block {
    display: inline-block !important;
  }
}

@media print {
  .hidden-print {
    display: none !important;
  }
}

.all-developers-input-container {
  color: #071d49;
  height: auto;
  cursor: pointer;
  position: relative;
  border-radius: 4px;
  background: white;
  border: 1px solid #91a1bf;
}

.all-developers-input-container__inner {
  border: 1px solid #91a1bf;
  box-shadow: 0px 3px 6px #000029;
}

.all-developers-input-container__inner.active {
  border: 2px solid #2a6ebb;
  background-color: #e5f3fc;
}

.all-developers-input-container span {
  padding: 15px;
  font-size: 14px;
  display: inline-block;
}

.all-developers-input-container .fa-angle-down {
  top: 25px;
  right: 10px;
  font-size: 30px;
  position: absolute;
  transform: translateY(-50%);
}

.all-developers-input-container__dropdown__container {
  display: none;
}

.all-developers-input-container__dropdown__container .form-control {
  padding: 10px;
  color: #91a1bf;
}

.all-developers-input-container__dropdown__container.active {
  display: block;
}

.all-developers-input-container__dropdown__input__container {
  position: relative;
}

.all-developers-input-container__dropdown__input__container .form-control {
  padding-left: 40px;
}

.all-developers-input-container__dropdown__input__container .icon {
  top: 50%;
  left: 10px;
  position: absolute;
  color: #91a1bf;
  transform: translateY(-50%);
}

.all-developers-input-container .developer-selection {
  padding: 10px;
  font-size: 14px;
  font-weight: bold;
  color: #91a1bf;
}

.all-developers-input-container .developer-selection:not(:last-child) {
  border-bottom: 1px solid #91a1bf;
}

.search-for-category-container {
  display: flex;
  height: 50px;
}

.search-for-category-container .form-control {
  border-radius: 4px;
  margin-right: 15px;
  width: calc(100% - 150px);
  border: 1px solid #91a1bf;
  box-shadow: 0px 3px 6px #00204E;
}

.search-for-category-container .form-control::placeholder {
  color: #91a1bf;
}

.search-for-category-container .primary {
  width: 135px;
  font-size: 14px;
  font-weight: bold;
  box-shadow: 2px 3px 2px black;
}

.categories-created {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.categories-created h3.h3-light {
  font-size: 20px;
  font-weight: 300;
  width: calc(100% - 120px);
}

.categories-created__controls {
  width: 120px;
  display: flex;
  justify-content: space-between;
}

.categories-created__controls__btn {
  width: 50px;
  height: 50px;
  color: white;
  border-radius: 50%;
  text-align: center;
  margin-left: 10px;
  background-color: #2a6ebb;
  box-shadow: 0px 3px 6px #000029;
}

.categories-created__controls__btn--secondary {
  background-color: #71BBF2;
}

.categories-created__controls__btn .icon, .categories-created__controls__btn .fa {
  display: flex !important;
  align-items: center;
  justify-content: center;
}

.categories-created__controls--variation {
  justify-content: flex-end;
}

.category-block {
  color: #071d49;
  height: 60px;
  display: flex;
  padding: 20px;
  font-size: 16px;
  cursor: pointer;
  align-items: center;
  margin-bottom: 20px;
  background-color: white;
  border: 1px solid #91a1bf;
}

.category-block__title {
  width: 40%;
  display: flex;
  justify-content: left;
}

.category-block__title input[type="text"] {
  width: 70%;
  border-radius: 4px;
  border: 1px solid #91a1bf;
}

.category-block__number {
  width: 50%;
  display: flex;
  justify-content: left;
}

.category-block__icon {
  width: 10%;
  display: flex;
  font-size: 30px;
  font-weight: bold;
  justify-content: center;
}

.category-block__icon img {
  width: 40px;
  height: 40px;
}

.category-block--manage-emails .category-block__title {
  width: 70%;
}

.category-block--manage-emails .category-block__switch {
  width: 25%;
  display: flex;
  align-items: center;
  /* Rounded sliders */
}

.category-block--manage-emails .category-block__switch span {
  font-size: 14px;
  font-weight: bold;
}

.category-block--manage-emails .category-block__switch .switch {
  width: 60px;
  height: 28px;
  margin-left: 0;
  margin: 0 10px;
  position: relative;
  display: inline-block;
}

.category-block--manage-emails .category-block__switch .switch input {
  width: 0;
  height: 0;
  opacity: 0;
}

.category-block--manage-emails .category-block__switch .slider {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: .4s;
  cursor: pointer;
  position: absolute;
  background-color: #e5e8ef;
}

.category-block--manage-emails .category-block__switch .slider:before {
  position: absolute;
  content: "";
  height: 30px;
  width: 30px;
  left: 3px;
  bottom: 0;
  transition: .4s;
  background-color: white;
  box-shadow: -2px 1px 2px #00204E;
}

.category-block--manage-emails .category-block__switch input:checked + .slider {
  background-color: #2a6ebb;
}

.category-block--manage-emails .category-block__switch input:focus + .slider {
  box-shadow: 0 0 1px #2a6ebb;
}

.category-block--manage-emails .category-block__switch input:checked + .slider:before {
  transform: translateX(26px);
}

.category-block--manage-emails .category-block__switch .slider.round {
  border-radius: 34px;
}

.category-block--manage-emails .category-block__switch .slider.round:before {
  border-radius: 50%;
}

.category-block--manage-emails .category-block__icon {
  width: 5%;
}

.category-block__dropdown {
  height: auto;
  margin: -20px 0 20px 0;
  background-color: white;
  border: 1px solid #91a1bf;
  border-top: 0;
}

.category-block__dropdown .title {
  color: #071d49;
  font-size: 16px;
  font-weight: bold;
  padding-left: 20px;
}

.category-block__dropdown__frequency {
  height: 90px;
  padding: 10px 0;
  border-bottom: 1px solid #91a1bf;
}

.category-block__dropdown__frequency .controls-file-formats {
  padding: 10px 0 10px 20px;
}

.category-block__dropdown__frequency .controls-file-formats__label-container {
  width: 20%;
}

.category-block__dropdown__settings {
  padding: 20px;
}

.category-block__dropdown__settings .title {
  padding-left: 0;
  margin-top: 20px;
}

.category-block__dropdown__settings .selection-area {
  padding: 10px;
  height: auto;
  margin: 20px 0;
  min-height: 150px;
  border-radius: 8px;
  position: relative;
  border: 1px solid #91a1bf;
}

.category-block__dropdown__settings .selection-area .labels-container {
  margin-top: 50px;
}

.category-block__dropdown__settings .selection-area input {
  top: 0;
  left: 0;
  right: 0;
  border: 0;
  width: 100%;
  height: 50px;
  padding-left: 20px;
  position: absolute;
  border-radius: 8px 8px 0 0;
  border-bottom: 1px solid #91a1bf;
}

.category-block__dropdown__settings .selection-area input::placeholder {
  font-size: 16px;
  color: #91a1bf;
}

.category-block__dropdown__settings .button-container {
  display: flex;
  justify-content: flex-end;
}

.category-block__dropdown__settings .button-container .primary {
  height: 50px;
  width: 150px;
  font-size: 14px;
  font-weight: bold;
  border-radius: 8px;
  box-shadow: 0px 3px 6px #000029;
}

.reports-container {
  height: auto;
  margin-bottom: 20px;
  box-sizing: border-box;
  border: 1px solid #91a1bf;
}

.reports-container .report {
  height: 116px;
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  padding-left: 20px;
}

.reports-container .report .report-thumb {
  width: 2%;
  top: 0;
  right: 0;
  position: absolute;
}

.reports-container .report .report-thumb .report-thumb-img {
  top: 0;
  right: 0;
  position: absolute;
}

.reports-container .report .report-thumb .report-thumb-img img {
  height: 40px;
  width: auto;
}

.reports-container .report .report-info {
  width: 98%;
  padding: 20px 40px;
}

.reports-container .report .report-info .top-info {
  color: #071d49;
}

.reports-container .report .report-info .top-info .report__title {
  font-weight: bold;
}

.reports-container .report .report-info .report-info-logo img {
  width: 105px;
  height: 95px;
  border: 1px solid #dfe1e3;
}

.reports-container .report .report-info .report-info-text .text-container {
  padding: 10px 0;
}

.reports-container .report .report-info .report-info-text .text-container p {
  margin-bottom: 0;
}

.reports-container .report .report-info .bottom-info p {
  margin-bottom: 0;
}

.reports-container .report .report-info .bottom-info .social-container ul {
  list-style: none;
  padding-left: 0;
}

.reports-container .report .report-info .bottom-info .social-container ul li {
  display: inline-block;
  padding-left: 10px;
}

.reports-container .report .report-info .bottom-info .social-container ul li a {
  color: #898989;
}

.reports-container .report:not(:last-child) {
  border-bottom: 1px solid #91a1bf;
}

.reports-container .report:nth-child(odd) {
  background-color: white;
}

.reports-container .report:nth-child(even) {
  background-color: #e5e8ef;
}

.reports-container .report__text {
  display: flex;
  flex-direction: column;
}

.reports-container .report__text__title, .reports-container .report__text__description {
  color: #071d49;
  font-size: 16px;
}

.reports-container .report__text__title {
  font-weight: bold;
}

.reports-container .report__text__description {
  font-weight: 300;
}

.reports-container .report__download {
  top: 50%;
  right: 50px;
  color: #071d49;
  cursor: pointer;
  font-size: 25px;
  position: absolute;
  transform: translateY(-50%);
}

.reports-container .report__download button {
  width: 40px;
  height: 40px;
  padding: 10px;
  color: white;
  font-size: 20px;
  border-radius: 50%;
  background-color: #2a6ebb;
}

.dms-reports-alert-container {
  margin-top: 20px;
}

.create-new-report {
  display: flex;
  font-size: 16px;
  color: #071d49;
  font-weight: bold;
  align-items: center;
  justify-content: flex-end;
}

.create-new-report button {
  width: 20px;
  height: 20px;
  padding: 2px;
  font-size: 14px;
  color: white;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 5px;
  background-color: #2a6ebb;
}

@font-face {
  font-family: 'lg';
  src: url("/fonts/lg.eot?n1z373");
  src: url("/fonts/lg.eot?#iefixn1z373") format("embedded-opentype"), url("/fonts/lg.woff?n1z373") format("woff"), url("/fonts/lg.ttf?n1z373") format("truetype"), url("/fonts/lg.svg?n1z373#lg") format("svg");
  font-weight: normal;
  font-style: normal;
}

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

[data-icon]:before {
  font-family: "showsuite" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "showsuite" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-360-photo:before {
  content: "\61";
}

.icon-3d-vr:before {
  content: "\63";
}

.icon-view-list-button:before {
  content: "\64";
}

.icon-tenure:before {
  content: "\65";
}

.icon-map-view:before {
  content: "\66";
}

.icon-aerial-view:before {
  content: "\67";
}

.icon-category:before {
  content: "\68";
}

.icon-facebook:before {
  content: "\69";
}

.icon-favorite:before {
  content: "\6a";
}

.icon-google-plus:before {
  content: "\6b";
}

.icon-guide:before {
  content: "\6c";
}

.icon-price-psf:before {
  content: "\70";
}

.icon-share-copy:before {
  content: "\71";
}

.icon-play:before {
  content: "\62";
}

.icon-interview:before {
  content: "\72";
}

.icon-video:before {
  content: "\73";
}

.icon-exit:before {
  content: "\6d";
}

.icon-affordability:before {
  content: "\6e";
}

.icon-aquasport:before {
  content: "\74";
}

.icon-arrivallounge:before {
  content: "\75";
}

.icon-balcony:before {
  content: "\76";
}

.icon-barlounge:before {
  content: "\77";
}

.icon-bathroom:before {
  content: "\78";
}

.icon-bedroom:before {
  content: "\79";
}

.icon-bicycle-bay:before {
  content: "\7a";
}

.icon-communal-deck:before {
  content: "\41";
}

.icon-cocktail-03:before {
  content: "\42";
}

.icon-cocktail-02:before {
  content: "\43";
}

.icon-cocktail-01:before {
  content: "\44";
}

.icon-childplaycorner:before {
  content: "\45";
}

.icon-childcare:before {
  content: "\46";
}

.icon-chess:before {
  content: "\47";
}

.icon-changingroom:before {
  content: "\48";
}

.icon-car:before {
  content: "\49";
}

.icon-bus:before {
  content: "\4b";
}

.icon-bin-center:before {
  content: "\4c";
}

.icon-billard:before {
  content: "\4d";
}

.icon-developer:before {
  content: "\4f";
}

.icon-dining-01:before {
  content: "\50";
}

.icon-dining-02:before {
  content: "\51";
}

.icon-currency-01:before {
  content: "\4e";
}

.icon-dropoffarea:before {
  content: "\52";
}

.icon-entrance:before {
  content: "\53";
}

.icon-facilities-01:before {
  content: "\54";
}

.icon-fern-garden:before {
  content: "\55";
}

.icon-fullscreen:before {
  content: "\56";
}

.icon-gameroom:before {
  content: "\57";
}

.icon-language-01:before {
  content: "\58";
}

.icon-jacuzzi:before {
  content: "\59";
}

.icon-icons-map:before {
  content: "\5a";
}

.icon-hammock:before {
  content: "\30";
}

.icon-gym:before {
  content: "\31";
}

.icon-guide-01:before {
  content: "\32";
}

.icon-grill:before {
  content: "\33";
}

.icon-garden-zen:before {
  content: "\34";
}

.icon-garden-scent:before {
  content: "\35";
}

.icon-garden-01:before {
  content: "\36";
}

.icon-garden-02:before {
  content: "\37";
}

.icon-lap-pool:before {
  content: "\38";
}

.icon-laundrette:before {
  content: "\39";
}

.icon-laundrette-01:before {
  content: "\21";
}

.icon-lawn:before {
  content: "\22";
}

.icon-lobby:before {
  content: "\23";
}

.icon-lobby-lounge:before {
  content: "\24";
}

.icon-location:before {
  content: "\25";
}

.icon-meetingroom:before {
  content: "\26";
}

.icon-mortgage:before {
  content: "\27";
}

.icon-mrt:before {
  content: "\28";
}

.icon-office:before {
  content: "\29";
}

.icon-otherpool-01:before {
  content: "\2a";
}

.icon-restroom:before {
  content: "\2b";
}

.icon-residentlounge:before {
  content: "\2c";
}

.icon-reflexology:before {
  content: "\2d";
}

.icon-recreation:before {
  content: "\2e";
}

.icon-reading:before {
  content: "\2f";
}

.icon-rainshower:before {
  content: "\3a";
}

.icon-pool-01:before {
  content: "\3b";
}

.icon-playground:before {
  content: "\3d";
}

.icon-place-of-interest:before {
  content: "\3c";
}

.icon-overview:before {
  content: "\3f";
}

.icon-school:before {
  content: "\40";
}

.icon-security-guard:before {
  content: "\5b";
}

.icon-shop:before {
  content: "\5f";
}

.icon-sitemap:before {
  content: "\60";
}

.icon-spa:before {
  content: "\7b";
}

.icon-steamroom:before {
  content: "\7c";
}

.icon-substation:before {
  content: "\7d";
}

.icon-sundeck:before {
  content: "\7e";
}

.icon-tealounge:before {
  content: "\5c";
}

.icon-unit:before {
  content: "\e000";
}

.icon-video-category:before {
  content: "\e001";
}

.icon-viewing:before {
  content: "\e002";
}

.icon-workout:before {
  content: "\e003";
}

.icon-yoga:before {
  content: "\e004";
}

.icon-shelter-01:before {
  content: "\5e";
}

.icon-enquire-01:before {
  content: "\e005";
}

.icon-benches:before {
  content: "\e006";
}

.icon-faq-help:before {
  content: "\e007";
}

.icon-newsroom:before {
  content: "\e008";
}

.icon-checkout:before {
  content: "\e00f";
}

.icon-marketing-manager:before {
  content: "\e00b";
}

.icon-data-scientist:before {
  content: "\e00d";
}

.icon-chief-financial-officer:before {
  content: "\e00e";
}

.icon-backend-developer:before {
  content: "\e012";
}

.icon-minus:before {
  content: "\e009";
}

.icon-feature:before {
  content: "\e010";
}

.icon-eoi-01:before {
  content: "\e015";
}

.icon-unit-specification:before {
  content: "\e016";
}

.icon-built-in-wardrobe:before {
  content: "\e018";
}

.icon-approved-door:before {
  content: "\e019";
}

.icon-built-in-oven:before {
  content: "\e01a";
}

.icon-designer:before {
  content: "\e00c";
}

.icon-audio-video-intercom:before {
  content: "\e01b";
}

.icon-fridge:before {
  content: "\e01c";
}

.icon-hood:before {
  content: "\e01d";
}

.icon-town-gas:before {
  content: "\e01e";
}

.icon-washer-dryer:before {
  content: "\e01f";
}

.icon-cooker-hob:before {
  content: "\e020";
}

.icon-kitchen-cabinet:before {
  content: "\e021";
}

.icon-kitchen:before {
  content: "\e022";
}

.icon-hot-water-supply:before {
  content: "\e023";
}

.icon-stainless-tap:before {
  content: "\e024";
}

.icon-3d-floor-plan:before {
  content: "\e025";
}

.icon-single:before {
  content: "\e026";
}

.icon-joint:before {
  content: "\e027";
}

.icon-book-now:before {
  content: "\e028";
}

.icon-3d-floor-plan-1:before {
  content: "\e029";
}

.icon-360:before {
  content: "\e02a";
}

.icon-3d:before {
  content: "\e02b";
}

.icon-unit-3d:before {
  content: "\e02c";
}

.icon-download:before {
  content: "\e02d";
}

.icon-download-1:before {
  content: "\e02e";
}

.icon-drone:before {
  content: "\e02f";
}

.icon-leads:before {
  content: "\e031";
}

.icon-live-stack-view:before {
  content: "\e032";
}

.icon-star-2:before {
  content: "\e033";
}

.icon-view-units:before {
  content: "\e034";
}

.icon-share:before {
  content: "\e035";
}

.icon-vr-icon:before {
  content: "\e036";
}

.icon-booking-engine:before {
  content: "\e037";
}

.icon-print:before {
  content: "\e038";
}

.icon-save:before {
  content: "\e039";
}

.icon-image:before {
  content: "\e03a";
}

.icon-view:before {
  content: "\e03c";
}

.icon-close:before {
  content: "\e03d";
}

.icon-notifications-button:before {
  content: "\e03e";
}

.icon-heatmap:before {
  content: "\e03f";
}

.icon-condo:before {
  content: "\e040";
}

.icon-keyplan:before {
  content: "\e041";
}

.icon-landed:before {
  content: "\e042";
}

.icon-view-units-1:before {
  content: "\e043";
}

.icon-update-status:before {
  content: "\e044";
}

.icon-sales:before {
  content: "\e045";
}

.icon-offers:before {
  content: "\e047";
}

.icon-mortgage-calculator:before {
  content: "\e048";
}

.icon-ec:before {
  content: "\e04b";
}

.icon-contract:before {
  content: "\e04c";
}

.icon-agency:before {
  content: "\e04d";
}

.icon-document:before {
  content: "\e04e";
}

.icon-accept:before {
  content: "\e046";
}

.icon-reject:before {
  content: "\e04f";
}

.icon-floorplan:before {
  content: "\e050";
}

.icon-upload-image:before {
  content: "\e051";
}

.icon-information:before {
  content: "\e052";
}

.icon-user-01:before {
  content: "\e011";
}

.icon-profile:before {
  content: "\e053";
}

.icon-admin:before {
  content: "\e054";
}

.icon-marketing:before {
  content: "\e055";
}

.icon-analytics-1:before {
  content: "\e056";
}

.icon-tenure-1:before {
  content: "\e058";
}

.icon-projects:before {
  content: "\e059";
}

.icon-sales-1:before {
  content: "\e05a";
}

.icon-application:before {
  content: "\e05b";
}

.icon-live-stack-view-1:before {
  content: "\e05c";
}

.icon-petcorner:before {
  content: "\3e";
}

.icon-payment-method:before {
  content: "\e05d";
}

.icon-counter-booking:before {
  content: "\e05e";
}

.icon-registration-balloting:before {
  content: "\e05f";
}

.icon-promo-code:before {
  content: "\e060";
}

.icon-booking:before {
  content: "\e061";
}

.icon-call:before {
  content: "\4a";
}

.icon-buyer:before {
  content: "\e062";
}

.icon-playlist:before {
  content: "\e014";
}

.icon-general-video:before {
  content: "\e063";
}

.icon-email:before {
  content: "\e064";
}

.icon-portfolio:before {
  content: "\e065";
}

.icon-awards:before {
  content: "\e066";
}

.icon-cea-no:before {
  content: "\e067";
}

.icon-website:before {
  content: "\e068";
}

.icon-reviews:before {
  content: "\e069";
}

.icon-company-profile:before {
  content: "\e06a";
}

.icon-mobile-developer:before {
  content: "\e06b";
}

.icon-agency-1:before {
  content: "\e06c";
}

.icon-dashboard:before {
  content: "\e04a";
}

.icon-invites:before {
  content: "\e06d";
}

.icon-home:before {
  content: "\e06e";
}

.icon-eoi-1:before {
  content: "\e06f";
}

.icon-projects-1:before {
  content: "\e057";
}

.icon-sales-2:before {
  content: "\e070";
}

.icon-leads-1:before {
  content: "\e071";
}

.icon-notification:before {
  content: "\e072";
}

.icon-settings-1:before {
  content: "\e073";
}

.icon-project-info:before {
  content: "\5d";
}

.icon-project-setting:before {
  content: "\e074";
}

.icon-project-assets:before {
  content: "\e076";
}

.icon-upload:before {
  content: "\e075";
}

.icon-filter:before {
  content: "\e077";
}

.icon-list-view-02:before {
  content: "\e078";
}

.icon-list-view-03:before {
  content: "\e079";
}

.icon-list-view-01:before {
  content: "\e07a";
}

.icon-grid-view-01:before {
  content: "\e07b";
}

.icon-more:before {
  content: "\e013";
}

.icon-calendar:before {
  content: "\e07c";
}

.icon-plus:before {
  content: "\e07e";
}

.icon-api-configuration:before {
  content: "\e07f";
}

.icon-instagram-01:before {
  content: "\e080";
}

.icon-facebook-01:before {
  content: "\e081";
}

.icon-youtube-01:before {
  content: "\e082";
}

.icon-menu:before {
  content: "\e083";
}

.icon-menu-selected:before {
  content: "\e084";
}

.icon-linkedin-01:before {
  content: "\e085";
}

.icon-favourite-0:before {
  content: "\e086";
}

.icon-feedback:before {
  content: "\e088";
}

.icon-log-out:before {
  content: "\e08a";
}

.icon-saved-search:before {
  content: "\e08b";
}

.icon-account:before {
  content: "\e08c";
}

.icon-contact:before {
  content: "\e08d";
}

.icon-about-us:before {
  content: "\e08f";
}

.icon-video-01:before {
  content: "\e090";
}

.icon-tools:before {
  content: "\e091";
}

.icon-news:before {
  content: "\e092";
}

.icon-add-01:before {
  content: "\e089";
}

.icon-remark:before {
  content: "\e08e";
}

.icon-buyer-1:before {
  content: "\e093";
}

.icon-vector-report:before {
  content: "\e094";
}

.icon-edit-1:before {
  content: "\e07d";
}

.icon-search:before {
  content: "\e095";
}

.icon-download-2:before {
  content: "\e096";
}

.icon-edit:before {
  content: "\e097";
}

.icon-check:before {
  content: "\e030";
}

.icon-1teamwork:before {
  content: "\6f";
}

.icon-3d-modeller-01:before {
  content: "\e00a";
}

.icon-03-agent-01:before {
  content: "\e017";
}

.icon-33409:before {
  content: "\e03b";
}

.icon-abort:before {
  content: "\e049";
}

.icon-analytics:before {
  content: "\e087";
}

.icon-air-con:before {
  content: "\e098";
}

.icon-agent-01:before {
  content: "\e099";
}

.icon-propeller:before {
  content: "\e09a";
}

.icon-propeller-2:before {
  content: "\e09b";
}

.icon-unit-specification-1:before {
  content: "\e09c";
}

.icon-share-copy-1:before {
  content: "\e09d";
}

.icon-view-list-button-1:before {
  content: "\e09e";
}

.icon-price-psf-1:before {
  content: "\e09f";
}

.icon-initiate-new-phase:before {
  content: "\e0a0";
}

.icon-help:before {
  content: "\e0a1";
}

.icon-icons-view:before {
  content: "\e0a2";
}

.icon-google-plus-1:before {
  content: "\e0a3";
}

.icon-facebook-logo:before {
  content: "\e0a4";
}

.icon-favorite-1:before {
  content: "\e0a5";
}

.icon-edit-2:before {
  content: "\e0a6";
}

.icon-aerial-view-1:before {
  content: "\e0a7";
}

.icon-add-to-compare:before {
  content: "\e0a8";
}

[data-simplebar] {
  position: relative;
  z-index: 0;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  /* Trigger native scrolling for mobile, if not supported, plugin is used. */
}

[data-simplebar="init"] {
  display: flex;
}

.simplebar-scroll-content {
  overflow-x: hidden;
  overflow-y: scroll;
  min-width: 100%;
  box-sizing: content-box;
}

.simplebar-content {
  min-height: 100%;
  overflow-x: scroll;
  overflow-y: hidden;
  box-sizing: border-box;
  padding-bottom: 100px !important;
}

.simplebar-track {
  z-index: 1;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 11px;
}

.simplebar-scrollbar {
  position: absolute;
  right: 2px;
  border-radius: 7px;
  min-height: 10px;
  width: 7px;
  opacity: 1;
  background: #CDCDCD;
  background-clip: padding-box;
}

.simplebar-track:hover .simplebar-scrollbar {
  cursor: pointer;
}

.simplebar-track .simplebar-scrollbar.visible {
  opacity: 1;
}

.simplebar-track.horizontal {
  left: 0;
  width: auto;
  height: 11px;
}

.simplebar-track.vertical {
  top: 0;
}

.horizontal.simplebar-track .simplebar-scrollbar {
  right: auto;
  top: 2px;
  height: 7px;
  min-height: 0;
  min-width: 10px;
  width: auto;
}

.secondary-header {
  height: 60px;
  padding: 15px 5px;
  border-bottom: 1px solid #7f7f83;
}

.secondary-header .list-unstyled {
  text-align: right;
}

.secondary-header .list-unstyled li {
  font-size: 16px;
  padding: 0 10px;
  color: #898989;
  display: inline-block;
}

.secondary-header .list-unstyled li.line-height {
  padding: 0;
}

.secondary-header .list-unstyled li.line-height .fa {
  font-size: 20px;
}

.secondary-header .list-unstyled li button {
  margin: 3px;
  width: auto;
  font-size: 14px;
  color: #898989;
  border: 1px solid #898989;
  font-family: 'Roboto', sans-serif;
}

.secondary-header .list-unstyled li button:hover {
  cursor: pointer;
}

.secondary-header .search {
  padding: 0 15px 0 0;
  margin-top: 5px;
  border-right: 1px solid #898989;
}

.secondary-header .search .form-search-input {
  width: 0;
  border: 0;
  outline: 0;
  padding: 0;
  transition: all .5s;
}

.secondary-header .search .form-search-input.show {
  width: 200px;
  border-bottom: 1px solid black;
}

.secondary-header .search .fa:hover {
  cursor: pointer;
}

.main-header {
  height: 100px;
  padding: 20px 0;
  background-color: #ffffff;
}

.main-header:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

.main-header .container-fluid.with-border {
  border-bottom: 1px solid #898989;
}

.main-header .container-fluid.with-border:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

.main-header .nav-container {
  /* Mobile navigation */
}

.main-header .nav-container .brand {
  float: left;
  width: 300px;
  text-transform: uppercase;
}

.main-header .nav-container .brand a,
.main-header .nav-container .brand a:visited {
  text-decoration: none;
}

.main-header .nav-container nav {
  float: left;
  width: calc(100% - 300px);
}

.main-header .nav-container nav ul {
  background-color: white;
  list-style: none;
  margin: 0;
  padding: 0;
}

.main-header .nav-container nav ul li {
  float: left;
  line-height: 60px;
  position: relative;
  background-color: white;
}

.main-header .nav-container nav ul li a,
.main-header .nav-container nav ul li a:visited {
  display: block;
  padding: 0 20px;
  color: #898989;
  text-decoration: none;
}

.main-header .nav-container nav ul li a:not(:only-child):after,
.main-header .nav-container nav ul li a:visited:not(:only-child):after {
  font-family: "FontAwesome";
  padding-left: 4px;
  content: "\f107";
}

.main-header .nav-container nav ul li ul li {
  min-width: 190px;
}

.main-header .nav-container nav ul li ul li a {
  padding: 15px;
  line-height: 20px;
}

.main-header .nav-container nav ul li.float-md-right .btn {
  margin-top: 10px;
  border-radius: 0;
  border-color: #071d49;
  background-color: #071d49;
}

.main-header .nav-container nav ul li.float-md-right .btn:hover {
  background-color: #0e398f;
}

.main-header .nav-container .nav-dropdown {
  z-index: 1;
  display: none;
  padding: 20px 10px;
  position: absolute;
  background-color: white;
  border: 1px solid #ECEBEB;
}

.main-header .nav-container .nav-dropdown:before {
  content: '';
  width: 0;
  height: 0;
  top: -9px;
  border-color: rgba(204, 204, 204, 0);
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #ECEBEB;
  left: 30px;
  position: absolute;
}

.main-header .nav-container .nav-dropdown:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-color: rgba(204, 204, 204, 0);
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid white;
  position: absolute;
  left: 31px;
  position: absolute;
  top: -7px;
}

.main-header .nav-container .nav-mobile {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  height: 70px;
  width: 70px;
}

@media only screen and (max-width: 798px) {
  .main-header .nav-container .nav-mobile {
    display: block;
  }
  .main-header .nav-container nav {
    width: 100%;
  }
  .main-header .nav-container nav ul {
    left: 0;
    top: 70px;
    width: 100%;
    height: 350px;
    display: none;
    z-index: 10000;
    position: absolute;
    background-color: white;
  }
  .main-header .nav-container nav ul li {
    float: none;
    border-bottom: 1px solid #898989;
  }
  .main-header .nav-container nav ul li.float-md-right {
    border-bottom: 0;
  }
  .main-header .nav-container nav ul li.float-md-right .btn-group {
    margin-left: 10px;
  }
  .main-header .nav-container nav ul li.float-md-right .btn-group .btn {
    width: 150px;
  }
  .main-header .nav-container nav ul li a {
    padding: 15px;
    line-height: 20px;
  }
  .main-header .nav-container nav ul li ul li {
    border: 0;
  }
  .main-header .nav-container nav ul li ul li a {
    padding-left: 30px;
  }
  .main-header .nav-container .nav-dropdown {
    position: static;
    height: auto;
  }
  .main-header .nav-container .nav-dropdown:before, .main-header .nav-container .nav-dropdown:after {
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
  }
}

@media screen and (min-width: 798px) {
  .main-header .nav-container .nav-list {
    display: block !important;
  }
}

.main-header .nav-container #nav-toggle {
  position: absolute;
  left: 18px;
  top: 18px;
  cursor: pointer;
  padding: 10px 35px 16px 0px;
}

.main-header .nav-container #nav-toggle span,
.main-header .nav-container #nav-toggle span:before,
.main-header .nav-container #nav-toggle span:after {
  cursor: pointer;
  border-radius: 1px;
  height: 3px;
  width: 30px;
  background: #0077c8;
  position: absolute;
  display: block;
  content: '';
  transition: all 300ms ease-in-out;
}

.main-header .nav-container #nav-toggle span:before {
  top: -10px;
}

.main-header .nav-container #nav-toggle span:after {
  bottom: -10px;
}

.main-header .nav-container #nav-toggle.active span {
  background-color: transparent;
}

.main-header .nav-container #nav-toggle.active span:before, .main-header .nav-container #nav-toggle.active span:after {
  top: 0;
}

.main-header .nav-container #nav-toggle.active span:before {
  transform: rotate(45deg);
}

.main-header .nav-container #nav-toggle.active span:after {
  transform: rotate(-45deg);
}

@media only screen and (max-width: 1200px) {
  .main-header {
    padding: 10px 0;
  }
}

@media only screen and (max-width: 1024px) {
  .main-header {
    height: 80px;
    box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.5);
  }
  .main-header .nav-container .brand {
    width: 250px;
    padding: 8px;
  }
}

@media only screen and (max-width: 768px) {
  hgroup {
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    position: fixed;
    z-index: 1000;
    background-color: white;
  }
}

@media only screen and (max-width: 640px) {
  .header .navbar-brand img {
    width: 80%;
  }
}

.breadcrumbs-container .container-fluid .breadcrumb, .breadcrumbs-container .container .breadcrumb {
  padding: 0;
  margin: 20px 0;
  padding-left: 20px;
  background-color: transparent;
}

.breadcrumbs-dashboards {
  list-style: none;
  padding-top: 20px;
}

.breadcrumbs-dashboards li {
  margin-right: 8px;
  display: inline-block;
}

.breadcrumbs-dashboards h2 {
  color: #071d49;
  display: block;
  font-size: 32px !important;
}

.breadcrumbs-dashboards a, .breadcrumbs-dashboards i {
  font-weight: bold;
  color: #2a6ebb;
}

@media only screen and (max-width: 768px) {
  .breadcrumbs-container {
    margin-top: 80px;
  }
  .breadcrumbs-container li, .breadcrumbs-container li a {
    font-size: smaller;
    text-transform: uppercase;
  }
}

.carousel {
  position: relative;
}

.carousel .appstore, .carousel .googleplay {
  z-index: 100;
  position: absolute;
  right: 20px;
}

.carousel .appstore:hover, .carousel .googleplay:hover {
  cursor: pointer;
}

.carousel .appstore {
  top: 20px;
  width: 105px;
}

.carousel .googleplay {
  top: 60px;
  right: 12px;
  width: 120px;
}

.carousel .fullscreen {
  top: 10px;
  right: 10px;
  width: 35px;
  height: 35px;
  z-index: 100;
  position: absolute;
}

.carousel .carousel-indicators {
  justify-content: center;
}

.carousel .carousel-indicators li {
  height: 15px;
  max-width: 15px;
  border-radius: 50%;
  background-color: #898989;
}

.carousel .carousel-indicators li.active {
  background-color: white;
  border: 1px solid #898989;
}

.carousel .carousel-control-prev,
.carousel .carousel-control-next {
  width: 40px;
  opacity: 1;
}

.carousel .carousel-control-prev-icon, .carousel .carousel-control-next-icon {
  width: 40px;
  height: 40px;
  display: block;
  background-image: none;
  background-color: #898989;
}

.carousel .carousel-control-prev-icon .fa, .carousel .carousel-control-next-icon .fa {
  font-size: 40px;
}

.carousel-item-inner {
  height: auto;
  max-width: 85%;
  margin: 0 auto;
  display: flex;
}

.carousel-item-inner .carousel-img-inner {
  width: calc(100% / 3);
  position: relative;
}

.carousel-item-inner .carousel-img-inner h3 {
  top: 50%;
  left: 50%;
  color: white;
  font-weight: 400;
  position: absolute;
  text-transform: uppercase;
  transform: translate(-50%, -50%);
}

.carousel-item-inner .carousel-img-inner img {
  width: 100%;
  height: 100%;
}

.carousel-item-inner.testimonials {
  max-width: 80%;
}

.carousel-item-inner.testimonials .profile-container {
  text-align: center;
  font-size: 14px;
}

.carousel-item-inner.testimonials .profile-container p {
  margin-bottom: 0;
}

.carousel-item-inner.testimonials .profile-container img {
  width: 200px;
  height: 200px;
}

.carousel-item-inner.testimonials .testimonial-message {
  padding: 30px;
  color: #898989;
}

.detailed-view .fa-angle-right:before,
.detailed-view .fa-angle-left:before {
  z-index: 100 !important;
  color: white !important;
}

.main-content .home-carousel {
  position: relative;
}

.main-content .home-carousel .carousel-item {
  height: 400px;
}

.main-content .home-carousel .carousel-item .carousel-caption {
  top: 30%;
  bottom: 20px;
  left: 8%;
  text-align: left;
}

.main-content .home-carousel .carousel-item .heading-container {
  max-width: 200px;
  text-align: center;
  border-bottom: 4px solid white;
}

.main-content .home-carousel .carousel-item .heading-container h1 {
  font-size: 60px;
  text-transform: uppercase;
}

.main-content .home-carousel .carousel-item .heading-container h1 span {
  font-size: 70px;
  margin-top: -10px;
  display: block;
}

.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next {
  top: 50%;
  width: 40px;
  height: 40px;
  color: white;
  position: absolute;
  background-color: #898989;
  transform: translateY(-50%);
}

.owl-carousel .owl-nav .owl-prev i, .owl-carousel .owl-nav .owl-next i {
  top: 50%;
  left: 50%;
  font-size: 40px;
  position: absolute;
  transform: translate(-50%, -50%);
}

.owl-carousel .owl-nav .owl-prev {
  left: 0;
}

.owl-carousel .owl-nav .owl-next {
  right: 0;
}

@media only screen and (max-width: 1024px) {
  .main-content .home-carousel .carousel-item {
    height: 300px;
  }
  .main-content .home-carousel .carousel-item .heading-container h1 {
    font-size: 40px;
    text-transform: uppercase;
  }
  .main-content .home-carousel .carousel-item .heading-container h1 span {
    font-size: 50px;
  }
  .site-map-carousel .carousel-item, .facilities-carousel .carousel-item {
    height: 600px;
  }
}

@media only screen and (max-width: 768px) {
  .main-content {
    margin-top: 80px;
  }
  .main-content .carousel .appstore {
    width: 80px;
  }
  .main-content .carousel .googleplay {
    top: 50px;
    width: 95px;
  }
  .site-map-carousel .carousel-item, .facilities-carousel .carousel-item {
    height: 400px;
  }
}

@media only screen and (max-width: 640px) {
  #home-carousel .carousel-control-prev,
  #home-carousel .carousel-control-next {
    display: none !important;
  }
  .site-map-carousel .carousel-item, .facilities-carousel .carousel-item {
    height: 300px;
  }
}

.vp-player-layout {
  left: 10% !important;
  right: 10% !important;
}

.text-verified {
  color: #228B22 !important;
}

.text-warning {
  color: #f0ad4e !important;
}

a.advanced {
  color: darkgrey;
  padding-top: 10px;
  text-decoration: underline;
}

.home-advanced-search {
  padding: 50px 0;
  background-color: #f3f3f3;
}

.home-advanced-search .input-group-append .btn-primary {
  border-radius: 0;
  border-bottom: 0;
}

.home-advanced-search input[type=text]::placeholder {
  opacity: 0.2;
}

.btn-transparent {
  border: 1px solid #676565;
  color: #676565;
  background: transparent;
  padding: 15px 25px;
  margin: 50px auto;
  display: block;
  width: 250px;
}

.btn-transparent:focus, .btn-transparent:hover {
  background: lightgrey;
}

.sliding {
  display: block;
  margin: 20px 0;
  overflow-x: hidden;
  white-space: nowrap;
}

.sliding .img-block {
  min-width: 150px;
  margin-right: 15px;
  box-sizing: border-box;
  margin-bottom: 15px;
  height: 110px;
  display: inline-block;
  position: relative;
}

.sliding .img-block span, .sliding .img-block h5 {
  left: 15px;
  white-space: normal;
}

.sliding .img-block .separator {
  top: 15px;
  background: white;
  content: "";
  width: 100px;
  height: 5px;
  position: absolute;
}

.sliding .img-block h5 {
  top: 30px;
  color: white;
  position: absolute;
}

.sliding .img-block.sponsored .sponsored-text {
  position: absolute;
  font-size: 12px;
  color: white;
  bottom: 5px;
  left: 60px;
}

.home-tabs {
  margin: 0 0 30px 0;
}

.home-tabs .container {
  z-index: 10;
}

.home-tabs .justify-content-end {
  width: 100%;
  margin: 0 auto;
  border-top: 1px solid #dfe1e3;
  border-bottom: 1px solid #dfe1e3;
}

.home-tabs .justify-content-end h2 {
  margin: 3px;
  padding-top: 5px;
}

.home-tabs .nav-tabs {
  padding: 0 40px;
}

.home-tabs .nav-tabs {
  border: 0;
}

.home-tabs .nav-tabs .nav-link {
  border: 0;
  font-weight: bold;
  color: #9e9c9c;
}

.home-tabs .nav-tabs .nav-link.active {
  color: #676565;
  border-bottom: 1px solid #dfe1e3;
}

.home-tabs .tab-content .map-container {
  height: 800px;
}

.home-tabs .tab-content > .active {
  padding-top: 20px;
}

.project-card {
  color: #898989;
  margin-bottom: 20px;
  border: 1px solid #CDCDCD;
}

.project-card .project-card-text {
  padding: 20px;
  font-weight: 400;
}

.project-card .project-card-text .project-card-logo img {
  height: auto;
  min-height: 100px;
  border: 1px solid #CDCDCD;
}

.project-card .project-card-text .project-card-details h6 {
  margin-bottom: 10px;
}

.project-card .project-card-text .project-card-details h6 a {
  color: #898989;
}

.project-card .project-card-text .project-card-details p {
  margin-bottom: 0;
}

.project-card .project-card-text .project-card-details p.address {
  line-height: 1;
  height: 40px;
}

.project-card .project-card-text .project-card-stock p {
  margin-bottom: 0;
  font-size: 15px;
  border-bottom: 1px solid #898989;
}

.project-card .project-card-text .project-card-stock p span {
  font-weight: bold;
  display: inline-block;
  width: 60%;
}

.project-card .project-card-text .project-card-stock p:first-child {
  border-bottom: 0;
}

.project-card .project-card-text .project-card-currencies p {
  font-size: 14px;
  margin-bottom: -5px;
}

.project-card .project-card-text .social-container ul {
  list-style: none;
  padding-left: 0;
}

.project-card .project-card-text .social-container ul li {
  display: inline-block;
  padding-right: 10px;
}

.project-card .project-card-text .social-container ul li a {
  color: #898989;
}

.project-card .project-card-footer {
  border: 0;
  height: 40px;
  width: inherit;
  color: #fff;
  background-color: #8b8d8f;
  padding-top: 8px;
  padding-left: 20px;
}

.project-card .project-card-footer i {
  margin-right: 20px;
  margin-top: 4px;
}

.project-card .project-card-img {
  margin: 0;
  height: 330px;
  position: relative;
}

.project-card .project-card-img .label {
  top: 0;
  left: 0;
  width: 70px;
  position: absolute;
}

.project-card .project-card-img .soldout {
  top: 0;
  right: 0;
  width: 70px;
  position: absolute;
}

.custom-card {
  display: flex;
  color: #898989;
  font-weight: 400;
  margin-bottom: 20px;
  border: 1px solid #898989;
}

.custom-card .project-thumb {
  width: 25%;
}

.custom-card .project-thumb .project-thumb-img {
  width: 100%;
  height: 100%;
  position: relative;
}

.custom-card .project-thumb .project-thumb-img .card-label, .custom-card .project-thumb .project-thumb-img .card-soldout {
  top: 0;
  left: 0;
  width: 70px;
  height: 70px;
  position: absolute;
}

.custom-card .project-thumb .project-thumb-img img {
  height: 100%;
}

.custom-card .project-thumb .project-thumb-img .label {
  top: 0;
  left: 0;
  max-width: 70px;
  max-height: 70px;
  position: absolute;
}

.custom-card .project-thumb .project-thumb-img .soldout {
  top: 0;
  right: 0;
  max-width: 70px;
  max-height: 70px;
  position: absolute;
}

.custom-card .project-info {
  width: 75% !important;
  padding: 15px;
}

.custom-card .project-info .project-info-logo img {
  width: 105px;
  height: 95px;
  border: 1px solid #dfe1e3;
}

.custom-card .project-info .project-info-text .text-container {
  padding: 10px 0;
}

.custom-card .project-info .project-info-text .text-container p {
  margin-bottom: 0;
}

.custom-card .project-info .bottom-info p {
  margin-bottom: 0;
}

.custom-card .project-info .bottom-info .social-container ul {
  list-style: none;
  padding-left: 0;
}

.custom-card .project-info .bottom-info .social-container ul li {
  display: inline-block;
  padding-left: 10px;
}

.custom-card .project-info .bottom-info .social-container ul li a {
  color: #898989;
}

.testimonials {
  height: auto;
  min-height: 300px;
}

.project-partners {
  border-top: 1px solid #b6b6b6;
  border-bottom: 1px solid #b6b6b6;
}

.project-partners .col-4, .project-partners .col-md-3 {
  display: flex;
  justify-content: center;
  align-items: center;
}

.project-partners .partners-logos .partner-block {
  width: 200px;
  height: 120px;
}

.project-partners .partners-logos .partner-block img {
  height: 120px;
  vertical-align: middle;
}

.newsletter-signup {
  border-bottom: 1px solid #7f7f83;
}

.newsletter-signup .newsletter-signup-container {
  height: auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.newsletter-signup .newsletter-signup-container .newsletter-signup-block {
  width: calc(100% / 3);
  font-size: 16px;
  color: #898989;
}

.newsletter-signup .newsletter-signup-container .newsletter-signup-block img {
  max-width: 80%;
  padding-bottom: 20px;
}

.newsletter-signup .newsletter-signup-container .newsletter-signup-block h3 {
  font-weight: 400;
  color: #0077c8;
}

.newsletter-signup .newsletter-signup-container .newsletter-signup-block p {
  max-width: 70%;
}

.newsletter-signup .newsletter-signup-container form {
  position: relative;
}

.newsletter-signup .newsletter-signup-container form .input-container {
  padding-right: 100px;
}

.newsletter-signup .newsletter-signup-container form .input-container input {
  margin: 0 auto;
  border-radius: 20px;
}

.newsletter-signup .newsletter-signup-container form .input-container button {
  top: 0;
  right: 100px;
  outline: none;
  color: #898989;
  position: absolute;
  background-color: transparent;
}

@media only screen and (max-width: 1024px) {
  .project-partners .partners-logos .partner-block {
    width: auto;
    height: 120px;
  }
  .project-partners .partners-logos .partner-block img {
    height: 120px;
    vertical-align: middle;
  }
}

@media only screen and (max-width: 768px) {
  .search-home .col-lg-6, .search-home .col-md-6 {
    margin-bottom: 10px;
  }
  .home-tabs .tab-content .map-container {
    height: 250px;
  }
  .project-card {
    color: #898989;
    margin-bottom: 20px;
    border: 1px solid #CDCDCD;
  }
  .project-card .project-card-text .social-container ul li {
    padding-right: 5px;
  }
  .newsletter-signup .newsletter-signup-container .newsletter-signup-block {
    width: 100%;
    padding: 20px;
  }
  .newsletter-signup .newsletter-signup-container .newsletter-signup-block img {
    max-width: 100%;
  }
  .newsletter-signup .newsletter-signup-container form .input-container {
    padding-right: 0;
  }
  .newsletter-signup .newsletter-signup-container form .input-container button {
    right: 0;
  }
}

@media only screen and (max-width: 640px) {
  .search-home .form-hide-mobile {
    display: none;
  }
  .search-home .form-hide-mobile.active {
    display: block;
  }
  .search-home .form-group .plus {
    position: relative;
  }
  .search-home .form-group .plus .absolute {
    right: -12px;
    bottom: 6px;
    display: block;
    font-size: 24px;
    position: absolute;
  }
  .search-home .form-group .plus .absolute:hover {
    cursor: pointer;
  }
  .home-tabs .row.justify-content-end {
    padding-left: 0;
  }
  .home-tabs .nav-tabs {
    padding: 10px 0;
  }
  .home-tabs .nav-tabs .nav-link {
    font-size: 12px;
  }
  .home-tabs .nav-tabs .nav-link.active {
    border-bottom: 0;
  }
}

.projects-container {
  padding: 0 1em;
  margin: 0 auto;
  max-width: 1296px;
}

.project {
  margin-right: 1em;
  margin-bottom: 1em;
  display: inline-block;
  width: calc(33% - .6em);
  border: 1px solid #CDCDCD;
}

.project:nth-child(3n + 3) {
  margin-right: 0;
}

.project__image {
  margin: 0;
  padding: 0;
  height: 320px;
  position: relative;
}

.project__image img {
  width: 100%;
  height: 100%;
}

.project__image img .label {
  top: 0;
  left: 0;
  width: 70px;
  position: absolute;
}

.project__image img .soldout {
  top: 0;
  right: 0;
  width: 70px;
  position: absolute;
}

.project__content {
  padding: 24px;
}

.project__content__details {
  display: flex;
}

.project__content__details .project__logo {
  margin: 0;
  padding: 0;
  width: 120px;
  height: 120px;
  display: flex;
  align-items: center;
  border: solid 1px #CDCDCD;
}

.project__content__details .project__logo img {
  max-height: 60%;
  height: auto;
}

.project__content__details .project__text {
  width: 75%;
  margin-left: 16px;
  border-bottom: solid 1px #CDCDCD;
}

.project__content__details .project__text__address, .project__content__details .project__text__type, .project__content__details .project__text__tenure {
  display: block;
  font-size: 13px;
  font-weight: normal;
  color: #898989;
}

.project__content__details .project__text__name {
  font-size: 21px;
  font-weight: bold;
  color: #8b8d8f;
}

.project__content__details .project__text hr {
  margin-top: 16px;
}

.project__units__container {
  display: flex;
  margin-top: 20px;
  justify-content: space-between;
}

.project__units__container .project__units {
  width: 115px;
  font-size: 12px;
}

.project__units__container .project__units__text {
  padding: 3px 0;
  color: #898989;
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #CDCDCD;
}

.project__units__container .project__units__text__title {
  font-weight: bold;
}

.project__units__container .project__units__text__number {
  text-align: right;
  display: inline-block;
}

.project__units__container .share-container {
  margin-top: auto;
}

.project__units__container .share-container ul {
  margin: 0;
  display: flex;
  list-style: none;
}

.project__units__container .share-container ul li {
  margin-left: 10px;
}

.project__units__container .share-container ul li a {
  color: #898989;
}

@media only screen and (max-width: 1024px) {
  .project {
    width: calc(50% - .6em);
    border: 1px solid #CDCDCD;
  }
  .project:nth-child(3n + 3) {
    margin-right: 1em;
  }
  .project:nth-child(2n + 2) {
    margin-right: 0;
  }
}

@media only screen and (max-width: 660px) {
  .project {
    width: calc(33% - .6em);
    border: 1px solid #CDCDCD;
  }
  .project:nth-child(3n + 3) {
    margin-right: 0;
  }
  .project:nth-child(2n + 2) {
    margin-right: 0;
  }
  .project__content__details .project__logo {
    width: 100px;
    height: 100px;
  }
  .project__content__details .project__text {
    padding-bottom: 5px;
  }
}

.navbar-landing {
  justify-content: space-between;
}

.hero {
  height: 700px;
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../images/landing-background.jpg);
  clip-path: polygon(0% 0%, 100% 0px, 100% 81%, 0% 100%);
  -webkit-clip-path: polygon(0% 0%, 100% 0px, 100% 81%, 0% 100%);
  margin-bottom: -198px;
  z-index: 3;
}

.hero .content {
  width: 50%;
}

.hero .content h1 {
  color: white;
  padding: 50px 0 0 50px;
  font-size: 3.5rem;
  text-transform: uppercase;
}

.hero .content h1 span {
  display: block;
  font-size: 4.5rem;
}

.hero .content .form-container {
  height: 300px;
  padding: 20px;
  margin: 20px auto 0;
  max-width: 550px;
}

.hero .content .form-container .input-group input {
  border-radius: 8px 0 0 8px;
  border: 2px solid black;
  border-right: 0;
}

.hero .content .form-container .input-group .btn {
  border-radius: 0 8px 8px 0;
  border: 2px solid black;
  border-left: 0;
}

.hero .content .form-container p {
  color: white;
  font-size: 48px;
  line-height: 1;
}

.hero .content .form-container p span {
  font-size: 30px;
}

.coming-soon {
  height: 700px;
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../images/pins&dots.png);
}

@media only screen and (max-width: 768px) {
  .hero .content h1 {
    font-size: 2.5;
  }
  .hero .content h1 span {
    font-size: 3rem;
  }
}

@media only screen and (max-width: 640px) {
  .hero {
    height: 500px;
  }
  .hero .content {
    width: 100%;
  }
  .hero .content h1 {
    font-size: 1.5rem;
  }
  .hero .content h1 span {
    font-size: 2rem;
  }
  .hero .content .form-container p {
    font-size: 35px;
  }
  .hero .content .form-container p span {
    font-size: 25px;
  }
  .coming-soon {
    height: 450px;
  }
}

.advanced-search {
  padding: 0 40px;
}

.advanced-search .row {
  padding: 0 20px;
}

.advanced-search .nav-tabs {
  border: none;
  padding-top: 20px;
}

.advanced-search .nav-tabs .nav-link {
  border: 0;
  padding: 0;
  margin-right: 15px;
  color: #9e9c9c;
  border-bottom: 1px solid #9e9c9c;
}

.advanced-search .nav-tabs .nav-link.active {
  color: black;
}

.advanced-search .tab-content {
  padding: 40px 0;
  /* Style the tab */
}

.advanced-search .tab-content form p {
  padding-left: 15px;
}

.advanced-search .tab-content form.developers {
  height: 500px;
  margin-top: 30px;
  overflow-y: scroll;
  overflow-x: hidden;
}

.advanced-search .tab-content form.developers .col-md-4.dev-column {
  min-height: 400px;
  margin-bottom: 20px;
}

.advanced-search .tab-content .nav.check-uncheck .nav-link {
  color: #9e9c9c;
  text-decoration: underline;
  cursor: pointer;
}

.advanced-search .tab-content .district-1 {
  background-color: #41923e;
}

.advanced-search .tab-content .district-2 {
  background-color: #ca392d;
}

.advanced-search .tab-content .district-3 {
  background-color: #8429ac;
}

.advanced-search .tab-content .district-4 {
  background-color: #f19e39;
}

.advanced-search .tab-content .district-5 {
  background-color: #2155a0;
}

.advanced-search .tab-content .district-6 {
  background-color: #6d473b;
}

.advanced-search .tab-content .district-7 {
  background-color: #778378;
}

.advanced-search .tab-content .district-8 {
  background-color: #778379;
}

.advanced-search .tab-content .district-9 {
  background-color: #778380;
}

.advanced-search .tab-content .custom-tab {
  width: 15%;
  height: auto;
  margin-bottom: 100px;
  display: inline-block;
}

.advanced-search .tab-content .custom-tab button {
  display: block;
  padding: 10px 15px;
  margin-bottom: 2px;
  width: 100%;
  border: none;
  outline: none;
  text-align: center;
  cursor: pointer;
  transition: 0.3s;
  font-size: 17px;
  z-index: 2000;
  background: #d7d2d2;
}

.advanced-search .tab-content .custom-tab button span {
  color: white;
  padding: 5px 10px;
}

.advanced-search .tab-content .custom-tab.schools button {
  color: white;
  text-align: left;
  background: #333131;
}

.advanced-search .tab-content .custom-tab.schools button.active {
  background: steelblue;
}

.advanced-search .tab-content ul.alphabetical li a {
  color: black;
  text-decoration: underline;
}

.advanced-search .tab-content .wrapper-letter {
  padding: 15px 0;
  border-bottom: 3px solid black;
}

.advanced-search .tab-content .tabcontent {
  float: right;
  padding: 0px 12px;
  width: 85%;
  border-left: none;
  height: auto;
  box-sizing: border-box;
}

.advanced-search .tab-content .tabcontent .container {
  z-index: 1000;
}

.advanced-search .tab-content .tabcontent .col-md-12 {
  padding-left: 0;
  padding-right: 0;
}

.advanced-search .tab-content .tabcontent .form-check-label span {
  color: white;
  padding: 5px 10px;
  display: inline-block;
  margin-right: 5px;
}

@media only screen and (max-width: 1024px) {
  .advanced-search .tab-content .custom-tab {
    width: 100%;
    margin-bottom: 0;
  }
  .advanced-search .tab-content .custom-tab button {
    width: 24%;
    display: inline-block;
  }
  .advanced-search .tab-content .tabcontent {
    width: 100%;
    padding: 20px 0;
  }
}

@media only screen and (max-width: 768px) {
  .advanced-search .tab-content .custom-tab button {
    width: 48%;
  }
}

.table-striped {
  overflow-x: scroll;
}

.project-view .carousel-inner {
  height: calc(100vh - 220px);
}

.project-view .carousel-inner.unit-view-inner {
  height: 700px;
}

.project-view .carousel-inner.unit-view-inner img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  overflow: hidden;
}

.project-view .detailed-view {
  position: relative;
}

.project-view .detailed-view .soldout {
  top: 0;
  left: 0;
  width: 70px;
  position: absolute;
  z-index: 1;
}

.project-view .detailed-view .carousel {
  height: 600px;
}

.project-view .detailed-view .carousel .carousel-inner {
  height: 100%;
}

.project-view .detailed-view .carousel .carousel-inner .carousel-item {
  height: 100%;
}

.project-view-info ul li {
  font-size: 14px;
  margin-left: 5%;
}

.project-view-info ul li i {
  padding-right: 10px;
  display: inline-block;
  vertical-align: middle;
}

.project-view-info .btn {
  text-align: left;
  position: relative;
}

.project-view-info .btn i {
  right: 10px;
  font-size: 20px;
  position: absolute;
}

.project-view-info .btn.btn-primary.disabled:hover {
  cursor: not-allowed;
}

.project-view-info i:hover {
  cursor: pointer;
}

.units-btn-group {
  display: flex;
  flex-wrap: wrap;
}

.units-btn-group button {
  background: none;
  color: #898989;
  margin-bottom: 5px;
  margin-right: 1%;
  border-radius: 0;
  font-size: 13px;
  height: 30px;
  width: 24%;
  padding: 1px 1px;
}

.in-page-nav .container nav {
  border-top: 1px solid #CDCDCD;
  border-bottom: 1px solid #CDCDCD;
}

.in-page-nav .list-unstyled {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0;
  padding: 10px 0;
}

.in-page-nav .list-unstyled li {
  width: 150px;
  text-align: center;
  position: relative;
}

.in-page-nav .list-unstyled li.last {
  margin-left: auto;
}

.in-page-nav .list-unstyled li a {
  font-size: 14px;
  color: #898989;
}

.in-page-nav .list-unstyled li.disabled a {
  opacity: 0.5;
  cursor: not-allowed;
  text-decoration: none;
}

.in-page-nav .list-unstyled li:last-child:after {
  content: "";
}

.in-page-nav.unit .list-unstyled {
  padding: 10px 5%;
}

.in-page-nav.unit .list-unstyled li a .icon {
  font-size: 20px;
  padding-right: 5px;
}

.project-video .video-container {
  font-size: 60px;
  height: 700px;
  display: flex;
  color: white;
  position: relative;
  background: #4A4A4A;
  align-items: center;
  justify-content: center;
}

.facilities a.d-sm-none {
  display: inline-block;
  margin: 20px;
}

.facilities a.d-sm-none:hover {
  cursor: pointer;
}

.flex-container {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.flex-container .column {
  padding: 20px;
  box-sizing: border-box;
  flex-basis: 25%;
  max-width: 25%;
  border-right: 1px solid #CDCDCD;
}

.flex-container .column:last-child {
  border-right: none;
}

.flex-container .column p {
  margin-bottom: 6px;
}

.flex-container .column p .icon {
  font-size: 18px;
}

.location-map .map-container {
  height: 600px;
}

.developer-info {
  text-align: justify;
}

.developer-info .logo-container {
  height: 150px;
  padding: 20px 0;
  line-height: 150px;
}

.developer-info .logo-container img {
  vertical-align: middle;
}

.box-border {
  padding: 20px;
  border-right: 1px solid #CDCDCD;
}

.box-border:last-child {
  border-right: none;
}

.box-border p {
  margin-bottom: 10px;
}

.box-border p i {
  font-size: 20px;
}

.drone-views {
  margin: 50px 0;
}

.drone-views .drone-custom-tab {
  width: 15%;
  height: auto;
  display: inline-block;
}

.drone-views .drone-custom-tab .drone-views-wrapper {
  width: 100%;
}

.drone-views .drone-custom-tab .drone-views-wrapper button {
  width: 100%;
  border: none;
  outline: none;
  padding: 25px;
  color: white;
  font-size: 20px;
  text-align: center;
  margin-bottom: 2px;
  cursor: pointer;
  transition: 0.3s;
  font-size: 17px;
  z-index: 2000;
  background: #071d49;
  position: relative;
}

.drone-views .drone-custom-tab .drone-views-wrapper .dropdown-container {
  width: 260px;
  height: 500px;
  display: none;
  z-index: 10000;
  overflow-y: scroll;
  position: absolute;
  background-color: #e0e1e4;
}

.drone-views .drone-custom-tab .drone-views-wrapper .dropdown-container.show {
  display: block;
}

.drone-views .drone-custom-tab .drone-views-wrapper .dropdown-container ul {
  padding: 30px 0;
  list-style-type: none;
}

.drone-views .drone-custom-tab .drone-views-wrapper .dropdown-container ul li {
  padding: 5px 0;
}

.drone-views .drone-custom-tab .drone-views-wrapper .dropdown-container ul li a {
  color: black;
  display: block;
  padding: 0 30px;
}

.drone-views .drone-custom-tab .drone-views-wrapper .dropdown-container ul li img {
  width: 80px;
  text-align: center;
  margin-right: 10px;
  display: inline-block;
}

.drone-views .tabcontent {
  width: 85%;
  height: auto;
  float: right;
  padding: 0 20px;
  box-sizing: border-box;
}

.drone-views .tabcontent .level img {
  max-height: 600px;
}

body.is-fullscreen {
  overflow: hidden;
}

.carousel-item.active.fullscreen-img.fullscreen-img-open {
  height: 100% !important;
}

.fullscreen-img.fullscreen-img-open {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 100;
  background: rgba(255, 255, 255, 0.5);
  width: 100% !important;
}

.fullscreen-img.fullscreen-img-open > .fullscreen-img-title {
  left: 50%;
  bottom: 15%;
  color: white;
  z-index: 1001;
  font-size: 20px;
  display: block;
  position: fixed;
  transform: translateX(-50%);
}

.fullscreen-img.fullscreen-img-open > .fullscreen-img-navigation, .fullscreen-img.fullscreen-img-open .fa, .fullscreen-img.fullscreen-img-open .zoom-navigation {
  left: 0;
  top: 50%;
  width: 200px;
  padding: 20px;
  z-index: 1001;
  display: block;
  position: fixed;
  transform: translateY(-50%);
}

.fullscreen-img.fullscreen-img-open > .fullscreen-img-navigation button, .fullscreen-img.fullscreen-img-open .fa button, .fullscreen-img.fullscreen-img-open .zoom-navigation button {
  width: 100%;
  padding: 20px;
  border: 1px solid black;
  background: #e0e1e4;
  border-bottom: 2px solid black;
}

.fullscreen-img.fullscreen-img-open > .fullscreen-img-navigation button i, .fullscreen-img.fullscreen-img-open .fa button i, .fullscreen-img.fullscreen-img-open .zoom-navigation button i {
  color: white;
}

.fullscreen-img.fullscreen-img-open > .fullscreen-img-navigation ul, .fullscreen-img.fullscreen-img-open .fa ul, .fullscreen-img.fullscreen-img-open .zoom-navigation ul {
  padding: 0;
  width: 100%;
  list-style: none;
  max-height: 200px;
  overflow-y: scroll;
}

.fullscreen-img.fullscreen-img-open > .fullscreen-img-navigation ul li, .fullscreen-img.fullscreen-img-open .fa ul li, .fullscreen-img.fullscreen-img-open .zoom-navigation ul li {
  color: black;
  padding: 20px;
  text-align: left;
  background: rgba(255, 255, 255, 0.2);
}

.fullscreen-img.fullscreen-img-open > .fullscreen-img-navigation ul li a, .fullscreen-img.fullscreen-img-open .fa ul li a, .fullscreen-img.fullscreen-img-open .zoom-navigation ul li a {
  color: white;
  display: block;
  text-decoration: none;
}

.fullscreen-img.fullscreen-img-open > .fullscreen-img-navigation.gallery, .fullscreen-img.fullscreen-img-open .fa.gallery, .fullscreen-img.fullscreen-img-open .zoom-navigation.gallery {
  top: 0;
  left: 50%;
  bottom: 5%;
  width: auto;
  position: absolute;
  transform: translateX(-50%);
}

.fullscreen-img.fullscreen-img-open > .fullscreen-img-navigation.gallery img, .fullscreen-img.fullscreen-img-open .fa.gallery img, .fullscreen-img.fullscreen-img-open .zoom-navigation.gallery img {
  top: 100%;
  width: 100px;
  background: none;
  position: relative;
  bottom: 0 !important;
  display: inline-block;
  height: 100px !important;
}

.fullscreen-img.fullscreen-img-open > .fullscreen-img-navigation.gallery img.selected, .fullscreen-img.fullscreen-img-open .fa.gallery img.selected, .fullscreen-img.fullscreen-img-open .zoom-navigation.gallery img.selected {
  border: 1px solid #e70f47;
}

.fullscreen-img.fullscreen-img-open > .fullscreen-img-navigation.gallery img:hover, .fullscreen-img.fullscreen-img-open .fa.gallery img:hover, .fullscreen-img.fullscreen-img-open .zoom-navigation.gallery img:hover {
  cursor: pointer;
}

.fullscreen-img.fullscreen-img-open .fa {
  color: white;
}

.fullscreen-img.fullscreen-img-open .fa:hover {
  cursor: pointer;
}

.fullscreen-img.fullscreen-img-open .fa.fa-arrow-right {
  left: 96%;
}

.fullscreen-img.fullscreen-img-open > .zoom-navigation {
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100px;
  background: black;
}

.fullscreen-img.fullscreen-img-open > .zoom-navigation .fa {
  top: 75px;
  font-size: 20px;
}

.fullscreen-img.fullscreen-img-open > .zoom-navigation .fa.fa-search-plus {
  left: 82%;
}

.fullscreen-img.fullscreen-img-open > .zoom-navigation .fa.fa-search-minus {
  left: 85%;
}

.fullscreen-img.fullscreen-img-open > .zoom-navigation .fa.fa-play-circle {
  left: 88%;
}

.fullscreen-img.fullscreen-img-open > .zoom-navigation .fa.fa-expand {
  left: 91%;
}

.fullscreen-img.fullscreen-img-open > a.close-fullscreen-img {
  top: 5px;
  right: 20px;
  color: white;
  z-index: 1001;
  display: block;
  position: fixed;
  font-size: 30px;
  text-decoration: none;
}

.fullscreen-img.fullscreen-img-open img {
  width: 100%;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
  max-width: 100%;
  -o-object-fit: contain !important;
  object-fit: contain !important;
  height: 100% !important;
  max-height: 100% !important;
  background: darkgrey;
}

.fullscreen-img a.close-fullscreen-img, .fullscreen-img .fullscreen-img-navigation, .fullscreen-img .fullscreen-img-title {
  display: none;
}

.unit-types table th span {
  font-size: 15px;
}

.unit-types .btn {
  float: right;
}

.unit-types .btn-primary {
  width: 200px;
  padding: 10px;
  position: relative;
}

.unit-types .btn-primary .icon {
  position: absolute;
  left: 15px;
}

.developer-info {
  margin: 80px 0;
}

.developer-info img {
  height: auto;
  max-width: 200px;
}

.developer-info .btn-primary {
  min-width: 200px;
}

.project-desc {
  font-size: 12px;
}

.prev-next-project {
  padding: 20px 0;
  margin: 50px 0;
  border-top: 1px solid #7f7f83;
  border-bottom: 1px solid #7f7f83;
}

.prev-next-project a {
  display: flex;
  color: #898989;
  align-items: center;
  text-decoration: none;
}

.prev-next-project a i {
  transition: all .3s ease-in;
}

.prev-next-project a:hover i {
  color: #071d49;
}

.prev-next-project a span {
  margin-left: 20px;
}

.prev-next-project a span small {
  display: block;
}

.prev-next-project a.next {
  justify-content: flex-end;
}

.prev-next-project a.next span {
  padding-right: 20px;
}

.container-tours {
  width: 100%;
}

.project-tours-container {
  display: grid;
  grid-gap: 10px;
  height: 600px;
  grid-template-rows: repeat(2, 1fr);
}

.project-tours-container--variation {
  height: 100vh !important;
}

.project-tours-container--variation .tour {
  width: 100%;
  height: 100%;
  border: 1px solid black;
}

.project-tours-container--variation .tour img {
  width: 100%;
  height: 100%;
}

.project-tours-container--two-children {
  display: flex;
  height: 600px;
  justify-content: space-between;
}

.project-tours-container--two-children .tour {
  width: calc(50% - 5px);
}

.project-tours-container--one-child {
  height: 600px;
  display: flex;
}

.project-tours-container--one-child .tour {
  width: 100%;
  height: 100%;
}

.project-tours-container .tour-1 {
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 1;
  grid-row-end: 2;
}

.project-tours-container .tour-2 {
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 2;
  grid-row-end: 4;
}

.project-tours-container .tour-3 {
  grid-column-start: 2;
  grid-column-end: 3;
  grid-row-start: 1;
  grid-row-end: 4;
}

@media only screen and (max-width: 1024px) {
  .project-view .carousel-inner {
    height: 300px;
  }
  .project-view-info {
    font-size: 14px;
  }
  .project-view-info ul li span {
    display: none;
  }
  .project-view-info ul li i {
    font-size: 20px;
    padding-right: 0;
    margin-right: 20px;
  }
  .in-page-nav .list-unstyled li {
    font-size: 14px;
  }
  .in-page-nav .list-unstyled li span {
    display: none;
  }
  .in-page-nav .list-unstyled li i {
    font-size: 20px;
  }
  .in-page-nav .list-unstyled li:after {
    content: "";
  }
  .project-video .video-container {
    height: 400px;
  }
  .unit-types table {
    font-size: 16px;
  }
  .location-map .map-container {
    height: 400px;
  }
}

@media only screen and (max-width: 780px) {
  .flex-container .column {
    flex: 1 calc(100% / 2);
  }
}

@media only screen and (max-width: 768px) {
  .project-view-info ul li i {
    font-size: 15px;
    margin-right: 10px;
  }
  .fullscreen-img.fullscreen-img-open > .fullscreen-img-navigation {
    width: 120px;
  }
  .fullscreen-img.fullscreen-img-open > .fullscreen-img-navigation button span {
    display: none;
  }
  .fullscreen-img.fullscreen-img-open img.browser-specific {
    height: 100vh !important;
    width: 100vw;
  }
  .fullscreen-img.fullscreen-img-open > .zoom-navigation .fa {
    font-size: 15px;
  }
  .fullscreen-img.fullscreen-img-open > .zoom-navigation .fa.fa-search-plus {
    left: 50%;
  }
  .fullscreen-img.fullscreen-img-open > .zoom-navigation .fa.fa-search-minus {
    left: 60%;
  }
  .fullscreen-img.fullscreen-img-open > .zoom-navigation .fa.fa-play-circle {
    left: 70%;
  }
  .fullscreen-img.fullscreen-img-open > .zoom-navigation .fa.fa-expand {
    left: 80%;
  }
  .fullscreen-img.fullscreen-img-open .fa.fa-arrow-right {
    left: 93%;
  }
  .fullscreen-img.fullscreen-img-open > .fullscreen-img-navigation.gallery img {
    width: 40px;
  }
  .overview {
    font-size: 14px;
  }
  .project-video .video-container {
    height: 300px;
  }
  .unit-types table {
    font-size: 14px;
  }
  .location-map .map-container {
    height: 250px;
  }
  .project-view .detailed-view .carousel {
    height: 350px;
  }
}

@media only screen and (max-width: 640px) {
  .fullscreen-img.fullscreen-img-open > .zoom-navigation .fa.fa-search-plus {
    left: 45%;
  }
  .fullscreen-img.fullscreen-img-open > .zoom-navigation .fa.fa-search-minus {
    left: 55%;
  }
  .fullscreen-img.fullscreen-img-open > .zoom-navigation .fa.fa-play-circle {
    left: 65%;
  }
  .fullscreen-img.fullscreen-img-open > .zoom-navigation .fa.fa-expand {
    left: 75%;
  }
  .fullscreen-img.fullscreen-img-open .fa.fa-arrow-right {
    left: 85%;
  }
  .flex-container .column {
    flex: 100%;
    max-width: 100%;
  }
  .project-view-info {
    font-size: 14px;
  }
  .project-view-info ul li {
    margin-left: 0;
  }
  .list-inline-item:not(:last-child) {
    margin-right: 0;
  }
}

.stack-view {
  margin-top: 30px;
}

.stack-view .btn-group button {
  width: 100px;
  padding: 10px;
  background: none;
  color: #7f7f83;
  border: 1px solid #CDCDCD;
}

.stack-view .btn-group button.selected {
  color: white;
  border: none;
  background-color: #8b8d8f;
}

.stack-view .btn-group button:hover {
  cursor: pointer;
}

.stack-view .btn-group button.disabled {
  cursor: not-allowed;
}

.stack-view .last-updated {
  color: #e70f47;
  font-size: 14px;
}

.stack-view .nice-select {
  width: 100%;
  border-radius: 0;
}

.stack-view .nice-select .list {
  width: 100%;
  border-radius: 0;
}

.stack-view .row.with-border {
  padding-top: 10px;
  box-sizing: border-box;
  border-top: 1px solid #CDCDCD;
}

.stack-view .row.with-border p {
  padding-bottom: 10px;
  margin-bottom: 0;
}

.stack-view label {
  display: block;
  font-size: 12px;
  margin-top: 5px;
  text-align: center;
}

.stack-view .button-container {
  width: 95px;
  text-align: center;
  display: inline-block;
}

.stack-view .button-container button {
  min-width: 55px;
  max-width: 75px;
  min-height: 55px;
  max-height: 75px;
  display: block;
  font-size: 12px;
  font-weight: bold;
  margin: 0 auto 10px;
  padding: 0.375rem;
  word-wrap: break-word;
  /* IE */
}

.stack-view .button-container button:hover {
  cursor: pointer;
}

.stack-view .button-container.bigger {
  width: 105px;
}

.stack-view .scroll {
  max-width: 1200px;
  padding: 0 10px 35px 15px;
  overflow-x: auto;
  overflow-y: hidden;
}

.stack-view .scroll .buttons-row {
  padding: 0;
  display: flex;
  gap: 0.25rem;
}

.stack-view .scroll .buttons-row .stackview {
  margin: 0;
  padding: 5px;
  height: 42px;
  width: 100%;
  max-width: 95px;
  flex-shrink: 0;
  flex-basis: 95px;
  border-radius: 0;
  /*margin-right: 1px;
        margin-bottom: 1px;*/
  word-wrap: break-word;
  white-space: normal;
}

.stack-view .scroll .buttons-row .stackview.selected {
  border: 2px solid #F5F500 !important;
}

.stack-view .scroll .buttons-row .stackview .stack-cell-info {
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: normal;
  white-space: nowrap;
}

.stack-view .btn-group {
  display: flex;
}

.stack-view .btn-group .stackview {
  margin-right: 10px;
}

.table-pagination {
  width: 100%;
  padding-top: 15px;
  margin-bottom: 5rem;
  border-top: 1px solid #CDCDCD;
  border-bottom: 1px solid #CDCDCD;
}

.table-pagination ul {
  list-style: none;
  font-size: 14px;
  padding-left: 0;
}

.table-pagination ul li {
  padding-left: 10px;
  display: inline-block;
}

.table-pagination ul li a {
  color: #7f7f83;
  text-decoration: none;
}

.table-pagination ul.text-right li:after {
  content: "/";
  padding: 0 5px;
}

.table-pagination ul.text-right li:last-child:after {
  content: "";
  padding: 0;
}

.available-units {
  margin-top: 10px;
}

.available-units .col-md-12 {
  padding: 0;
  color: #7f7f83;
}

.available-units .col-md-12 .pull-left {
  padding-top: 3px;
  padding-left: 10px;
  box-sizing: border-box;
}

.available-units table {
  margin-top: 20px;
}

.available-units table th, .available-units table td {
  border-top: 0;
}

.available-units .previous {
  padding-right: 15px;
}

.available-units .next {
  padding-left: 15px;
}

.available-units .selected-page {
  font-weight: bold;
  font-size: 16px;
}

@media only screen and (max-width: 768px) {
  .stack-view {
    padding-right: 15px;
  }
  .stack-view .list-unstyled li {
    display: inline;
  }
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .stack-view .scroll {
    width: 1000px;
  }
}

@media only screen and (max-width: 640px) {
  .stack-view {
    margin-top: 0;
  }
  .stack-view .button-container {
    width: 65px;
  }
  .stack-view .button-container label {
    font-size: 10px;
  }
  .stack-view .button-container button {
    width: 40px;
    height: 40px;
    font-size: 10px;
    border-radius: 10px;
  }
  .available-units {
    margin-top: 20px;
  }
  .available-units table {
    font-size: 9px;
  }
  .nice-select {
    margin-top: 20px;
  }
}

.my-folio {
  margin: 50px 0 100px;
}

.my-folio .card-container {
  color: black;
  text-decoration: none;
}

.my-folio .card-container .card {
  transition: transform .3s ease-in-out;
}

.my-folio .card-container .card:hover {
  transform: scale(1.05);
}

.my-folio .card-container .card .card-header {
  font-weight: bold;
  text-align: center;
}

.my-folio .card-container .card .card-block {
  padding: 80px;
}

.my-folio .card-container .card .card-block img {
  width: 100px;
  height: 100px;
  margin: 0 auto;
  display: block;
}

.my-folio .card-container .card.disabled {
  opacity: 0.3;
}

.my-folio p {
  padding: 20px;
}

.profile {
  margin-top: 50px;
}

.profile .profile-container {
  padding-left: 0;
  padding-right: 0;
}

.profile .profile-container .card-header .icon, .profile .profile-container .card-header .fa {
  padding-right: 10px;
}

.profile .profile-container .card-header .btn {
  padding: 0;
  border: 0;
  margin: 0 10px;
  background-color: transparent;
}

.profile .profile-container .card-header .btn:hover {
  cursor: pointer;
}

.profile .profile-container .card-block .icon-information-circular-button-interface-symbol {
  color: darkturquoise;
}

.profile .profile-container .card-block .profile-image-container {
  padding: 40px;
  text-align: center;
  border: 1px solid #cccccc;
}

.profile .profile-container .card-block .profile-image-container p, .profile .profile-container .card-block .profile-image-container .icon, .profile .profile-container .card-block .profile-image-container a {
  color: #cccccc;
}

.profile .profile-container .card-block .profile-image-container .icon {
  font-size: 100px;
}

.profile .profile-container .card-block .profile-image-uploaded {
  display: none;
  position: relative;
}

.profile .profile-container .card-block .profile-image-uploaded .icon {
  top: 20px;
  right: 20px;
  color: white;
  position: absolute;
}

.profile .profile-container .card-block .profile-image-uploaded .icon:hover {
  cursor: pointer;
}

.profile .profile-container .card-block .text-center {
  margin-top: 20px;
}

.profile .profile-container .card-block hr {
  margin-top: 100px;
}

.profile .profile-container .card-block .btn {
  width: 100%;
}

.profile .profile-container .card-block .text-container {
  text-align: center;
  box-sizing: border-box;
  border: 1px solid #cccccc;
}

.profile .profile-container .card-block .text-container .text-container-header {
  background: black;
  color: white;
}

.profile .profile-container .card-block .text-container .text-container-header p {
  padding: 10px 30px;
}

.profile .profile-container .card-block .text-container .text-container-body {
  min-height: 200px;
}

.profile .profile-container .card-block .text-container .text-container-body .align-middle {
  padding: 40px;
}

.profile .profile-container .card-block .text-container .text-container-body p span {
  font-size: 40px;
  font-weight: bold;
}

.profile .profile-container .card-block .document-upload-container {
  display: flex;
  justify-content: space-between;
}

.profile .profile-container .card-block .document-upload-container .document-upload {
  width: 230px;
  height: 230px;
  margin-bottom: 30px;
}

.profile .profile-container .card-block .document-upload-container .document-upload .profile-image-container {
  box-sizing: border-box;
  min-width: 150px;
  min-height: 150px;
  padding: 20px;
}

.profile .profile-container .card-block .document-upload-container .document-upload .profile-image-container.add-more {
  height: 230px;
  padding: 60px;
}

.profile .profile-container .card-block .document-upload-container .document-upload .profile-image-container.add-more .icon {
  font-size: 80px;
}

.profile .profile-container .card-block .document-upload-container .document-upload .profile-image-container .icon {
  font-size: 50px;
}

.all-projects .btn-secondary {
  margin: 20px 0;
}

.all-projects .btn-secondary .btn {
  border: 1px solid #cccccc;
}

.all-unit-types p {
  padding-top: 3px;
}

.all-unit-types table {
  margin-top: 20px;
}

.company-generic-info {
  display: flex;
}

.company-generic-info .company-logo {
  flex: 1 160px;
  height: 160px;
  border: 1px solid #b6b6b6;
}

.company-generic-info .company-info {
  padding-left: 20px;
  box-sizing: border-box;
  flex: 1 calc(100% - 160px);
}

.company-profile-text {
  column-count: 2;
  column-gap: 80px;
}

.folio-item figure {
  min-height: 320px;
}

.folio-item figure img {
  width: 100%;
  height: auto;
}

.folio-item figure figcaption {
  padding: 10px 0;
}

.folio-item figure figcaption a {
  font-size: 21px;
  color: #898989;
  font-weight: bold;
  text-decoration: underline;
}

.review-container {
  display: flex;
  padding: 30px;
  flex-wrap: wrap;
  border: 1px solid #b6b6b6;
  margin-bottom: 20px;
}

.review-container .review-rating {
  flex: 1 120px;
}

.review-container .review-rating figure img {
  height: 120px;
  width: 120px;
}

.review-container .review-rating figure figcaption {
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  margin-top: 10px;
}

.review-container .review-rating .star-rating ul {
  width: 100px;
  margin: 0 auto;
}

.review-container .review-content {
  position: relative;
  padding-left: 35px;
  flex: 1 calc(100% - 120px);
}

.review-container .review-content a {
  bottom: 0;
  font-size: 16px;
  position: absolute;
}

.star-rating ul {
  display: flex;
  list-style: none;
  padding-left: 0;
}

.star-rating ul li {
  margin-right: 5px;
  color: #326dcf;
}

@media only screen and (max-width: 768px) {
  .company-profile-text {
    column-count: 1;
  }
  .review-container .review-content a {
    position: relative;
    margin-top: 10px;
  }
}

@media only screen and (max-width: 640px) {
  .review-container .review-content {
    flex: 1 100%;
    padding-left: 0;
    margin-top: 30px;
  }
}

.dashboard {
  flex: 1;
  margin: 0;
  padding: 0;
}

.dashboard .col-md-2.sidebar {
  padding: 0;
  background-color: #071d49;
}

.dashboard .col-md-2.sidebar .dashboard-nav {
  min-height: 75vh;
  background-color: #071d49;
}

.dashboard .col-md-2.sidebar .dashboard-nav ul {
  height: 100%;
}

.dashboard .col-md-2.sidebar .dashboard-nav ul li {
  border-bottom: 2px solid #51667f;
  background-color: #071d49;
  padding: 20px;
}

.dashboard .col-md-2.sidebar .dashboard-nav ul li.active {
  padding-left: 20px;
  border-bottom: 0;
  border-left: 10px solid #071d49;
  background-color: #959fa9;
}

.dashboard .col-md-2.sidebar .dashboard-nav ul li a {
  color: white;
  display: block;
  text-decoration: none;
}

.dashboard .col-md-2.sidebar .dashboard-nav ul li a .icon {
  vertical-align: middle;
  display: inline-block;
  padding-right: 10px;
  font-size: 25px;
}

.dashboard .controls.agent .selected {
  color: white !important;
  background-color: #8b8d8f !important;
}

.dashboard .controls.agent a {
  width: 100%;
  padding: 5px 10px;
  border: 0;
  display: block;
  color: #898989;
  background-color: #d9d9d9 !important;
  border-bottom: 1px solid #CDCDCD;
  text-decoration: none;
  cursor: pointer;
}

.dashboard .previous {
  padding-right: 15px;
}

.dashboard .next {
  padding-left: 15px;
}

.dashboard .selected-page {
  font-weight: bold !important;
  font-size: 17px !important;
  color: #071d49 !important;
}

.dashboard .col-md-2.sidebar.dashboard-agent {
  background-color: #024b8a;
}

.dashboard .dashboard-content {
  background-color: white;
  padding: 0;
}

.dashboard .dashboard-content table.table-bordered th, .dashboard .dashboard-content table.table-bordered td {
  border: 1px solid #DAD9D9;
}

.dashboard .dashboard-content table input:focus {
  border: 1px solid blue;
}

.dashboard .dashboard-content table th {
  padding: 5px;
  color: #898989;
  font-weight: bold;
}

.dashboard .dashboard-content table td {
  padding: 10px;
  position: relative;
  vertical-align: middle;
}

.dashboard .dashboard-content table td .fa {
  font-size: 18px;
}

.dashboard .dashboard-content table td .controls {
  top: 0;
  width: 150px;
  right: -160px;
  position: absolute;
  display: none;
}

.dashboard .dashboard-content table td .controls.show {
  display: block;
}

.dashboard .dashboard-content table td .controls .btn {
  width: 100%;
}

.dashboard .dashboard-content table td .controls.agent {
  width: 100px;
  right: -100px;
  border: 1px solid #CDCDCD;
}

.dashboard .dashboard-content table td .controls.agent button {
  width: 100%;
  padding: 5px 10px;
  border: 0;
  display: block;
  color: #898989;
  border-bottom: 1px solid #CDCDCD;
}

.dashboard .dashboard-content table td .controls.agent button:hover {
  cursor: pointer;
}

.dashboard .dashboard-content table td .controls.agent button.selected {
  color: white;
  background-color: #8b8d8f;
}

.dashboard .dashboard-content table.shorter {
  width: 80%;
}

.dashboard .dashboard-content table.shorter-2 {
  width: 90%;
}

.dashboard .dashboard-content .row.border-top-bottom {
  padding-top: 15px;
  border-top: 1px solid #8b8d8f;
  border-bottom: 1px solid #8b8d8f;
  background-color: #f6f7fa;
}

.dashboard .dashboard-content .text-container-dashboard h4 {
  display: inline;
}

.dashboard .dashboard-content h2 span {
  color: grey;
}

.dashboard .dashboard-content .dropdown .btn {
  color: black;
  border: 1px solid black;
}

.dashboard .dashboard-content .card {
  margin: 40px 0;
}

.dashboard .dashboard-content .card.analytics {
  position: relative;
}

.dashboard .dashboard-content .card.analytics img {
  margin: 0 auto;
  display: block;
  max-width: 130px;
}

.dashboard .dashboard-content .card.analytics img[src$=".svg"] {
  right: 5px;
  bottom: 5px;
  position: absolute;
}

.dashboard .dashboard-content .card.analytics .card-block {
  min-height: 300px;
  padding-top: 70px;
}

.dashboard .dashboard-content .card.analytics .card-block.minor-padding {
  padding-top: 30px;
  height: 400px;
}

.dashboard .dashboard-content .card.analytics.disabled {
  opacity: 0.6;
}

.dashboard .dashboard-content .card .update-unit-info {
  position: relative;
}

.dashboard .dashboard-content .card .update-unit-info .edit-buttons {
  width: 100%;
  bottom: 30px;
  display: flex;
  position: absolute;
}

.dashboard .dashboard-content .card .update-unit-info .edit-buttons .edit {
  color: #071d49;
  min-width: 20%;
  margin-left: 3%;
  border: 1px solid #071d49;
  background-color: white;
}

.dashboard .dashboard-content .card .update-unit-info .edit-buttons .edit.active {
  background-color: #071d49;
  color: white;
}

.dashboard .dashboard-content .card .update-unit-info .btn-primary {
  top: 20px;
  right: 30px;
  position: absolute;
}

.dashboard .dashboard-content .card .card-header {
  background-color: #e5e5e5;
}

.dashboard .dashboard-content .card .card-header.card-header-white {
  background-color: white;
}

.dashboard .dashboard-content .card .card-block {
  padding: 40px;
}

.dashboard .dashboard-content .card .card-block.small-padding {
  padding: 20px;
}

.dashboard .dashboard-content .card .card-block .logos-wrapper {
  display: flex;
}

.dashboard .dashboard-content .card .card-block .logos-wrapper .logo-container {
  text-align: center;
  margin-right: 40px;
}

.dashboard .dashboard-content .card .card-block .logos-wrapper .logo-container .logo-block {
  color: #cccccc;
  width: 200px;
  height: 200px;
  padding: 15px;
  border: 1px solid #cccccc;
}

.dashboard .dashboard-content .card .card-block .logos-wrapper .logo-container .logo-block .logo-block-text .icon {
  display: block;
  font-size: 100px;
  margin: -30px 0 -40px;
}

.dashboard .dashboard-content .card .card-block .logos-wrapper .logo-container .logo-block .logo-block-text a {
  color: #cccccc;
  text-decoration: underline;
}

.dashboard .dashboard-content .card .card-block .logos-wrapper .logo-container .logo-block .logo-uploaded {
  display: none;
  position: relative;
}

.dashboard .dashboard-content .card .card-block .logos-wrapper .logo-container .logo-block .logo-uploaded .icon {
  top: 10px;
  right: 10px;
  color: white;
  font-size: 20px;
  position: absolute;
}

.dashboard .dashboard-content .card .card-block .logos-wrapper .logo-container .logo-title {
  margin-top: 20px;
}

.dashboard .dashboard-content .card .card-block .comp-projects {
  margin-top: -20px;
  font-weight: 900;
  font-size: 12px;
  display: block;
}

.dashboard .dashboard-content .card .card-block .add-more {
  color: black;
  text-decoration: none;
}

.dashboard .dashboard-content .card .card-block .scrolling-area {
  height: 300px;
  overflow-y: scroll;
  padding-bottom: 20px;
}

.dashboard .dashboard-content .card .card-block div.strike-through-text {
  -webkit-text-decoration-line: line-through;
  /* Safari */
  text-decoration-line: line-through;
}

.dashboard .dashboard-content .dashboard-btn-container .btn {
  color: white;
  padding: 15px;
  min-width: 100px;
  margin-right: 20px;
}

.dashboard .dashboard-content .dashboard-btn-container .btn.btn-cancel {
  background: #e70f47;
}

.dashboard .dashboard-content .dashboard-btn-container .btn.btn-register {
  background: #071d49;
}

.dashboard .dashboard-content .nice-select {
  width: 100%;
  height: 38px;
  border-radius: 0;
}

.dashboard .dashboard-content .nice-select .list {
  width: 100%;
  border-radius: 0;
}

.dashboard ul.footer-pagination li small a {
  color: #0077c8;
}

.dashboard ul.footer-pagination li small a:hover {
  text-decoration: underline;
  cursor: pointer;
}

.dashboard ul.footer-pagination li small a.disabled {
  color: inherit;
  pointer-events: none;
}

.dashboard label span.mandatory {
  color: red;
}

.dashboard-eoi-level p {
  margin-bottom: .8rem;
}

.dashboard-scroll {
  width: 1000px;
  overflow: auto;
  min-height: 400px;
  white-space: nowrap;
  padding-bottom: 10px;
}

.dashboard-scroll .buttons-row {
  display: flex;
  gap: 0.25rem;
}

.dashboard-scroll .buttons-row .btn-container {
  flex-shrink: 0;
  flex-basis: 95px;
  /*margin-right: 2px;*/
  position: relative;
}

.dashboard-scroll .buttons-row .btn-container button {
  border: 0;
  min-height: 30px;
  height: 100%;
  width: 100%;
  max-width: 95px;
  color: white;
  font-size: 14px;
  /*margin-left: 3px;
        margin-bottom: 5px;*/
  z-index: 1;
  text-align: center;
  word-wrap: break-word;
  white-space: normal;
}

.dashboard-scroll .buttons-row .btn-container button .stack-cell-info {
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: normal;
  white-space: nowrap;
}

.dashboard-scroll .buttons-row .btn-container .dropdown {
  top: 5px;
  left: 90%;
  z-index: -1;
  opacity: 0;
  width: 250px;
  background: white;
  position: absolute;
  border: 1px solid #CDCDCD;
}

.dashboard-scroll .buttons-row .btn-container .dropdown:before {
  top: 5px;
  width: 0;
  height: 0;
  left: -5px;
  content: "";
  border-style: solid;
  border-width: 5px 5px 5px 0;
  border-color: transparent white transparent transparent;
  position: absolute;
}

.dashboard-scroll .buttons-row .btn-container .dropdown p {
  margin: 0;
  padding: 10px;
  color: black;
  font-size: 14px;
  border-bottom: 1px solid #CDCDCD;
}

.dashboard-scroll .buttons-row .btn-container .dropdown p span {
  padding-left: 20px;
}

.dashboard-scroll .buttons-row .btn-container .dropdown p:last-child {
  border: 0;
}

.dashboard-scroll .buttons-row .btn-container .dropup {
  top: -145px;
  left: 90%;
  z-index: -1;
  opacity: 0;
  width: 250px;
  background: white;
  position: absolute;
  border: 1px solid #CDCDCD;
}

.dashboard-scroll .buttons-row .btn-container .dropup:before {
  bottom: 10px;
  width: 0;
  height: 0;
  left: -5px;
  content: "";
  border-style: solid;
  border-width: 5px 5px 5px 0;
  border-color: transparent white transparent transparent;
  position: absolute;
}

.dashboard-scroll .buttons-row .btn-container .dropup p {
  margin: 0;
  padding: 10px;
  color: black;
  font-size: 14px;
  border-bottom: 1px solid #CDCDCD;
}

.dashboard-scroll .buttons-row .btn-container .dropup p span {
  padding-left: 20px;
}

.dashboard-scroll .buttons-row .btn-container .dropup p:last-child {
  border: 0;
}

.dashboard-scroll .buttons-row .btn-container:hover .dropdown {
  opacity: 1;
  z-index: 2;
}

.dashboard-scroll .buttons-row .btn-container:hover .dropup {
  opacity: 1;
  z-index: 2;
}

.w-full {
  width: 100% !important;
}

.db-darker-navy {
  background-color: #0d253f;
}

.db-dark-navy {
  background-color: #212c6a;
}

.db-light-navy {
  background-color: #1d4b7f;
}

.db-blue {
  background-color: #254bd0;
}

.db-lt-blue {
  background-color: #1073e8;
}

.db-cyan {
  background-color: #00a9e2;
}

.db-lt-gray {
  background-color: #D8D8D8;
}

.legend-container {
  display: flex;
  gap: 1px;
  flex-grow: 1;
}

.legend-container .legend-block {
  /*flex-shrink: 0;*/
  flex-basis: 85px;
}

.legend-container .legend-block .legend-color {
  height: 30px;
}

.legend-container .legend-block .legend {
  margin-top: 5px;
  font-size: 12px;
  text-align: center;
}

.type {
  width: 100%;
  border: 1px solid #CDCDCD;
}

.type .count {
  padding: 10px 15px;
  display: flex;
  border-bottom: 1px solid #CDCDCD;
}

.type .count:last-child {
  border: 0;
}

.type .count p {
  margin: 0;
  flex: 1 50%;
}

.unit-btn-container {
  display: inline-block;
}

.unit-btn-container button.unit {
  border: 0;
  height: 60px;
  width: 160px;
  color: #8b8d8f;
  margin-left: -4px;
  border-right: 1px solid #CDCDCD;
}

.unit-btn-container button.unit.selected {
  color: white;
  background-color: #8b8d8f;
}

.unit-btn-container button.unit:first-child {
  border-left: 1px solid #CDCDCD;
}

.unit-btn-container button.unit:hover {
  cursor: pointer;
}

.tabs-btn-container {
  display: inline-block;
}

.tabs-btn-container button.tab {
  border: 0;
  height: 40px;
  min-width: 170px;
  max-width: 220px;
  color: #8b8d8f;
  margin-left: 0px;
  border-right: 1px solid #CDCDCD;
}

.tabs-btn-container button.tab.selected {
  color: white;
  background-color: #8b8d8f;
}

.tabs-btn-container button.tab:first-child {
  border-left: 1px solid #CDCDCD;
}

.tabs-btn-container button.tab:hover {
  cursor: pointer;
}

.card-block.border-top {
  border-top: 1px solid #CDCDCD;
}

.card-block table {
  font-size: 14px;
  margin-bottom: 0;
}

.card-block table td.saved {
  background-color: yellow;
}

.card-block table td.edited {
  border: 1px solid blue;
}

.card-block label {
  font-size: 14px;
}

.add-agency {
  padding: 15px;
  border: 1px dashed #CDCDCD;
}

.add-agency:hover {
  cursor: pointer;
}

.authorisation {
  padding: 100px 30px;
  background-color: #f6f7fa;
}

.unit-selection-filter {
  background-color: #f6f7fa;
}

.unit-selection-filter select {
  width: 100%;
}

.otp-doc-container {
  height: 500px;
  width: 80%;
  overflow-y: scroll;
}

.document-navigation-container {
  height: 70px;
  display: flex;
}

.document-navigation-container button {
  border: 0;
  outline: 0;
  font-size: 14px;
  color: #898989;
  border: 1px solid #CDCDCD;
  flex: 1 calc(100% / 6 - 50px);
}

.document-navigation-container button:hover {
  cursor: pointer;
}

.document-navigation-container button.nav-control {
  color: white;
  flex: 1 25px;
  background: #8b8d8f;
}

.document-navigation-container button.selected {
  color: white;
  background-color: #2155a0;
}

.fixed-height .scroll {
  height: 500px;
  overflow: auto;
}

@media screen and (max-width: 1024px) {
  .col-sm-12.col-md-10.dashboard-content .col-lg-9 {
    padding-left: 30px;
  }
}

@media screen and (max-width: 768px) {
  .row-offcanvas {
    position: relative;
    transition: all 0.25s ease-out;
  }
  .row-offcanvas-left .sidebar-offcanvas {
    left: -50%;
  }
  .row-offcanvas-left.active {
    left: 50%;
  }
  .sidebar-offcanvas {
    top: 0;
    width: 50%;
    margin-left: 12px;
    position: absolute;
    transform: translate3d;
  }
  .col-md-10.dashboard-content .text-right {
    margin-top: 20px;
    text-align: left !important;
  }
  .col-md-10.dashboard-content .col-lg-9 {
    padding-left: 30px;
  }
}

.dashboard-title-panel {
  top: 0;
  width: 200px;
  left: 80px;
  bottom: 0;
  z-index: 1;
  height: 100vh;
  color: white;
  position: fixed;
  transition: 0.5s;
  overflow-x: hidden;
  background-color: #103a71;
}

.dashboard-title-panel h1 {
  color: white;
  padding: 15px;
  margin: 0;
}

.dashboard-title-panel .content {
  padding: 15px;
  color: white;
}

.dashboard-title-panel .content a {
  color: white;
  font-size: 14px;
  display: block;
}

.divider {
  width: 100%;
  height: 1px;
  opacity: 0.25;
  background-color: #e5e8ef;
}

.divider.dark {
  background-color: #bcc6d9;
}

.divider.white {
  background-color: white;
}

.divider.top {
  opacity: 1;
}

.dms-content {
  top: 0;
  right: 0;
  min-height: 100%;
  position: absolute;
  overflow-x: hidden;
  height: auto !important;
  width: calc(100% - 80px);
  transition: margin-left .5s;
  background-color: #e5e8ef;
}

.dms-content.no-side-panel {
  width: calc(100% - 80px);
}

.dms-content h2 {
  color: #071d49;
  font-size: 21px;
}

.dms-content h3 {
  color: #00204e;
  font-size: 48px;
  font-weight: bold;
}

.dms-content .custom-select {
  width: 100%;
  border-radius: 4px;
}

.dms-content .top-content {
  background-color: white;
  box-shadow: 0 2px 4px 0 rgba(0, 32, 78, 0.25);
}

.dms-content .top-content header {
  display: flex;
  justify-content: flex-end;
}

.dms-content .top-content header .list-unstyled {
  padding: 8px 0;
  margin-bottom: 0;
  margin-right: 100px;
}

.dms-content .top-content header .list-unstyled li {
  color: #071d49;
  font-size: 14px;
  font-weight: bold;
  margin-left: 20px;
  position: relative;
  display: inline-block;
  position: relative;
}

.dms-content .top-content header .list-unstyled li .quantity {
  top: -7px;
  right: -12px;
  width: 22px;
  height: 22px;
  color: white;
  font-size: 10px;
  padding-top: 5px;
  border-radius: 50%;
  position: absolute;
  text-align: center;
  background-color: #d34836;
}

.dms-content .top-content header .list-unstyled li .icon {
  font-size: 18px;
}

.dms-content .top-content header .list-unstyled li img {
  border-radius: 50%;
}

.dms-content .top-content header .list-unstyled li a {
  color: #071d49;
  text-decoration: none;
}

.dms-content .top-content header .list-unstyled li .topbar-dropdown {
  display: none;
  top: 40px;
  right: 0;
  width: 287px;
  z-index: 1000;
  border-radius: 4px;
  position: absolute;
  background-color: white;
  box-shadow: 0 1px 3px 0 rgba(31, 80, 156, 0.08), 0 4px 6px 0 rgba(31, 80, 156, 0.25);
}

.dms-content .top-content header .list-unstyled li .topbar-dropdown span, .dms-content .top-content header .list-unstyled li .topbar-dropdown button {
  display: block;
  margin: 10px;
}

.dms-content .top-content header .list-unstyled li .topbar-dropdown span.user-name {
  color: #071d49;
  font-size: 14px;
  font-weight: bold;
}

.dms-content .top-content header .list-unstyled li .topbar-dropdown span.user-email {
  font-size: 12px;
  font-weight: 500;
  color: #91a1bf;
}

.dms-content .top-content header .list-unstyled li .topbar-dropdown .links-container {
  margin-top: 17px;
}

.dms-content .top-content header .list-unstyled li .topbar-dropdown .links-container a {
  color: #071d49;
  padding: 10px;
  font-size: 12px;
  font-weight: 500;
  display: block;
}

.dms-content .top-content header .list-unstyled li .topbar-dropdown .links-container a:last-child {
  border-radius: 0 0 4px 4px;
  background-color: #e5f3fc;
}

.dms-content .top-content .breadcrumbs {
  margin: 0;
  padding: 20px;
  list-style-type: none;
}

.dms-content .top-content .breadcrumbs li {
  display: inline;
  font-size: 14px;
  color: black;
}

.dms-content .top-content .breadcrumbs li a {
  color: #2a6ebb;
}

.dms-content .top-content p {
  margin: 0;
  color: #071d49;
  padding: 20px;
  font-size: 14px;
  font-weight: bold;
}

.dms-info-panel {
  color: #071d49;
  padding: 20px;
  margin: 20px 0;
  border-radius: 4px;
  box-sizing: border-box;
  background-color: white;
  box-shadow: 0 2px 16px 0 rgba(33, 43, 54, 0.08), 0 0 3px 1px rgba(6, 44, 82, 0.1);
}

.dms-info-panel.gradient {
  color: white;
  background-color: #103a71;
}

.dms-info-panel.gradient h2 {
  color: white;
}

.dms-info-panel.gradient p {
  margin-top: 20px;
  font-weight: bold;
  font-size: 14px;
  cursor: pointer;
}

.dms-info-panel.gradient p .icon {
  font-size: 30px;
  display: block;
}

.dms-info-panel.project {
  padding: 0;
  width: 100%;
}

.dms-info-panel.project figure {
  height: 100px;
  position: relative;
}

.dms-info-panel.project figure .edit {
  top: 5px;
  right: 5px;
  width: 24px;
  height: 24px;
  display: table;
  color: white;
  cursor: pointer;
  padding-top: 5px;
  position: absolute;
  border-radius: 50%;
  background-color: #071d49;
}

.dms-info-panel.project figure .edit .icon {
  font-size: 12px;
  text-align: center;
  display: table-cell;
}

.dms-info-panel.project figure figcaption {
  color: #071d49;
  padding: 5px 0;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  background-color: white;
}

.dms-info-panel .add-project {
  padding: 20px;
  cursor: pointer;
  text-align: center;
  color: #2a6ebb;
}

.dms-info-panel .add-project i {
  display: block;
}

.dms-info-panel .add-project .title {
  color: #071d49;
  display: block;
}

.dms-info-panel .add-project .generic-quantity {
  font-size: 42px;
}

.dms-info-panel .add-project-sale {
  cursor: pointer;
  text-align: center;
  color: #2a6ebb;
}

.dms-info-panel .add-project-sale i {
  display: block;
}

.dms-info-panel .add-project-sale .title {
  color: #071d49;
  display: block;
}

.dms-info-panel .add-project-sale .generic-quantity {
  font-size: 42px;
}

.dms-info-panel .project-quick-info {
  padding: 10px;
  font-size: 12px;
}

.dms-info-panel .project-quick-info h5 {
  color: #071d49;
  padding: 10px 0;
  font-weight: bold;
}

.dms-info-panel .project-quick-info p {
  color: #071d49;
  font-size: 18px;
}

.dms-info-panel .project-quick-info span {
  display: block;
}

.dms-info-panel .project-quick-info span.date {
  color: #bcc6d9;
  font-weight: bold;
}

.dms-info-panel .project-quick-info span.time {
  color: #687DA5;
  padding-bottom: 10px;
}

.dms-info-panel .project-quick-info span.highlight {
  padding: 10px 0;
  font-size: 28px;
  font-weight: bold;
  color: #2a6ebb;
}

.dms-info-panel .project-quick-info span.highlight.limegreen {
  color: #4cd964;
}

.dms-info-panel .project-quick-info span.highlight i {
  display: inline-block;
}

.dms-info-panel .project-quick-info a {
  font-size: 14px;
  font-weight: bold;
  color: #2a6ebb;
  padding-top: 5px;
}

.list-unstyled.tabs li {
  margin-right: 20px;
  display: inline-block;
  color: #071d49;
  font-size: 21px;
  font-weight: bold;
  text-decoration: none;
  cursor: pointer;
}

.list-unstyled.tabs li.selected {
  color: #2a6ebb;
  padding-bottom: 20px;
  border-bottom: 2px solid #2a6ebb;
}

.list-unstyled.tabs li a i[class*="angle"] {
  font-size: 30px;
}

.project-navigation {
  height: 80px;
  display: flex;
  padding: 20px;
  cursor: pointer;
  position: relative;
  border-radius: 4px;
  align-items: center;
  background-color: white;
  justify-content: space-between;
}

.project-navigation--variation {
  justify-content: initial;
}

.project-navigation--variation span.view-title {
  margin-left: 20%;
  display: inline-block;
}

.project-navigation .view-icon {
  width: 60px;
  height: 60px;
}

.project-navigation .view-icon img {
  width: 100%;
  height: auto;
}

.project-navigation span {
  color: #071d49;
}

.project-navigation span.view-title {
  font-size: 14px;
  font-weight: bold;
}

.project-navigation.selected {
  border: 1px solid #2a6ebb;
  background-color: lightblue;
}

.project-navigation .options-dropdown {
  left: 0;
  right: 0;
  top: 80px;
  width: 100%;
  height: auto;
  padding: 20px;
  z-index: 1000;
  display: none;
  position: absolute;
  background-color: white;
  box-shadow: 0 2px 16px 0 rgba(33, 43, 54, 0.08), 0 0 3px 1px rgba(6, 44, 82, 0.1);
}

.project-navigation .options-dropdown a {
  color: #071d49;
  display: block;
  padding: 10px 0;
  font-size: 14px;
  font-weight: bold;
}

.project-navigation .options-dropdown.active {
  display: block;
}

.card {
  box-shadow: 0 2px 16px 0 rgba(33, 43, 54, 0.08), 0 0 3px 1px rgba(6, 44, 82, 0.1);
}

.card.grey-header {
  border-radius: 4px;
}

.card.grey-header .card-header {
  background-color: #e5e8ef;
  font-weight: bold;
  font-size: 23px;
  color: #071d49;
}

.card.grey-header .card-header button.primary {
  padding: 0px 10px;
  box-shadow: 0 1px 3px 0 rgba(31, 80, 156, 0.08), 0 4px 6px 0 rgba(31, 80, 156, 0.25);
}

.card.grey-header .card-header .pull-right {
  display: flex;
  align-items: center;
}

.card.grey-header .card-block {
  padding: 20px;
}

.card.grey-header .card-block.grey {
  background-color: #e5e8ef;
}

.card.grey-header .card-block input[type="text"] {
  border-radius: 3px;
}

.card.grey-header .card-block a.cancel {
  display: block;
  font-size: 14px;
  padding-top: 8px;
  font-weight: bold;
  color: #2a6ebb;
}

.card.grey-header .card-block p.title {
  font-size: 14px;
  font-weight: bold;
  color: #687DA5;
  text-transform: uppercase;
}

.card.grey-header .card-block p.info {
  color: #071d49;
  font-size: 16px;
  font-weight: bold;
}

.card.grey-header .card-block p.info span.minus {
  width: 9px;
  height: 4px;
  margin-right: 5px;
  display: inline-block;
  background-color: red;
  vertical-align: middle;
}

.drag-and-drop {
  padding: 50px;
  border-radius: 2px;
  text-align: center;
  color: #bcc6d9;
  border: 1px dashed #bcc6d9;
}

.drag-and-drop i {
  font-size: 40px;
  padding-bottom: 30px;
}

.drag-and-drop span {
  display: block;
  font-size: 12px;
  font-weight: bold;
}

.eoi-phase-nav {
  float: right;
}

.eoi-phase-nav:after {
  display: table;
  clear: both;
}

.eoi-phase-nav ul {
  display: flex;
  list-style-type: none;
}

.eoi-phase-nav ul li {
  margin-left: 20px;
}

.eoi-phase-nav ul li a {
  font-size: 14px;
  font-weight: bold;
  color: #687DA5;
  display: inline-block;
  vertical-align: middle;
  text-transform: uppercase;
}

.eoi-phase-nav ul li a .bedroom {
  width: 16px;
  height: 16px;
  border-radius: 4px;
  display: inline-block;
}

.eoi-phase-nav ul li a .bedroom.bed-1 {
  background-color: #a97b40;
}

.eoi-phase-nav ul li a i {
  font-size: 20px;
}

.storey-wrapper {
  max-width: 1040px;
  overflow-x: scroll;
}

.storey-wrapper .storey-row {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

.storey-wrapper .storey-row .level {
  color: #071d49;
  width: 20px;
}

.storey-wrapper .storey-row button {
  width: 132px;
  height: 49px;
  border-radius: 4px;
  margin: 0 20px;
}

.eoi-phase-input {
  margin-bottom: 20px;
  position: relative;
  width: 250px;
}

.eoi-phase-input input {
  color: pink;
}

.eoi-phase-input .fa {
  top: 50%;
  right: 10px;
  position: absolute;
  transform: translateY(-50%);
}

.eoi-phase-input.eoi-phase-input--fill {
  width: 100%;
}

.dms-filter-tags {
  display: flex;
  align-items: center;
}

.dms-filter-tags span {
  font-size: 14px;
  font-weight: bold;
}

.promo-codes-wrapper .promo-code-controls {
  display: flex;
  height: 70px;
  border-top: 1px solid #bcc6d9;
  border-bottom: 1px solid #bcc6d9;
}

.promo-codes-wrapper .promo-code-controls.no-border .control {
  text-align: center;
  width: calc(100% / 11);
  justify-content: center;
}

.promo-codes-wrapper .promo-code-controls.no-border .control:first-child {
  border-right: 0;
  padding: 0 40px;
}

.promo-codes-wrapper .promo-code-controls.input-editing .control:first-child {
  border: none;
}

.promo-codes-wrapper .promo-code-controls.input-editing .control input::placeholder, .promo-codes-wrapper .promo-code-controls.input-editing .control select {
  color: #91a1bf;
}

.promo-codes-wrapper .promo-code-controls.input-editing .control input:focus, .promo-codes-wrapper .promo-code-controls.input-editing .control select:focus {
  color: #2a6ebb;
  border: 1px solid #2a6ebb;
}

.promo-codes-wrapper .promo-code-controls .control {
  display: flex;
  font-size: 14px;
  cursor: pointer;
  font-weight: bold;
  position: relative;
  padding: 0 20px;
  line-height: 15px;
  align-items: center;
  color: #91a1bf;
  text-transform: uppercase;
  width: calc(100% - 150px / 6);
}

.promo-codes-wrapper .promo-code-controls .control i {
  font-size: 20px;
  margin-left: 10px;
}

.promo-codes-wrapper .promo-code-controls .control:first-child {
  justify-content: flex-end;
  border-right: 1px solid #bcc6d9;
}

.promo-codes-wrapper .promo-code-controls .control.control--6-children:first-child {
  justify-content: center;
  width: 50px;
}

.promo-codes-wrapper .promo-code-controls .control.control--5-children:first-child {
  width: 50px;
  justify-content: center;
}

.promo-codes-wrapper .promo-code-controls.less .control {
  justify-content: center;
  width: calc((100% - 10%) / 5);
}

.promo-codes-wrapper .promo-code-controls.less .control:first-child {
  border-right: 0;
  width: 10%;
}

.promo-codes-wrapper .promo-code-controls--eight-items .control {
  width: calc(100% / 8);
}

.promo-codes-wrapper .promo-code-controls--eight-items .control:first-child {
  border-right: 0;
  justify-content: center;
}

.promo-codes-wrapper .promo-code-controls--nine-items .control {
  width: calc(100% / 9);
}

.promo-codes-wrapper .promo-code-controls--nine-items .control:first-child {
  border-right: 0;
  justify-content: center;
}

.promo-codes-wrapper .promo-code-row {
  display: flex;
  height: 70px;
  border-bottom: 1px solid #bcc6d9;
  transition: .5s all ease-in-out;
}

.promo-codes-wrapper .promo-code-row:nth-child(odd) {
  background-color: #e5e8ef;
}

.promo-codes-wrapper .promo-code-row input[type="text"], .promo-codes-wrapper .promo-code-row select {
  border: 1px solid #2a6ebb;
}

.promo-codes-wrapper .promo-code-row .promo-code-control, .promo-codes-wrapper .promo-code-row .promo-code-control label .custom-control-description {
  color: #071d49;
  font-size: 16px;
  font-weight: bold;
}

.promo-codes-wrapper .promo-code-row .promo-code-control {
  display: flex;
  padding: 0 20px;
  align-items: center;
  position: relative;
  width: calc(100% - 150px / 6);
}

.promo-codes-wrapper .promo-code-row .promo-code-control .fa-angle-right {
  right: 20px;
  font-size: 30px;
  font-weight: bold;
  position: absolute;
}

.promo-codes-wrapper .promo-code-row .promo-code-control button.primary {
  width: 150px;
  height: 40px;
  font-size: 14px;
  font-weight: bold;
}

.promo-codes-wrapper .promo-code-row .promo-code-control .fa.fa-caret-down {
  color: #2a6ebb;
  margin-left: 10px;
}

.promo-codes-wrapper .promo-code-row .promo-code-control.applied {
  color: #687DA5;
}

.promo-codes-wrapper .promo-code-row .promo-code-control:first-child {
  justify-content: flex-end;
  border-right: 1px solid #bcc6d9;
}

.promo-codes-wrapper .promo-code-row .promo-code-control .fixed-container {
  display: flex;
}

.promo-codes-wrapper .promo-code-row .promo-code-control .fixed-container .fa {
  font-size: 20px;
  padding-top: 3px;
}

.promo-codes-wrapper .promo-code-row .promo-code-control .dynamic-container {
  display: flex;
  display: none;
}

.promo-codes-wrapper .promo-code-row .promo-code-control .dynamic-container .dms-control {
  margin-left: 5px;
}

.promo-codes-wrapper .promo-code-row .promo-code-control.promo-code-control--6-children:first-child {
  justify-content: center;
  width: 50px;
}

.promo-codes-wrapper .promo-code-row .promo-code-control.promo-code-control--5-children:first-child {
  justify-content: center;
  width: 50px;
}

.promo-codes-wrapper .promo-code-row.promo-code-row--no-hover:hover {
  cursor: default;
  border: none;
}

.promo-codes-wrapper .promo-code-row:hover {
  cursor: pointer;
  background-color: #e5f3fc;
  border: 1px solid #2a6ebb;
}

.promo-codes-wrapper .promo-code-row:hover .promo-code-control .fixed-container {
  display: none;
}

.promo-codes-wrapper .promo-code-row:hover .promo-code-control .dynamic-container {
  display: block;
}

.promo-codes-wrapper .promo-code-row.no-border .promo-code-control {
  font-size: 15px;
  line-height: 1.2;
  text-align: center;
  width: calc(100% / 11);
  justify-content: center;
}

.promo-codes-wrapper .promo-code-row.no-border .promo-code-control:first-child {
  border-right: 0;
}

.promo-codes-wrapper .promo-code-row.less .promo-code-control {
  justify-content: center;
  width: calc((100% - 10%) / 5);
}

.promo-codes-wrapper .promo-code-row.less .promo-code-control .fa-caret-right {
  color: #2a6ebb;
  font-size: 30px;
}

.promo-codes-wrapper .promo-code-row.less .promo-code-control:first-child {
  border-right: 0;
  width: 10%;
}

.promo-codes-wrapper .promo-code-row--eight-items .promo-code-control {
  width: calc(100% / 8);
}

.promo-codes-wrapper .promo-code-row--eight-items .promo-code-control:first-child {
  border-right: 0;
  justify-content: center;
}

.promo-codes-wrapper .promo-code-row--eight-items .promo-code-control:last-child {
  justify-content: center;
}

.promo-codes-wrapper .promo-code-row--eight-items .promo-code-control .fa-angle-right {
  position: relative;
}

.promo-codes-wrapper .promo-code-row--nine-items .promo-code-control {
  width: calc(100% / 9);
}

.promo-codes-wrapper .promo-code-row--nine-items .promo-code-control:first-child {
  border-right: 0;
  justify-content: center;
}

.promo-codes-wrapper .promo-code-row--nine-items .promo-code-control:last-child {
  justify-content: center;
}

.promo-codes-wrapper .promo-code-row--nine-items .promo-code-control .fa-angle-right {
  position: relative;
}

.promo-codes-wrapper .promo-code-row--one-item .promo-code-control:first-child {
  justify-content: center;
  border-right: none;
}

.promo-code-nav {
  display: flex;
  justify-content: space-between;
}

.promo-code-nav .middle, .promo-code-nav .end {
  display: flex;
  align-items: center;
  font-size: 16px;
  font-weight: bold;
  font-style: normal;
  color: #687DA5;
}

.promo-code-nav .middle ul, .promo-code-nav .end ul {
  display: flex;
  margin: 0;
}

.promo-code-nav .middle ul li, .promo-code-nav .end ul li {
  margin: 0 15px;
}

.promo-code-nav .middle ul li a, .promo-code-nav .end ul li a {
  font-size: 16px;
  font-weight: bold;
  font-style: normal;
  color: #687DA5;
}

.promo-code-nav .middle ul li.selected a, .promo-code-nav .end ul li.selected a {
  color: #071d49;
  border-bottom: 1px solid #071d49;
}

.promo-code-nav .middle {
  justify-content: center;
  width: calc(100% - 200px);
}

.promo-code-nav .end {
  width: 200px;
  justify-content: flex-end;
}

.project-table .project-table-nav {
  display: flex;
  justify-content: flex-end;
  border-bottom: 1px solid #bcc6d9;
}

.project-table .project-table-nav a {
  padding: 10px;
  font-size: 14px;
  font-weight: bold;
  color: #91a1bf !important;
  text-transform: uppercase;
  border-left: 1px solid #91a1bf;
}

.project-table .project-table-nav a i {
  font-size: 30px !important;
}

.project-table .project-table-header, .project-table .project-table-row {
  display: flex;
  border-bottom: 1px solid #bcc6d9;
}

.project-table .project-table-header .control, .project-table .project-table-header .content, .project-table .project-table-row .control, .project-table .project-table-row .content {
  width: calc(100% / 6);
  text-align: center;
}

.project-table .project-table-header .control:first-child, .project-table .project-table-header .content:first-child, .project-table .project-table-row .control:first-child, .project-table .project-table-row .content:first-child {
  text-align: left;
  padding-left: 10px;
}

.project-table .project-table-header .control, .project-table .project-table-row .control {
  font-size: 14px;
  font-weight: bold;
  color: #91a1bf;
  text-transform: uppercase;
}

.project-table .project-table-header .content, .project-table .project-table-row .content {
  padding: 20px 0;
  color: #071d49;
}

.project-table .project-table-header {
  padding: 10px 0;
  cursor: pointer;
}

.project-table .project-table-row:nth-child(even) {
  background-color: #e5e8ef;
}

.project-table.smaller .project-table-header {
  border-top: 1px solid #bcc6d9;
  align-items: center;
  padding: 5px 0;
}

.project-table.smaller .project-table-header .control {
  font-size: 14px;
  font-weight: bold;
  line-height: 20px;
  text-transform: uppercase;
}

.project-table.smaller .project-table-row:nth-child(even) {
  background-color: white;
}

.project-table.smaller .project-table-row .content:first-child {
  font-weight: bold;
}

.project-table.wider .project-table-header .control, .project-table.wider .project-table-header .content, .project-table.wider .project-table-row .control, .project-table.wider .project-table-row .content {
  width: calc(100% / 7);
}

.project-table.large .project-table-header .control, .project-table.large .project-table-header .content, .project-table.large .project-table-row .control, .project-table.large .project-table-row .content {
  width: calc(100% / 9);
}

.dms-grid-project-card {
  border-radius: 4px;
  background-color: white;
  box-shadow: 0 2px 16px 0 rgba(33, 43, 54, 0.08), 0 0 3px 1px rgba(6, 44, 82, 0.1);
}

.dms-grid-project-card .project-thumb {
  height: 200px;
  position: relative;
}

.dms-grid-project-card .project-thumb .fa-ellipsis-v {
  top: 10px;
  right: 10px;
  color: white;
  cursor: pointer;
  position: absolute;
}

.dms-grid-project-card h3 {
  padding: 10px;
  color: #071d49;
}

.dms-grid-project-card h3 span {
  margin-right: 5px;
}

.dms-grid-project-card .status {
  display: flex;
  justify-content: space-between;
}

.dms-grid-project-card .status span {
  padding: 10px;
  font-size: 12px;
  font-weight: 500;
}

.dms-grid-project-card .status span.status.active {
  color: #4cd964;
}

.dms-grid-project-card .status span.date {
  color: #687DA5;
}

.create-phase-dropdown {
  position: relative;
}

.create-phase-dropdown .dropdown-wrapper {
  top: 25px;
  left: 15px;
  width: 120px;
  position: absolute;
  border-radius: 4px;
  background-color: white;
  box-shadow: 0 2px 16px 0 rgba(33, 43, 54, 0.08), 0 0 3px 1px rgba(6, 44, 82, 0.1);
}

.create-phase-dropdown .dropdown-wrapper a {
  padding: 5px;
  color: #071d49;
  display: block;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
  transition: .3s ease-in-out;
}

.create-phase-dropdown .dropdown-wrapper a:first-child {
  border-radius: 4px 4px 0 0;
}

.create-phase-dropdown .dropdown-wrapper a:last-child {
  border-radius: 0 0 4px 4px;
}

.create-phase-dropdown .dropdown-wrapper a:hover {
  color: white;
  background: #2a6ebb;
}

.create-phase-dropdown .dropdown-wrapper.right {
  top: 35px;
  left: -90px;
}

.search-filter-control-wrapper {
  display: flex;
}

.search-filter-control-wrapper .search-controls-container {
  width: 85%;
  display: flex;
  justify-content: space-between;
  border-right: 1px solid #bcc6d9;
}

.search-filter-control-wrapper .search-controls-container .checkbox-container, .search-filter-control-wrapper .search-controls-container .rows-number-select-container {
  display: flex;
  align-items: center;
  padding: 15px;
}

.search-filter-control-wrapper .search-controls-container .checkbox-container p, .search-filter-control-wrapper .search-controls-container .rows-number-select-container p {
  width: 200px;
  font-size: 14px;
  font-weight: bold;
  color: #91a1bf;
}

.search-filter-control-wrapper .search-controls-container .checkbox-container select, .search-filter-control-wrapper .search-controls-container .rows-number-select-container select {
  width: 70px;
  margin-left: 10px;
}

.search-filter-control-wrapper .filter-by-controls {
  width: 15%;
  display: flex;
  padding: 15px 0;
  align-items: center;
  justify-content: space-around;
}

.search-filter-control-wrapper .filter-by-controls .icon {
  cursor: pointer;
}

.search-filter-control-wrapper .filter-by-controls .icon.selected {
  color: #2a6ebb;
}

.search-filter-control-wrapper .filter-by-controls.fewer {
  width: 10%;
  border-left: 1px solid #bcc6d9;
}

.bottom-search-filters {
  display: flex;
  justify-content: space-between;
}

.bottom-search-filters .filtered-items,
.bottom-search-filters .filtering-nav,
.bottom-search-filters .filter-dropdown {
  display: flex;
  align-items: center;
}

.bottom-search-filters .filtered-items p {
  color: #071d49;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
}

.bottom-search-filters .filtering-nav ul {
  display: flex;
}

.bottom-search-filters .filtering-nav ul li a {
  font-size: 14px;
  font-weight: bold;
  margin-left: 10px;
  color: #91a1bf;
}

.bottom-search-filters .filtering-nav ul li a.selected {
  color: #2a6ebb;
  border-bottom: 1px solid #2a6ebb;
}

.bottom-search-filters .filtering-nav ul li a .fa {
  font-size: 25px;
  font-weight: bold;
}

.bottom-search-filters .filter-dropdown p {
  width: 150px;
  font-size: 16px;
  font-weight: bold;
  color: #91a1bf;
}

.pricelist-schedule {
  display: flex;
}

.pricelist-schedule .pricelist-calendar {
  padding: 0 40px;
}

.pricelist-schedule .pricelist-info {
  padding: 20px 40px;
}

.pricelist-schedule .pricelist-info p {
  color: #071d49;
  font-size: 20px;
  font-weight: bold;
  margin: 0;
}

.pricelist-schedule .pricelist-info a {
  font-size: 14px;
  font-weight: bold;
  color: #2a6ebb !important;
  text-decoration: underline !important;
}

.pull-right span {
  font-size: 16px;
  font-weight: bold;
  margin-right: 5px;
  color: #2a6ebb;
  display: inline-block;
}

.calendar-wrapper .schedule-price {
  font-size: 23px;
  font-weight: bold;
  color: #2a6ebb;
}

.calendar-wrapper .schedule-price span {
  width: 14px;
  height: 14px;
  margin-right: 5px;
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
  background-color: #2a6ebb;
}

.calendar-wrapper .calendar-controls {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.calendar-wrapper .calendar-controls a {
  color: #071d49 !important;
}

.calendar-wrapper .calendar-controls a i {
  font-size: 40px !important;
  font-weight: bold !important;
}

.calendar-wrapper .calendar-controls h3 {
  color: #071d49;
  font-size: 26px;
  font-weight: bold;
}

.calendar-wrapper .calendar-days-wrapper .calendar-day-row {
  display: flex;
  padding: 25px 0;
  justify-content: space-between;
}

.calendar-wrapper .calendar-days-wrapper .calendar-day-row .calendar-day {
  width: 18px;
  font-size: 18px;
  color: #91a1bf;
}

.calendar-wrapper .calendar-days-wrapper .calendar-day-row .calendar-day span {
  width: 8px;
  height: 8px;
  display: block;
  border-radius: 50%;
  background-color: #2a6ebb;
}

.calendar-wrapper .calendar-days-wrapper .calendar-day-row .calendar-day.header {
  color: #071d49;
  font-size: 23px;
  font-weight: bold;
}

.function-container {
  padding: 20px;
  display: flex;
}

.function-container a {
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  color: #2a6ebb !important;
}

.function-container button {
  margin-left: 20px;
}

.unit-assets-wrapper {
  height: 210px;
  display: flex;
  background-color: #bcc6d9;
}

.unit-assets-wrapper .drop-in-assets {
  width: 30%;
  padding: 25px;
}

.unit-assets-wrapper .drop-in-assets .image-drop {
  height: 160px;
  padding-top: 40px;
  text-align: center;
  color: #91a1bf;
  background-color: white;
  border: 1px dashed #bcc6d9;
}

.unit-assets-wrapper .drop-in-assets .image-drop .icon {
  display: block;
  font-size: 40px;
}

.unit-assets-wrapper .drop-in-assets .image-drop span {
  font-size: 12px;
}

.unit-assets-wrapper .unit-information {
  width: 50%;
  padding: 25px 0;
  border-right: 1px solid #071d49;
}

.unit-assets-wrapper .unit-controls {
  width: 20%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.unit-assets-wrapper .unit-controls .buttons-container {
  display: flex;
  max-width: 60%;
  flex-direction: column;
}

.unit-assets-wrapper .unit-controls .buttons-container button {
  width: 100%;
  padding: 10px;
  display: block;
  font-size: 14px;
  font-weight: bold;
}

.unit-assets-wrapper .unit-controls .buttons-container button:first-child {
  margin-bottom: 20px;
}

.add-clause {
  padding: 10px;
  display: flex;
  cursor: pointer;
  border-radius: 4px;
  color: #2a6ebb;
  background-color: white;
  border: 1px dashed #2a6ebb;
  font-size: 14px;
  font-weight: bold;
}

.add-clause i {
  margin-right: 5px;
}

.stackview-project-filter {
  color: #071d49;
  display: flex;
  font-size: 20px;
  font-weight: bold;
  align-items: center;
}

.stackview-project-filter select {
  width: 30%;
  margin-left: 20px;
}

.stackview-tabs {
  padding: 20px;
  border-bottom: 1px solid #bcc6d9;
}

.stackview-tabs a {
  padding: 10px;
  font-size: 20px;
  font-weight: bold;
  color: #91a1bf !important;
}

.stackview-tabs a.active {
  color: #2a6ebb !important;
  border-bottom: 1px solid #2a6ebb !important;
}

.stackview-nav-container .stackview-navigation {
  display: flex;
}

.stackview-nav-container .stackview-navigation.stackview-navigation--blocktower button {
  margin-right: 20px;
}

.stackview-nav-container .stackview-navigation.stackview-navigation--status, .stackview-nav-container .stackview-navigation.stackview-navigation--bed-filters {
  justify-content: space-between;
}

.stackview-tower-container {
  width: 900px;
  overflow-x: scroll;
}

.stackview-tower-container .stackview-tower-row {
  display: flex;
  font-size: 10px;
  margin: 10px 0;
  font-weight: bold;
  align-items: center;
  color: #91a1bf;
}

.stackview-tower-container .stackview-tower-row .stackview-tower-row__unit {
  width: 72px;
  margin-right: 5px;
}

.stackview-tower-container .stackview-tower-row .stackview-tower-row__unit button {
  width: 100%;
}

.stackview-tower-legend {
  padding: 0 5%;
  display: flex;
}

.stackview-tower-legend .stackview-tower-legend-wrapper {
  display: flex;
  flex-direction: column;
  margin-right: 10px;
  width: calc((100% /7) - 10px);
}

.stackview-tower-legend .stackview-tower-legend-wrapper .stackview-tower-legend-visual {
  width: 40px;
  height: 30px;
  margin: 0 auto 10px;
  border-radius: 4px;
}

.stackview-tower-legend .stackview-tower-legend-wrapper .stackview-tower-legend-visual.stackview-tower-legend-visual--abd {
  border: solid 3px #91e038;
}

.stackview-tower-legend .stackview-tower-legend-wrapper .stackview-tower-legend-visual.stackview-tower-legend-visual--rba {
  border: 3px solid #3891e0;
}

.stackview-tower-legend .stackview-tower-legend-wrapper .stackview-tower-legend-visual.stackview-tower-legend-visual--bba {
  border: 3px solid #ffc354;
}

.stackview-tower-legend .stackview-tower-legend-wrapper .stackview-tower-legend-visual.stackview-tower-legend-visual--sold {
  border: 3px solid #d34836;
}

.stackview-tower-legend .stackview-tower-legend-wrapper .stackview-tower-legend-visual.stackview-tower-legend-visual--selected {
  background-color: #e5f3fc;
  border: solid 1px #2a6ebb;
}

.stackview-tower-legend .stackview-tower-legend-wrapper .stackview-tower-legend-visual.stackview-tower-legend-visual--unreleased {
  border: solid 1px #bcc6d9;
}

.stackview-tower-legend .stackview-tower-legend-wrapper .stackview-tower-legend-visual.stackview-tower-legend-visual--of {
  background-color: #bcc6d9;
}

.stackview-tower-legend .stackview-tower-legend-wrapper .stackview-tower-legend-desc {
  text-align: center;
  font-size: 12px;
  font-weight: 500;
  color: #071d49;
}

.new-project-add {
  width: 146px;
  height: 136px;
  display: flex;
  border-radius: 4px;
  color: #2a6ebb;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  background-color: white;
  box-shadow: 0 2px 16px 0 rgba(33, 43, 54, 0.08), 0 0 3px 1px rgba(6, 44, 82, 0.1);
}

.new-project-add:hover {
  cursor: pointer;
}

.new-project-add span {
  display: block;
  font-size: 14px;
  font-weight: bold;
}

a.all {
  font-size: 20px;
  font-weight: bold;
  font-style: normal;
  padding-bottom: 20px;
  border-bottom: 1px solid #2a6ebb;
}

.main-buyer {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.main-buyer img {
  width: 75px;
  height: 75px;
  margin: 0 auto;
}

.main-buyer span {
  display: block;
  font-size: 14px;
  font-weight: normal;
  color: #2a6ebb;
}

.generated-documents-list__row {
  display: flex;
  padding: 20px 0;
}

.generated-documents-list__row .generated-documents-list__block {
  display: flex;
  font-size: 16px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.38;
  letter-spacing: normal;
  color: #91a1bf;
  align-items: center;
}

.generated-documents-list__row .generated-documents-list__block a:link {
  font-size: 14px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -0.2px;
  color: #2a6ebb;
}

.generated-documents-list__row .generated-documents-list__block:first-child {
  width: 5%;
}

.generated-documents-list__row .generated-documents-list__block:nth-of-type(2) {
  width: 35%;
}

.generated-documents-list__row .generated-documents-list__block:nth-of-type(3), .generated-documents-list__row .generated-documents-list__block:nth-of-type(4), .generated-documents-list__row .generated-documents-list__block:nth-of-type(5) {
  width: 20%;
}

.remarks {
  display: flex;
}

.remarks__element {
  width: 20%;
}

.agent-tagger-cobroker {
  display: flex;
  padding: 20px 0;
  align-items: center;
}

.agent-tagger-cobroker__element {
  text-align: center;
}

.agent-tagger-cobroker__element:nth-of-type(1), .agent-tagger-cobroker__element:nth-of-type(4), .agent-tagger-cobroker__element:nth-of-type(5) {
  width: calc(50% / 3);
}

.agent-tagger-cobroker__element:nth-of-type(2), .agent-tagger-cobroker__element:nth-of-type(3) {
  width: 25%;
}

.agent-tagger-cobroker--row {
  border-top: solid 1px #bcc6d9;
}

.agent-tagger-cobroker--row:nth-child(even) {
  background: #bcc6d9;
}

.agent-tagger-cobroker--row:nth-child(odd) {
  background: #f5f6f9;
}

.search-input-container {
  position: relative;
}

.search-input-container i {
  top: 10px;
  left: 10px;
  position: absolute;
}

.search-input-container input {
  padding-left: 30px;
}

.search-btn-container {
  display: flex;
  justify-content: flex-end;
}

.search-btn-container button {
  width: 135px;
  height: 40px;
  font-size: 14px;
  font-weight: bold;
  margin-left: 20px;
}

.project-unit-payment {
  display: flex;
}

.project-unit-payment:not(:last-child) {
  border-bottom: 1px solid #bcc6d9;
}

.project-unit-payment .project-unit-payment__status {
  width: 5%;
  padding: 20px;
}

.project-unit-payment .project-unit-payment__info {
  width: 65%;
  padding: 20px;
  padding-right: 5%;
  border-right: 1px solid #bcc6d9;
}

.project-unit-payment .project-unit-payment__info__extra {
  width: 30%;
  padding: 20px;
}

.unit-payment__status {
  width: 16px;
  height: 16px;
  border-radius: 50%;
}

.unit-payment__status.in__progress {
  background-color: #2a6ebb;
}

.project-unit-name {
  display: flex;
  align-items: center;
}

.project-unit-name .project-unit__logo {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  margin-right: 10px;
  background-color: lightgrey;
}

.project-unit-name .project-unit__name {
  font-size: 23px;
  font-weight: 500;
}

.project-label {
  padding: 3px;
  width: 90px;
  height: 25px;
  margin: 10px 0;
  font-size: 14px;
  font-weight: bold;
  border-radius: 5px;
  text-align: center;
  display: inline-block;
  text-transform: uppercase;
}

.project-label--approved {
  color: #017842;
  background-color: #54d290;
}

.project-unit-payment__progress .project-unit-payment__progress__title {
  font-size: 14px;
  font-weight: bold;
  color: #91a1bf;
}

.project-unit-payment__progress .project-unit-payment__progress__title.percent {
  color: #2a6ebb;
}

.project-unit-sale-info {
  font-size: 14px;
  font-weight: 500;
  color: #91a1bf;
}

.project-unit-payment__info__extra .project-unit-payment__date {
  font-size: 12px;
  font-weight: 500;
  text-align: right;
  color: #91a1bf;
}

.project-unit-payment__info__extra .project-unit-payment__view {
  width: 60%;
  display: flex;
  margin: 30px auto;
  flex-direction: column;
}

.project-unit-payment__info__extra .project-unit-payment__view .project-unit-payment__remarks {
  margin: 10px 0;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  color: #3891e0;
  letter-spacing: -0.2px;
  display: inline-block;
}

.project-unit-payment__info__extra .project-unit-payment__view button {
  width: 144px;
  height: 48px;
  border-radius: 4px;
  position: relative;
  margin: 0 auto;
  box-shadow: 0 1px 3px 0 rgba(31, 80, 156, 0.08), 0 4px 6px 0 rgba(31, 80, 156, 0.25);
}

.project-unit-payment__info__extra .project-unit-payment__view button i {
  top: 8px;
  right: 10px;
  font-size: 30px;
  position: absolute;
}

.project-block {
  margin: 30px 0;
  position: relative;
  padding: 20px 20px 0;
  background-color: white;
  border: 1px solid #cccccc;
}

.project-block a {
  text-decoration: none;
}

.project-block .project-indication {
  width: 50px;
  height: 50px;
  border-radius: 50%;
}

.project-block .project-indication.live {
  background-color: #5ABA0C;
}

.project-block .project-indication.draft {
  background-color: grey;
}

.project-block p {
  font-size: 16px;
}

.project-block .date-updated {
  color: #cccccc;
  font-size: 14px;
  margin-top: -15px;
}

.project-block .date-updated.review {
  color: orange;
}

.project-block .date-updated.rejected {
  color: #e70f47;
}

.project-block .date-updated.approved {
  color: green;
}

.project-block .date-updated .fa, .project-block .date-updated .icon {
  padding-right: 5px;
}

.project-block img.logo {
  right: 5px;
  bottom: 5px;
  width: 100px;
  max-height: 15px;
  position: absolute;
}

.info-block {
  height: 100%;
  padding: 20px;
  background-color: white;
}

.info-block.total-sales ul {
  padding-left: 0;
}

.info-block.total-sales .circular-bar {
  width: 70%;
  margin: 0 auto;
}

.info-block .btn {
  margin-top: 0;
}

.info-block h4 {
  padding-top: 5px;
}

.info-block p {
  margin-bottom: 10px;
}

.update-information {
  padding: 10px;
  position: relative;
  border: 1px solid #071d49;
}

.update-information .col-sm-4.p-top {
  padding-top: 80px;
}

.update-information .col-sm-4.p-top .btn {
  color: #071d49;
  min-width: 100%;
  text-align: left;
  font-weight: bold;
  position: relative;
  margin-bottom: 10px;
  border: 1px solid #071d49;
  background-color: white;
}

.update-information .col-sm-4.p-top .btn .icon {
  right: 10px;
  position: absolute;
}

.update-information .col-sm-4.p-top .btn .icon.icon-favorite-2 {
  color: #e70f47;
}

.pie {
  display: inline-block;
  position: relative;
  width: 1em;
  height: 1em;
  background-color: white;
  font-size: 7em;
  text-align: center;
  border-radius: 50%;
}

.slice-right {
  position: absolute;
  z-index: 11;
  background-color: blue;
  width: 100%;
  height: 100%;
  clip: rect(0, 0.5em, 0.5em, 0.5em);
  border-radius: 50%;
}

.slice-left {
  position: absolute;
  z-index: 11;
  background-color: blue;
  width: 100%;
  height: 100%;
  clip: rect(0.5em, 0.5em, 1em, 0.5em);
  border-radius: 50%;
}

.percent {
  position: absolute;
  z-index: 20;
  top: 3px;
  right: 3px;
  bottom: 3px;
  left: 3px;
  background: white;
  border-radius: 50%;
}

.number {
  position: absolute;
  z-index: 30;
  width: 100%;
  height: 100%;
  padding-top: 50%;
  line-height: 0;
  font-size: .3em;
  color: #485c65;
}

.slice-right {
  -webkit-animation-delay: 1.2s;
  -webkit-animation-duration: 0.3s;
  -webkit-animation-name: right-slice;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
}

.slice-left {
  -webkit-animation-delay: 1.5s;
  -webkit-animation-duration: 0.3s;
  -webkit-animation-name: left-slice;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: ease-out;
  -webkit-animation-fill-mode: forwards;
}

.dashboard-steps {
  position: relative;
}

.dashboard-steps:before {
  left: 0;
  right: 0;
  top: 24px;
  width: 100%;
  content: '';
  position: absolute;
  border-top: 1px dashed black;
}

.dashboard-steps ul li {
  width: 19%;
  color: #071d49;
  font-size: 14px;
  line-height: 20px;
  vertical-align: top;
  text-align: center;
  display: inline-block;
  font-family: 'Lato', sans-serif;
}

.dashboard-steps ul li .numeric {
  display: block;
  width: 50px;
  height: 50px;
  z-index: 1;
  font-size: 18px;
  background: white;
  position: relative;
  margin: 0 auto 10px;
  line-height: 41px;
  border-radius: 100%;
  border: 5px solid #071d49;
}

.dashboard-steps ul li.active .numeric {
  background: #071d49;
  color: white;
}

.add-new-project {
  margin-top: 100px;
}

.add-new-project h2 {
  margin-bottom: 50px;
}

.notifications-search {
  position: relative;
}

.notifications-search .btn {
  top: 4px;
  left: 0;
  position: absolute;
  color: #071d49 !important;
  outline: none;
  min-width: 20px !important;
  background-color: transparent;
}

.notifications-panel-container {
  border: 1px solid #CDCDCD;
}

.notifications-panel-container .notifications-panel-headers {
  display: flex;
  padding: 10px;
  background-color: #DAD9D9;
  height: 40px;
  position: relative;
  top: -1px;
}

.notifications-panel-container .notifications-panel-headers .notifications-panel-heading {
  font-size: 14px;
  flex: 1 12.5%;
  text-align: center;
}

.notifications-panel-container .notifications-panel-content-container {
  display: flex;
  padding: 20px 0;
  background-color: white;
}

.notifications-panel-container .notifications-panel-content-container .notifications-panel-content {
  font-size: 14px;
  flex: 1 12.5%;
  text-align: center;
}

.notifications-panel-container .notifications-panel-content-container .notifications-panel-content p {
  margin-bottom: 0;
}

.notifications-panel-container .notifications-panel-content-container .notifications-panel-content .status {
  width: 10px;
  height: 10px;
  margin: 0 auto;
  padding-top: 5px;
  border-radius: 50%;
  display: inline-block;
}

.notifications-panel-container .notifications-panel-content-container .notifications-panel-content .status.active {
  background-color: steelblue;
}

.notifications-panel-container .notifications-panel-content-container .notifications-panel-content .status.inactive {
  background-color: gray;
}

.notifications-panel-container .notification-message {
  padding: 20px;
  font-size: 12px;
}

.notifications-panel-container .notification-message textarea {
  padding: 20px;
}

.notifications-panel-container .notification-message textarea::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #CDCDCD;
}

.notifications-panel-container .notification-message textarea::-moz-placeholder {
  /* Firefox 19+ */
  color: #CDCDCD;
}

.notifications-panel-container .notification-message textarea:-ms-input-placeholder {
  /* IE 10+ */
  color: #CDCDCD;
}

.notifications-panel-container .notification-message textarea:-moz-placeholder {
  /* Firefox 18- */
  color: #CDCDCD;
}

.notifications-panel-container .notification-message .btn-group .btn {
  width: 100%;
}

.notifications-panel-container .card-label {
  position: relative;
  width: 46px;
  height: 46px;
  left: 16px;
  bottom: 16px;
}

.table-notifications th {
  text-align: center;
  background-color: #ccc;
}

.table-notifications tbody {
  background-color: white;
}

.table-notifications tbody td {
  font-size: 14px;
  text-align: center;
}

.table-notifications tbody td img {
  max-width: 100px;
}

.table-notifications tbody td.review {
  text-align: left;
}

.table-notifications tbody td ul li {
  color: grey;
}

.table-notifications tbody td ul li.active {
  color: yellow;
}

.table-notifications tbody td span {
  display: block;
  margin-bottom: 5px;
}

.table-notifications tbody td span:hover {
  cursor: pointer;
}

.table-notifications tbody td span.reject .icon {
  color: #e70f47;
}

.table-notifications tbody td span.accept .icon {
  color: green;
}

.table-notifications tbody td.text-danger:hover {
  cursor: pointer;
}

.agent-subscription .content-block {
  padding: 0 80px;
  min-height: 400px;
  border-radius: 4px;
  margin-bottom: 50px;
  background-color: white;
  border: 1px solid #cccccc;
}

.agent-subscription .content-block .subscription-title {
  padding: 20px 0;
  border-bottom: 1px solid #cccccc;
}

.agent-subscription .content-block .subscription-type {
  margin-top: 50px;
}

.agent-subscription .content-block .subscription-type .type-title {
  font-size: 50px;
  line-height: 1.1;
  color: #024b8a;
}

.agent-subscription .content-block .subscription-type .type-title span {
  display: block;
  font-size: 40px;
}

.agent-subscription .buy-now {
  border-radius: 5px !important;
  background-color: #071d49;
}

.modal.dms-reports-category .modal-dialog {
  max-width: 750px !important;
}

.modal.dms-reports-category .modal-dialog .modal-content {
  border-radius: 8px;
}

.modal.dms-reports-category .modal-dialog .modal-content .modal-header {
  border-bottom: 1px solid #91a1bf;
}

.modal.dms-reports-category .modal-dialog .modal-content .modal-header .close {
  color: #071d49 !important;
}

.modal.dms-reports-category .modal-dialog .modal-content .modal-title {
  color: #071d49;
  font-size: 23px;
  font-weight: 500;
  padding-left: 0;
}

.modal.dms-reports-category .modal-dialog .modal-content .modal-title__secondary {
  color: #071d49;
  display: block;
  font-size: 14px;
  font-weight: 500;
}

.modal.dms-reports-category .modal-dialog .modal-content .modal-body {
  padding: 20px;
  padding-bottom: 100px;
}

.modal.dms-reports-category .modal-dialog .modal-content .modal-body__paragraph {
  color: #071d49;
  padding-top: 50px;
  font-size: 16px;
  text-align: center;
}

.modal.dms-reports-category .modal-dialog .modal-content .modal-body .dms-report-category-alert__error {
  font-weight: 300;
  font-size: 14px;
  color: #e70f47;
}

.modal.dms-reports-category .modal-dialog .modal-content .modal-body .dms-modal-input__title {
  color: #071d49;
  font-size: 16px;
  font-weight: bold;
  padding: 15px 0 4px 0;
}

.modal.dms-reports-category .modal-dialog .modal-content .modal-body .dms-modal-input__container {
  position: relative;
}

.modal.dms-reports-category .modal-dialog .modal-content .modal-body .dms-modal-input__container i {
  top: 17px;
  position: absolute;
  color: #91a1bf;
}

.modal.dms-reports-category .modal-dialog .modal-content .modal-body .dms-modal-input__container__icon-left .fa {
  left: 10px;
}

.modal.dms-reports-category .modal-dialog .modal-content .modal-body .dms-modal-input__container__icon-left input {
  padding-left: 40px !important;
}

.modal.dms-reports-category .modal-dialog .modal-content .modal-body .dms-modal-input__container__icon-right .fa {
  right: 10px;
  color: #91a1bf;
}

.modal.dms-reports-category .modal-dialog .modal-content .modal-body .dms-modal-input__container__icon-right input {
  padding-left: 10px !important;
}

.modal.dms-reports-category .modal-dialog .modal-content .modal-body .dms-modal-input__container input {
  width: 100%;
  height: 50px;
  border-radius: 4px;
  padding-left: 10px;
  outline: none;
  border: 1px solid #91a1bf;
  box-shadow: 0px 3px 6px #00204E;
}

.modal.dms-reports-category .modal-dialog .modal-content .modal-body .dms-modal-input__container input:focus {
  color: #071d49;
  font-weight: bold;
  text-transform: uppercase;
}

.modal.dms-reports-category .modal-dialog .modal-content .modal-body .dms-modal-input__container input::placeholder {
  color: #91a1bf;
}

.modal.dms-reports-category .modal-dialog .modal-content .modal-body .dms-modal-input__container .dms-modal-input__dropdown {
  left: 0;
  right: 0;
  width: 100%;
  z-index: 1000;
  border-top: 0;
  position: absolute;
  border: 1px solid #91a1bf;
}

.modal.dms-reports-category .modal-dialog .modal-content .modal-body .dms-modal-input__container .dms-modal-input__dropdown__block {
  height: 75px;
  display: flex;
  align-items: center;
  padding-left: 20px;
  font-size: 14px;
  font-weight: bold;
  color: #91a1bf;
  background-color: white;
}

.modal.dms-reports-category .modal-dialog .modal-content .modal-body .dms-modal-input__container .dms-modal-input__dropdown__block:not(:last-child) {
  border-bottom: 1px solid #91a1bf;
}

.modal.dms-reports-category .modal-dialog .modal-content .modal-footer {
  z-index: 1;
  border-top: 0;
  position: relative;
  padding-bottom: 35px;
  justify-content: space-between !important;
}

.modal.dms-reports-category .modal-dialog .modal-content .modal-footer .dms-modal-btn {
  width: 190px;
  height: 40px;
  font-size: 14px;
  font-weight: bold;
  border-radius: 4px;
  box-shadow: 2px 3px 2px #1F509C;
}

.modal.dms-reports-category .modal-dialog .modal-content .modal-footer .dms-modal-btn--cancel {
  color: #071d49;
  background-color: #e5f3fc;
}

.modal.dms-reports-category .modal-dialog .modal-content .modal-footer .dms-modal-btn--save {
  color: white;
  background-color: #2a6ebb;
}

.modal--report .modal-dialog {
  max-width: 700px;
}

.modal--report .modal-header {
  color: #071d49;
  font-size: 23px;
  font-weight: 500;
}

.modal--report .modal-header button.close {
  color: #071d49 !important;
}

.modal--report .modal-body {
  padding: 50px 20px !important;
}

.modal--report .modal-body label {
  font-size: 12px;
  font-weight: 500;
  font-style: normal;
  color: #91a1bf;
  text-transform: uppercase;
}

.modal--report .modal-body label.switch {
  margin-left: 0;
  margin-top: 20px;
  display: block;
}

.modal--report .modal-body .input-container {
  position: relative;
}

.modal--report .modal-body .input-container i {
  top: 30%;
  right: 10px;
  font-size: 16px;
  position: absolute;
  color: #91a1bf;
}

.modal--report .modal-body input {
  border-radius: 4px;
}

.modal--report .modal-body input::placeholder {
  color: #91a1bf;
}

.modal--report .modal-body .primary {
  width: 120px;
  height: 40px;
  font-size: 14px;
  font-weight: bold;
}

.modal--report .modal-body .project-container {
  border-radius: 0 0 4px 4px;
  border: 1px solid #bcc6d9;
  border-top: 0;
}

.modal--report .modal-body .project-container .input-outer-container {
  padding: 10px;
}

.modal--report .modal-body .project-container .custom-control-input:checked ~ .custom-control-indicator {
  border-radius: 4px;
}

.modal--report .modal-body .project-container .projects .projects__item {
  height: 100px;
  display: flex;
  padding: 0 20px;
  align-items: center;
  border-top: 1px solid #bcc6d9;
}

.modal--report .modal-body .project-container .projects .projects__item__photo {
  width: 72px;
  height: 64px;
  margin: 0 10px;
}

.modal--report .modal-body .project-container .projects .projects__item__name {
  color: #071d49;
  font-size: 16px;
  font-weight: bold;
}

.modal--report .modal-body .project-container .projects .projects__item--checked {
  background-color: #e5f3fc;
  border: 1px solid #2a6ebb;
}

.modal-header.no-border {
  border: 0;
}

.modal-footer.no-border {
  border: 0 !important;
}

.invite-modal.modal.eoi-modal input[type="text"] {
  max-width: 70% !important;
  margin: 30px auto;
  text-align: center !important;
  font-size: 20px;
  border: 1px solid #CDCDCD !important;
}

.invite-modal.modal .modal-body span {
  margin-top: -25px;
  margin-left: 60px;
}

.invite-modal .staff {
  margin-left: 10px !important;
  display: inline-block !important;
}

.error {
  margin-top: -25px;
  margin-left: 90px;
}

.modal.ams-modal .modal-dialog {
  max-width: 750px;
}

.modal.ams-modal .modal-header {
  border: 0;
}

.modal.ams-modal .modal-body {
  position: relative;
}

.modal.ams-modal .modal-body .navigation {
  top: 40%;
  position: absolute;
  transform: translateY(-40%);
}

.modal.ams-modal .modal-body .navigation.prev {
  left: 20px;
}

.modal.ams-modal .modal-body .navigation.next {
  right: 20px;
}

.modal .modal-header {
  position: relative;
}

.modal .modal-header.with-border {
  border: 1px solid #898989;
}

.modal .modal-header.without-border {
  border: 0;
}

.modal .modal-header .modal-title {
  font-size: 21px;
  font-weight: 400;
  padding-left: 35px;
}

.modal .modal-header button.close {
  top: 15px;
  right: 15px;
  position: absolute;
}

.modal .modal-body {
  padding: 20px 70px;
}

.modal .modal-body--less-padding {
  padding: 20px 50px;
}

.modal .modal-body ::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  opacity: 0.5;
}

.modal .modal-body :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  opacity: 0.5;
}

.modal .modal-body ::-ms-input-placeholder {
  /* Microsoft Edge */
  opacity: 0.5;
}

.modal .modal-body .agent-fields-container {
  display: none;
}

.modal .modal-body .agent-fields-container.show {
  display: block;
}

.modal .modal-body .btn-container-row {
  display: flex;
  justify-content: space-between;
}

.modal .modal-body .btn-container-row .btn {
  width: 40%;
  font-size: 12px;
  position: relative;
}

.modal .modal-body .btn-container-row .btn .fa {
  left: 20px;
  font-size: 20px;
}

.modal .modal-body .share-buttons {
  display: flex;
  justify-content: space-between;
}

.modal .modal-body .share-buttons a.btn {
  width: 20%;
}

.modal .modal-body .share-buttons a.btn .fa {
  left: 0;
  top: 0;
  position: relative;
}

.modal .modal-body .col-6.with-border {
  padding-left: 15px;
  padding-right: 15px;
}

.modal .modal-body .col-6.with-border:first-child {
  border-right: 1px solid #898989;
}

.modal .modal-body .col-6 .signup-container {
  padding: 2.5rem 3.5rem;
}

.modal .modal-body .col-6 .signup-container a {
  text-decoration: none;
}

.modal .modal-body .col-6 .signup-container a:hover .icon {
  color: #706f6f;
}

.modal .modal-body .col-6 .signup-container .icon {
  font-size: 100px;
}

.modal .modal-body .icon {
  font-size: 50px;
}

.modal .modal-body span {
  display: block;
}

.modal .modal-body label.mandatory {
  color: red;
}

.modal .modal-footer {
  font-size: 15px;
  justify-content: center;
  border-top: 1px solid #CDCDCD;
}

.modal .modal-footer p {
  margin-bottom: 0;
}

.modal .modal-content {
  background-color: white;
  border: 0;
  border-radius: 0;
}

.modal .or-container {
  text-align: center;
  margin: 0;
  margin: 20px 0;
  clear: both;
}

.modal .or-container .or-hr {
  position: relative;
  top: 17px;
  width: 50%;
  margin: 0 auto;
  height: 0;
  border: 0;
  border-top: 1px solid #CDCDCD;
}

.modal .or-container .or {
  display: inline-block;
  position: relative;
  padding: 3px;
  background-color: white;
}

.modal p.smaller {
  font-size: 14px;
}

.modal a, .modal a:focus {
  color: #898989;
}

.modal a.btn {
  color: white;
  display: block;
  margin: 20px auto;
  position: relative;
  font-weight: bold;
  cursor: pointer;
}

.modal a.btn .fa {
  top: 15px;
  left: 20px;
  font-size: 30px;
  position: absolute;
}

.modal a.btn:hover {
  color: white;
}

.modal button.btn {
  color: white;
  padding: 10px;
}

.modal .btn-facebook {
  position: relative;
  background-color: #3b5998;
}

.modal .btn-google {
  background-color: #df4a32;
}

.modal .btn-twitter {
  background-color: #1da1f2;
}

.modal .btn-email {
  background-color: #d4af37;
}

.modal .btn-linkedin {
  background-color: #0084bf;
}

.modal .btn-pinterest {
  background-color: #bd081c;
}

.modal .btn-page-link {
  background-color: #be9b7b;
}

.modal .form-check-input {
  margin-left: 0;
  position: initial;
}

.modal .form-group select {
  margin-top: 10px;
}

.modal .form-group span.flag-icon {
  display: inline-block;
}

.modal .form-group.error {
  color: #e70f47;
}

.modal .form-group.error input {
  color: #e70f47;
  border-color: #e70f47;
}

.modal input, .modal .custom-select {
  padding: 8px;
  background-color: transparent;
  transition: all .3s ease-in-out;
}

.modal input:focus, .modal .custom-select:focus {
  border-color: black;
  background-color: transparent;
}

.modal input[type="checkbox"] {
  font-weight: bold;
}

.modal .terms {
  font-size: 14px;
  text-align: center;
  color: #aeb2b3;
}

.modal.eoi-modal .modal-content .success-icon {
  width: 50px;
  height: 50px;
  display: block;
  margin: 20px auto;
}

.modal.eoi-modal .modal-header {
  border: none;
}

.modal.eoi-modal .modal-header .modal-title {
  padding-left: 0;
  font-weight: 600;
}

.modal.eoi-modal .modal-body {
  padding: 20px;
}

.modal.eoi-modal .modal-body a {
  font-size: 14px;
  font-weight: normal;
  text-decoration: underline;
  color: #2a6ebb !important;
}

.modal.eoi-modal input[type="text"] {
  border: 1px solid #CDCDCD !important;
  margin: 30px auto 5px;
  text-align: center;
  font-size: 25px;
}

.modal.eoi-modal input[type="text"]:focus {
  border: 1px solid black !important;
}

.modal.eoi-modal input[type="text"]::placeholder {
  opacity: 0.4;
  color: black;
  font-size: 25px;
  font-weight: bold;
  text-align: center;
}

.modal.eoi-modal .modal-select input[type="text"] {
  text-align: left;
  max-width: 100%;
  margin: 0px 10px 0px 0px;
  font-size: 14px;
  border: 1px solid #ddd !important;
}

.modal.eoi-modal .modal-select input[type="text"]:focus {
  border: 1px solid #ddd !important;
}

.modal.eoi-modal .modal-select input[type="text"]::placeholder {
  text-align: left;
  font-size: 14px;
}

.modal.family-successful-modal .modal-header {
  border: none;
}

.modal.family-successful-modal .modal-body p {
  padding: 6rem 0;
}

.signup-modal {
  overflow-y: scroll;
}

.signup-modal .btn-register {
  background-color: #818181;
}

.signup-modal .btn-cancel {
  background-color: #df4a32;
}

.enquiry-modal .modal-lg {
  max-width: 100%;
}

.enquiry-modal a {
  color: #3291cb;
  text-decoration: underline;
}

.enquiry-modal .modal-content [class*="col"] {
  padding: 50px;
}

.enquiry-modal .modal-content .col-lg-4.with-border {
  border-right: 1px solid grey;
}

.enquiry-modal .modal-content p {
  font-weight: 500;
  margin-bottom: 20px;
}

.enquiry-modal .modal-content p.mandatory {
  font-size: 14px;
  font-weight: normal;
}

.enquiry-modal .modal-content form {
  position: relative;
}

.enquiry-modal .modal-content form .close {
  top: 20px;
  right: 10px;
  position: absolute;
  z-index: 10000;
}

.enquiry-modal .modal-content form .required {
  position: relative;
}

.enquiry-modal .modal-content form .required .fa {
  top: 50%;
  right: 10px;
  font-size: 6px;
  color: #0078c1;
  position: absolute;
  transform: translateY(-50%);
}

.enquiry-modal .modal-content form p span {
  color: #0078c1;
}

.enquiry-modal .modal-content form h3 {
  margin-bottom: 20px;
  font-weight: 900;
  color: #0078c1;
}

.profile-modal .modal-dialog {
  max-width: 770px;
}

.profile-modal .modal-dialog .modal-header {
  background-color: #cccccc;
}

.profile-modal .modal-dialog .modal-header .modal-title .icon {
  color: #3291cb;
}

.profile-modal .modal-dialog .modal-header .close {
  color: #e70f47;
}

.accept-offer .modal-dialog {
  max-width: 710px;
}

.accept-offer .modal-dialog .modal-header {
  color: white;
  background-color: green;
}

.accept-offer .modal-dialog .modal-body {
  padding: 65px;
  background-color: #cccccc;
}

.accept-offer .modal-dialog .modal-body h5 {
  margin-bottom: 20px;
}

.accept-offer .modal-dialog .modal-body .btn {
  border-radius: 5px;
  margin: 150px 0;
  width: 250px;
}

.accept-offer .modal-dialog .modal-body .btn-primary.btn-dark {
  min-width: 250px !important;
}

.modal-header.view3d {
  border-bottom: 0;
  justify-content: flex-end;
}

.modal-footer.view3d {
  border-top: 0;
}

@media only screen and (max-width: 768px) {
  .modal-content:not(.default-bs-modal-content) [class*="col"] {
    padding: 25px;
  }
}

@media only screen and (max-width: 640px) {
  .modal .modal-header .modal-title {
    font-size: 16px;
  }
  .modal .modal-body {
    padding: 20px 45px;
  }
  .modal .modal-body .col-6 .signup-container .icon {
    font-size: 80px;
  }
  .modal .modal-body .col-6 .signup-container a {
    font-size: 12px;
  }
  .modal .modal-body .btn-container-row .btn {
    width: 45%;
  }
  .modal a.btn {
    width: 100%;
  }
}

/* Preload img */
body:after {
  content: url(/images/close.png) url(/images/loading.gif) url(/images/prev.png) url(/images/next.png);
  display: none;
}

body.lb-disable-scrolling {
  overflow: hidden;
}

.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  display: none;
}

.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
}

.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  max-height: none;
  border-radius: 3px;
  /* Image border */
  border: 4px solid white;
}

.lightbox a img {
  border: none;
}

.lb-outerContainer {
  position: relative;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  border-radius: 4px;
  /* Background color behind image.
     This is visible during transitions. */
  background-color: white;
}

.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-loader {
  position: absolute;
  top: 43%;
  left: 0;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(/images/loading.gif) no-repeat;
}

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.lb-container > .nav {
  left: 0;
}

.lb-nav a {
  outline: none;
  background-image: url("data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==");
}

.lb-prev, .lb-next {
  height: 100%;
  cursor: pointer;
  display: block;
}

.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  background: url(../images/prev.png) left 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  transition: opacity 0.6s;
}

.lb-nav a.lb-prev:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background: url(../images/next.png) right 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  transition: opacity 0.6s;
}

.lb-nav a.lb-next:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-data {
  padding: 0 4px;
  color: #ccc;
}

.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}

.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}

.lb-data .lb-caption a {
  color: #4ae;
}

.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999999;
}

.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url(../images/close.png) top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  transition: opacity 0.2s;
}

.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

footer {
  font-size: 18px;
  position: relative;
  background: white;
  margin-top: 20px;
}

footer .social-media {
  padding: 15px 0;
}

footer .social-media .list-inline-item:not(:last-child) {
  margin-right: 20px;
}

footer .social-media a {
  font-size: 30px;
}

footer .social-media a {
  display: inline-block;
}

footer .social-media a img {
  display: block;
  max-width: 32px;
}

footer .footer-navigation {
  padding: 0 20px;
}

footer .footer-navigation .link-group {
  float: left;
  width: 20%;
  padding: 0 2.5%;
}

footer .footer-navigation .link-group .link-group-title {
  margin-bottom: 15px;
  font-weight: bold;
  color: #898989;
}

footer .footer-navigation .link-group .link-group-title .fa {
  display: none;
}

footer .footer-navigation .link-group ul li {
  padding-bottom: 20px;
}

footer .footer-navigation .link-group ul li a {
  color: #898989;
}

footer .bottom-footer {
  color: white;
  padding: 20px 0;
  font-size: 16px;
  background: #071d49;
  position: relative;
}

footer .bottom-footer img {
  top: 5px;
  right: 5px;
  width: 222px;
  height: 54px;
  position: absolute;
}

footer.dashboard-footer {
  margin-top: 0;
}

@media only screen and (max-width: 1024px) {
  footer {
    font-size: 18px;
  }
}

@media only screen and (max-width: 768px) {
  footer {
    font-size: 14px;
  }
  footer .footer-navigation .link-group {
    width: 50%;
  }
  footer .footer-navigation .link-group .link-group-title .fa {
    display: inline-block;
    padding-left: 10px;
  }
}

@media only screen and (max-width: 640px) {
  footer .footer-navigation .link-group .link-group-title {
    cursor: pointer;
  }
  footer .footer-navigation .link-group ul {
    transition: all .5s ease;
  }
  footer .bottom-footer {
    font-size: 10px;
  }
  footer .bottom-footer img {
    top: 18px;
    right: 5px;
    width: 39px;
    height: auto;
  }
}

.header .navbar-brand img {
  max-height: 60px;
}

/*! =======================================================
                      VERSION  9.9.0              
========================================================= */
.slider {
  display: inline-block;
  vertical-align: middle;
  position: relative;
}

.slider.slider-horizontal {
  width: 60%;
  height: 20px;
  margin: 0 auto;
}

.slider.slider-horizontal .slider-track {
  height: 10px;
  width: 100%;
  margin-top: -5px;
  top: 50%;
  left: 0;
}

.slider.slider-horizontal .slider-selection,
.slider.slider-horizontal .slider-track-low,
.slider.slider-horizontal .slider-track-high {
  height: 100%;
  top: 0;
  bottom: 0;
}

.slider.slider-horizontal .slider-tick,
.slider.slider-horizontal .slider-handle {
  margin-left: -10px;
}

.slider.slider-horizontal .slider-tick.triangle,
.slider.slider-horizontal .slider-handle.triangle {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  border-width: 0 10px 10px 10px;
  width: 0;
  height: 0;
  border-bottom-color: #2e6da4;
  margin-top: 0;
}

.slider.slider-horizontal .slider-tick-container {
  white-space: nowrap;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.slider.slider-horizontal .slider-tick-label-container {
  white-space: nowrap;
  margin-top: 20px;
}

.slider.slider-horizontal .slider-tick-label-container .slider-tick-label {
  padding-top: 4px;
  display: inline-block;
  text-align: center;
}

.slider.slider-horizontal.slider-rtl .slider-track {
  left: initial;
  right: 0;
}

.slider.slider-horizontal.slider-rtl .slider-tick,
.slider.slider-horizontal.slider-rtl .slider-handle {
  margin-left: initial;
  margin-right: -10px;
}

.slider.slider-horizontal.slider-rtl .slider-tick-container {
  left: initial;
  right: 0;
}

.slider.slider-vertical {
  height: 210px;
  width: 20px;
}

.slider.slider-vertical .slider-track {
  width: 10px;
  height: 100%;
  left: 25%;
  top: 0;
}

.slider.slider-vertical .slider-selection {
  width: 100%;
  left: 0;
  top: 0;
  bottom: 0;
}

.slider.slider-vertical .slider-track-low,
.slider.slider-vertical .slider-track-high {
  width: 100%;
  left: 0;
  right: 0;
}

.slider.slider-vertical .slider-tick,
.slider.slider-vertical .slider-handle {
  margin-top: -10px;
}

.slider.slider-vertical .slider-tick.triangle,
.slider.slider-vertical .slider-handle.triangle {
  border-width: 10px 0 10px 10px;
  width: 1px;
  height: 1px;
  border-left-color: #2e6da4;
  border-right-color: #2e6da4;
  margin-left: 0;
  margin-right: 0;
}

.slider.slider-vertical .slider-tick-label-container {
  white-space: nowrap;
}

.slider.slider-vertical .slider-tick-label-container .slider-tick-label {
  padding-left: 4px;
}

.slider.slider-vertical.slider-rtl .slider-track {
  left: initial;
  right: 25%;
}

.slider.slider-vertical.slider-rtl .slider-selection {
  left: initial;
  right: 0;
}

.slider.slider-vertical.slider-rtl .slider-tick.triangle,
.slider.slider-vertical.slider-rtl .slider-handle.triangle {
  border-width: 10px 10px 10px 0;
}

.slider.slider-vertical.slider-rtl .slider-tick-label-container .slider-tick-label {
  padding-left: initial;
  padding-right: 4px;
}

.slider.slider-disabled .slider-handle {
  background-image: linear-gradient(to bottom, #dfdfdf 0%, #bebebe 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdfdfdf', endColorstr='#ffbebebe', GradientType=0);
}

.slider.slider-disabled .slider-track {
  background-image: linear-gradient(to bottom, #e5e5e5 0%, #e9e9e9 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe5e5e5', endColorstr='#ffe9e9e9', GradientType=0);
  cursor: not-allowed;
}

.slider input {
  display: none;
}

.slider .tooltip.top {
  margin-top: -36px;
}

.slider .tooltip-inner {
  white-space: nowrap;
  max-width: none;
}

.slider .hide {
  display: none;
}

.slider-track {
  position: absolute;
  cursor: pointer;
  background-image: linear-gradient(to bottom, #f5f5f5 0%, #f9f9f9 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
}

.slider-selection {
  position: absolute;
  background-image: linear-gradient(to bottom, #f9f9f9 0%, #f5f5f5 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff9f9f9', endColorstr='#fff5f5f5', GradientType=0);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-sizing: border-box;
  border-radius: 4px;
}

.slider-selection.tick-slider-selection {
  background-image: linear-gradient(to bottom, #8ac1ef 0%, #82b3de 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8ac1ef', endColorstr='#ff82b3de', GradientType=0);
}

.slider-track-low,
.slider-track-high {
  position: absolute;
  background: transparent;
  box-sizing: border-box;
  border-radius: 4px;
}

.slider-handle {
  position: absolute;
  top: 0;
  width: 20px;
  height: 20px;
  background-color: #0077c8;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  border: 0px solid transparent;
}

.slider-handle.round {
  border-radius: 50%;
}

.slider-handle.triangle {
  background: transparent none;
}

.slider-handle.custom {
  background: transparent none;
}

.slider-handle.custom::before {
  line-height: 20px;
  font-size: 20px;
  content: '\2605';
  color: #726204;
}

.slider-tick {
  position: absolute;
  width: 20px;
  height: 20px;
  background-image: linear-gradient(to bottom, #f9f9f9 0%, #f5f5f5 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff9f9f9', endColorstr='#fff5f5f5', GradientType=0);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-sizing: border-box;
  filter: none;
  opacity: 0.8;
  border: 0px solid transparent;
}

.slider-tick.round {
  border-radius: 50%;
}

.slider-tick.triangle {
  background: transparent none;
}

.slider-tick.custom {
  background: transparent none;
}

.slider-tick.custom::before {
  line-height: 20px;
  font-size: 20px;
  content: '\2605';
  color: #726204;
}

.slider-tick.in-selection {
  background-image: linear-gradient(to bottom, #8ac1ef 0%, #82b3de 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8ac1ef', endColorstr='#ff82b3de', GradientType=0);
  opacity: 1;
}

.accordion {
  padding: 0;
  width: 100%;
  display: block;
  list-style: none;
}

.accordion li {
  border-bottom: 2px solid white;
}

.accordion > li > a {
  color: #898989;
  padding: 20px 0;
  display: block;
  text-align: left;
  background: white;
  position: relative;
  text-decoration: none;
  border-bottom: 1px solid #898989;
}

.accordion > li > a .icon {
  padding-right: 10px;
}

.accordion li ul {
  padding: 0;
  width: 100%;
  display: none;
  list-style: none;
  max-height: 200px;
  position: relative;
}

.accordion li ul li {
  border: 0;
}

.accordion li ul li a {
  color: #898989;
  display: block;
  padding: 20px 0px;
  text-align: center;
  text-decoration: none;
  background: white;
  box-sizing: border-box;
}

.accordion li ul li a span:hover, .accordion li ul li.selected a span {
  height: 40px;
  width: 40px;
  display: inline-block;
  text-align: center;
  position: relative;
  border: 2px solid #7f7f83;
}

.accordion li ul li a span:hover:before, .accordion li ul li.selected a span:before {
  top: -25px;
  font-family: "FontAwesome";
  content: "\f106";
  position: absolute;
}

.accordion li ul li a span:hover:after, .accordion li ul li.selected a span:after {
  left: 50%;
  bottom: -25px;
  content: "\f107";
  position: absolute;
  font-family: "FontAwesome";
  transform: translateX(-50%);
}

@media only screen and (max-width: 1024px) {
  .accordion > li > a {
    padding: 10px;
  }
  .accordion > li > a span {
    display: none;
  }
}

@media only screen and (max-width: 640px) {
  .accordion > li > a {
    font-size: 14px;
    padding: 5px;
  }
}

.circle {
  width: 80px;
  padding-top: 0;
  position: relative;
  text-align: center;
  vertical-align: top;
  display: inline-block;
}

.circle strong {
  left: 0;
  top: 22px;
  width: 100%;
  font-size: 12px;
  text-align: center;
  position: absolute;
}

.circle .inner-circle {
  top: 10px;
  left: 10px;
  right: 10px;
  height: 60px;
  margin: auto;
  color: #071d49;
  position: absolute;
  border-radius: 50%;
  width: 60px !important;
  border: 6px solid #dfe1e3;
}

@media only screen and (max-width: 1024px) {
  .circle {
    width: 80px;
    padding-top: 0;
    position: relative;
    text-align: center;
    vertical-align: top;
    display: inline-block;
  }
  .circle canvas {
    width: 60px !important;
    height: 60px !important;
  }
  .circle strong {
    top: 15px;
    width: 100%;
    font-size: 10px;
  }
  .circle .inner-circle {
    top: 8px;
    left: 8px;
    right: 8px;
    height: 45px;
    width: 45px !important;
    border: 5px solid #dfe1e3;
  }
}

.mortgage-calculator {
  max-width: 60%;
  margin: 0 auto;
}

.mortgage-calculator #monthly-payment {
  width: 200px;
  height: 100px;
  display: flex;
  margin: 0 auto;
  background: #dfe1e3;
  align-items: center;
  justify-content: center;
}

.mortgage-calculator [type='range'].range-slider {
  -webkit-appearance: none;
  -moz-appearance: none;
  margin: 15px 0;
  width: 100%;
}

.mortgage-calculator [type='range'].range-slider:focus {
  outline: 0;
}

.mortgage-calculator [type='range'].range-slider:focus::-moz-range-track {
  background: #0086e2;
}

.mortgage-calculator [type='range'].range-slider:focus::-webkit-slider-runnable-track {
  background: #0086e2;
}

.mortgage-calculator [type='range'].range-slider:focus::-ms-fill-lower {
  background: #0077c8;
}

.mortgage-calculator [type='range'].range-slider:focus::-ms-fill-upper {
  background: #0086e2;
}

.mortgage-calculator [type='range'].range-slider::-webkit-slider-runnable-track {
  cursor: pointer;
  height: 5px;
  transition: all .2s ease;
  width: 100%;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2), 0 0 1px rgba(13, 13, 13, 0.2);
  background: #0077c8;
}

.mortgage-calculator [type='range'].range-slider::-webkit-slider-thumb {
  box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2), 0 0 4px rgba(13, 13, 13, 0.2);
  background: white;
  border-radius: 50%;
  cursor: pointer;
  height: 30px;
  width: 30px;
  -webkit-appearance: none;
  margin-top: -14.5px;
}

.mortgage-calculator [type='range'].range-slider::-moz-range-track {
  cursor: pointer;
  height: 5px;
  transition: all .2s ease;
  width: 100%;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2), 0 0 1px rgba(13, 13, 13, 0.2);
  background: #0077c8;
}

.mortgage-calculator [type='range'].range-slider::-moz-range-thumb {
  box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2), 0 0 4px rgba(13, 13, 13, 0.2);
  background: white;
  border-radius: 50%;
  cursor: pointer;
  height: 30px;
  width: 30px;
}

.mortgage-calculator [type='range'].range-slider::-ms-track {
  cursor: pointer;
  height: 5px;
  transition: all .2s ease;
  width: 100%;
  background: transparent;
  border-color: transparent;
  border-width: 15px 0;
  color: transparent;
}

.mortgage-calculator [type='range'].range-slider::-ms-fill-lower {
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2), 0 0 1px rgba(13, 13, 13, 0.2);
  background: #0068af;
}

.mortgage-calculator [type='range'].range-slider::-ms-fill-upper {
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2), 0 0 1px rgba(13, 13, 13, 0.2);
  background: #0077c8;
}

.mortgage-calculator [type='range'].range-slider::-ms-thumb {
  box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2), 0 0 4px rgba(13, 13, 13, 0.2);
  background: white;
  border-radius: 50%;
  cursor: pointer;
  height: 30px;
  width: 30px;
  margin-top: 0;
}

.video-tabs {
  margin: 0;
  padding: 0;
  float: left;
  width: 100%;
  list-style: none;
  margin-left: 20px;
}

.video-tabs li {
  margin: 0;
  width: auto;
  float: left;
  cursor: pointer;
  padding: 10px 21px;
  text-align: center;
  font-weight: bold;
  color: #898989;
  border-bottom: 3px solid #D8D8D8;
  overflow: hidden;
  position: relative;
}

.video-tabs li.active {
  color: #071d49;
  display: block;
  border-bottom: 3px solid #071d49;
}

.tab_container {
  width: 100%;
  overflow: auto;
}

.tab_content {
  border-bottom: 1px solid #D8D8D8;
  border-top: 1px solid #D8D8D8;
  margin-top: 20px;
  display: flex;
  flex-wrap: wrap;
}

.tab_drawer_heading {
  display: none;
}

.video-block {
  width: 25%;
  padding: 25px;
}

.video-block p {
  padding: 20px 0;
}

.video-block .btn {
  min-width: 60%;
}

.video-block.home-video-block {
  padding: 0;
  color: #898989;
}

.video-block.home-video-block .home-video-block-img {
  position: relative;
}

.video-block.home-video-block .home-video-block-img i {
  top: 50%;
  left: 50%;
  color: white;
  font-size: 50px;
  position: absolute;
  transform: translate(-50%, -50%);
}

.video-block.home-video-block .home-video-block-content p {
  padding: 0;
}

.video-block.home-video-block .home-video-block-content p:last-child {
  margin-top: -15px;
}

.video-block.home-video-block .home-video-block-content p.title {
  width: 80%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.videos-container {
  overflow-x: scroll;
  overflow-y: hidden;
  white-space: nowrap;
  padding-bottom: 20px;
}

.videos-container .videos-block {
  width: 340px;
  margin-right: 15px;
  white-space: normal;
  display: inline-block;
  box-sizing: border-box;
}

.videos-container .videos-block .video-block-img {
  height: 220px;
}

.videos-container .videos-block .video-block-img img {
  height: 100%;
}

.videos-container .videos-block .video-block-content {
  font-size: 16px;
}

.videos-container .videos-block .video-block-content p {
  margin-bottom: 0;
}

@media only screen and (max-width: 1024px) {
  .video-block {
    width: 50%;
  }
}

@media only screen and (max-width: 768px) {
  .video-block h4 {
    font-size: 20px;
  }
  .video-block .btn {
    width: 85%;
  }
  .video-block:nth-of-type(3), .video-block:nth-of-type(4) {
    display: none;
  }
  .video-block.home-video-block .home-video-block-content {
    padding-left: 20px;
  }
}

@media only screen and (max-width: 640px) {
  .video-block {
    width: 100%;
  }
  .video-tabs li {
    font-size: 15px;
    padding: 10px 15px;
  }
}

.featured-project {
  margin: 2% 0;
  font-size: 14px;
  border-bottom: 1px solid #7f7f83;
}

.btn-view {
  width: 95px;
  height: 65px;
  color: #898989;
  background: none;
  text-align: center;
}

.btn-view i {
  display: block;
  font-size: 30px;
}

.btn-view span {
  font-size: 14px;
  display: block;
  margin-top: -10px;
}

.btn-view:hover {
  cursor: pointer;
}

.project-availability .project-developer {
  height: 180px;
  line-height: 180px;
  border: 1px solid #898989;
}

.project-availability .project-developer img {
  vertical-align: middle;
}

.project-availability .project-stock {
  color: #898989;
  padding-top: 20px;
  text-transform: uppercase;
}

.project-availability .project-stock p {
  border-bottom: 1px solid #7f7f83;
}

.project-availability .project-stock p span {
  font-weight: bold;
  display: inline-block;
  width: 70%;
}

.developers .developer-logo-container {
  display: flex;
}

.developers .developer-logo-container img {
  height: 50px;
  max-width: 100px;
}

.categories {
  margin: 50px 0;
}

.categories .category {
  position: relative;
}

.categories .category h4 {
  top: 50%;
  left: 50%;
  color: white;
  font-weight: 400;
  position: absolute;
  text-transform: uppercase;
  transform: translate(-50%, -50%);
}

.categories .category:hover {
  cursor: pointer;
}

@media only screen and (max-width: 768px) {
  .featured-project {
    border-bottom: 1px solid #7f7f83;
  }
  .featured-project .col-md-5 {
    padding: 20px 30px 0;
  }
  .categories .category h4 {
    font-size: 16px;
  }
  .project-availability .project-stock p {
    font-size: 11px;
  }
}

@media only screen and (max-width: 640px) {
  .categories .category h4 {
    font-size: 12px;
  }
}

.profile-photo {
  width: 150px;
  height: 150px;
  padding: 20px 5px;
  box-sizing: border-box;
  border: 1px dashed #CDCDCD;
  position: relative;
}

.profile-photo .overlay {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.6);
  transition: opacity .3s ease-in-out;
}

.profile-photo .overlay a {
  color: white;
  font-size: 12px;
  line-height: 150px;
  text-decoration: none;
}

span.bind-html {
  color: #898989 !important;
}

.eoi-modal a.disabled {
  cursor: not-allowed;
  text-decoration: none;
  opacity: 0.5;
}

.eoi .profile-photo {
  width: 150px;
  height: 150px;
  padding: 20px 5px;
  box-sizing: border-box;
  border: 1px dashed #CDCDCD;
  position: relative;
}

.eoi .profile-photo .overlay {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.6);
  transition: opacity .3s ease-in-out;
}

.eoi .profile-photo .overlay a {
  color: white;
  font-size: 12px;
  line-height: 150px;
  text-decoration: none;
}

.eoi h4 {
  padding: 10px;
  position: relative;
  border-top: 1px solid #DAD9D9;
  border-bottom: 1px solid #DAD9D9;
}

.eoi h4 span {
  top: 50%;
  right: 10px;
  font-size: 14px;
  position: absolute;
  transform: translateY(-50%);
}

.eoi h4 span a {
  color: #898989;
}

.eoi h4 span a img {
  width: 15%;
}

.eoi .inputs-container {
  max-width: 80%;
  margin: 0 auto;
}

.eoi label {
  display: block;
  font-size: 16px;
  margin-bottom: 10px;
}

.eoi label span {
  color: red;
}

.eoi input:focus {
  border-color: #898989;
}

.eoi .nice-select {
  width: 100%;
  border-radius: 0;
}

.eoi .nice-select .list {
  width: 100%;
  border-radius: 0;
  max-height: 100%;
}

.eoi .add-buyer {
  height: 40px;
  padding: 0 20px;
  line-height: 40px;
  border: 1px dashed #DAD9D9;
}

.eoi .add-buyer:hover {
  cursor: pointer;
}

.eoi .declaration-form {
  padding: 50px;
  border: 1px solid #DAD9D9;
}

.eoi .text-container {
  width: 60%;
  height: 300px;
  overflow-y: scroll;
}

.eoi .digital-signature {
  height: 110px;
  max-width: 270px;
  border: 1px solid #DAD9D9;
}

.eoi .main-checkbox-container {
  padding: 10px;
}

.eoi .inner-checkbox-container {
  width: 70%;
  padding-left: 30px;
}

.eoi .pdi-letter-container {
  max-width: 65%;
  border: 1px solid #DAD9D9;
}

.eoi .pdi-letter-container .pdi-text-container {
  padding: 30px;
  box-sizing: border-box;
}

.eoi .pdi-letter-container .pdi-text-container p.larger {
  font-size: 20px;
}

.eoi .pdi-letter-container .pdi-text-container p.larger a {
  color: #898989;
  text-decoration: none;
}

.eoi .pdi-letter-container .pdi-text-container p.larger a.completed i {
  color: green;
}

.eoi .pdi-letter-container .pdi-text-container p.larger a.completed:hover {
  cursor: not-allowed;
}

.eoi .pdi-letter-container .pdi-controls-container {
  border-top: 1px solid #DAD9D9;
}

.eoi .pdi-letter-container .pdi-controls-container ul {
  padding: 10px 30px;
  margin-bottom: 0;
  text-align: right;
}

.eoi .pdi-letter-container .pdi-controls-container ul li {
  margin-left: 30px;
}

.eoi .pdi-letter-container .pdi-controls-container ul li a {
  color: #898989;
  text-decoration: none;
}

.eoi .pdi-letter-container .pdi-controls-container ul li a.incompleted {
  opacity: 0.3;
}

.eoi .pdi-letter-container .pdi-controls-container ul li a.incompleted:hover {
  cursor: not-allowed;
}

.eoi .search-user-view, .eoi .buyer-profile-found, .eoi .alert-content-container {
  padding: 50px;
  margin-bottom: 50px;
  border: 1px solid #CDCDCD;
}

.eoi .btn-container {
  display: flex;
}

.eoi .btn-container button {
  width: 15%;
  height: 60px;
  background: none;
  color: #4A4A4A;
  border: 1px solid #CDCDCD;
}

.eoi .btn-container button:hover {
  cursor: pointer;
}

.eoi .btn-container button.selected {
  position: relative;
  background: #4A4A4A;
  color: white;
  border: 0;
}

.eoi .btn-container button.selected .fa {
  top: 50%;
  right: 15px;
  position: absolute;
  transform: translateY(-50%);
}

.eoi .btn-container button.unit {
  position: relative;
}

.eoi .btn-container button.unit .fa {
  top: 50%;
  right: 15px;
  position: absolute;
  transform: translateY(-50%);
}

.eoi .unit-selection {
  padding: 30px 0;
  position: relative;
  border-top: 1px solid #CDCDCD;
  border-bottom: 1px solid #CDCDCD;
}

.eoi .unit-selection .prev, .eoi .unit-selection .next {
  top: 50%;
  position: absolute;
  transform: translateY(-50%);
}

.eoi .unit-selection .prev:hover, .eoi .unit-selection .next:hover {
  cursor: pointer;
}

.eoi .unit-selection .prev {
  left: -30px;
}

.eoi .unit-selection .next {
  right: -30px;
}

.eoi .unit-selection .unit-container {
  display: flex;
}

.eoi .unit-selection .unit-container .unit {
  width: 33.33%;
  padding-top: 15px;
  text-align: center;
  box-sizing: border-box;
  border: 1px solid #CDCDCD;
  position: relative;
}

.eoi .unit-selection .unit-container .unit .fa-times {
  top: 20px;
  right: 20px;
  position: absolute;
}

.eoi .unit-selection .unit-container .unit.error {
  border: 1px solid red;
}

.eoi .unit-selection .unit-container .unit .select-container {
  padding: 30px;
  min-height: 200px;
}

.eoi .unit-selection .unit-container .unit .select-container .nice-select {
  margin-bottom: 10px;
}

.eoi .unit-selection .unit-container .unit .unit-block {
  border-top: 1px solid #CDCDCD;
  padding: 20px 0 0 20px;
}

.eoi .unit-selection .unit-container .unit .unit-image {
  border-top: 1px solid #CDCDCD;
  border-bottom: 1px solid #CDCDCD;
}

.eoi .unit-selection .unit-container .unit .unit-info {
  text-align: left;
  padding: 20px 0 0 20px;
  border-bottom: 1px solid #CDCDCD;
}

.eoi .unit-selection .unit-container .unit .unit-size {
  display: flex;
  border-bottom: 1px solid #CDCDCD;
}

.eoi .unit-selection .unit-container .unit .unit-size .size-block {
  width: 50%;
  padding: 20px;
  text-align: left;
  box-sizing: border-box;
}

.eoi .unit-selection .unit-container .unit .unit-size .size-block p {
  margin-bottom: 0;
}

.eoi .unit-selection .unit-container .unit .unit-facilities {
  display: flex;
}

.eoi .unit-selection .unit-container .unit .unit-facilities .facility {
  width: 33.33%;
  padding: 20px;
  text-align: left;
  box-sizing: border-box;
}

.eoi .unit-selection .unit-container .unit .unit-facilities .facility p {
  margin-bottom: 0;
}

.eoi .unit-selection .unit-container .unit.additional {
  border-left: 0;
  border-top: 1px dotted #CDCDCD;
  border-right: 1px dotted #CDCDCD;
  border-bottom: 1px dotted #CDCDCD;
}

.eoi .unit-selection .unit-container .unit.additional:hover {
  cursor: pointer;
}

.eoi .eoi-confirmation-container {
  padding: 100px;
  border: 1px solid #CDCDCD;
}

.eoi .eoi-confirmation-container.text-scroll {
  height: 450px;
  overflow-y: scroll;
}

.eoi .btn-primary.with-icon {
  min-width: 100%;
}

.eoi .btn.disabled {
  cursor: not-allowed;
}

.eoi #personPurchaseDetails input[type=text] {
  text-transform: uppercase;
}

.buyer-profile {
  padding: 40px;
  border-radius: 4px;
  border: 1px solid #CDCDCD;
}

.buyer-profile p i {
  font-size: 20px;
}

.buyer-profile p.updated {
  color: black;
  font-weight: bold;
}

.buyer-profile p.updated i {
  color: green;
}

.buyer-profile small {
  bottom: 0;
  position: absolute;
}

.buyer-profile small a {
  color: #8b8d8f;
}

.buyer-profile small a.disabled {
  cursor: not-allowed;
  opacity: 0.5;
  text-decoration: none;
}

.buyer-profile .buyer-profile-icon {
  width: 150px;
  height: 150px;
  border-radius: 4px;
  border: 1px solid #CDCDCD;
  text-align: center;
}

.buyer-profile .buyer-profile-icon i {
  line-height: 150px;
}

.buyer-profile .buyer-profile-icon i.icon-single, .buyer-profile .buyer-profile-icon i.icon-buyer {
  font-size: 50px;
}

.buyer-profile.add-profile {
  border-radius: 0;
  border: 1px dashed #CDCDCD;
}

.buyer-profile.add-profile .buyer-profile-icon {
  border: 0;
}

.buyer-profile.add-profile:hover {
  cursor: pointer;
}

.document-photos-container {
  display: flex;
}

.document-photos-container.disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.document-photos-container .review-img {
  margin-bottom: 90px;
}

.document-photos-container .document-container {
  margin-right: 20px;
}

.document-photos-container .document-container.final .document-photo {
  padding: 0;
  border: 0;
}

.document-photos-container .document-container.final .document-photo img {
  height: 100%;
}

.document-photos-container .document-container .document-photo {
  width: 250px;
  height: 125px;
  padding: 20px;
  padding-top: 20px;
  border-radius: 4px;
  text-align: center;
  border: 1px dashed #CDCDCD;
  margin-right: 20px;
  position: relative;
}

.document-photos-container .document-container .document-photo i {
  font-size: 40px;
}

.document-photos-container .document-container .document-photo .overlay {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0 10px;
  position: absolute;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.3);
}

.document-photos-container .document-container .document-photo .overlay a {
  background: white;
  color: black;
  font-size: 12px;
  padding: 2px 4px;
  text-decoration: none;
}

.document-photos-container .document-container .document-photo .overlay a i {
  font-size: 12px;
}

.document-photos-container .document-container p {
  font-size: 14px;
  padding-top: 5px;
}

.document-photos-container .document-container p span {
  color: red;
}

.document-photos-container .document-container .review i {
  font-size: 22px;
}

.document-photos-container .document-container .review a {
  text-decoration: none;
  margin-right: 10px;
}

@media only screen and (max-width: 768px) {
  .eoi .justify-content-center .btn {
    margin-bottom: 10px;
  }
  .eoi .pdi-letter-container {
    max-width: 100%;
  }
  .eoi .pdi-letter-container .pdi-controls-container {
    position: relative;
  }
  .eoi .pdi-letter-container .pdi-controls-container ul {
    padding: 20px 10px;
    display: flex;
  }
  .eoi .pdi-letter-container .pdi-controls-container ul li {
    flex: 1 calc(100% / 3);
    text-align: center;
    margin-left: 0;
  }
  .eoi .eoi-confirmation-container {
    padding: 30px;
  }
}

@media only screen and (max-width: 640px) {
  .eoi .btn-container button {
    width: 50%;
  }
  .eoi .unit-selection .unit-container .unit {
    width: 50%;
  }
  .eoi .unit-selection .unit-container .unit .unit-facilities {
    flex-direction: column;
  }
  .eoi .unit-selection .unit-container .unit .unit-facilities .facility {
    width: 100%;
  }
  .document-photos-container .document-container .document-photo {
    height: auto;
  }
}

.col-print-1 {
  width: 8%;
  float: left;
}

.col-print-2 {
  width: 17%;
  float: left;
}

.col-print-3 {
  width: 25%;
  float: left;
}

.col-print-4 {
  width: 33%;
  float: left;
}

.col-print-5 {
  width: 42%;
  float: left;
}

.col-print-6 {
  width: 50%;
  float: left;
}

.col-print-7 {
  width: 58%;
  float: left;
}

.col-print-8 {
  width: 67%;
  float: left;
}

.col-print-9 {
  width: 75%;
  float: left;
}

.col-print-10 {
  width: 83%;
  float: left;
}

.col-print-11 {
  width: 92%;
  float: left;
}

.col-print-12 {
  width: 100%;
  float: left;
}

@media print {
  .hidden-print {
    visibility: hidden;
  }
}

#document_signing_container {
  -webkit-overflow-scrolling: touch !important;
  overflow-y: scroll !important;
  height: 100%;
  position: absolute;
}

/** Entity Card **/
.entity-card {
  padding: 1rem;
  border-radius: 0.5rem;
  border: 1px solid #CDCDCD;
}

.entity-card:not(:last-child) {
  margin-bottom: 1.5rem;
}

.entity-card.signatory-card {
  margin-left: 1rem;
}

.entity-card .entity-card-body {
  gap: 1rem;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
}

.entity-card .entity-card-body .entity-info {
  row-gap: 0.5rem;
  gap: 1rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.entity-card .entity-card-body .entity-info .entity-info-name {
  display: flex;
  flex-direction: column;
}

.entity-card .entity-card-body .btn-control {
  padding: 0.25rem 0;
  color: #8B8D8F;
  font-size: 14px;
  font-weight: bold;
  background: none;
}

.entity-card .entity-card-body .btn-control:hover {
  background: #FFFFFF;
  filter: brightness(0.8);
}

.entity-card p i {
  font-size: 20px;
}

.entity-card p.updated {
  color: black;
  font-weight: bold;
}

.entity-card p.updated i {
  color: green;
}

.entity-card .entity-icon {
  display: inline-block;
  border-radius: 0.5rem;
  border: 1px solid #CDCDCD;
  text-align: center;
  background: #F0F0F0;
  padding: 2rem;
}

.entity-card .entity-icon i {
  line-height: 2rem;
}

.entity-card .entity-icon i.icon-single, .entity-card .entity-icon i.icon-buyer, .entity-card .entity-icon i.icon-heatmap, .entity-card .entity-icon i.fa-child, .entity-card .entity-icon i.fa-users {
  font-size: 2rem;
  min-width: 2rem;
}

.entity-card.add-entity {
  border: 1px dashed #CDCDCD;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  background: #F0F0F0;
}

.entity-card.add-entity:not(.disabled):hover {
  cursor: pointer;
  background: #DDD;
}

.entity-card.add-entity.disabled {
  background: #F9F9F9;
  cursor: not-allowed;
}

.entity-card.add-entity .entity-icon {
  border: none;
}

.entity-card.add-entity .entity-info-name {
  font-weight: 600;
}

@media (min-width: 768px) {
  .entity-card {
    /*padding: 1.5rem;*/
  }
  .entity-card .entity-card-body {
    flex-direction: row;
    align-items: center;
  }
  .entity-card .entity-icon {
    padding: 2rem;
  }
  .entity-card .entity-icon i {
    line-height: 3rem;
  }
  .entity-card .entity-icon i.icon-single, .entity-card .entity-icon i.icon-buyer, .entity-card .entity-icon i.icon-heatmap, .entity-card .entity-icon i.fa-child, .entity-card .entity-icon i.fa-users {
    font-size: 3rem;
    min-width: 3rem;
  }
}

@media (min-width: 1200px) {
  .entity-card {
    /*padding: 2rem;*/
    padding: 1rem;
  }
  .entity-card:not(:last-child) {
    margin-bottom: 2rem;
  }
  .entity-card.add-entity {
    margin-top: 2rem;
    margin-bottom: 3rem !important;
  }
}

.edit-alias-controls-container {
  display: flex;
  justify-content: space-between;
}

.edit-alias-controls-container .edit-alias-controls__tabs {
  display: flex;
}

.edit-alias-controls-container .edit-alias-controls__tabs .edit-alias__tab {
  width: 215px;
  height: 60px;
  display: flex;
  padding: 0 10px;
  cursor: pointer;
  align-items: center;
  border-bottom: none;
  justify-content: space-between;
  background-color: #e5e8ef;
  border: 1px solid #91a1bf;
}

.edit-alias-controls-container .edit-alias-controls__tabs .edit-alias__tab--active {
  background-color: white;
  border-bottom: 0;
}

.edit-alias-controls-container .edit-alias-controls__tabs .edit-alias__tab--active .edit-alias__tab__title {
  color: #071d49;
  font-size: 16px;
  font-weight: bold;
}

.edit-alias-controls-container .edit-alias-controls__tabs .edit-alias__tab__title {
  font-weight: 300;
  color: #91a1bf;
}

.edit-alias-controls-container .edit-alias-controls__tabs .edit-alias__tab__icon {
  color: #071d49;
  font-size: 20px;
}

.edit-alias-controls-container .edit-alias-controls__buttons {
  display: flex;
  justify-content: space-between;
}

.edit-alias-controls-container .edit-alias-controls__buttons__btn {
  width: 50px;
  height: 50px;
  color: white;
  border-radius: 50%;
  text-align: center;
  margin-left: 10px;
  background-color: #2a6ebb;
  box-shadow: 0px 3px 6px #000029;
}

.edit-alias-controls-container .edit-alias-controls__buttons__btn--active {
  background-color: #71BBF2;
}

.edit-alias-controls-container .edit-alias-controls__buttons__btn i {
  display: flex !important;
  align-items: center;
  justify-content: center;
}

.edit-alias-fields-container {
  margin-top: -1px;
  position: relative;
  background-color: white;
  padding: 60px 30px 30px 30px;
  border: 1px solid #91a1bf;
}

.edit-alias-fields-container .edit-alias-fields-controls {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.edit-alias-fields-container .edit-alias-fields-controls__title {
  color: #071d49;
  font-size: 20px;
  font-weight: bold;
}

.controls-file-formats__title, .controls-file-formats__label-container {
  color: #071d49;
  font-size: 16px;
  font-weight: bold;
}

.controls-file-formats__label-container {
  display: inline-block;
  position: relative;
  padding-left: 35px;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  /* Hide the browser's default checkbox */
  /* Create a custom checkbox */
  /* When the checkbox is checked, add a blue background */
  /* Create the checkmark/indicator (hidden when not checked) */
  /* Show the checkmark when checked */
  /* Style the checkmark/indicator */
}

.controls-file-formats__label-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.controls-file-formats__label-container .checkmark {
  top: 3px;
  left: 12px;
  width: 16px;
  height: 16px;
  border-radius: 4px;
  position: absolute;
}

.controls-file-formats__label-container input:checked ~ .checkmark {
  background-color: transparent;
}

.controls-file-formats__label-container .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.controls-file-formats__label-container input:checked ~ .checkmark:after {
  display: block;
}

.controls-file-formats__label-container .checkmark:after {
  top: 1px;
  left: 4px;
  width: 7px;
  height: 11px;
  border: solid #2a6ebb;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
}

.edit-alias-fields-blocks-container {
  margin-top: 60px;
  border: 1px solid #91a1bf;
}

.edit-alias-fields-blocks-container__select-all {
  padding: 10px;
  border-bottom: 1px solid #91a1bf;
}

.edit-alias-fields-block {
  padding: 20px;
  height: 180px;
}

.edit-alias-fields-block:not(:last-child) {
  border-bottom: 1px solid #91a1bf;
}

.edit-alias-fields-block .edit-alias-input-fields {
  display: flex;
  margin: 20px 0;
  margin-left: 40px;
  align-items: center;
}

.edit-alias-fields-block .edit-alias-input-fields__indicator {
  width: 24px;
  height: 30px;
  margin-bottom: 20px;
  border-left: 1px solid #91a1bf;
  border-bottom: 1px solid #91a1bf;
}

.edit-alias-fields-block .edit-alias-input-fields__input {
  padding-left: 10px;
  width: calc(100% - 180px);
  border: 10px solid #e5e8ef;
  border-right: 20px solid #e5e8ef;
}

.edit-alias-fields-block .edit-alias-input-fields__btn-container {
  margin-left: 20px;
  display: flex;
  width: 120px;
}

.edit-alias-fields-block .edit-alias-input-fields__btn-container .edit-alias-input-fields__btn {
  width: 40px;
  height: 40px;
  display: flex;
  border-radius: 50%;
  margin-left: 15px;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 3px 6px #000029;
}

.edit-alias-fields-block .edit-alias-input-fields__btn-container .edit-alias-input-fields__btn .icon {
  display: flex;
  align-items: center;
}

.edit-alias-fields-block .edit-alias-input-fields__btn-container .edit-alias-input-fields__btn--cancel {
  color: #071d49;
  background-color: #e5f3fc;
}

.edit-alias-fields-block .edit-alias-input-fields__btn-container .edit-alias-input-fields__btn--continue {
  color: white;
  background-color: #71BBF2;
}

.edit-alias-fields-block .edit-alias-input-fields__btn-container .primary {
  width: 100%;
  height: 40px;
  font-size: 14px;
  box-shadow: 2px 3px 2px black;
}

.edit-alias-fields-block .controls-file-formats {
  margin-left: 40px;
}

.delete-selected-reports {
  left: 0;
  right: 0;
  height: 80px;
  display: flex;
  position: absolute;
  align-items: center;
  background-color: #e5f3fc;
}

.delete-selected-reports button {
  width: 150px;
  height: 40px;
  font-size: 14px;
  margin-left: 30px;
  font-weight: bold;
  border-radius: 4px;
  color: #2a6ebb;
  border: 2px solid #2a6ebb;
  box-shadow: 2px 3px 2px black;
}

.save-cancel-btn-container {
  padding: 20px;
  display: flex;
  justify-content: flex-end;
}

.save-cancel-btn-container .control {
  width: 100px;
  height: 40px;
  color: white;
  font-size: 14px;
  font-weight: bold;
  border-radius: 4px;
  margin-left: 20px;
  box-shadow: 0px 3px 6px black;
}

.save-cancel-btn-container .control--save {
  background-color: #2a6ebb;
}

.save-cancel-btn-container .control--cancel {
  background-color: #e70f47;
}

.userprofile .progressbar {
  width: 50%;
  height: 15px;
  background-color: #fff;
  padding: 0px;
  margin: .6em 0;
  border: 1px #000 double;
  clear: both;
  border-radius: 20px;
}

.userprofile .progressbar #progress {
  border-radius: 20px;
  background: #6f6f6f;
  /*-- Color of the bar --*/
  height: 13px;
  width: 0%;
  max-width: 100%;
  float: left;
  animation: progress 2s 1 forwards;
}

.userprofile .progressbar #progress .pbaranim {
  height: 15px;
  width: 100%;
  overflow: hidden;
  -moz-opacity: 0.25;
  -khtml-opacity: 0.25;
  opacity: 0.25;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=25);
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=25);
  filter: alpha(opacity=25);
}

.userprofile .access {
  color: #fff;
  background-color: #000;
  border-color: #000;
}

.userprofile .pd-2 {
  padding: 2rem !important;
}

.userprofile mt-1 {
  margin-top: 1rem !important;
}

.userprofile .verify {
  display: inline-block;
  margin-top: 30px;
}

.userprofile .verify a {
  color: #fff !important;
  padding-left: 40px;
  padding-right: 40px;
}

.userprofile .btn-verify {
  color: #fff !important;
  padding-left: 40px;
  padding-right: 40px;
}

.nice-select {
  -webkit-tap-highlight-color: transparent;
  background-color: #fff;
  border-radius: 5px;
  border: solid 1px #e8e8e8;
  box-sizing: border-box;
  clear: both;
  cursor: pointer;
  display: block;
  float: left;
  font-family: inherit;
  font-size: 14px;
  font-weight: normal;
  height: 42px;
  line-height: 40px;
  outline: none;
  padding-left: 18px;
  padding-right: 30px;
  position: relative;
  text-align: left !important;
  transition: all 0.2s ease-in-out;
  -webkit-user-select: none;
  user-select: none;
  white-space: nowrap;
  width: auto;
}

.nice-select:hover {
  border-color: #dbdbdb;
}

.nice-select:active, .nice-select.open, .nice-select:focus {
  border-color: #999;
}

.nice-select:after {
  border-bottom: 2px solid #999;
  border-right: 2px solid #999;
  content: '';
  display: block;
  height: 5px;
  margin-top: -4px;
  pointer-events: none;
  position: absolute;
  right: 12px;
  top: 50%;
  transform-origin: 66% 66%;
  transform: rotate(45deg);
  transition: all 0.15s ease-in-out;
  width: 5px;
}

.nice-select.open:after {
  transform: rotate(-135deg);
}

.nice-select.open .list {
  opacity: 1;
  pointer-events: auto;
  transform: scale(1) translateY(0);
}

.nice-select.disabled {
  border-color: #ededed;
  color: #999;
  background-color: #eceeef;
  cursor: not-allowed;
  pointer-events: none;
}

.nice-select.disabled:after {
  border-color: #cccccc;
}

.nice-select.wide {
  width: 100%;
}

.nice-select.wide .list {
  left: 0 !important;
  right: 0 !important;
}

.nice-select.right {
  float: right;
}

.nice-select.right .list {
  left: auto;
  right: 0;
}

.nice-select.small {
  font-size: 12px;
  height: 36px;
  line-height: 34px;
}

.nice-select.small:after {
  height: 4px;
  width: 4px;
}

.nice-select.small .option {
  line-height: 34px;
  min-height: 34px;
}

.nice-select .list {
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
  box-sizing: border-box;
  margin-top: 4px;
  opacity: 0;
  overflow: hidden;
  padding: 0;
  pointer-events: none;
  position: absolute;
  top: 100%;
  left: 0;
  transform-origin: 50% 0;
  transform: scale(0.75) translateY(-21px);
  transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
  z-index: 9;
}

.nice-select .list:hover .option:not(:hover) {
  background-color: transparent !important;
}

.nice-select .option {
  cursor: pointer;
  font-weight: 400;
  line-height: 40px;
  list-style: none;
  min-height: 40px;
  outline: none;
  padding-left: 18px;
  padding-right: 29px;
  text-align: left;
  transition: all 0.2s;
}

.nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
  background-color: #f6f6f6;
}

.nice-select .option.selected {
  font-weight: bold;
}

.nice-select .option.disabled {
  background-color: transparent;
  color: #999;
  cursor: default;
}

.no-csspointerevents .nice-select .list {
  display: none;
}

.no-csspointerevents .nice-select.open .list {
  display: block;
}

.nice-select.open .list {
  max-height: 200px;
  overflow-y: scroll;
}

.nice-select .list::-webkit-scrollbar {
  width: 0;
}

.nice-select .list {
  margin-top: 5px;
  top: 100%;
  border-top: 0;
  border-radius: 0 0 5px 5px;
  max-height: 210px;
  overflow-y: scroll;
  padding: 52px 0 0;
}

.nice-select .disabled-search {
  padding: 0 !important;
}

.nice-select.has-multiple {
  white-space: inherit;
  height: auto;
  padding: 7px 12px;
  min-height: 36px;
  line-height: 22px;
}

.nice-select.has-multiple span.current {
  border: 1px solid #CCC;
  background: #EEE;
  padding: 0 10px;
  border-radius: 3px;
  display: inline-block;
  line-height: 24px;
  font-size: 14px;
  margin-bottom: 3px;
  margin-right: 3px;
}

.nice-select.has-multiple .multiple-options {
  display: block;
  line-height: 24px;
  padding: 0;
}

.nice-select .nice-select-search-box {
  box-sizing: border-box;
  position: absolute;
  width: 100%;
  margin-top: 5px;
  top: 100%;
  left: 0;
  z-index: 8;
  padding: 5px;
  background: #FFF;
  opacity: 0;
  pointer-events: none;
  border-radius: 5px 5px 0 0;
  box-shadow: 0 0 0 1px rgba(68, 88, 112, 0.11);
  transform-origin: 50% 0;
  transform: scale(0.75) translateY(-21px);
  transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
}

.nice-select .nice-select-search {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 3px;
  box-shadow: none;
  color: #333;
  display: inline-block;
  vertical-align: middle;
  padding: 7px 12px;
  margin: 0 10px 0 0;
  width: 100% !important;
  min-height: 36px;
  line-height: 22px;
  height: auto;
  outline: 0 !important;
}

.nice-select.open .nice-select-search-box {
  opacity: 1;
  z-index: 10;
  pointer-events: auto;
  transform: scale(1) translateY(0);
}

.nice-select span.current {
  position: absolute;
  top: 0px;
}

.floor-plan p, .unit-specification p {
  margin-bottom: 5px;
}

.calculators {
  margin-top: 100px;
  border-top: 1px solid #CDCDCD;
  padding: 100px;
}

.calculators .calculator-tabs {
  margin: 0;
  padding: 0;
  float: left;
  list-style: none;
  height: 32px;
  width: 100%;
}

.calculators .calculator-tabs li {
  float: left;
  margin: 0;
  display: flex;
  cursor: pointer;
  padding: 20px 10px;
  align-items: center;
  background-color: white;
  border: 1px solid #7f7f83;
  color: #898989;
  overflow: hidden;
  position: relative;
  line-height: 20px;
}

.calculators .calculator-tabs li.disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.calculators .calculator-tabs li .icon-container {
  padding-right: 10px;
}

.calculators .calculator-tabs li .icon-container .icon {
  font-size: 40px;
}

.calculators .calculator-tabs li.active {
  box-shadow: 0px 15px 10px -15px #8b8d8f;
  background-color: #3f4142;
  color: white;
}

.calculators .calculators_tab_container {
  float: left;
  width: 100%;
  clear: both;
  overflow: auto;
  border-top: none;
  margin-top: 100px;
  background: white;
}

.calculators .calculators_tab_container .tab_content {
  border-top: 0;
  border-bottom: 0;
}

.calculators .calculators_tab_container .tab_content .mortgage-calc input[type="text"] {
  border-top: 0;
  border-left: 0;
  border-right: 0;
  max-width: 50%;
}

.calculators .calculators_tab_container .tab_content .mortgage-calc input[type="text"]::placeholder {
  opacity: 0.2;
}

.calculators .calculators_tab_container .tab_content .mortgage-calc input[type="text"]:focus {
  border-bottom-color: black;
}

.calculators .calculators_tab_container .tab_content .range-slider {
  -webkit-appearance: none;
  width: 70%;
  height: 16px;
  background: white;
  border-radius: 10px;
  border: 1px solid #8b8d8f;
  outline: 0;
}

.calculators .calculators_tab_container .tab_content .range-slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 25px;
  height: 25px;
  background: white;
  cursor: pointer;
  border: 5px solid #8b8d8f;
  border-radius: 50%;
}

.calculators .calculators_tab_container .tab_content .range-slider::-moz-range-thumb {
  border: 5px solid #8b8d8f;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: white;
  cursor: pointer;
}

.calculators .calculators_tab_container .tab_content .range-slider::-moz-range-track {
  width: 0%;
  height: 16px;
  background: white;
  border-radius: 10px;
  outline: 0;
}

.calculators .tab_content {
  padding: 20px;
  display: none;
}

.repayment-results {
  display: flex;
  border-top: 1px solid #7f7f83;
  border-bottom: 1px solid #7f7f83;
}

.repayment-results .block {
  flex: 1 33%;
  padding: 10px;
  border-right: 1px solid #7f7f83;
}

.repayment-results .block:last-child {
  border-right: 0;
}

.repayment-results .block small {
  font-size: 12px;
}

@media only screen and (max-width: 768px) {
  .calculators {
    padding: 25px;
  }
  .calculators .calculators_tab_container .tab_content .range-slider {
    width: 100%;
  }
  .calculators .tab_content {
    padding: 0;
  }
}

.label-container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.label-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom checkbox */
.checkmark {
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  position: absolute;
  background-color: white;
  border: 1px solid #7f7f83;
}

/* When the checkbox is checked, add a blue background */
.label-container input:checked ~ .checkmark {
  background-color: #7f7f83;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.label-container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.label-container .checkmark:after {
  left: 7px;
  top: 4px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
}

.radio-container {
  display: block;
  position: relative;
  padding-left: 35px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.radio-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.radio-container > .checkmark {
  top: 8px;
  left: 0;
  width: 16px;
  height: 16px;
  margin-top: 2px;
  border-radius: 50%;
  position: absolute;
  border: 1px solid #7f7f83;
}

/* When the radio button is checked, add a blue background */
.radio-container input:checked ~ .checkmark {
  background-color: white;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.radio-container > .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.radio-container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.radio-container .checkmark:after {
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #8b8d8f;
  transform: translate(-50%, -50%);
}

.advanced-search-label {
  display: block;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
}

/* Hide the browser's default checkbox */
.advanced-search-label input {
  opacity: 0;
  cursor: pointer;
  position: absolute;
}

/* Create a custom checkbox */
.advanced-search-label .checkmark {
  top: 6px;
  left: 7px;
  width: 16px;
  height: 16px;
  position: absolute;
  border-radius: 3px;
  border: 1px solid #898989;
}

/* When the checkbox is checked, add a blue background */
.advanced-search-label input:checked ~ .checkmark {
  background-color: white;
  border: 2px solid black;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  display: none;
  position: absolute;
}

/* Show the checkmark when checked */
.advanced-search-label input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.advanced-search-label .checkmark:after {
  top: 0px;
  left: 4px;
  width: 6px;
  height: 12px;
  border: solid black;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
}

input[type=text]::placeholder {
  opacity: 0.2;
}

.contact .contact-us label {
  font-size: 14px;
  display: block;
  margin: 15px 0 5px 0;
}

.contact .contact-us .nice-select {
  border-radius: 0;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  padding-left: 0;
}

.contact .contact-us .nice-select .list {
  border-radius: 0;
}

.contact .contact-us .nice-select .list li {
  border-bottom: 1px solid #7f7f83;
}

.contact .contact-us input {
  border-top: 0;
  border-left: 0;
  border-right: 0;
  padding-left: 0;
  transition: border .3s ease-in;
}

.contact .contact-us input:focus {
  border-bottom: 1px solid #898989;
}

.contact .contact-us textarea:focus {
  border: 1px solid #898989;
}

.contact .contact-us button[type="submit"] {
  width: 200px;
}

.careers-container {
  display: flex;
  flex-wrap: wrap;
}

.careers-container .career-block {
  flex: 1 33%;
  text-align: center;
  margin-bottom: 2rem;
  color: #898989;
  text-decoration: none;
}

.careers-container .career-block .career-icon {
  width: 180px;
  height: 180px;
  font-size: 90px;
  line-height: 180px;
  margin: 0 auto 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  border: 3px solid #898989;
  transition: transform .3s ease-in-out;
}

.careers-container .career-block:hover .career-icon {
  transform: scale(1.1);
}

.careers ul {
  padding-top: 10px;
  padding-left: 20px;
}

.careers ul li {
  line-height: 2;
}

.careers .btn {
  width: 150px;
}

.career {
  width: 300px;
  height: 300px;
  margin: 0 auto;
  display: flex;
  border-radius: 50%;
  justify-content: center;
  border: 3px solid #898989;
}

.career .icon {
  font-size: 200px;
}

@media only screen and (max-width: 768px) {
  .careers-container .career-block {
    flex: 1 50%;
  }
  .careers-container .career-block .career-icon {
    width: 120px;
    height: 120px;
    font-size: 60px;
  }
  .careers-container .career-block .career-title {
    font-size: 14px;
  }
}

.compare .container.with-border {
  border: 1px solid #CDCDCD;
}

.compare .container p {
  margin-bottom: 0;
}

.compare .btn {
  width: 150px;
  margin-top: 20px;
}

.compare p.heading {
  padding: 10px;
  border-top: 1px solid #CDCDCD;
  border-bottom: 1px solid #CDCDCD;
}

.compare p strong {
  font-size: 18px;
}

.compare a.view-more {
  color: #898989;
}

.compare .compare-project {
  padding: 20px;
  font-size: 14px;
  border-right: 1px solid #CDCDCD;
  border-bottom: 1px solid #CDCDCD;
}

.compare .compare-project.text-center p {
  margin-bottom: 0;
}

.compare .compare-project .nice-select {
  position: relative;
  padding-left: 40px;
  margin-bottom: 20px;
  border-radius: 0;
  width: 100%;
}

.compare .compare-project .nice-select.field-remove:before {
  font-family: "showsuite";
  position: absolute;
  font-size: 20px;
  content: "\e009";
  left: 10px;
}

.compare .compare-project .nice-select:after {
  border: 0;
  content: "\f107";
  margin-top: -18px;
  transform: rotate(0);
  font-family: "FontAwesome";
}

.compare .compare-project .nice-select .list {
  width: 100%;
  border-radius: 0;
}

.compare .compare-project .ghost-container {
  width: 100%;
  font-size: 14px;
  padding: 9px 30px;
  position: relative;
  border: 1px dashed #CDCDCD;
}

.compare .compare-project .ghost-container:hover {
  cursor: pointer;
}

.compare .compare-project .ghost-container:before {
  font-family: "FontAwesome";
  position: absolute;
  content: "\f067";
  left: 10px;
}

.compare .compare-project .unit p {
  width: 60%;
  margin-bottom: 0;
  border-bottom: 1px solid #CDCDCD;
}

.compare .compare-project .unit p span {
  float: right;
}

.compare .compare-project .facilities p {
  margin-bottom: 10px;
}

.compare .compare-project .facilities .hidden {
  display: none;
}

.compare .compare-project .facilities .hidden.open {
  display: block;
}

.step-block {
  margin-bottom: 80px;
}

.step-block:hover {
  cursor: default;
}

.step-block .steps {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 16px;
}

.step-block .steps:after {
  content: "";
  display: block;
  clear: both;
}

.step-block .steps li {
  align-items: bottom;
  line-height: 16px;
  line-height: 1.7;
  padding-top: 15px;
  position: relative;
  float: left;
  width: 20%;
}

.step-block .steps li:first-child:after {
  display: none;
}

.step-block .steps li:after {
  position: absolute;
  left: -50%;
  height: 7px;
  width: 100%;
  background: white;
  border-top: 1px solid #CDCDCD;
  border-bottom: 1px solid #CDCDCD;
  top: 25px;
  display: block;
  content: "";
}

.step-block .steps li.step-active:after {
  background: #4A4A4A;
}

.step-block .steps li.step-active .step-link .step-count {
  background: #4A4A4A;
  color: #fff;
}

.step-block .steps li.step-active .step-link .step-name {
  color: #000;
}

.step-block .steps li.step-over:after {
  background: #4A4A4A;
  border: 0;
}

.step-block .steps li.step-over .step-link .step-count {
  border: 0;
  color: white;
  background: #4A4A4A;
}

.step-block .steps li.step-over {
  border-color: #4A4A4A;
}

.step-block .steps li .step-link {
  position: relative;
  display: block;
  z-index: 7;
}

.step-block .steps li .step-link .step-count {
  display: block;
  position: absolute;
  top: -5px;
  left: 50%;
  margin-left: -15px;
  background: white;
  border-radius: 50%;
  width: 35px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  color: #4A4A4A;
  border: 1px solid #CDCDCD;
}

.step-block .steps li .step-link .step-name {
  display: block;
  position: absolute;
  color: grey;
  text-align: center;
  top: 35px;
  left: 50%;
  width: 120px;
  margin-left: -60px;
  font-size: 14px;
}

.step-block.step-blocks-launch .steps li {
  width: calc(100% / 6);
}

.step-block.step-blocks-launch-selection .steps li {
  width: calc(100% / 7);
}

.dms-nav {
  top: 0;
  left: 0;
  bottom: 0;
  width: 80px;
  height: 100vh;
  position: fixed;
  text-align: center;
  background-color: #071d49;
}

.dms-nav .logo-container {
  padding: 10px 0;
}

.dms-nav ul {
  max-height: calc(100vh - 80px);
  overflow-y: scroll;
}

.dms-nav ul li {
  width: 100%;
  box-sizing: border-box;
}

.dms-nav ul li:hover, .dms-nav ul li.active {
  background-color: #103a71;
}

.dms-nav ul li a {
  color: white;
  padding: 15px 0;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
  display: inline-block;
}

.dms-nav ul li .icon {
  color: white;
  display: block;
  margin-bottom: -5px;
}

a.project-page {
  font-size: 14px;
  font-weight: bold;
  display: inline-block;
  vertical-align: middle;
  text-transform: uppercase;
}

a.project-page i {
  font-size: 20px;
  font-weight: bold;
  margin-right: 20px;
}

a.project-page.project-page--right-icon i {
  margin-right: 0;
  margin-left: 20px;
}

.dms-projects-nav {
  border-bottom: 1px solid #bcc6d9;
}

.dms-projects-nav .list-unstyled {
  display: flex;
  padding-bottom: 0;
  margin-bottom: 0;
}

.dms-projects-nav .list-unstyled li {
  font-size: 20px;
  font-weight: bold;
  padding-right: 30px;
  padding-bottom: 10px;
}

.dms-projects-nav .list-unstyled li a {
  color: #071d49;
  text-decoration: none;
}

.dms-projects-nav .list-unstyled li.selected {
  border-bottom: 2px solid #2a6ebb;
}

.dms-projects-nav .list-unstyled li.selected a {
  color: #2a6ebb;
}

.unit-information ul {
  display: flex;
  margin-bottom: 0;
}

.unit-information ul li {
  margin: 0 10px;
}

.unit-information ul li a {
  font-size: 20px;
  font-weight: bold;
  font-family: Roboto;
  color: #91a1bf;
  padding-bottom: 10px;
}

.unit-information ul li a.selected {
  color: #2a6ebb;
  border-bottom: 2px solid #2a6ebb;
}

.payment-nav a {
  font-size: 20px;
  padding: 20px 20px 23px 20px;
  font-weight: bold;
  color: #91a1bf !important;
}

.payment-nav a.active {
  color: #2a6ebb !important;
  border-bottom: 1px solid #2a6ebb;
}

.lms-notifications-nav {
  display: flex;
  padding: 15px 0;
  list-style: none;
}

.lms-notifications-nav li {
  margin-left: 20px;
}

.lms-notifications-nav li a {
  font-size: 16px;
  font-weight: bold;
  padding-bottom: 10px;
  color: #91a1bf;
  text-decoration: none;
}

.lms-notifications-nav li a.selected {
  color: #2a6ebb;
  border-bottom: 2px solid #2a6ebb;
}

.card .card-header {
  position: relative;
  background-color: white;
}

.card .card-header .applications {
  top: 5px;
  right: 20px;
  width: 40px;
  height: 40px;
  padding: 10px;
  color: white;
  font-size: 14px;
  position: absolute;
  border-radius: 50%;
  background-color: dodgerblue;
}

.card .card-block.border-top {
  border-top: 1px solid #CDCDCD;
}

.card .card-block a {
  color: #2a6ebb;
  text-decoration: none;
}

.card .card-block a i {
  font-size: 20px;
}

.card .card-block a.disabled {
  cursor: not-allowed;
}

.card .card-block .mr-1 a {
  margin-right: 10px;
}

.card .ml-3 {
  margin-left: 30px;
}

.card.sales:hover {
  cursor: pointer;
}

.card.sales .card-block {
  text-align: center;
}

.card.sales .card-block .icon {
  font-size: 120px;
}

.card.sales.selected {
  border: 2px solid #8b8d8f;
}

.card.sales.selected .card-header {
  border-bottom: 2px solid #8b8d8f;
}

.agent-container {
  display: flex;
  margin-bottom: 50px;
}

.agent-container.selected .agent-photo img {
  border: 1px solid #0078c1;
}

.agent-container .agent-photo, .agent-container .agent-info {
  flex: 1 40%;
  padding-right: 10%;
}

.agent-container .agent-info {
  padding-left: 10px;
}

.agent-container .agent-info .btn {
  border-radius: 4px;
}

.card-hover {
  border: 1px solid #0078c1;
  background-color: #e5f1f9;
}

button {
  border: 0;
  cursor: pointer;
}

button.keyword {
  font-size: 16px;
  padding: 5px 12px;
  color: #8b8d8f;
  margin-bottom: 5px;
  border-radius: 20px;
  background: transparent;
  margin-bottom: 5px;
  border: 1px solid grey;
}

button.keyword.active {
  color: white;
  background-color: #3291cb;
  border: 1px solid #3291cb;
}

button.keyword:hover {
  cursor: pointer;
}

button.s-error {
  color: white;
  padding: 5px 15px;
  border-radius: 3px;
  background-color: #d34836;
}

button.secondary {
  color: black;
  border-radius: 3px;
  background-color: #DAD9D9;
}

button.primary {
  color: white;
  padding: 5px 15px;
  border-radius: 3px;
  background-color: #2a6ebb;
}

button.primary a {
  color: white;
}

button.primary.with-border {
  border-bottom: 2px solid #071d49;
}

button.primary.rounded {
  padding: 5px 15px;
  border-radius: 20px;
}

button.primary.no-radius {
  border-radius: 0;
}

button.primary.no-radius.inverted {
  color: #3291cb;
  background-color: white;
  border: 1px solid #3291cb;
}

button.primary.icon-only {
  width: 30px;
  height: 30px;
  font-size: 15px;
  text-align: center;
  padding: 7px !important;
}

button.padded {
  padding: 10px 0;
}

button.storey {
  color: white;
}

button.storey.bed-1 {
  background: #a97b40;
}

button.lime-green {
  color: white;
  padding: 5px 15px;
  border-radius: 3px;
  background-color: #4cd964;
}

button.lime-green a {
  color: white;
}

button.lime-green.with-border {
  border-bottom: 2px solid #071d49;
}

button.lime-green.rounded {
  padding: 5px 15px;
  border-radius: 20px;
}

button.with-icon {
  position: relative;
}

button.with-icon i {
  top: 50%;
  font-size: 20px;
  font-weight: bold;
  position: absolute;
  transform: translateY(-50%);
}

button.with-icon.with-icon-right {
  text-align: left;
}

button.with-icon.with-icon-right i {
  right: 15px;
  padding-left: 10px;
}

button.disabled {
  cursor: not-allowed !important;
  opacity: 0.5 !important;
}

.btn-container {
  position: relative;
}

.btn-container button {
  border: 0;
  width: 100%;
  padding: 5px;
  color: white;
}

.btn-container:hover {
  cursor: pointer;
}

.btn-container:hover .dropdown-dashboard {
  display: block;
}

.btn-container .dropdown-dashboard {
  top: 35px;
  width: 270px;
  display: none;
  z-index: 100;
  position: absolute;
  background-color: white;
  border: 1px solid #8b8d8f;
}

.btn-container .dropdown-dashboard ul {
  padding-left: 0;
  list-style: none;
  margin-bottom: 0;
}

.btn-container .dropdown-dashboard ul li {
  padding: 10px;
  border-bottom: 1px solid #8b8d8f;
}

.btn-container .dropdown-dashboard ul li:last-child {
  border: 0;
}

.btn-container .dropdown-dashboard ul li a {
  color: #8b8d8f;
  text-decoration: none;
}

.badge-mrt {
  width: 40px;
  height: 24px;
  color: white;
  font-size: 14px;
  padding: 2px 5px;
  font-weight: bold;
  border-radius: 2px;
}

.badge-mrt.badge-green {
  background-color: #009645;
}

.badge-mrt.badge-red {
  background-color: #d42e12;
}

.badge-mrt.badge-purple {
  background-color: #9900ab;
}

.badge-mrt.badge-orange {
  background-color: #fa9e0d;
}

.badge-mrt.badge-blue {
  background-color: #005ec4;
}

.badge-mrt.badge-brown {
  background-color: #734538;
}

.badge-mrt.badge-teal {
  background-color: #0099aa;
}

.badge-mrt.badge-lrt {
  background-color: #748477;
}

.dms-tag {
  width: 85px;
  height: 24px;
  margin: 0 15px;
  cursor: pointer;
  font-size: 14px;
  font-weight: bold;
  border-radius: 11px;
  text-align: center;
  line-height: 24px;
}

.dms-tag.available {
  color: #4cd964;
  border: 1px solid #4cd964;
  background-color: #e7faea;
}

.dms-tag.expired {
  color: #d34836;
  background-color: #f8e1de;
}

.dms-tag.applied {
  color: #2a6ebb;
  background-color: #e5f3fc;
}

.dms-control {
  width: 32px;
  height: 32px;
  border-radius: 4px;
  background: white;
  color: #2a6ebb;
  border: 1px solid #2a6ebb;
  box-shadow: 0 4px 6px 0 rgba(31, 80, 156, 0.25), 0 1px 3px 0 rgba(31, 80, 156, 0.08);
}

.dms-control.icon-only .icon {
  font-size: 16px;
}

.stackview-block {
  width: 100px;
  height: 48px;
  border-radius: 4px;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  color: #2a6ebb;
  border: solid 1px #2a6ebb;
  box-shadow: 0 2px 16px 0 rgba(33, 43, 54, 0.08), 0 0 3px 1px rgba(6, 44, 82, 0.1);
}

.stackview-block.stackview-block--selected {
  color: white;
  background-color: #2a6ebb;
}

.stackview-block.stackview-block--status {
  width: calc((100% / 6) - 10px);
}

.stackview-block.stackview-block--auto {
  width: auto;
}

.stackview-block.stackview-block--bed-filters {
  border: 0;
  color: black;
}

.stackview-block.stackview-block--bed-filters.small-font {
  font-size: 10px;
  font-weight: bold;
  line-height: 12px;
}

.stackview-block.stackview-block--bed-filters.stackview-block--bed-filters--retail {
  background-color: #b7caca;
}

.stackview-block.stackview-block--bed-filters.stackview-block--bed-filters--1br {
  background-color: #fff7c9;
}

.stackview-block.stackview-block--bed-filters.stackview-block--bed-filters--2br {
  background-color: #ffd2d4;
}

.stackview-block.stackview-block--bed-filters.stackview-block--bed-filters--3br {
  background-color: #e6efb9;
}

.stackview-block.stackview-block--bed-filters.stackview-block--bed-filters--4br {
  background-color: #bbd5f2;
}

.stackview-block.stackview-block--bed-filters.stackview-block--bed-filters--5br {
  background-color: #be865c;
}

.stackview-block.stackview-block--bed-filters.stackview-block--bed-filters--ph {
  background-color: #9b91ab;
}

.stackview-block.stackview-block--bed-filters.stackview-block--bed-filters--bba {
  color: #ffc354;
  border: 3px solid #ffc354;
}

.stackview-block.stackview-block--bed-filters.stackview-block--bed-filters--rba {
  color: #3891e0;
  border: 3px solid #3891e0;
}

.stackview-block.stackview-block--bed-filters.stackview-block--bed-filters--abd {
  color: #91e038;
  border: 3px solid #91e038;
}

.stackview-block.stackview-block--bed-filters.stackview-block--bed-filters--sold {
  color: #d34836;
  border: 3px solid #d34836;
}

.stackview-block.stackview-block--bed-filters.stackview-block--bed-filters--unreleased {
  color: #e5e8ef;
  border: 1px solid #91a1bf;
}

.triangle {
  width: 0;
  height: 0;
  border-style: solid;
  display: inline-block;
  border-width: 8px 8px 0 8px;
}

.triangle.triangle--white {
  border-color: white transparent transparent transparent;
}

.triangle.triangle--blue {
  border-color: #2a6ebb transparent transparent transparent;
}

.selected-filter {
  font-size: 14px;
  border-radius: 4px;
  color: #2a6ebb;
  border: 1px solid #2a6ebb;
}

.selected-filter .fa {
  color: #e70f47;
}

.dms-report-settings {
  width: auto;
  padding: 8px;
  color: #071d49;
  font-size: 16px;
  font-weight: bold;
  border-radius: 24px;
  display: inline-block;
  margin-bottom: 8px;
  background-color: #e5e8ef;
}

.dms-report-settings i {
  font-size: 20px;
}

.dms-report-settings i:hover {
  cursor: pointer;
}

.dms-reports-alert {
  width: 100%;
  height: 65px;
  padding: 20px 40px;
}

.dms-reports-alert--success {
  color: #00C039;
  background-color: #e7faea;
}

.transparent {
  font-size: 12px;
  border-radius: 4px;
  color: #898989;
  font-family: 'Roboto';
  border: 1px solid #898989;
}

.table-dropdown-container {
  position: relative;
  background-color: white;
}

.table-dropdown-container:hover {
  cursor: pointer;
}

.table-dropdown-container:hover .table-dropdown {
  display: block;
}

.table-dropdown-container .table-dropdown {
  top: 10px;
  right: 30px;
  width: 100px;
  display: none;
  z-index: 100;
  position: absolute;
  background-color: white;
  border: 1px solid #8b8d8f;
}

.table-dropdown-container .table-dropdown a {
  padding: 5px;
  display: block;
  text-align: left;
  color: #8b8d8f;
  text-decoration: none;
  border-bottom: 1px solid #8b8d8f;
}

.table-dropdown-container .table-dropdown a:last-child {
  border: 0;
}

td.ellipsis {
  max-width: 50px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.alphabetical-order {
  display: flex;
  padding: 15px 0;
  justify-content: space-between;
  border-top: 1px solid #4a4a4a;
  border-bottom: 1px solid #4a4a4a;
}

.alphabetical-order.reduced {
  justify-content: initial;
}

.alphabetical-order.reduced a {
  margin: 0 10px;
}

.alphabetical-order a {
  color: #898989;
}

.alphabetical-order a.selected {
  font-weight: bold;
  color: #4a4a4a;
  text-decoration: underline;
}

.agent-list-block {
  display: flex;
  height: 242px;
  margin-bottom: 20px;
  border: 1px solid #898989;
}

.agent-list-block .agent-thumb {
  flex: 1 200px;
}

.agent-list-block .agent-thumb img {
  width: 100%;
  height: 240px;
  padding: 1px;
  border: solid 1px;
}

.agent-list-block .agent-list-info {
  display: flex;
  padding: 20px;
  flex: 1 calc(100% - 240px);
}

.agent-list-block .agent-list-info .agent-list-info-content {
  flex: 1 40%;
}

.agent-list-block .agent-list-info .agent-list-info-content p {
  margin-bottom: 5px;
}

.agent-list-block .agent-list-info .agent-list-info-cta {
  flex: 1 60%;
}

.agent-list-block .agent-list-info .agent-list-info-cta p {
  margin-top: 140px;
}

.agent-list-block.no-border {
  border: 0;
}

.agent-list-block.no-border .agent-list-info {
  padding: 0 0 0 20px;
}

.agent-list-block.no-border .agent-list-info a {
  font-size: 16px;
  text-decoration: underline;
}

.agent-list-block.no-border .agent-list-info ul {
  margin-bottom: 0;
}

.agent-list-block.no-border .agent-list-info hr {
  margin: 10px 0;
  border-top: 1px solid #4a4a4a;
}

.agent-list-block.no-border .agent-list-info .agent-list-info-content {
  position: relative;
}

.agent-list-block.no-border .agent-list-info .agent-list-info-content button {
  top: 50%;
  right: 0;
  position: absolute;
}

.advanced-search-tabs ul {
  padding: 0;
  margin: 0;
  display: flex;
  padding: 10px 0;
  list-style-type: none;
  border-top: 1px solid #73736e;
  border-bottom: 1px solid #73736e;
}

.advanced-search-tabs ul li {
  width: 10%;
  text-align: center;
}

.advanced-search-tabs ul li a {
  color: #898989;
  text-decoration: none;
}

.advanced-search-tabs ul li.selected a {
  font-weight: bold;
  color: #4a4a4a;
}

.advanced-search-tabs .advanced-search-tabs-content {
  padding: 30px 0;
}

.flexbox-container {
  display: flex;
}

.flexbox-container .flexbox-child {
  flex: 1 20%;
}

.search-result-wrapper {
  margin-bottom: 40px;
  border: 1px solid #CDCDCD;
}

.search-result-wrapper .search-result {
  display: flex;
}

.search-result-wrapper .search-result .search-result-thumb {
  position: relative;
  flex: 1 30%;
  margin: 0;
}

.search-result-wrapper .search-result .search-result-thumb .units-available {
  top: 10px;
  right: 10px;
  width: 80px;
  height: 80px;
  color: #071d49;
  display: table;
  font-weight: bold;
  position: absolute;
  border-radius: 50%;
  text-align: center;
  background-color: white;
}

.search-result-wrapper .search-result .search-result-thumb .units-available span {
  display: table-cell;
  vertical-align: middle;
}

.search-result-wrapper .search-result .search-result-content {
  flex: 1 70%;
  padding: 10px 20px;
}

.search-result-wrapper .search-result .search-result-content .top-row {
  display: flex;
}

.search-result-wrapper .search-result .search-result-content .top-row .search-result-logo {
  flex: 1 120px;
  padding: 10px;
  border: 1px solid #CDCDCD;
}

.search-result-wrapper .search-result .search-result-content .top-row .search-result-project-name {
  padding: 0 15px;
  flex: 1 calc(100% - 120px);
}

.search-result-wrapper .search-result .search-result-content .top-row .search-result-project-name p {
  margin-bottom: -4px;
}

.search-result-wrapper .search-result .search-result-content .bottom-row {
  display: flex;
}

.search-result-wrapper .search-result .search-result-content .bottom-row .units {
  width: 160px;
}

.search-result-wrapper .search-result .search-result-content .bottom-row .average-psf {
  display: flex;
  padding-left: 100px;
  align-items: flex-end;
  flex: 1 calc(100% - 160px);
  justify-content: space-between;
}

.search-result-wrapper .search-result-matching-criteria {
  color: white;
  background-color: #2a6ebb;
}

.search-result-wrapper .search-result-matching-criteria a {
  color: white;
  font-weight: bold;
  padding-top: 10px;
  padding-right: 10px;
  text-decoration: underline;
}

.search-result-wrapper .search-result-matching-criteria p {
  padding-top: 10px;
}

.newsroom {
  font-size: 14px;
}

.newsroom .newsroom-nav {
  width: 60%;
}

.newsroom .newsroom-nav ul {
  padding-left: 0;
  list-style-type: none;
}

.newsroom .newsroom-nav ul li {
  padding: 10px 0;
  border-top: 1px solid #898989;
}

.newsroom .newsroom-nav ul li a {
  display: block;
  color: #898989;
  text-decoration: none;
}

.newsroom .newsroom-nav ul li a.selected {
  font-weight: bold;
}

.newsroom small {
  display: block;
  margin-bottom: 20px;
}

.newsroom .btn {
  width: 155px;
}

.newsroom .prev-next ul li {
  margin-right: 20px;
}

.newsroom .prev-next ul li a {
  color: #898989;
  text-decoration: none;
}

.newsroom .pagination li a {
  color: #898989;
  text-decoration: none;
}

.newsroom .pagination li a.active {
  color: black;
}

.newsroom .pagination li:before {
  display: inline-block;
  padding-right: .5rem;
  padding-left: .5rem;
  content: "/";
}

.newsroom .pagination li:first-child:before {
  content: "";
}

.newsroom .select-container {
  display: none;
}

.newsroom .select-container .nice-select {
  width: 100%;
  border-radius: 0;
  border: 1px solid #898989;
}

.newsroom .select-container .nice-select .list {
  width: 100%;
  border-radius: 0;
  border: 1px solid #898989;
}

.newsroom .select-container .nice-select .list li {
  border-bottom: 1px solid #898989;
}

@media only screen and (max-width: 768px) {
  .newsroom .newsroom-nav {
    display: none;
  }
  .newsroom .select-container {
    display: block;
  }
}

.projects-container {
  display: grid;
  grid-gap: 2rem;
  margin: 0 auto;
  max-width: 1296px;
  grid-column: center-start / center-end;
  grid-template-columns: repeat(auto-fit, minmax(22rem, 1fr));
}

.project {
  min-width: 400px;
  height: auto;
  border: 1px solid #cdcdcd;
}

.project__image {
  margin: 0;
  padding: 0;
  height: 320px;
  position: relative;
}

.project__image img.card-label, .project__image img.card-soldout {
  top: 0;
  left: 0;
  width: 70px;
  height: auto;
  position: absolute;
}

.project__image img {
  width: 100%;
  height: 100%;
}

.project__content {
  padding: 15px;
}

.project__content__details {
  display: flex;
}

.project__content__details .project__logo {
  margin: 0;
  padding: 0;
  width: 120px;
  height: 120px;
  border: solid 1px #cdcdcd;
}

.project__content__details .project__logo img {
  width: 100%;
  height: 100%;
}

.project__content__details .project__text {
  width: 216px;
  margin-left: 16px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border: 0 !important;
}

.project__content__details .project__text .share-container {
  color: #898989;
  margin-top: -20px;
}

.project__content__details .project__text .share-container a {
  font-size: 14px;
  color: #898989;
  margin-right: 5px;
  display: inline-block;
}

.project__content__details .project__text__address, .project__content__details .project__text__type, .project__content__details .project__text__tenure {
  display: block;
  font-size: 14px;
  font-weight: normal;
  color: #898989;
}

.project__content__details .project__text p {
  margin: 0;
}

.project__content__details .project__text__name {
  line-height: 1;
  font-size: 21px;
  font-weight: bold;
  color: #6f6f6f;
}

.project__content__details .project__text__name a {
  color: #898989;
  text-decoration: none;
}

.project__content__details .project__text hr {
  margin-top: 16px;
}

@media only screen and (max-width: 640px) {
  .project__content__details .project__logo {
    width: 100px;
    height: 100px;
  }
  .project__content__details .project__text {
    padding-bottom: 5px;
  }
}

.project-information {
  display: flex;
}

.project-information__developer {
  display: flex;
  width: 180px;
  flex-direction: column;
}

.project-information__developer__logo {
  width: 180px;
  height: 180px;
}

.project-information__developer__logo img {
  width: 100%;
  height: 100%;
  border: 1px solid #898989;
}

.project-information__developer__stock {
  padding: 10px;
  margin-top: 10px;
}

.project-information__developer__stock__info {
  display: flex;
  margin: 6px 0;
  align-items: center;
  align-content: center;
  justify-content: space-between;
}

.project-information__developer__stock__info:not(:last-child) {
  border-bottom: 1px solid;
}

.project-information__developer__stock__info--text {
  font-weight: bold;
  display: inline-block;
}

.project-information__developer__stock__info--number {
  display: inline-block;
  text-align: right;
}

.project-information__developer__developedby {
  margin-top: 20px;
}

.project-information__developer__developedby span {
  font-weight: bold;
  margin-bottom: 10px;
  display: inline-block;
}

.project-information__textual {
  width: calc(100% - 200px);
  margin-left: 20px;
}

.project-information__textual__title {
  display: flex;
  padding: 10px;
  align-items: center;
}

.project-information__textual__title__project-name {
  width: 30%;
}

.project-information__textual__title__project-share {
  width: 70%;
  display: flex;
  justify-content: flex-end;
}

.project-information__textual__title__project-share .share {
  width: 50%;
  margin-left: auto;
}

.project-information__textual__title__project-share .viewing-users {
  width: 20%;
  display: flex;
  justify-content: flex-end;
}

.project-information__textual__type {
  display: flex;
  padding: 15px;
  align-items: center;
  justify-content: space-between;
}

.project-information__textual__type__details {
  width: 20%;
}

.project-information__textual__type__buttons {
  width: 80%;
  display: flex;
  justify-content: flex-end;
}

.project-information__textual__type__buttons__btn__container {
  width: 25%;
  margin-left: 20px;
}

.project-information__textual__more__completion {
  padding-top: 20px;
}

.project-information__textual__more__completion__row {
  display: flex;
  margin-bottom: 2rem;
}

.project-information__textual__more__completion__row__element {
  width: 25%;
}

.project-information__textual__more__completion__row__element__link {
  color: #0077c8;
  text-decoration: none;
}

.project-information__textual__more__completion__row__element__title, .project-information__textual__more__completion__row__element__data {
  display: block;
}

.project-information__textual__more__completion__row__element__title {
  font-weight: bold;
  height: 55px;
}

.project-information__textual__more__dev-info {
  display: flex;
}

.project-information__textual__more__dev-info__units {
  width: 40%;
}

.project-information__textual__more__dev-info__units__title {
  font-weight: bold;
  height: 40px;
}

.project-information__textual__more__dev-info__units__container {
  display: flex;
  margin-right: 10px;
  flex-wrap: wrap;
}

.project-information__textual__more__dev-info__units__container .unit {
  width: 30px;
}

.project-information__textual__more__dev-info__logo {
  width: 55%;
  margin-left: 5%;
}

.project-information__textual__more__dev-info__logo span {
  display: block;
  font-weight: bold;
  height: 40px;
}

.project-information__textual__more__dev-info__logo img {
  width: 100%;
}

.custom-bg-color {
  background-color: lightgrey;
  background-image: linear-gradient(to right, lightgrey, white);
}

@media screen and (max-width: 1200px) {
  .project-information__textual__more {
    flex-direction: column;
  }
  .project-information__textual__more__completion,
  .project-information__textual__more__dev-info {
    width: 100%;
  }
}

@media screen and (max-width: 990px) {
  .project-information__textual__title__project-share .share {
    width: 50%;
  }
  .project-information__textual__title__project-share .viewing-users {
    width: auto;
    padding-top: 5px;
    align-content: center;
  }
  .project-information__textual__type__details {
    width: 30%;
  }
  .project-information__textual__type__buttons {
    width: 70%;
    flex-direction: column;
  }
  .project-information__textual__type__buttons__btn__container {
    width: 85%;
    margin-bottom: 10px;
  }
}

@media screen and (max-width: 768px) {
  .project-information {
    flex-direction: column;
  }
  .project-information__developer {
    width: 100%;
    align-items: center;
    flex-direction: row;
    margin-bottom: 20px;
    justify-content: space-between;
  }
  .project-information__textual {
    width: 100%;
    margin-left: 0;
  }
  .project-information__developer__logo {
    width: 100px;
    height: 100px;
    margin: 0;
  }
  .project-information__developer__stock {
    width: 120px;
    margin: 5px 10px;
    font-size: smaller;
  }
  .project-information__developer__developedby {
    margin-top: 0;
    width: 150px;
  }
  .project-information__textual__more__completion__row {
    flex-wrap: wrap;
  }
  .project-information__textual__more__completion__row__element {
    width: 50%;
    margin-right: 0;
    margin-bottom: 20px;
  }
  .project-information__textual__more__completion__row__element__title {
    height: 40px;
  }
}

.document-signature-container {
  top: 200px;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  position: absolute;
  height: calc(100% - 200px);
}

.document-signature-container .carousel {
  height: calc(100vh - 300px);
  margin-top: 100px;
}

.document-signature-container .carousel .carousel-item strong {
  color: black;
}

.document-signature-container .carousel .carousel-indicators li {
  background-color: #e5e8ef;
}

.document-signature-container .carousel .carousel-indicators li.active {
  border: 0;
  background-color: #3f9fed;
}

.document-signature-container .carousel .primary {
  background-color: #3f9fed !important;
}

.document-signature-container a {
  bottom: 25px;
  position: absolute;
  font-size: 14px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -0.2px;
  color: #3f9fed;
}

.document-signature-container a:hover {
  text-decoration: none;
}

.document-signature-container a.back {
  left: 30%;
  z-index: 500;
}

.document-signature-container a.skip {
  right: 30%;
  z-index: 500;
}

.document-signature-logo {
  max-width: 120px;
  margin-bottom: 30px;
}

.disclaimer {
  font-size: 14px;
  font-weight: bold;
  color: #898989;
}

.property-name {
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  color: #898989;
}

.step-demo {
  max-width: 100px;
}

.documents-sign-container {
  width: 100%;
  height: 100vh;
  position: relative;
}

.documents-sign-container header {
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-shadow: 0 2px 4px 0 rgba(182, 182, 182, 0.38);
}

.documents-sign-container header a, .documents-sign-container header span {
  font-size: 14px;
  font-weight: bold;
  color: #898989;
}

.documents-sign-container header a {
  display: flex;
  align-items: center;
  text-decoration: none;
}

.documents-sign-container header a .fa {
  font-size: 25px;
  font-weight: bold;
  color: #2a6ebb;
  margin-right: 5px;
}

.documents-sign-container .primary {
  right: 20px;
  bottom: 20px;
  width: 120px;
  height: 40px;
  font-size: 14px;
  font-weight: bold;
  position: absolute;
}

.documents-sign-container .sign-content {
  padding: 20px;
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.38;
  letter-spacing: normal;
  color: #898989;
}

.sign__title {
  font-size: 20px;
  color: #6f6f6f;
  font-weight: bold;
}

.sign__status__container {
  width: 100%;
  height: 50px;
  display: flex;
  padding: 0 20px;
  border-radius: 4px;
  align-items: center;
  margin-bottom: 20px;
  border: solid 1px #f4f3f3;
  justify-content: space-between;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.2);
}

.sign__status__container .sign__status__user {
  display: flex;
  align-items: center;
}

.sign__status__container .sign__status__user .sign__status__user__avatar {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  margin-right: 10px;
  background-color: #2a6ebb;
}

.sign__status__container .sign__status__user {
  color: #4A4A4A;
  font-size: 14px;
}

.sign__status__container .sign__status {
  font-size: 14px;
  font-weight: bold;
  text-align: right;
}

.sign__status__container .sign__status--completed {
  color: #4cd964;
}

.sign__status__container .sign__status--progress {
  color: #4A4A4A;
}

body {
  display: flex;
  font-size: 18px;
  color: #898989;
  min-height: 100vh;
  flex-direction: column;
  font-family: 'Roboto', sans-serif;
}

.greyish-brown {
  color: #4a4a4a;
}

label {
  margin-bottom: 0;
}

.search-select {
  width: 100%;
  height: 38px;
  margin-top: 0;
  border-radius: 0;
  border: 1px solid rgba(0, 0, 0, 0.15);
}

.search-select .list {
  width: 100%;
  border-radius: 0;
}

h1, h2, h3, h4, h5 {
  color: #898989;
  font-weight: bold;
}

h1 {
  font-size: 30px;
}

h2 {
  font-size: 24px;
}

h2.heading-tower {
  font-size: 23px;
  font-weight: bold;
  color: #91a1bf;
}

h3 {
  font-size: 21px;
}

h4 {
  font-size: 16px;
}

h5 {
  font-weight: 400;
  font-size: 16px;
}

h4.with-border {
  padding: 5px;
  border-top: 1px solid #CDCDCD;
  border-bottom: 1px solid #CDCDCD;
}

ul ul, ol ul {
  list-style-type: disc;
}

ul ul li, ol ul li {
  line-height: 2;
}

i {
  vertical-align: middle;
  display: inline-block;
}

span.mini-title {
  font-size: 12px;
  font-weight: 500;
  color: #687DA5;
}

span.custom-control-description {
  font-size: 16px;
  color: #071d49;
}

span.plus {
  font-size: 20px;
  font-weight: 500;
  color: #4cd964;
  margin-left: 5px;
  display: inline-block;
}

span.quantity {
  width: 24px;
  height: 20px;
  color: white;
  font-size: 12px;
  border-radius: 9px;
  text-align: center;
  display: inline-block;
  background-color: #687DA5;
}

span.dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  display: inline-block;
}

span.dot.active {
  background-color: #4cd964;
}

span.dot.inactive {
  background-color: #687DA5;
}

span.unit-status {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
}

span.unit-status.sold {
  background-image: linear-gradient(343deg, #97cff6, #96cef5 28%, #2a6ebb);
}

span.unit-status.remaining {
  background-color: #bcc6d9;
}

span.units {
  font-size: 12px;
  font-weight: 500;
  color: #2a6ebb;
}

span.updated-on {
  font-size: 12px;
  font-weight: 500;
  color: #687DA5;
  display: block;
}

span.bed-type {
  width: 16px;
  height: 16px;
  margin-left: 5px;
  border-radius: 4px;
  display: inline-block;
}

span.bed-type.bed-1 {
  background-color: #a97b40;
}

ul li.ml-auto a {
  padding-left: 10px;
  border-left: 1px solid grey;
}

table {
  empty-cells: hide;
}

table.text-smaller {
  font-size: 16px;
  color: black;
}

table.text-smaller td.text-success {
  color: #005F16 !important;
}

table.text-smaller td.text-danger {
  color: #D34836 !important;
}

table th {
  font-weight: 400;
  text-transform: uppercase;
}

table td.dark-grey {
  background-color: #a6aaa9;
}

table td.light-grey {
  background-color: #ebebeb;
}

.circle {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
}

.circle.available {
  background-color: #e5a056;
}

.circle.sold {
  padding-left: 10px;
  background-color: #e9654a;
}

.btn {
  border-radius: 4px;
}

.btn.btn-primary {
  border-bottom: 2px solid #071d49;
}

.btn.white {
  border: 1px solid #9e9c9c;
  color: #9e9c9c;
}

.btn.btn-grey {
  background-color: #CDCDCD;
}

.btn.btn-danger {
  border-bottom: 2px solid #d9534f;
}

.btn.with-icon {
  position: relative;
}

.btn.with-icon i {
  top: 50%;
  right: 10px;
  font-size: 20px;
  position: absolute;
  transform: translateY(-50%);
}

.btn.icon-left {
  text-align: center;
  border-bottom: 2px solid #071d49;
}

.btn.icon-left i {
  margin-right: 20px;
}

.btn.no-icon {
  background-color: #6f6f6f;
  border-radius: 4px;
  border: none;
  width: 100%;
}

.btn.disabled:hover, .btn:disabled:hover {
  cursor: not-allowed;
}

.button-flex-row {
  display: flex;
  flex-wrap: wrap;
  padding: 0 15px;
}

.button-flex-row a {
  margin-right: 10px;
  box-sizing: border-box;
  flex: 1 0 calc(100% / 7 - 10px);
}

.button-flex-row a:last-child {
  margin-right: 0;
}

.txt-black {
  color: black;
}

.file-block {
  display: flex;
  padding: 5px 10px;
  margin-bottom: 10px;
  justify-content: space-between;
  border: 1px solid #d0d0c6;
}

.file-block.dotted {
  border: 1px dotted;
}

.file-block a {
  font-size: 16px;
  color: #3291cb !important;
}

.form-control:focus {
  border-color: black;
}

.container-fullscreen {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  position: fixed;
  background-color: white;
}

.mb-50 {
  margin-bottom: 50%;
}

.m-100 {
  margin: 100px 0;
}

.mt-minus {
  margin-top: -15px;
}

.mt-100 {
  margin-top: 100px;
}

strong {
  font-weight: 500;
}

.larger {
  font-size: 18px;
}

.price-range-scroll {
  max-height: 250px;
  overflow-y: scroll;
}

a.details {
  font-size: 14px;
  font-weight: bold;
  color: #2a6ebb !important;
}

a.details i {
  font-size: 30px;
  margin-left: 5px;
  font-weight: bold;
}

a.navy-anchor {
  font-size: 14px;
  font-weight: bold;
  margin-right: 10px;
  color: #071d49 !important;
  text-transform: uppercase;
}

#return-to-top {
  bottom: 100px;
  right: 20px;
  width: 40px;
  height: 40px;
  display: block;
  position: fixed;
  border-radius: 35px;
  text-decoration: none;
  transition: all 0.3s ease;
  background: #071d49;
  z-index: 1000;
}

#return-to-top i {
  top: 11px;
  left: 12px;
  color: white;
  position: absolute;
  transition: all 0.3s ease;
}

#return-to-top:hover {
  background: #1454d5;
}

.application-container {
  width: 120px;
  height: 120px;
  padding: 30px;
  margin: 0 auto;
  border-radius: 50%;
  margin-bottom: 20px;
  border: 2px solid #e70f47;
}

.application-container.single img {
  max-width: 50px;
}

.application-container.joint img {
  max-width: 60px;
}

.terms-scrolling {
  max-height: 500px;
  overflow-y: scroll;
}

a:focus {
  color: #3291cb;
}

input, select {
  color: #9e9c9c;
  font-family: 'Lato', sans-serif;
}

.custom-select {
  background: url(../../images/caret-down.png) right 0.75rem center/15px 15px no-repeat white;
}

img {
  width: 100%;
}

img.obj-fit-cover {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

img.obj-fit-contain {
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

button.selected {
  border: 2px solid #F5F500;
}

button.stackview, a.stackview {
  border: none;
  color: white;
  padding: 10px;
  border-radius: 15px;
  background-color: transparent;
}

button.stackview.block, a.stackview.block {
  border: 3px solid #CDCDCD;
  color: #7f7f83;
}

button.stackview.block.sold-legend, a.stackview.block.sold-legend {
  border-color: #D34836;
}

button.stackview.block.booked, a.stackview.block.booked {
  border-color: #FF9933;
}

button.stackview.block:hover, a.stackview.block:hover {
  background-color: white;
}

button.stackview.fixed, a.stackview.fixed {
  color: #0078c1;
  border: 1px solid #CDCDCD;
}

button.stackview.fixed i, a.stackview.fixed i {
  font-size: 30px;
}

button.stackview.retail, a.stackview.retail {
  background-color: black;
}

button.stackview.ph, a.stackview.ph {
  background-color: #898989;
}

button.stackview.bed5, a.stackview.bed5 {
  background-color: #c088af;
}

button.stackview.bed4, a.stackview.bed4 {
  background-color: #33127a;
}

button.stackview.bed3, a.stackview.bed3 {
  background-color: #0a63c1;
}

button.stackview.bed2, a.stackview.bed2 {
  background-color: #017842;
}

button.stackview.bed1, a.stackview.bed1 {
  background-color: #a97b40;
}

button.stackview.reserved, a.stackview.reserved {
  color: #cc6600;
  background-color: #fff;
  border: 1px solid #cc6600;
}

button.stackview.detached, a.stackview.detached {
  background-color: #2f5c5c;
}

button.stackview.semi-detached, a.stackview.semi-detached {
  background-color: #a9c6af;
}

button.stackview.corner-terrace, a.stackview.corner-terrace {
  background-color: #be523f;
}

button.stackview.interlaced-terrace, a.stackview.interlaced-terrace {
  background-color: #f9c05c;
}

button.stackview.sold, a.stackview.sold {
  color: #fff;
  background-color: #D34836;
  border: 1px solid #D34836;
}

button.stackview.empty, a.stackview.empty {
  background: #cccccc;
}

button.stackview.draft, a.stackview.draft {
  color: #cccccc;
  border: 1px solid #cccccc;
}

button.stackview.greyout, a.stackview.greyout {
  background: #cccccc;
}

button.stackview.greyout span, a.stackview.greyout span {
  color: #cccccc;
}

button.stackview.unclickable:hover, a.stackview.unclickable:hover {
  cursor: default;
}

button.stackview.selected, a.stackview.selected {
  color: white;
  background-color: #8b8d8f;
}

button.stackview.selected:hover, a.stackview.selected:hover {
  background-color: #8b8d8f;
}

button.stackview.legend, a.stackview.legend {
  pointer-events: none;
}

.btn:hover {
  cursor: pointer;
}

.transparent-no-radius {
  background: transparent;
  border: 1px solid #cccccc;
  position: relative;
  width: 100%;
}

.transparent-no-radius .icon {
  top: 10px;
  right: 10px;
  position: absolute;
}

.dropdown .btn {
  color: #7f7f83;
}

.dropdown .btn:hover, .dropdown .btn:focus {
  background: white;
}

a.stackview {
  font-size: 14px;
  font-weight: bold;
  border-radius: 5px;
}

a.stackview:hover {
  text-decoration: none;
}

.custom-control-description {
  color: dimgrey;
}

.custom-control-description strong {
  display: inline-block;
  min-width: 150px;
}

.switch {
  width: 60px;
  height: 30px;
  margin-left: 40px;
  position: relative;
  display: inline-block;
}

/* Hide default HTML checkbox */
.switch input {
  display: none;
}

/* The slider */
.switch-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: .4s;
}

.switch-slider:before {
  left: 1px;
  content: "";
  width: 32px;
  height: 32px;
  bottom: -1px;
  transition: .4s;
  position: absolute;
  background-color: #fff;
  border: 1px solid #ccc;
}

input:checked + .switch-slider {
  background-color: #2196F3;
}

input:focus + .switch-slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .switch-slider:before {
  transform: translateX(26px);
}

/* Rounded switch-sliders */
.switch-slider.round {
  border-radius: 34px;
}

.switch-slider.round:before {
  border-radius: 50%;
}

.padding-around {
  padding: 150px;
}

.padding-around p {
  padding: 0 25%;
}

.table .icon-reject {
  color: red;
}

.table .icon-reject:hover {
  cursor: pointer;
}

.text-container {
  max-height: 400px;
  overflow-y: scroll;
}

.custom-control-input {
  opacity: 1 !important;
  width: 1rem !important;
  height: 1.25rem !important;
}

@media (min-width: 1200px) {
  .container {
    width: 1300px;
    max-width: 100%;
  }
}

@media (min-width: 1024px) {
  .table-responsive {
    display: inline-table;
  }
}

@media (max-width: 768px) {
  body {
    font-size: 16px;
  }
  main {
    margin-top: 140px;
  }
  .vr-set {
    margin-top: 30px;
  }
  .vr-set .btn {
    width: 200px;
    margin: 0 auto;
  }
}

@media only screen and (max-width: 640px) {
  .mt-mobile {
    margin-top: 10px;
  }
  button.stackview.fixed i, a.stackview.fixed i {
    font-size: 20px;
  }
}

/*# sourceMappingURL=app.css.map */