@import url(https://fonts.googleapis.com/css?family=Muli&display=swap);
figure img {
  margin: 5px 0;
  max-width: calc(100% - 10px);
}
@font-face {
  font-family: 'Roobert-Regular';
  src: url("/static/fonts/Roobert-Regular.eot?#iefix") format("embedded-opentype"), url("/static/fonts/Roobert-Regular.otf") format("opentype"), url("/static/fonts/Roobert-Regular.woff") format("woff"), url("/static/fonts/Roobert-Regular.ttf") format("truetype"), url("/static/fonts/Roobert-Regular.svg#Roobert-Regular") format("svg");
  font-weight: normal;
  font-style: normal; }

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

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

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

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

h1, h2, h3, h4, h5,
.h1, .h2, .h3, .h4, .h5 {
  color: #4B4B4B;
  line-height: 1.2; }

h1, .h1 {
  color: #4B4B4B;
  font-size: 48px;
  line-height: 58px; }

h2 {
  font-size: 32px;
  line-height: 38px;
  margin-bottom: 25px; }

h4, .h4 {
  font-size: 24px;
  margin-top: 8px;
  margin-bottom: 19px; }

h5, .h5 {
  font-size: 18px;
  margin-bottom: 20px; }

.muted {
  color: #9FA09F; }

.text-green {
  color: #93BC8C; }

.fz-md {
  font-size: 16px; }

.large {
  font-size: 18px; }

.larger {
  font-size: 22px; }

.largest {
  font-size: 26px; }

.small {
  font-size: 14px; }

.smaller {
  font-size: 12.5px; }

.dark {
  color: #000; }

.lh1 {
  line-height: 1; }

.lh15 {
  line-height: 1.5; }

.light {
  font-family: 'Roobert-Light', sans-serif; }

.fz-regular {
  font-size: 16px; }

.regular {
  font-family: 'Roobert-Regular', sans-serif;
  font-weight: normal; }

strong {
  font-family: 'Roobert-SemiBold', sans-serif; }

.lead {
  font-size: 20px;
  line-height: 28px; }

p {
  margin-bottom: 1.5rem; }
  p.lead {
    margin: 0 0 32px; }

.horizontal-progress {
  position: relative;
  overflow: hidden; }
  .horizontal-progress .progress {
    background: rgba(233, 236, 239, 0.7);
    border-radius: 50px; }
    .horizontal-progress .progress .progress-bar {
      background: transparent;
      color: #212322; }
  .horizontal-progress .progress-2 {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: -1;
    bottom: 0; }
    .horizontal-progress .progress-2 .progress-bar {
      border-radius: 50px;
      height: 100%; }

.cdc-overlay {
  background: #f6f6f6 !important; }
  .cdc-overlay .cdc-text {
    font-size: 24px !important;
    line-height: 32px; }

.form-control {
  border-radius: 30px;
  border: 1px solid #e8e9eb;
  padding: 10px 18px; }

.custom-control-input:checked ~ .custom-control-label::before {
  border-color: #4B4B4B;
  background-color: #4B4B4B; }

.form-control[readonly] {
  background: #fff;
  border-radius: 30px !important; }

.custom-append .input-group-text {
  background: #fff;
  border: 1px solid #e8e9eb;
  border-left: none;
  border-radius: 30px; }

html {
  width: 100%;
  height: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

body {
  width: 100%;
  height: 100%;
  background: #F6F6F6 url("/static/images/gradients.png") no-repeat center top;
  background-size: cover;
  color: #4B4B4B;
  -webkit-overflow-scrolling: touch;
  font-family: 'Roobert-Regular', sans-serif;
  line-height: 22px; }

#app {
  min-height: 100%;
  display: flex;
  flex-direction: column;
  align-items: stretch; }

main {
  flex-grow: 1; }

header, main, footer {
  flex-shrink: 0; }

a {
  color: #212322; }
  a:hover, a:focus {
    color: #212322; }

.logo {
  width: 128px;
  height: 128px;
  border-radius: 16px;
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.25); }

.bg-light {
  background: #e8eff3 !important; }

.bg-primary {
  background: #212322 !important; }

.bg-secondary {
  background: #4B4B4B !important; }

.bg-pink {
  background: #fbe3d1 !important; }

.bg-yellow {
  background: #FFECB8 !important; }

.bg-success {
  background: #CADBC7 !important; }

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

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

.bg-blue {
  background: #e8eff3 !important; }

.text-orange {
  color: #f4ac78 !important; }

.text-muted {
  color: #9FA09F !important; }

.text-grey {
  color: #4B4B4B !important; }

.text-red {
  color: #B53737 !important; }

.text-green {
  color: #93BC8C !important; }

.btn {
  border-radius: 30px !important;
  font-size: 12.5px !important;
  font-weight: normal !important;
  line-height: 24px;
  padding: 12px 32px;
  font-family: 'Roobert-SemiBold', sans-serif;
  letter-spacing: 1.5px; }

.btn-primary {
  background: #4B4B4B !important;
  border-color: #4B4B4B !important;
  color: #fff !important; }
  .btn-primary:hover, .btn-primary:focus {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    background: #4B4B4B !important;
    color: #fff !important; }
  .btn-primary:active, .btn-primary.active {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    background: #4B4B4B !important;
    color: #fff !important; }

.btn-secondary {
  background: #fff;
  color: #212322;
  border: 2px solid #212322 !important; }
  .btn-secondary:hover, .btn-secondary:focus {
    background: #fff;
    color: #212322; }
  .btn-secondary:focus {
    background: #fff; }

.btn-outline-dark {
  background: transparent !important;
  border: 1px dotted #4B4B4B !important;
  color: #4B4B4B !important; }
  .btn-outline-dark:hover, .btn-outline-dark:focus {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    background: transparent !important;
    color: #4B4B4B !important; }
  .btn-outline-dark:active, .btn-outline-dark.active {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    background: transparent !important;
    color: #4B4B4B !important; }

.btn-wide {
  padding-left: 60px;
  padding-right: 60px; }

.btn-sm {
  font-size: 14px;
  padding: 0.25rem 0.5rem; }

.btn-outline-secondary:focus,
.btn-outline-secondary.focus {
  box-shadow: none; }

.dashed-outline {
  border: 1px dotted #4B4B4B;
  border-radius: 30px;
  padding: 2px; }
  .dashed-outline .btn-lg {
    min-height: 46px; }
  .dashed-outline input[type=submit] {
    border: inherit !important; }

.no-margin {
  margin: 0 !important; }

.no-padding {
  padding: 0 !important; }

.no-border {
  border: none !important; }

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

.text-muted {
  color: #9FA09F !important; }

.text-darker {
  color: #6B7897 !important; }

.text-light {
  color: #aaa !important; }

.text-primary,
a.text-primary {
  color: #212322 !important; }
  .text-primary:hover, .text-primary:active,
  a.text-primary:hover,
  a.text-primary:active {
    color: #212322 !important; }

.escaped {
  white-space: pre-wrap;
  word-wrap: break-word;
  font-family: inherit; }

hr.space {
  border-top: 1px solid transparent;
  margin: 5rem 0; }
  hr.space.space-lg {
    margin: 6.5rem 0; }
  hr.space.space-md {
    margin: 3.25rem 0; }
  hr.space.space-sm {
    margin: 2rem 0; }
  hr.space.space-xs {
    margin: 1rem 0; }

.table-hover tbody tr:hover {
  background: #e8eff3; }

.card-data .card-title {
  font-size: 36px;
  line-height: 1.2; }

.card {
  border-radius: 0;
  border: 1px solid #DDDDDD; }

.cdc-filler:hover,
.cdc-section:hover {
  cursor: pointer; }

.clock-donut .cdc-section {
  border-right: 1px solid #263448; }

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

.navbar a {
  color: #4B4B4B; }

.cursor-pointer {
  cursor: pointer; }

.household-code {
  width: 170px; }
  .household-code input {
    font-family: 'Courier New', monospace;
    font-weight: 700; }

@media only screen and (max-width: 767px) {
  .v--modal-box {
    height: auto !important;
    width: 100% !important; }
  .card-title {
    padding-right: 30px; }
  .building-wrapper img {
    position: relative; }
  .v--modal-overlay .v--modal-box {
    top: 0 !important; }
  .icon-map-return {
    right: 10px; }
  main {
    padding: 0 30px; } }

@media only screen and (min-width: 768px) {
  .main {
    padding: 60px 133px !important; } }

/* Medium Devices, Desktops */
@media (min-width: 1200px) {
  .container {
    max-width: 1080px; } }

/*# sourceMappingURL=app.b341365.css.map*/