.w-checkbox {
  display: block;
  margin-bottom: 5px;
  padding-left: 20px;
}

.w-checkbox::before {
  content: ' ';
  display: table;
  -ms-grid-column-span: 1;
  grid-column-end: 2;
  -ms-grid-column: 1;
  grid-column-start: 1;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
  -ms-grid-row: 1;
  grid-row-start: 1;
}

.w-checkbox::after {
  content: ' ';
  display: table;
  -ms-grid-column-span: 1;
  grid-column-end: 2;
  -ms-grid-column: 1;
  grid-column-start: 1;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
  -ms-grid-row: 1;
  grid-row-start: 1;
  clear: both;
}

.w-checkbox-input {
  float: left;
  margin-bottom: 0px;
  margin-left: -20px;
  margin-right: 0px;
  margin-top: 4px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-right-width: 1px;
  border-top-color: #ccc;
  border-bottom-color: #ccc;
  border-left-color: #ccc;
  border-right-color: #ccc;
  border-top-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-right-style: solid;
  width: 12px;
  height: 12px;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  border-top-color: #3898ec;
  border-bottom-color: #3898ec;
  border-left-color: #3898ec;
  border-right-color: #3898ec;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0px 0px 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom {
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-right-width: 1px;
  border-top-color: #ccc;
  border-bottom-color: #ccc;
  border-left-color: #ccc;
  border-right-color: #ccc;
  border-top-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-right-style: solid;
  width: 12px;
  height: 12px;
  border-bottom-left-radius: 50%;
  border-bottom-right-radius: 50%;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
}

.w-form-formradioinput--inputType-custom.w--redirected-focus {
  box-shadow: 0px 0px 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom.w--redirected-checked {
  border-top-width: 4px;
  border-bottom-width: 4px;
  border-left-width: 4px;
  border-right-width: 4px;
  border-top-color: #3898ec;
  border-bottom-color: #3898ec;
  border-left-color: #3898ec;
  border-right-color: #3898ec;
}

.w-layout-grid {
  display: -ms-grid;
  display: grid;
  grid-auto-columns: 1fr;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
  grid-row-gap: 16px;
  grid-column-gap: 16px;
}

body {
  font-family: Montserrat, sans-serif;
  color: #2b2b2b;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
}

.profile-field-value {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  line-height: 19px;
  letter-spacing: 0.05em;
}

.profile-avatar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 120px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  -o-object-fit: cover;
  object-fit: cover;
}

.profile-name {
  margin-top: 20px;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  font-size: 18px;
  line-height: 20px;
  font-weight: 200;
  text-align: center;
}

.status-icon {
  max-height: 100%;
  max-width: 30px;
  color: #2b2b2b;
}

.status-description {
  margin-left: 5px;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  line-height: 16px;
}

.side-navbar {
  position: fixed;
  left: 5px;
  bottom: 5px;
  z-index: 9;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 75px;
  height: 97%;
  min-width: 75px;
  margin-top: 15px;
  padding-top: 10px;
  padding-bottom: 15px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  border-radius: 30px 30px 30px 0px;
  background-color: #1f233d;
  color: #fff;
  font-weight: 300;
}

.side-navbar.back-navbar {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.main-logo {
  max-width: 40%;
  margin: 10px;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

.primary-menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 30px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}

.menu-item {
  max-height: 20px;
  max-width: 20px;
  margin-bottom: 30px;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

.menu-item.user-avatar-container {
  width: 44px;
  height: 44px;
  max-height: none;
  max-width: none;
  margin-bottom: 60px;
  padding: 1px;
  border: 1px solid #fff;
  border-radius: 22px;
}

.menu-item.user-avatar-container {
  width: auto;
  height: auto;
  margin-bottom: 60px;
  padding: 0px;
  border: 1px solid #fff;
  border-radius: 24px;
}

.content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-top-left-radius: 15px;
}

.content.with-fixed-footer {
  margin-bottom: 60px;
}

.content.shrink {
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
}

.cards-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-align-content: space-between;
  -ms-flex-line-pack: justify;
  align-content: space-between;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.cards-container.highlighted {
  margin-bottom: 40px;
}

.settings-icon {
  max-height: 25px;
  max-width: 25px;
  margin-left: 3px;
}

.floating-card {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 230px;
  min-width: 230px;
  margin-top: 15px;
  margin-bottom: 15px;
  padding: 15px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  border-radius: 10px;
  background-color: #fff;
  box-shadow: 0 0 10px 0 rgba(43, 43, 43, 0.2);
  color: #2b2b2b;
  font-size: 12px;
  font-weight: 200;
  text-decoration: none;
}

.floating-card.red-background {
  background-color: #e54340;
  color: #fff;
}

.floating-card.orange-background {
  background-color: #e87e23;
  color: #fff;
}

.floating-card.violet-background {
  background-color: #7a40e5;
  color: #fff;
}

.floating-card.large {
  width: 265px;
  height: 135px;
  box-shadow: 0 15px 8px -10px rgba(43, 43, 43, 0.2);
  font-size: 14px;
}

.floating-card.large.red-background {
  box-shadow: 0 15px 8px -10px rgba(229, 67, 64, 0.35);
}

.floating-card.large.orange-background {
  box-shadow: 0 15px 8px -10px rgba(232, 126, 35, 0.35);
}

.floating-card.large.violet-background {
  box-shadow: 0 15px 8px -10px rgba(122, 64, 229, 0.35);
}

.floating-card.selected {
  border-style: solid;
  border-width: 1px;
  border-color: #266faf;
  box-shadow: none;
}

.floating-card.vertical {
  height: 250px;
  padding: 0px;
}

.card-avatar {
  width: 80px;
  height: 80px;
  min-height: 80px;
  min-width: 80px;
  padding: 1px;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  border-style: solid;
  border-width: 1px;
  border-color: #2b2b2b;
  border-radius: 40px;
  -o-object-fit: cover;
  object-fit: cover;
}

.card-avatar.small {
  width: 65px;
  height: 65px;
  min-height: 65px;
  min-width: 65px;
}

.card-avatar.small.selected {
  border-color: #fff;
}

.card-avatar.white-border {
  border-color: #fff;
}

.card-title {
  font-size: 14px;
  font-weight: 700;
}

.primary-status {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 10px;
  margin-right: 10px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}

.primary-status.small {
  max-height: 25px;
}

.avatar {
  width: 60px;
  height: 60px;
  border-radius: 30px;
  -o-object-fit: cover;
  object-fit: cover;
}

.avatar.tiny {
  width: 20px;
  height: 20px;
  border-radius: 10px;
}

.avatar.smaller {
  width: 30px;
  height: 30px;
}

.avatar.small {
  width: 40px;
  height: 40px;
}

.left-column {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.card-subtitle {
  font-size: 12px;
  font-weight: 300;
}

.content-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 15px;
  padding-bottom: 15px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  font-size: 25px;
  line-height: 20px;
  font-weight: 700;
}

.content-header.small {
  font-size: 18px;
  line-height: 22px;
  font-weight: 600;
}

.profile-field {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 25px;
  color: #fff;
  font-size: 14px;
  line-height: 16px;
  font-weight: 300;
  text-decoration: none;
}

.profile-field.green {
  color: #d9ff00;
}

.profile-field.red {
  color: #ff0037;
}

.profile-field.yellow {
  color: #f8af1d;
}

.profile-fields {
  padding: 20px 30px;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-bottom-left-radius: 30px;
  background-color: #1f233d;
  color: #fff;
  font-size: 16px;
  font-weight: 300;
}

.row-heading {
  max-width: 140px;
  min-width: 140px;
  margin-right: 10px;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  font-size: 16px;
  line-height: 18px;
  font-weight: 300;
}

.job-timeline {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 30px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.timeline-event {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 250px;
  padding: 10px 20px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 3px solid #2b2b2b;
  border-radius: 10px;
  background-color: #f5f5f5;
  box-shadow: 0 15px 8px -10px hsla(0, 0%, 44.7%, 0.35);
}

.timeline-event.blue-border {
  border-bottom-color: #266faf;
  box-shadow: 0 15px 8px -10px rgba(38, 111, 175, 0.2);
}

.timeline-event.green-border {
  border-bottom-color: #9ab212;
  box-shadow: 0 15px 8px -10px rgba(154, 178, 18, 0.2);
}

.timeline-event.purple-border {
  border-bottom-color: #7a40e5;
  box-shadow: 0 15px 8px -10px rgba(122, 64, 229, 0.2);
}

.timeline-event.red-border {
  border-bottom-color: #e54340;
  box-shadow: 0 15px 8px -10px rgba(229, 67, 64, 0.2);
}

.timeline-icon {
  width: 35px;
  height: 35px;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
}

.event-time {
  width: 40px;
  margin-right: 10px;
  font-weight: 700;
}

.event-title {
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  font-size: 15px;
}

.event-details {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-left: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.timeline-connector {
  width: 1px;
  height: 25px;
  margin-top: 2px;
  margin-bottom: 2px;
  margin-left: 40px;
  border-right: 1px solid #d3d3d3;
}

.button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 40px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 5px;
  background-color: #1f233d;
  box-shadow: 0 8px 8px -5px hsla(0, 0%, 100%, 0.35);
  color: #fff;
  font-weight: 400;
  text-align: center;
  text-decoration: none;
}

.button.grow {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.button.form-button {
  max-width: 125px;
  margin-right: 10px;
  padding-right: 10px;
  padding-left: 10px;
}

.button.form-button.large {
  max-width: 175px;
  min-width: 175px;
}

.button.secondary {
  background-color: #d3d3d3;
  color: #2b2b2b;
}

.button.light {
  background-color: #e8e8e8;
  color: #2b2b2b;
}

.button.inline-block {
  display: inline-block;
}

.button.warning {
  background-color: #de3a37;
}

.button.white {
  background-color: #fff;
  color: #1f233d;
}

.button.white.grow {
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.button.hero-action-button {
  max-width: 125px;
  min-width: 125px;
  margin-right: 10px;
  margin-bottom: 10px;
  padding-right: 10px;
  padding-left: 10px;
}

.field-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch;
}

.select-field {
  max-width: 300px;
  background-color: #fff;
  color: #0c4b78;
}

.decorated-radio {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 125px;
  padding: 15px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
  color: #1f233d;
  font-size: 14px;
  line-height: 16px;
  font-weight: 300;
}

.hidden-radio-button {
  position: absolute;
  margin-top: 0px;
  margin-left: 0px;
  opacity: 0;
}

.decorated-radio-border {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  width: 100%;
  height: 100%;
  border-style: solid;
  border-width: 1px;
  border-color: #bcbec0;
  border-radius: 5px;
}

.radio-icon {
  width: 25px;
  height: 25px;
}

.radio-label {
  position: static;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 0%;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

.radio-label.decorated-radio-label {
  margin-top: 10px;
}

.form-section {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 30px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.form-field {
  margin-bottom: 5px;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
}

.form-field-label {
  color: #727272;
  font-size: 12px;
  font-weight: 600;
}

.text-field {
  max-width: 300px;
  font-size: 11px;
}

.event-description {
  margin-top: 10px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  font-size: 12px;
}

.modal {
  position: fixed;
  left: 0%;
  top: 0px;
  right: 0%;
  bottom: 0%;
  z-index: 20;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 600px;
  height: 90vh;
  margin: 0px auto auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  border-radius: 0px 0px 15px 15px;
  background-color: #f1f2f7;
  box-shadow: 0 0 10px 0 #2b2b2b;
}

.modal.small {
  height: 50vh;
}

.round-button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-height: 30px;
  max-width: 30px;
  min-height: 30px;
  min-width: 30px;
  padding: 6px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 15px;
  background-color: #1f233d;
}

.round-button.transparent {
  padding: 0px;
  background-color: transparent;
}

.round-button.small {
  max-height: 20px;
  max-width: 20px;
  min-height: 20px;
  min-width: 20px;
}

.modal-heading {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 15px;
  padding-right: 25px;
  padding-bottom: 15px;
  padding-left: 25px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid #d3d3d3;
}

.filter-groups {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.filter-group-heading {
  font-weight: 500;
}

.filter-group {
  padding-top: 25px;
  padding-bottom: 25px;
  border-bottom: 0.5px solid #d3d3d3;
}

.filter-group.last {
  border-bottom-style: none;
}

.filters {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 10px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.secondary-status {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 20px;
  max-height: 20px;
  margin-top: 5px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.floating-card-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.secondary-status-icon {
  max-height: 20px;
  margin-right: 1px;
  margin-left: 1px;
}

.secondary-status-icon.disabled {
  opacity: 0.3;
}

.right-column {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.modal-overlay {
  position: -webkit-sticky;
  position: sticky;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  display: none;
  background-color: rgba(43, 43, 43, 0.75);
  opacity: 0;
}

.modal-footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 10px 25px;
  border-top: 1px solid #d3d3d3;
}

.modal-footer.justify-right {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.modal-body {
  overflow: auto;
  padding-right: 25px;
  padding-left: 25px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.modal-body.confirm-action {
  padding-top: 40px;
  padding-bottom: 40px;
  text-align: center;
}

.link {
  color: #2b2b2b;
  font-weight: 400;
  text-decoration: underline;
}

.checkbox-label {
  margin-left: 10px;
  font-size: 16px;
  font-weight: 200;
  text-align: left;
}

.checkbox-label.small {
  font-size: 14px;
}

.checkbox {
  width: 25px;
  height: 25px;
  border-color: #2b2b2b;
  border-radius: 3px;
}

.checkbox.w--redirected-checked {
  background-color: #083165;
  background-image: url('../images/noun_Check_929005.svg');
  background-size: 15px 15px;
}

.checkbox-field {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.content-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 30px;
  padding-right: 30px;
  padding-left: 30px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.content-container.with-side-panel {
  margin-right: 305px;
}

.content-container.with-side-navbar {
  margin-left: 80px;
}

.content-container.shrink {
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
}

.bottom-navbar {
  display: none;
}

.top-navbar {
  display: none;
}

.content-heading {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 24px;
  line-height: 30px;
}

.field-groups {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch;
}

.radio-buttons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.radio-buttons.type-of-notification {
  width: 260px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.back-button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 20px;
  height: 20px;
  margin-right: 30px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
}

.content-section {
  margin-bottom: 30px;
}

.content-section.profile-section {
  display: none;
}

.content-section.framed {
  padding: 20px;
  border-radius: 10px;
}

.content-section.framed.small {
  width: 30vw;
  max-width: 30vw;
}

.content-section.small {
  width: 30vw;
  max-width: 30vw;
}

.content-section.assets-list {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.content-section.contract-filters {
  width: 30vw;
  margin-right: 30px;
}

.content-section-heading {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 40px;
  margin-bottom: 5px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 16px;
  line-height: 18px;
  font-weight: 300;
}

.content-section-container.spacer-classes {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.content-section-container.colour-palette {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.content-section-container.shadow-classes {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.rows-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.rows-container.grow.calendar-appointments {
  margin-top: 30px;
}

.row {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  margin-bottom: 5px;
  padding: 10px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  border-style: solid;
  border-width: 1px;
  border-color: #e8e8e8;
  border-radius: 10px;
  background-color: #fff;
  color: #2b2b2b;
  font-size: 12px;
  font-weight: 300;
  text-decoration: none;
}

.row.red-background {
  background-color: #e54340;
  color: #fff;
}

.row.orange-background {
  background-color: #e87e23;
  color: #fff;
}

.row.violet-background {
  background-color: #7a40e5;
  color: #fff;
}

.row.light-grey-background {
  background-color: #e8e8e8;
}

.row.button-row {
  padding-top: 15px;
  padding-bottom: 15px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: dashed;
  border-width: 2px;
  border-color: #d3d3d3;
  background-color: transparent;
  color: #727272;
  font-size: 16px;
  font-weight: 400;
}

.row.selected {
  border-color: #1f233d;
  box-shadow: 0 0 10px -2px rgba(31, 35, 61, 0.35);
}

.row.blue-background {
  background-color: #266faf;
  color: #fff;
}

.row.thin {
  padding-top: 0px;
  padding-bottom: 0px;
}

.row-field {
  margin-top: 5px;
  margin-right: 20px;
  margin-bottom: 5px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.row-field.shrink {
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
}

.row-field.align-bottom {
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
}

.row-field.contract-status {
  max-width: 100px;
  min-width: 100px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
}

.row-field-label {
  margin-bottom: 5px;
  color: #727272;
  font-size: 11px;
  line-height: 13px;
  font-weight: 500;
}

.row-field-label.white {
  color: #fff;
}

.row-field-value {
  font-size: 14px;
  line-height: 18px;
}

.row-field-value.bold {
  font-weight: 600;
}

.row-field-value.bold.red {
  color: #e54340;
}

.row-field-value.bold.grey {
  color: #aaa;
}

.icon {
  width: 40px;
  height: 40px;
  min-height: 40px;
  min-width: 40px;
  padding: 10px;
  border-radius: 5px;
  background-color: #1f233d;
  box-shadow: 0 8px 8px -5px rgba(8, 49, 101, 0.35);
  color: #fff;
  text-decoration: none;
}

.icon.content-option {
  background-color: #d3d3d3;
  box-shadow: 0 8px 8px -5px rgba(43, 43, 43, 0.25);
}

.icon.green {
  background-color: #9ab212;
  box-shadow: 0 8px 8px -5px rgba(154, 178, 18, 0.35);
}

.icon.grey {
  background-color: #d3d3d3;
  box-shadow: 0 8px 8px -5px rgba(43, 43, 43, 0.25);
}

.icon.transparent {
  background-color: transparent;
  box-shadow: none;
}

.icon.white {
  background-color: #fff;
  box-shadow: 0 8px 8px -5px hsla(0, 0%, 100%, 0.35);
  color: #2b2b2b;
}

.icon.small {
  width: 30px;
  height: 30px;
  min-height: 30px;
  min-width: 30px;
  padding: 5px;
}

.icon.small.transparent.middle-align {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

.icon.tiny {
  width: 20px;
  height: 20px;
  min-height: 20px;
  min-width: 20px;
  padding: 0px 5px 5px;
}

.row-avatar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 60px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  -o-object-fit: cover;
  object-fit: cover;
}

.row-icon {
  max-height: 100%;
  max-width: 30px;
  margin-right: 20px;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  color: #2b2b2b;
}

.row-icon.small {
  max-height: 20px;
  max-width: 20px;
  margin-right: 10px;
}

.content-section-options {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-left: 10px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.row-more-icon {
  position: absolute;
  left: auto;
  top: auto;
  right: 10px;
  bottom: auto;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

.row-fields {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 10px;
  margin-bottom: 10px;
  -webkit-align-content: space-around;
  -ms-flex-line-pack: distribute;
  align-content: space-around;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}

.row-fields.thin {
  margin-top: 5px;
  margin-bottom: 5px;
}

.main-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 100vh;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(rgba(225, 241, 255, 0.3)));
  background-image: linear-gradient(180deg, #fff, rgba(225, 241, 255, 0.3));
}

.main-container.stretch {
  min-height: 100vh;
}

.overlay {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 10;
  background-color: #2b2b2b;
  opacity: 0.5;
}

.side-panel {
  position: fixed;
  right: 5px;
  bottom: 5px;
  z-index: 10;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 300px;
  height: 97%;
  margin-top: 15px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
  border-bottom-left-radius: 30px;
  background-color: #fff;
}

.profile-details {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 30px;
  margin-bottom: 30px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.profile-card {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  color: #2b2b2b;
  font-size: 12px;
  font-weight: 300;
  text-decoration: none;
}

.profile-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.profile-field-icon {
  width: 18px;
  height: 18px;
  margin-right: 30px;
}

.container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 15px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: solid;
  border-width: 1px;
  border-color: #e8e8e8;
  border-radius: 10px;
  background-color: #fff;
}

.engineer-status-title {
  margin-bottom: 10px;
  margin-left: 10px;
  font-size: 20px;
  line-height: 26px;
  font-weight: 700;
}

.engineer-status-buttons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 125px;
  margin-top: 10px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.work-timeline {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: auto;
  margin-top: 10px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.work-event {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: 20px;
  padding: 10px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-radius: 10px;
  background-color: #727272;
  color: #fff;
}

.work-event.red {
  background-color: #e54340;
}

.work-event.violet {
  background-color: #7a40e5;
}

.work-event.green {
  background-color: #9ab212;
}

.work-event-more {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50px;
  padding: 10px;
  border-style: solid;
  border-width: 1px;
  border-color: #2b2b2b;
  border-radius: 10px;
}

.work-event-details {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-left: 10px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.work-event-title {
  font-weight: 600;
}

.engineer-status-details {
  width: 300px;
}

.engineer-status-description {
  margin-left: 10px;
  line-height: 22px;
}

.job-timeline-container {
  padding: 10px;
  border-style: solid;
  border-width: 1px;
  border-color: #e8e8e8;
  border-radius: 10px;
  background-color: #fff;
}

.job-timeline-title {
  font-weight: 600;
}

.row-avatar-text {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 20px;
  line-height: 28px;
  font-weight: 500;
}

.field-group-heading {
  font-weight: 600;
}

.row-avatar-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 60px;
  height: 60px;
  min-height: 60px;
  min-width: 60px;
  margin-right: 20px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  border-style: solid;
  border-width: 1px;
  border-color: #2b2b2b;
  border-radius: 40px;
}

.row-avatar-container.white-border {
  border-color: #fff;
}

.profile-avatar-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 120px;
  height: 120px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  border-style: solid;
  border-width: 1px;
  border-color: #2b2b2b;
  border-radius: 60px;
}

.form-buttons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 30px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.button-animation {
  width: 25px;
  height: 25px;
  max-height: 25px;
  max-width: 25px;
  margin-right: auto;
  margin-left: auto;
}

.button-label {
  margin-left: 5px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.row-button-label {
  margin-bottom: 10px;
}

.horizontal-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.notifications-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  padding: 20px 30px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.notification-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
  padding: 10px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  border-radius: 10px;
  background-color: #1f233d;
  color: #fff;
}

.notification-container.red {
  background-color: #e54340;
}

.notification-container.violet {
  background-color: #7a40e5;
}

.notification-container.green {
  background-color: #9ab212;
}

.notification-container.blue {
  background-color: #266faf;
}

.side-panel-heading {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 15px 25px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom-width: 1px;
  border-bottom-color: #d3d3d3;
}

.notification-summary {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-left: 10px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.notification-title {
  font-weight: 600;
}

.vertical-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.vertical-container.with-side-navbar {
  margin-left: 80px;
}

.notification-details {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 12px;
}

.search-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-right: 10px;
  padding-left: 10px;
  border-style: solid;
  border-width: 1px;
  border-color: #aaa;
  border-radius: 20px;
  background-color: #fff;
}

.search-field {
  width: 100%;
  border: 1px none #000;
  border-radius: 20px;
  background-color: transparent;
  font-style: italic;
}

.side-panel-content {
  overflow: auto;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-bottom-left-radius: 30px;
}

.field-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.text-small {
  font-size: 14px;
  line-height: 16px;
  font-weight: 300;
  text-decoration: none;
}

.free-slots {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 100%;
  margin-top: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}

.text-largest {
  font-size: 32px;
  line-height: 40px;
  font-weight: 300;
  text-decoration: none;
}

.text-normal {
  font-size: 16px;
  line-height: 18px;
  font-weight: 300;
  text-decoration: none;
}

.radio-tiles {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.floating-card-field {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 5px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  font-size: 14px;
  line-height: 16px;
  font-weight: 300;
  text-decoration: none;
}

.floating-card-field-icon {
  width: 15px;
  height: 15px;
  margin-right: 10px;
}

.floating-card-field-value {
  font-size: 12px;
  line-height: 20px;
  letter-spacing: 0.05em;
}

.floating-card-field-value.text-highlight {
  font-weight: 600;
}

.floating-card-field-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.side-panel-footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 30px 25px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom-width: 1px;
  border-bottom-color: #d3d3d3;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
  border-bottom-left-radius: 30px;
  background-color: #1f233d;
  box-shadow: 0 0 10px -2px rgba(31, 35, 61, 0.5);
}

.side-panel-content-header {
  padding-right: 15px;
  padding-left: 15px;
}

.hero-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 40px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: solid;
  border-width: 1px;
  border-color: #e8e8e8;
  border-radius: 10px;
  background-color: #fff;
}

.hero-illustration {
  max-width: 50%;
}

.hero-details {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: 40px;
  margin-bottom: 40px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.hero-title {
  font-size: 44px;
  line-height: 46px;
}

.chip {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 36px;
  padding: 2px 12px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 20px;
  font-size: 11px;
  font-weight: 600;
  text-decoration: none;
}

.chip.left-justify {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.hero-description {
  margin-bottom: 20px;
  font-size: 14px;
  letter-spacing: 0.03em;
}

.comment-container {
  padding: 5px;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
  border-radius: 5px;
  background-color: #f1f2f7;
  font-size: 12px;
  line-height: 18px;
  font-weight: 300;
  letter-spacing: 0.03em;
}

.comment-label {
  font-weight: 500;
}

.hero-actions {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 40px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch;
}

.question {
  font-size: 20px;
  line-height: 26px;
}

.form-block {
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.question-items {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 30px;
  margin-bottom: 60px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.question-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.question-item.first {
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
}

.question-item-label {
  margin-left: 10px;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  color: #d3d3d3;
  font-size: 14px;
  font-weight: 400;
}

.question-item-label.active {
  color: #1f233d;
}

.question-item-label.done {
  color: #1f233d;
  font-weight: 300;
}

.question-item-line {
  height: 1px;
  margin-right: 20px;
  margin-left: 20px;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-top: 1px solid #d3d3d3;
}

.question-item-line.active {
  border-top-color: #1f233d;
}

.question-item-line.done {
  border-top-color: #1f233d;
}

.question-item-icon-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 26px;
  height: 26px;
  padding: 4px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 13px;
}

.question-item-icon-container.active {
  padding: 6px;
  background-color: #1f233d;
}

.spacer-30 {
  width: 30px;
}

.card-thumbnail-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 100px;
  height: 100px;
  margin-top: 10px;
  margin-bottom: 10px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  border-radius: 10px;
}

.card-thumbnail-container.highlight-1 {
  border-style: solid;
  border-width: 1px;
  border-color: #1f233d;
}

.card-thumbnail-container.shadow-3.highlight-1 {
  box-shadow: 0 0 10px -2px rgba(31, 35, 61, 0.5);
}

.card-thumbnail-container.shadow-3.highlight-2 {
  border-style: solid;
  border-width: 1px;
  border-color: #266faf;
  box-shadow: 0 0 10px -2px rgba(38, 111, 175, 0.5);
}

.card-thumbnail-container.shadow-3.highlight-3 {
  border-style: solid;
  border-width: 1px;
  border-color: #e87e23;
  box-shadow: 0 0 10px -2px rgba(232, 126, 35, 0.5);
}

.card-thumbnail-container.shadow-3.highlight-4 {
  border-style: solid;
  border-width: 1px;
  border-color: #9ab212;
  box-shadow: 0 0 10px -2px rgba(154, 178, 18, 0.5);
}

.card-thumbnail-container.shadow-3.highlight-5 {
  border-style: solid;
  border-width: 1px;
  border-color: #e54340;
  box-shadow: 0 0 10px -2px rgba(229, 67, 64, 0.5);
}

.card-thumbnail-container.shadow-3.highlight-6 {
  border-style: solid;
  border-width: 1px;
  border-color: #f8af1d;
  box-shadow: 0 0 10px -2px rgba(248, 175, 29, 0.5);
}

.card-thumbnail {
  max-height: 100%;
}

.card-thumbnail.default-pump {
  width: 75px;
  height: 75px;
  padding: 10px;
  border-radius: 10px;
  background-color: #083165;
}

.floating-card-column {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-right: 15px;
  padding-bottom: 15px;
  padding-left: 15px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.card-footer-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 5px;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  border-radius: 10px;
  background-color: #e8e8e8;
}

.card-footer-field {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-left: 10px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-right: 1px solid #d3d3d3;
}

.card-footer-field.last {
  border-right-style: none;
}

.text-bold {
  font-weight: 500;
  text-decoration: none;
}

.card-corner-icon {
  position: absolute;
  left: auto;
  top: -8px;
  right: -8px;
  bottom: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 20px;
  height: 20px;
  padding: 3px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 13px;
  background-color: #266faf;
}

.expired-contract-confirmation {
  margin-top: 10px;
}

.question-value-container {
  margin-top: 10px;
}

.fixed-content-footer {
  position: fixed;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 0%;
  border-radius: 10px;
  background-color: #fff;
  box-shadow: 0 0 8px -2px rgba(43, 43, 43, 0.35);
}

.multistep-form-buttons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 15px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.side-illustration {
  position: fixed;
  left: auto;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: -99;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 40vw;
  max-width: 40vw;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.message-container {
  max-width: 400px;
  margin-right: auto;
  margin-left: auto;
  padding: 45px;
  text-align: center;
}

.message-illustration {
  margin-bottom: 30px;
}

.message-title {
  margin-bottom: 10px;
}

.text-smaller {
  font-size: 12px;
  line-height: 14px;
  font-weight: 300;
  text-decoration: none;
}

.text-larger {
  font-size: 24px;
  line-height: 28px;
  font-weight: 300;
  text-decoration: none;
}

.bg-primary-9 {
  background-color: #7e107e;
  color: #fff;
}

.bg-primary-3 {
  background-color: #e87e23;
}

.bg-primary-3.light {
  background-color: #ffd6b3;
}

.bg-primary-3.lighter {
  background-color: #ffead9;
}

.bg-primary-3.lighter.colour-block {
  color: #e87e23;
}

.icon-button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 60px;
  height: 60px;
  padding: 15px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 30px;
}

.icon-button.medium {
  width: 50px;
  height: 50px;
  padding: 12px;
}

.icon-button.small {
  width: 40px;
  height: 40px;
  padding: 10px;
}

.icon-button.smaller {
  width: 30px;
  height: 30px;
  padding: 8px;
}

.icon-button.tiny {
  width: 20px;
  height: 20px;
  padding: 5px;
}

.heading-6 {
  font-size: 16px;
}

.heading-6.card-header {
  margin-bottom: 2px;
}

.heading-6.card-heading {
  margin-right: auto;
  margin-bottom: 10px;
  margin-left: auto;
  white-space: nowrap;
}

.shadow {
  box-shadow: 0 0 10px -2px rgba(43, 43, 43, 0.2);
}

.radio-tile-title {
  position: static;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 0%;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  font-size: 16px;
  font-weight: 400;
}

.text-secondary {
  color: #727272;
  text-decoration: none;
}

.text-field-2 {
  height: 44px;
  border-radius: 22px;
}

.text-field-2.focus {
  border-style: solid;
  border-width: 1px;
  border-color: #5bbee9;
}

.bg-primary-1 {
  background-color: #1f233d;
  color: #fff;
}

.horizontal-flex-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.horizontal-flex-container.wrap {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.horizontal-flex-container.wrap.service-contract {
  margin-top: 30px;
  padding-right: 30px;
  padding-left: 30px;
}

.horizontal-flex-container.space-between {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.dot-normal {
  width: 30px;
  height: 30px;
  border-radius: 15px;
}

.text-large {
  font-size: 20px;
  line-height: 22px;
  font-weight: 300;
  text-decoration: none;
}

.bg-primary-8 {
  background-color: #3c1e75;
  color: #fff;
}

.dot-smaller {
  width: 10px;
  height: 10px;
  border-radius: 5px;
}

.heading-3 {
  font-size: 32px;
}

.buttons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.labeled-button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 50px;
  margin-top: 5px;
  margin-bottom: 5px;
  padding: 15px 30px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 30px;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.05em;
  text-decoration: none;
  text-transform: uppercase;
}

.labeled-button.primary {
  background-color: #ffcd56;
}

.labeled-button.medium {
  height: 40px;
  padding: 12px 24px;
  font-size: 13px;
}

.labeled-button.medium.primary.card-action {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.bg-primary-2 {
  background-color: #266faf;
  color: #fff;
}

.bg-primary-2.light {
  background-color: #cce7ff;
  color: #2b2b2b;
}

.bg-primary-2.light.colour-block {
  color: #266faf;
}

.bg-primary-4 {
  background-color: #9ab212;
}

.bg-primary-4.bright.colour-block {
  background-color: #d9ff00;
}

.bg-primary-4.light {
  background-color: rgba(154, 178, 18, 0.4);
}

.bg-primary-4.light.colour-block {
  background-color: #f4ffb3;
}

.dot-small {
  width: 15px;
  height: 15px;
  border-radius: 8px;
}

.radio-tile-field-title {
  width: 40%;
  line-height: 16px;
  font-weight: 300;
}

.text-primary {
  text-decoration: none;
}

.dot-tiny {
  width: 4px;
  height: 4px;
  border-radius: 3px;
}

.grow {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.text-tiny {
  font-size: 10px;
  line-height: 12px;
  font-weight: 300;
  text-decoration: none;
}

.radio-tile-field-value {
  margin-right: 5px;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  font-size: 38px;
  line-height: 29px;
  font-weight: 500;
}

.heading-5 {
  font-size: 20px;
  line-height: 22px;
}

.text-faded {
  opacity: 0.25;
  text-decoration: none;
}

.field-label-2 {
  color: #727272;
  font-size: 12px;
}

.radio-tile-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 125px;
  min-width: 125px;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 10px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 15px;
  background-color: #fff;
}

.radio-tile-2.disabled {
  background-color: #e9eaee;
  color: #aaa;
}

.radio-tile-2.selected {
  background-color: #5bbee9;
  color: #fff;
}

.spacer-15 {
  width: 15px;
  height: 15px;
}

.bg-primary-6 {
  background-color: #f8af1d;
  color: #2b2b2b;
}

.bg-primary-6.light {
  background-color: #f8dfae;
}

.shrink {
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
}

.vertical-flex-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 100vw;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.spacer-5 {
  width: 5px;
}

.dot-point {
  width: 2px;
  height: 2px;
  border-radius: 3px;
}

.heading-4 {
  font-size: 24px;
  line-height: 28px;
}

.text-giant {
  font-size: 44px;
  line-height: 54px;
  font-weight: 300;
  text-decoration: none;
}

.text-giant.text-highlight {
  font-weight: 500;
}

.heading-1 {
  font-size: 46px;
}

.bg-primary-5 {
  background-color: #e54340;
}

.bg-primary-5.light {
  background-color: #ffcdcc;
  color: #e54340;
}

.bg-primary-5.lighter {
  background-color: #ffe6e5;
  color: #e54340;
}

.bg-primary-5.bright {
  background-color: #ff0037;
}

.dot-mini {
  width: 6px;
  height: 6px;
  border-radius: 3px;
}

.bg-primary-7 {
  background-color: #7a40e5;
  color: #fff;
}

.heading-2 {
  font-size: 38px;
}

.colour-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 250px;
  height: 75px;
  margin-top: 15px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.bg-black {
  background-color: #2b2b2b;
  color: #fff;
}

.bg-grey-1 {
  background-color: #727272;
  color: #fff;
}

.bg-grey-2 {
  background-color: #aaa;
}

.bg-grey-3 {
  background-color: #d3d3d3;
}

.bg-grey-4 {
  background-color: #e8e8e8;
}

.bg-grey-5 {
  background-color: #f5f5f5;
  color: #2b2b2b;
}

.bg-grey-6 {
  background-color: #fafafa;
}

.bg-gradient-1 {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(rgba(225, 241, 255, 0.2)));
  background-image: linear-gradient(180deg, #fff, rgba(225, 241, 255, 0.2));
}

.bg-gradient-1.colour-block.shadow-1 {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(rgba(225, 241, 255, 0.2)));
  background-image: linear-gradient(180deg, #fff, rgba(225, 241, 255, 0.2));
}

.navbar-offset {
  margin-left: 80px;
}

.side-panel-offset {
  margin-right: 305px;
}

.shadow-1 {
  box-shadow: 0 0 10px 0 rgba(43, 43, 43, 0.2) !important;
}

.shadow-2 {
  box-shadow: 0 75px 100px -20px rgba(43, 43, 43, 0.3) !important;
}

.shadow-3 {
  box-shadow: 0 0 10px -2px rgba(43, 43, 43, 0.2) !important;
}

.card {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  border-radius: 10px;
}

.card.bg-white {
  color: #1f233d;
}

.card.wide {
  width: 300px;
}

.card-line {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 10px;
  margin-bottom: 10px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.avatar-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  padding: 2px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  border-radius: 40px;
}

.avatar-container.overlap {
  margin-left: -10px;
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
}

.avatars {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.card-actions {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  border-radius: 20px;
}

.bg-white {
  background-color: #fff;
  color: #2b2b2b;
}

.card-heading-container {
  text-align: center;
}

.card-footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 5px;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  border-radius: 15px 15px 8px 8px;
  background-color: #e8e8e8;
}

.card-body {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.card-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 15px 30px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.field {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 15px;
}

.field.first {
  margin-top: 0px;
}

.field.vertical {
  margin-top: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.field-icon {
  width: 18px;
  height: 18px;
  margin-right: 30px;
}

.field-value.highlight {
  font-size: 18px;
  font-weight: 600;
}

.text-primary-1 {
  color: #1f233d;
}

.text-primary-2 {
  color: #1f233d;
}

.text-primary-2.light {
  color: #cce7ff;
}

.text-primary-3 {
  color: #e87e23;
}

.text-primary-3.bright {
  color: #ff8a26;
}

.text-primary-4 {
  color: #9ab212;
}

.text-primary-4.bright {
  color: #d9ff00;
}

.text-primary-5 {
  color: #e54340;
}

.text-primary-5.bright {
  color: #ff0037;
}

.text-primary-6 {
  color: #f8af1d;
}

.text-primary-6.bright {
  color: #ffb41e;
}

.text-primary-7 {
  color: #7a40e5;
}

.text-primary-8 {
  color: #3c1e75;
}

.text-primary-9 {
  color: #7e107e;
}

.labelled-button-icon {
  max-height: 100%;
  margin-right: 15px;
}

.mb30 {
  margin-bottom: 30px;
}

.bg-gradient-2 {
  background-image: -webkit-gradient(linear, left top, right top, from(#1f233d), to(#083165));
  background-image: linear-gradient(90deg, #1f233d, #083165);
  color: #fff;
}

.numeric-statistic {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.text-bolder {
  font-weight: 700;
  text-decoration: none;
}

.text-extra-bold {
  font-weight: 800;
  text-decoration: none;
}

.calendar-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 15px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.calendar-actions {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.grid {
  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  -ms-grid-rows: auto auto auto auto auto auto;
  grid-template-rows: auto auto auto auto auto auto;
}

.calendar-weekday-header {
  color: #aaa;
  font-size: 12px;
  line-height: 14px;
  font-weight: 600;
}

.calendar-month-day {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 25px;
  height: 30px;
  padding: 4px 5px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.calendar-month-day.selected {
  border-radius: 5px;
  background-color: #266faf;
  color: #fff;
}

.day-appointments {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch;
}

.rows-header {
  margin-bottom: 15px;
}

.bg-transparent {
  color: #2b2b2b;
}

.mr30 {
  margin-right: 30px;
}

.field-grid {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 15px;
  padding-bottom: 15px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.field-label {
  font-size: 12px;
  font-weight: 300;
}

.content-section-heading-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 40px;
  margin-bottom: 5px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 16px;
  line-height: 18px;
  font-weight: 300;
}

.chip-icon {
  max-height: 50%;
  margin-left: 15px;
}

.text-white {
  color: #fff;
}

.scene {
  margin-right: 0px;
}

.scene.card {
  width: 25vw;
  max-width: 25vw;
}

.scene.card.asset {
  margin-right: 15px;
  margin-left: 15px;
}

.card-faces {
  overflow: hidden;
  border-radius: 10px;
}

.card-face-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 10px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.card-face-heading {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

@media screen and (min-width: 1280px) {
  .scene.card {
    width: 25vw;
    max-width: 25vw;
  }
}

@media screen and (min-width: 1440px) {
  .content-section.contract-filters {
    width: 20vw;
  }

  .message-container.calendar-appointments {
    margin-right: auto;
    margin-left: auto;
  }

  .scene.card {
    width: 20vw;
    max-width: 20vw;
  }

  .card-faces {
    border-radius: 10px;
  }

  .card-content {
    width: 100%;
    height: 100%;
  }
}

@media screen and (min-width: 1920px) {
  .scene.card {
    width: 15vw;
    max-width: 15vw;
  }
}

@media screen and (max-width: 991px) {
  .status-description {
    font-size: 12px;
  }

  .left-column {
    overflow: hidden;
  }

  .card-subtitle {
    font-size: 13px;
  }

  .form-section {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .content-container.with-side-panel {
    margin-right: 245px;
  }

  .content-section.contract-filters {
    width: 80vw;
    margin-right: auto;
    margin-left: auto;
  }

  .row-field {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
  }

  .row-icon.small {
    max-height: 20px;
  }

  .side-panel {
    width: 240px;
  }

  .engineer-status-title {
    width: auto;
  }

  .work-event.last {
    display: none;
  }

  .engineer-status-animation {
    min-width: 150px;
  }

  .engineer-status-details {
    width: auto;
  }

  .engineer-status-description {
    width: auto;
  }

  .floating-card-column {
    overflow: hidden;
  }

  .scene.card {
    width: 36vw;
    max-width: 36vw;
  }
}

@media screen and (max-width: 767px) {
  .profile-field-value {
    margin-top: 0px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    font-size: 12px;
  }

  .profile-avatar {
    width: 120px;
    height: 120px;
    border-radius: 60px;
  }

  .profile-name {
    margin-top: 10px;
  }

  .status-description {
    font-size: 12px;
    line-height: 14px;
  }

  .side-navbar {
    display: none;
    padding-bottom: 50px;
  }

  .primary-menu.horizontal {
    margin-top: 0px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }

  .menu-item {
    max-height: 25px;
    max-width: 25px;
    margin-bottom: 0px;
  }

  .menu-item.user-avatar-container {
    width: auto;
    height: auto;
    margin-top: -20px;
    margin-bottom: 0px;
    padding: 4px;
    border-style: none;
    border-radius: 32px;
    background-color: #083165;
    box-shadow: 0 -3px 10px -2px rgba(43, 43, 43, 0.4);
  }

  .menu-item.user-avatar-container {
    width: auto;
    height: auto;
    margin-top: -20px;
    margin-bottom: 0px;
    padding: 4px;
    border-style: none;
    border-radius: 32px;
    background-color: #083165;
    box-shadow: 0 -3px 10px -2px rgba(43, 43, 43, 0.4);
  }

  .main-body {
    background-color: #f1f2f7;
  }

  .content {
    border-top-left-radius: 0px;
  }

  .cards-container {
    max-width: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .cards-container.highlighted {
    margin-top: 70px;
  }

  .settings-icon {
    max-height: none;
    max-width: 100%;
    margin-left: 0px;
  }

  .floating-card {
    width: 265px;
  }

  .floating-card.last {
    margin-bottom: 100px;
  }

  .avatar {
    width: 60px;
    height: 60px;
    min-height: 60px;
    min-width: 60px;
    padding: 1px;
    border: 1px solid #fff;
    border-radius: 30px;
    background-color: #083165;
  }

  .content-header {
    display: none;
  }

  .profile-field {
    margin-bottom: 20px;
  }

  .profile-fields {
    padding-top: 20px;
    padding-bottom: 10px;
    border-bottom-left-radius: 0px;
    font-size: 14px;
  }

  .row-heading {
    margin-right: 10px;
  }

  .modal {
    width: 100vw;
    height: 100%;
    max-height: none;
    border-radius: 0px;
  }

  .modal-body {
    max-height: 80%;
  }

  .content-container {
    margin-bottom: 80px;
    margin-left: 0px;
    padding-right: 10px;
    padding-left: 10px;
    border-top-left-radius: 0px;
  }

  .content-container.with-side-panel {
    margin-right: 0px;
    padding-top: 15px;
  }

  .bottom-navbar {
    position: fixed;
    left: 2px;
    top: auto;
    right: 2px;
    bottom: 2px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 60px;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    background-color: #1f233d;
    box-shadow: 0 -3px 10px -2px rgba(43, 43, 43, 0.4);
  }

  .top-navbar {
    position: fixed;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: auto;
    z-index: 1;
    display: none;
    height: 60px;
    padding: 5px 30px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background-color: #fafafa;
    box-shadow: 0 0 10px -4px rgba(43, 43, 43, 0.4);
  }

  .content-heading {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    font-size: 18px;
    line-height: 24px;
  }

  .back-button {
    width: 15px;
    height: 15px;
    margin-top: auto;
    margin-bottom: auto;
  }

  .content-section.profile-section {
    display: block;
  }

  .content-section.engineer-status-section {
    display: none;
  }

  .content-section.contract-filters {
    width: 90vw;
  }

  .content-section-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }

  .content-section-container.calendar {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .rows-container {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }

  .icon.content-option {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    background-color: transparent;
    box-shadow: none;
  }

  .row-more-icon {
    top: 0px;
  }

  .row-fields {
    margin-right: 0px;
  }

  .side-panel {
    display: none;
  }

  .profile-details {
    margin-top: 10px;
    margin-bottom: 15px;
  }

  .profile-container {
    overflow: hidden;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-style: solid;
    border-width: 1px;
    border-color: #e8e8e8;
    border-radius: 10px;
    background-color: #fff;
  }

  .container {
    padding-bottom: 35px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-style: solid none none;
    border-radius: 30px 30px 0px 0px;
    background-color: #f5f5f5;
  }

  .work-timeline {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .work-event {
    margin-right: 0px;
    margin-bottom: 20px;
  }

  .work-event.last {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }

  .work-event-more {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
  }

  .engineer-status-details {
    font-size: 14px;
  }

  .job-timeline-container {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }

  .row-avatar-container.white-border {
    border-radius: 60px;
  }

  .profile-avatar-container {
    width: 120px;
    height: 120px;
    border-radius: 60px;
  }

  .form-buttons {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .notifications-container {
    overflow: hidden;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-style: solid;
    border-width: 1px;
    border-color: #e8e8e8;
    border-radius: 10px;
    background-color: #fff;
  }

  .notification-container {
    margin-right: 0px;
    margin-bottom: 20px;
  }

  .floating-card-field {
    margin-bottom: 20px;
  }

  .floating-card-field-value {
    margin-top: 0px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    font-size: 12px;
  }

  .hero-block {
    padding-right: 20px;
    padding-bottom: 35px;
    padding-left: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-style: solid none none;
    border-radius: 30px 30px 0px 0px;
    background-color: #f5f5f5;
  }

  .hero-illustration {
    display: none;
  }

  .hero-details {
    margin-right: 0px;
  }

  .hero-actions {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .multistep-form-buttons {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .horizontal-flex-container.wrap.service-contract {
    padding-right: 15px;
    padding-left: 15px;
  }

  .navbar-offset {
    margin-left: 0px;
  }

  .card.asset {
    margin-right: 0px;
  }

  .calendar {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }

  .scene.card {
    width: 90vw;
    max-width: 90vw;
  }

  .scene.card.asset {
    margin-right: 0px;
    margin-left: 0px;
  }
}

@media screen and (max-width: 479px) {
  .profile-field-value {
    font-size: 14px;
  }

  .profile-avatar {
    border-radius: 75px;
  }

  .profile-name {
    font-size: 20px;
  }

  .menu-item.small {
    max-height: 20px;
    max-width: 20px;
  }

  .floating-card {
    min-width: 225px;
  }

  .row-heading {
    min-width: 50%;
    margin-right: 0px;
  }

  .row-heading.mobile-width-80 {
    min-width: 80%;
  }

  .content-section-heading {
    z-index: 10;
  }

  .row-field-label {
    white-space: nowrap;
  }

  .row-fields {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .profile-avatar-container {
    border-radius: 75px;
  }

  .floating-card-field-value {
    font-size: 14px;
  }

  .content-section-heading-2 {
    z-index: 10;
  }
}

#w-node-f511b3d6b19b-8c943304 {
  -ms-grid-column-align: center;
  justify-self: center;
  -ms-grid-column-span: 1;
  grid-column-end: 2;
  -ms-grid-column: 1;
  grid-column-start: 1;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
  -ms-grid-row: 1;
  grid-row-start: 1;
}

#w-node-ed13efd1b632-8c943304 {
  -ms-grid-column-align: center;
  justify-self: center;
  -ms-grid-column-span: 1;
  grid-column-end: 3;
  -ms-grid-column: 2;
  grid-column-start: 2;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
  -ms-grid-row: 1;
  grid-row-start: 1;
}

#w-node-a77c61d6b6de-8c943304 {
  -ms-grid-column-align: center;
  justify-self: center;
  -ms-grid-column: 3;
  grid-column-start: 3;
  -ms-grid-row: 1;
  grid-row-start: 1;
  -ms-grid-column-span: 1;
  grid-column-end: 4;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
}

#w-node-477483047b8d-8c943304 {
  -ms-grid-column-align: center;
  justify-self: center;
  -ms-grid-column: 4;
  grid-column-start: 4;
  -ms-grid-row: 1;
  grid-row-start: 1;
  -ms-grid-column-span: 1;
  grid-column-end: 5;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
}

#w-node-d50c0ff12bad-8c943304 {
  -ms-grid-column-align: center;
  justify-self: center;
  -ms-grid-column: 5;
  grid-column-start: 5;
  -ms-grid-row: 1;
  grid-row-start: 1;
  -ms-grid-column-span: 1;
  grid-column-end: 6;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
}

#w-node-0759fc458f8a-8c943304 {
  -ms-grid-column-align: center;
  justify-self: center;
  -ms-grid-column: 6;
  grid-column-start: 6;
  -ms-grid-row: 1;
  grid-row-start: 1;
  -ms-grid-column-span: 1;
  grid-column-end: 7;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
}

#w-node-1dc792a93fa3-8c943304 {
  -ms-grid-column-align: center;
  justify-self: center;
  -ms-grid-column: 7;
  grid-column-start: 7;
  -ms-grid-row: 1;
  grid-row-start: 1;
  -ms-grid-column-span: 1;
  grid-column-end: 8;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
}

#w-node-f068586c526f-8c943304 {
  -ms-grid-column-align: center;
  justify-self: center;
}

#w-node-901aa0a1ba4c-8c943304 {
  -ms-grid-column-align: center;
  justify-self: center;
  -ms-grid-column: 2;
  grid-column-start: 2;
  -ms-grid-row: 2;
  grid-row-start: 2;
  -ms-grid-column-span: 1;
  grid-column-end: 3;
  -ms-grid-row-span: 1;
  grid-row-end: 3;
}

#w-node-48f39a10fe00-8c943304 {
  -ms-grid-column-align: center;
  justify-self: center;
  -ms-grid-column: 3;
  grid-column-start: 3;
  -ms-grid-row: 2;
  grid-row-start: 2;
  -ms-grid-column-span: 1;
  grid-column-end: 4;
  -ms-grid-row-span: 1;
  grid-row-end: 3;
}

#w-node-d27a768418ff-8c943304 {
  -ms-grid-column-align: center;
  justify-self: center;
  -ms-grid-column: 4;
  grid-column-start: 4;
  -ms-grid-row: 2;
  grid-row-start: 2;
  -ms-grid-column-span: 1;
  grid-column-end: 5;
  -ms-grid-row-span: 1;
  grid-row-end: 3;
}

#w-node-b5e3225ffe49-8c943304 {
  -ms-grid-column-align: center;
  justify-self: center;
  -ms-grid-column: 5;
  grid-column-start: 5;
  -ms-grid-row: 2;
  grid-row-start: 2;
  -ms-grid-column-span: 1;
  grid-column-end: 6;
  -ms-grid-row-span: 1;
  grid-row-end: 3;
}

#w-node-6a13242798ea-8c943304 {
  -ms-grid-column-align: center;
  justify-self: center;
  -ms-grid-column: 6;
  grid-column-start: 6;
  -ms-grid-row: 2;
  grid-row-start: 2;
  -ms-grid-column-span: 1;
  grid-column-end: 7;
  -ms-grid-row-span: 1;
  grid-row-end: 3;
}

#w-node-0c9675e171e4-8c943304 {
  -ms-grid-column-align: center;
  justify-self: center;
  -ms-grid-column: 7;
  grid-column-start: 7;
  -ms-grid-row: 2;
  grid-row-start: 2;
  -ms-grid-column-span: 1;
  grid-column-end: 8;
  -ms-grid-row-span: 1;
  grid-row-end: 3;
}

#w-node-b69c07fd632e-8c943304 {
  -ms-grid-column-align: center;
  justify-self: center;
  -ms-grid-column: 1;
  grid-column-start: 1;
  -ms-grid-row: 3;
  grid-row-start: 3;
  -ms-grid-column-span: 1;
  grid-column-end: 2;
  -ms-grid-row-span: 1;
  grid-row-end: 4;
}

#w-node-7f26f4a4e516-8c943304 {
  -ms-grid-column-align: center;
  justify-self: center;
  -ms-grid-column: 2;
  grid-column-start: 2;
  -ms-grid-row: 3;
  grid-row-start: 3;
  -ms-grid-column-span: 1;
  grid-column-end: 3;
  -ms-grid-row-span: 1;
  grid-row-end: 4;
}

#w-node-69b817f3d05f-8c943304 {
  -ms-grid-column-align: center;
  justify-self: center;
  -ms-grid-column: 3;
  grid-column-start: 3;
  -ms-grid-row: 3;
  grid-row-start: 3;
  -ms-grid-column-span: 1;
  grid-column-end: 4;
  -ms-grid-row-span: 1;
  grid-row-end: 4;
}

#w-node-6f51db4b66a0-8c943304 {
  -ms-grid-column-align: center;
  justify-self: center;
  -ms-grid-column: 4;
  grid-column-start: 4;
  -ms-grid-row: 3;
  grid-row-start: 3;
  -ms-grid-column-span: 1;
  grid-column-end: 5;
  -ms-grid-row-span: 1;
  grid-row-end: 4;
}

#w-node-423e1b0a4927-8c943304 {
  -ms-grid-column-align: center;
  justify-self: center;
  -ms-grid-column: 5;
  grid-column-start: 5;
  -ms-grid-row: 3;
  grid-row-start: 3;
  -ms-grid-column-span: 1;
  grid-column-end: 6;
  -ms-grid-row-span: 1;
  grid-row-end: 4;
}

#w-node-ef0654c1138d-8c943304 {
  -ms-grid-column-align: center;
  justify-self: center;
  -ms-grid-column: 6;
  grid-column-start: 6;
  -ms-grid-row: 3;
  grid-row-start: 3;
  -ms-grid-column-span: 1;
  grid-column-end: 7;
  -ms-grid-row-span: 1;
  grid-row-end: 4;
}

#w-node-b66a0f904c43-8c943304 {
  -ms-grid-column-align: center;
  justify-self: center;
  -ms-grid-column: 7;
  grid-column-start: 7;
  -ms-grid-row: 3;
  grid-row-start: 3;
  -ms-grid-column-span: 1;
  grid-column-end: 8;
  -ms-grid-row-span: 1;
  grid-row-end: 4;
}

#w-node-6d2efec5b8bf-8c943304 {
  -ms-grid-column-align: center;
  justify-self: center;
  -ms-grid-column: 1;
  grid-column-start: 1;
  -ms-grid-row: 4;
  grid-row-start: 4;
  -ms-grid-column-span: 1;
  grid-column-end: 2;
  -ms-grid-row-span: 1;
  grid-row-end: 5;
}

#w-node-738ebc143289-8c943304 {
  -ms-grid-column-align: center;
  justify-self: center;
  -ms-grid-column: 2;
  grid-column-start: 2;
  -ms-grid-row: 4;
  grid-row-start: 4;
  -ms-grid-column-span: 1;
  grid-column-end: 3;
  -ms-grid-row-span: 1;
  grid-row-end: 5;
}

#w-node-98ba25484231-8c943304 {
  -ms-grid-column-align: center;
  justify-self: center;
  -ms-grid-column: 3;
  grid-column-start: 3;
  -ms-grid-row: 4;
  grid-row-start: 4;
  -ms-grid-column-span: 1;
  grid-column-end: 4;
  -ms-grid-row-span: 1;
  grid-row-end: 5;
}

#w-node-9fa8b544ea66-8c943304 {
  -ms-grid-column-align: center;
  justify-self: center;
  -ms-grid-column: 4;
  grid-column-start: 4;
  -ms-grid-row: 4;
  grid-row-start: 4;
  -ms-grid-column-span: 1;
  grid-column-end: 5;
  -ms-grid-row-span: 1;
  grid-row-end: 5;
}

#w-node-c2226192ca33-8c943304 {
  -ms-grid-column-align: center;
  justify-self: center;
  -ms-grid-column: 5;
  grid-column-start: 5;
  -ms-grid-row: 4;
  grid-row-start: 4;
  -ms-grid-column-span: 1;
  grid-column-end: 6;
  -ms-grid-row-span: 1;
  grid-row-end: 5;
}

#w-node-83008fef3cb9-8c943304 {
  -ms-grid-column-align: center;
  justify-self: center;
  -ms-grid-column: 6;
  grid-column-start: 6;
  -ms-grid-row: 4;
  grid-row-start: 4;
  -ms-grid-column-span: 1;
  grid-column-end: 7;
  -ms-grid-row-span: 1;
  grid-row-end: 5;
}

#w-node-0120571b4387-8c943304 {
  -ms-grid-column-align: center;
  justify-self: center;
  -ms-grid-column: 7;
  grid-column-start: 7;
  -ms-grid-row: 4;
  grid-row-start: 4;
  -ms-grid-column-span: 1;
  grid-column-end: 8;
  -ms-grid-row-span: 1;
  grid-row-end: 5;
}

#w-node-2f13e9c6e5be-8c943304 {
  -ms-grid-column-align: center;
  justify-self: center;
  -ms-grid-column: 1;
  grid-column-start: 1;
  -ms-grid-row: 5;
  grid-row-start: 5;
  -ms-grid-column-span: 1;
  grid-column-end: 2;
  -ms-grid-row-span: 1;
  grid-row-end: 6;
}

#w-node-945deee44e17-8c943304 {
  -ms-grid-column-align: center;
  justify-self: center;
  -ms-grid-column: 2;
  grid-column-start: 2;
  -ms-grid-row: 5;
  grid-row-start: 5;
  -ms-grid-column-span: 1;
  grid-column-end: 3;
  -ms-grid-row-span: 1;
  grid-row-end: 6;
}

#w-node-63772d6aea34-8c943304 {
  -ms-grid-column-align: center;
  justify-self: center;
  -ms-grid-column: 3;
  grid-column-start: 3;
  -ms-grid-row: 5;
  grid-row-start: 5;
  -ms-grid-column-span: 1;
  grid-column-end: 4;
  -ms-grid-row-span: 1;
  grid-row-end: 6;
}

#w-node-a903b97e4c2a-8c943304 {
  -ms-grid-column-align: center;
  justify-self: center;
  -ms-grid-column: 4;
  grid-column-start: 4;
  -ms-grid-row: 5;
  grid-row-start: 5;
  -ms-grid-column-span: 1;
  grid-column-end: 5;
  -ms-grid-row-span: 1;
  grid-row-end: 6;
}

#w-node-df1058682dc3-8c943304 {
  -ms-grid-column-align: center;
  justify-self: center;
  -ms-grid-column: 5;
  grid-column-start: 5;
  -ms-grid-row: 5;
  grid-row-start: 5;
  -ms-grid-column-span: 1;
  grid-column-end: 6;
  -ms-grid-row-span: 1;
  grid-row-end: 6;
}

#w-node-d2f06f528baa-8c943304 {
  -ms-grid-column-align: center;
  justify-self: center;
  -ms-grid-column: 6;
  grid-column-start: 6;
  -ms-grid-row: 5;
  grid-row-start: 5;
  -ms-grid-column-span: 1;
  grid-column-end: 7;
  -ms-grid-row-span: 1;
  grid-row-end: 6;
}

#w-node-8b15410a6324-8c943304 {
  -ms-grid-column-align: center;
  justify-self: center;
  -ms-grid-column: 7;
  grid-column-start: 7;
  -ms-grid-row: 5;
  grid-row-start: 5;
  -ms-grid-column-span: 1;
  grid-column-end: 8;
  -ms-grid-row-span: 1;
  grid-row-end: 6;
}

#w-node-2c50561a93ae-8c943304 {
  -ms-grid-column-align: center;
  justify-self: center;
  -ms-grid-column: 1;
  grid-column-start: 1;
  -ms-grid-row: 6;
  grid-row-start: 6;
  -ms-grid-column-span: 1;
  grid-column-end: 2;
  -ms-grid-row-span: 1;
  grid-row-end: 7;
}

#w-node-37a5f02c5296-8c943304 {
  -ms-grid-column-align: center;
  justify-self: center;
  -ms-grid-column: 2;
  grid-column-start: 2;
  -ms-grid-row: 6;
  grid-row-start: 6;
  -ms-grid-column-span: 1;
  grid-column-end: 3;
  -ms-grid-row-span: 1;
  grid-row-end: 7;
}

#w-node-4d800d5cddeb-8c943304 {
  -ms-grid-column-align: center;
  justify-self: center;
  -ms-grid-column: 3;
  grid-column-start: 3;
  -ms-grid-row: 6;
  grid-row-start: 6;
  -ms-grid-column-span: 1;
  grid-column-end: 4;
  -ms-grid-row-span: 1;
  grid-row-end: 7;
}

#w-node-cc7b428fc035-8c943304 {
  -ms-grid-column-align: center;
  justify-self: center;
  -ms-grid-column: 4;
  grid-column-start: 4;
  -ms-grid-row: 6;
  grid-row-start: 6;
  -ms-grid-column-span: 1;
  grid-column-end: 5;
  -ms-grid-row-span: 1;
  grid-row-end: 7;
}

#w-node-f8e8f5093fd9-8c943304 {
  -ms-grid-column-align: center;
  justify-self: center;
  -ms-grid-column: 5;
  grid-column-start: 5;
  -ms-grid-row: 6;
  grid-row-start: 6;
  -ms-grid-column-span: 1;
  grid-column-end: 6;
  -ms-grid-row-span: 1;
  grid-row-end: 7;
}

#w-node-42838a5b7c76-8c943304 {
  -ms-grid-column-align: center;
  justify-self: center;
  -ms-grid-column: 6;
  grid-column-start: 6;
  -ms-grid-row: 6;
  grid-row-start: 6;
  -ms-grid-column-span: 1;
  grid-column-end: 7;
  -ms-grid-row-span: 1;
  grid-row-end: 7;
}

#w-node-2407d879f7d9-8c943304 {
  -ms-grid-column-align: center;
  justify-self: center;
  -ms-grid-column: 7;
  grid-column-start: 7;
  -ms-grid-row: 6;
  grid-row-start: 6;
  -ms-grid-column-span: 1;
  grid-column-end: 8;
  -ms-grid-row-span: 1;
  grid-row-end: 7;
}