html,
body {
  height: 100%;
  font-family: "Roboto", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* FONT WEIGHTS start */

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 700;
}

html,
body,
p,
div,
span,
button,
input,
optgroup,
textarea,
.card-header button,
.card-header button:hover,
.card-header button:focus,
.card-header button:visited,
.card-header button:link,
.btn {
  font-weight: 400;
}

.form-control,
.custom-select,
select {
  font-weight: 300;
}

select.form-control {
  width: fit-content;
}

.text-muted {
  color: var(--color-main-one) !important;
}

b,
strong,
.selected-om .om-info-wrapper .om-name,
.goto-building-btn,
.gf-html-bold,
.schema-progress-bar-text,
.schema-progress-bar-percent,
.completed_status {
  font-weight: 600;
}

h3.gform_title,
h3.g_title,
.gform_heading .gform_title {
  font-weight: 600 !important;
  font-size: 1.25em !important;
  margin: 10px 0 6px 0 !important;
}

.fat-heading,
.confidentiality-prefix {
  font-weight: bold;
}

.selected-field-gf,
.schema-sub-title label,
.gform_wrapper label.gfield_label,
.gform_wrapper legend.gfield_label,
#about_me_form label {
  font-weight: 400 !important;
}

/* FONT WEIGHTS end */

a,
a:visited,
a:link,
a:focus,
a:hover,
a:active,
.csv-export {
  color: var(--color-secoundary-one) !important;
  text-decoration: none !important;
}

.dashboard .card a,
.dashboard .card a:visited,
.dashboard .card a:link,
.dashboard .card a:focus,
.dashboard .card a:hover,
.dashboard .card a:active {
  color: #fff !important;
}

.schema-type-wrapper a .text,
html body .ui-state-default {
  color: var(--color-main-one) !important;
}

.btn-success:focus {
  box-shadow: none !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
div,
span,
button,
input,
select,
optgroup,
textarea {
  font-family: "Roboto", sans-serif !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.5em;
}

.text-uppercase {
  text-transform: uppercase;
}

.building-conf-agreements {
  padding-left: 12px;
  padding-top: 12px;
}

li {
  margin-top: 8px;
}

b,
strong {
  font-family: "Roboto", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.5em;
}

.centered-content {
  max-width: 500px;
  margin: 0 auto;
}

.centered-content-small {
  max-width: 440px;
  margin: 0 auto;
}

.sidebar-lang,
.main-navigation > * {
  float: right;
}

.btn-success:not(:disabled):not(.disabled):active:focus {
  box-shadow: none;
}

/* input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"] {
  -webkit-transition: background-color 0.10s ease;
  transition: background-color 0.10s ease;
  background: none;
  border: none;
  outline: none;
  cursor: text;
  margin-bottom: 40px;
  border-bottom: 1px solid #E6E6E6;
  width: 100%;
} */

/* Change the white to any color ;) */
input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 30px white inset;
}

.text-divider {
  margin: 2em 0;
  line-height: 0;
  text-align: center;
}
.text-divider span {
  background-color: #fff;
  padding-left: 10px;
  padding-right: 10px;
}
.text-divider:before {
  content: " ";
  display: block;
  border-top: 1px solid #e3e3e3;
  border-bottom: 1px solid #f7f7f7;
}

.form-group.required .control-label:after {
  content: "*";
  color: var(--color-secoundary-one);
}

.schema-type-wrapper {
  position: relative;
}

.schema-type {
  cursor: pointer;
  width: 100%;
  background-color: var(--color-secoundary-two);
  margin-bottom: 15px;
  z-index: 50;
  height: 50px;
  position: relative;
}

.gform_heading::before {
  content: "";
  margin-right: 15px;
}

.gform_heading {
  position: relative;
}

.schema-type .icon,
.gform_heading::before {
  background-image: url("../img/propsafety-icon-skjema.svg");
  background-repeat: no-repeat;
  width: 48px;
  height: 50px;
  background-size: 50px 32px;
  background-position-y: center;
  background-color: var(--color-main-one);
  color: #fff;
  padding-top: 10px;
  padding-bottom: 10px;
  display: inline-flex;
  padding-left: 15px;
  font-size: 30px;
  padding-right: 15px;
}

.icon-confidentiality {
  background-image: url("../img/propsafety-ikon-taushets.svg");
  background-repeat: no-repeat;
  width: 48px;
  height: 50px;
  background-size: 50px 50px;
  background-color: var(--color-main-two);
  color: #fff;
  display: inline-flex;
}

h3.gform_title,
h3.g_title,
.gform_heading .gform_title {
  background-color: var(--color-secoundary-two) !important;
  font-style: italic !important;
  position: absolute !important;
  top: -10px !important;
  left: 48px !important;
  height: 50px !important;
  right: 0 !important;
  line-height: 52px !important;
  padding-left: 12px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.gform_wrapper span.gform_description {
  margin-top: 15px;
}

.gform_wrapper .gfield_select {
  background-color: #fff;
  border: 1px solid #777;
  height: 38px;
  border-radius: 3px;
}

.gform_wrapper .gfield input {
  height: 48px;
  padding-left: 15px !important;
}

.schema-heading .gform_heading {
  position: relative;
}

.schema-type .icon.icon-selected,
.schema-type .icon-confidentiality.icon-selected {
  background-color: var(--color-secoundary-one);
}

.confidentiality-agreement-subtext {
  margin-bottom: 15px;
}

.schema-type .text {
  font-style: italic;
  vertical-align: top;
  margin-left: 15px;
  line-height: 50px;
  display: inline-block;
  max-width: 67%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* .gform_body li {
  position: relative;
} */

.close-selected-schema,
.close-selected-region,
.hamburger-icon,
.arrow-right-icon,
.arrow-left-icon {
  background-repeat: no-repeat;
  width: 40px;
  height: 40px;
  background-size: 40px 40px;
  margin-top: 6px;
}

.list-buildings .arrow-right-icon {
  width: 35px;
}

.close-icon-dark {
  background-repeat: no-repeat;
  width: 40px;
  height: 40px;
  background-size: 40px 40px;
  margin-top: -4px;
}

.close-selected-schema,
.close-selected-region,
.close-icon-dark,
.arrow-right-icon {
  float: right;
  line-height: 50px;
  margin-right: 15px;
  z-index: 100;
  display: inline-block;
}

.arrow-left-icon {
  float: left;
  line-height: 50px;
  margin-right: 15px;
  z-index: 100;
  display: inline-block;
}

.close-selected-schema {
  position: absolute;
  right: 0;
}

.close-selected-building {
  /* float: right; */
  /* line-height: 50px; */
  /* margin-right: -18px; */
  z-index: 100;
  display: inline-block;
  background-repeat: no-repeat;
  width: 40px;
  height: 40px;
  background-size: 40px 40px;
  position: absolute;
  right: 13px;
  top: 5px;
}

.close-selected-schema,
.close-icon-dark {
  background-image: url("../img/propsafety-ikon-lukk-graa.svg");
}

.action-is-ok {
  background-image: url("../img/propsafety-ikon-avhuk-gronn.svg");
  background-repeat: no-repeat;
  width: 60px;
  height: 60px;
  background-size: 60px 60px;
  margin-top: -4px;
  float: right;
  line-height: 60px;
  margin-right: 0;
  z-index: 100;
  display: inline-block;
  position: absolute;
  right: 0px;
}

button,
button:active,
button:focus {
  -moz-outline-style: none;
  outline: none;
}

.close-selected-region,
.close-selected-building {
  background-image: url("../img/propsafety-ikon-lukk.svg");
}

.arrow-right-icon {
  background-image: url("../img/Propsafeety-icon-arrow-right.svg");
  margin-top: 12px;
}

.arrow-left-icon {
  background-image: url("../img/Propsafeety-icon-arrow-right.svg");
  margin-top: 10px;
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}

.building-heading,
.building-operations-manager-heading {
  background-color: var(--color-main-two);
  color: #fff;
  height: 50px;
  line-height: 50px;
  padding-left: 15px;
  font-size: 20px;
}

.region-heading {
  background-color: var(--color-secoundary-one);
  color: #fff;
  height: 50px;
  line-height: 50px;
  padding-left: 15px;
  font-size: 20px;
}

.om-phone {
  margin-left: 10px;
}

.building-operations-manager-heading {
  background-color: #404040;
  margin-left: -20px;
  margin-right: -20px;
  margin-top: -20px !important;
}

.building-operation-manager {
  background-color: #ebebeb;
  margin-left: -20px;
  margin-right: -20px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 15px;
  font-size: 20px;
  border-bottom: 1px solid #cccccc;
  cursor: pointer;
  position: relative;
}

.om-info-wrapper {
  max-width: 90%;
  display: inline-block;
}

.om-info-wrapper .om-name,
.om-info-wrapper .om-phone {
  display: inline-block;
  font-size: 16px;
}

.om-info-wrapper .om-phone.hide-this {
  display: none;
}

.card-body-offset-fix {
  margin-top: -24px;
}

.set-pos-abs {
  position: absolute;
}

.close-icon-dark.set-pos-abs {
  right: -3px;
}

.hamburger-icon {
  background-image: url("../img/propsafety-ikon-lister.svg");
  float: right;
  font-size: 30px;
  line-height: 50px;
  margin-right: 15px;
}

.region-content {
  height: 50px;
  background-color: #fff;
  border-bottom: 1px solid #cccccc;
  line-height: 50px;
  font-size: 20px;
  padding-left: 15px;
  cursor: pointer;
}

.selected-region {
  border-bottom: none;
  background-color: #97d700;
  color: #fff;
}

.header-pre-info {
  background-color: var(--color-main-three);
  color: #fff;
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.header-pre-info-main-title {
  margin-bottom: 0;
}

.header-pre-info-sub-title {
  color: var(--color-secoundary-one);
}

.header-info {
  background-color: var(--color-main-two);
  color: #fff;
  padding-top: 14px;
  padding-bottom: 1px;
  margin-bottom: 20px;
}

.card-header,
.collapse.show {
  background-color: #fff;
  border-bottom: 2px solid #cccccc;
  padding: 0;
  padding-left: 0;
  min-height: 50px;
}

.card-header button,
.card-header button:hover,
.card-header button:focus,
.card-header button:visited,
.card-header button:link {
  color: inherit;
  text-decoration: none;
  font-size: 20px;
  color: #404040;
  font-family: "Roboto", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.5em;
}

.list-buildings .card-body {
  padding-bottom: 0;
  margin-bottom: -4px;
}

.selected-building {
  background-color: #97d700;
  margin-top: 10px;
  min-height: 50px;
}

.remove-white-background {
  background-color: #f7f7f7;
}

.user-action-chooser-wrapper .card-text {
  text-align: center;
}

.user-action-chooser-wrapper .card-text .fas,
.user-action-chooser-wrapper .card-text .fab {
  font-size: 100px;
  color: var(--color-main-two);
}

.goto-building-btn {
  background-color: var(--color-secoundary-one);
  margin-left: -20px;
  margin-right: -20px;
  padding-left: 15px;
  color: #fff;
  font-size: 20px;
  height: 60px;
  font-style: italic;
  line-height: 60px;
  cursor: pointer;
}

.selected-building button,
.selected-building button:hover,
.selected-building button:focus,
.selected-building button:visited,
.selected-building button:link {
  color: #fff;
}

.building-thumbnail {
  margin-left: -20px;
  margin-right: -40px;
}

.card {
  border: none;
}

#masthead {
  background-color: var(--color-main-one);
  color: #fff;
  min-height: 70px;
}

#masthead a {
  color: #fff;
}

html body .main-navigation {
  width: auto;
  float: right;
  margin-top: -40px;
  margin-bottom: 10px;
}

.head-container-wrapper {
  position: relative;
}

.head-container-wrapper .site-branding {
  position: absolute;
  left: 15px;
  top: 2px;
}

.head-container-wrapper .main-navigation {
  position: absolute;
  top: 44px;
  right: 5px;
}

.site-logo {
  /* background-image: url(../img/propsafety-logo-white.svg); */
  background-image: url(../img/propsafety_logo_her.png);
  background-repeat: no-repeat;
  background-size: 120px;
  height: 45px;
  display: block;
  width: 120px;
  float: left;
  background-position-y: bottom;
}

body {
  background-color: #fff;
}

.heading-decor {
  border-bottom: 2px solid var(--color-secoundary-one);
  margin-bottom: 15px;
}

.allButFooter {
  min-height: calc(100vh - 143px);
}

footer.site-footer {
  /* background-color: var(--color-main-one);
  height: 30px; */
}

.custom-control-input:checked ~ .custom-control-label::before {
  color: #fff;
  border-color: var(--color-main-two);
  background-color: var(--color-main-two);
}

/* GRAVITY FORM */

.hide-on-web {
  display: none !important;
}

.gform_wrapper .top_label li.gfield.gf_left_third.gf_generic_info,
.gform_wrapper .top_label li.gfield.gf_middle_third.gf_generic_info,
.gform_wrapper .top_label li.gfield.gf_right_third.gf_generic_info {
  display: none;
}

.gf_generic_info_wrapper {
  cursor: pointer;
  border-bottom: 2px solid #9bb8d3 !important;
}

.gf_generic_info_wrapper_wo_pointer {
  border-bottom: 2px solid #9bb8d3 !important;
}

.gf_generic_info_wrapper h2::after {
  content: "";
  background-image: url("../img/Propsafety-icon-arrow-down-orange.svg");
  background-repeat: no-repeat;
  width: 50px;
  height: 50px;
  background-size: 32px 50px;
  display: inline-block;
  float: right;
  margin-right: -15px;
  margin-top: -5px;
  position: absolute;
  right: 0;
}

.icon-arrow-down::after {
  content: "";
  background-image: url("../img/Propsafety-icon-arrow-down-orange.svg");
  background-repeat: no-repeat;
  width: 50px;
  height: 50px;
  background-size: 32px 50px;
  display: inline-block;
  float: right;
  margin-right: -15px;
  margin-top: -5px;
  position: absolute;
  right: 0;
}

.icon-arrow-up::after {
  content: "";
  background-image: url("../img/Propsafety-icon-arrow-down-orange.svg");
  background-repeat: no-repeat;
  width: 50px;
  height: 50px;
  background-size: 32px 50px;
  display: inline-block;
  float: right;
  margin-right: -15px;
  margin-top: -5px;
  position: absolute;
  right: 16px;
  transform: rotate(180deg);
}

.menu-item {
  margin-left: 10px;
}

.ginput_container.ginput_container_date:before,
.ginput_container.ginput_container_radio li label:before {
  content: "";
  background-color: var(--color-main-one);
  padding: 8px;
  margin-right: -4px;
  background-image: url(../img/Propsafeety-icon-arrow-right.svg);
  background-repeat: no-repeat;
  background-position-y: center;
  background-position-x: center;
  display: inline-block;
  vertical-align: top;
  position: absolute;
  top: 0;
  left: 0;
}

.gfield_radio li label {
  padding-left: 37px !important;
}

.header-darker {
  color: var(--color-secoundary-three);
}

.header-pre-info-sub-title {
  color: var(--color-dark-green);
}

.ginput_container.ginput_container_date:before {
  width: 50px;
  height: 50px;
  background-size: 25px 25px;
  bottom: 0;
  top: auto;
}

.gform_wrapper li.gfield.gfield_error .ginput_container.ginput_container_date:before {
  top: 73px;
}

.selected-field-gf {
  color: #fff !important;
}

.ginput_container.ginput_container_date.datepicker-selected .datepicker,
.ginput_container.ginput_container_date .datepicker {
  padding-left: 60px !important;
  height: 50px !important;
  width: 100% !important;
}

span.gfield_required {
  display: inline !important;
}

.gform_wrapper .gfield_checkbox li input[type="checkbox"] {
  vertical-align: top !important;
}

.ginput_container.ginput_container_radio li label:before,
.selected-field-gf:before {
  width: 50px;
  height: 54px;
  background-size: 25px 25px;
}

.selected-field-gf:before {
  content: "";
  background-color: transparent !important;
  padding: 8px;
  margin-right: -4px;
  background-image: url(../img/Propsafety-icon-check.svg) !important;
  background-repeat: no-repeat;
  background-position-y: center;
  background-position-x: center;
  display: inline-block;
  vertical-align: top;
  border-right: 1px solid #fff;
}

.hide-before:before {
  display: none !important;
}

.ginput_container.ginput_container_radio li label::before {
  margin-right: 30px;
}

/* GF checkbox*/
.gfield_checkbox li {
  margin-bottom: 20px !important;
}

.gfield_checkbox li input + label {
  position: relative !important;
  cursor: pointer !important;
  padding: 0 !important;
}

/* .gfield_checkbox li label {
  display: flex!important;
} */

/* Hide the browser's default checkbox */
.gfield_checkbox li input {
  position: absolute !important;
  opacity: 0 !important;
}

.gfield_checkbox li input + span::before {
  content: "";
  margin-right: 10px !important;
  display: inline-block !important;
  vertical-align: text-top !important;
  width: 25px !important;
  height: 25px !important;
  background: var(--color-secoundary-two) !important;
  position: absolute;
  top: 4px;
}

.gfield_checkbox li input:checked + span::after {
  content: "" !important;
  position: absolute !important;
  left: 8px !important;
  top: 16px !important;
  background: var(--color-main-one) !important;
  width: 2px !important;
  height: 2px !important;
  box-shadow: none !important;
  -webkit-transform: rotate(45deg) !important;
  transform: rotate(45deg) !important;
}

.gfield_checkbox li label {
  margin-left: 34px !important;
  line-height: 2.1 !important;
}

.gform_wrapper ul.gfield_checkbox li {
  overflow: inherit !important;
}

.gfield_checkbox li input:hover + span::before {
  background: var(--color-main-one) !important;
}

.gfield_checkbox li input:focus + span::before {
  box-shadow: none !important;
}

.gfield_checkbox li input:checked + span::before {
  background: var(--color-main-one) !important;
}

.gfield_checkbox li input:disabled + span {
  color: #b8b8b8 !important;
  cursor: auto !important;
}

.gfield_checkbox li input:disabled + span:before {
  box-shadow: none !important;
  background: #ddd !important;
}

/* .schema-show-building-selector-wrapper {
  display: none;
} */

.ginput_container.ginput_container_radio li {
  float: left;
  background-color: var(--color-secoundary-two);
  width: 104px;
  margin-right: 20px !important;
  margin-bottom: 15px !important;
}

.ds-add-progress.full-width .ginput_container.ginput_container_radio li {
  float: none;
  width: auto;
}

.ds-add-progress .ginput_container.ginput_container_radio li {
  float: none;
  width: auto;
}

.gfield_label,
#about_me_form label {
  margin-top: 25px;
}

/* .long-label-txt li {
  overflow: visible!important;
  height: unset!important;
} */

.gform_body li {
  position: relative;
}

.ginput_container.ginput_container_radio {
  margin-top: 0 !important;
}

.schema-sub-title label {
  font-style: normal;
}

.gform_wrapper label.gfield_label,
.gform_wrapper legend.gfield_label,
#about_me_form label {
  font-size: 19px !important;
  width: 100% !important;
}

.collapse .card-body {
  padding: unset;
}

.card-header,
.collapse.show {
  border-bottom: none;
}

.card-title-txt {
  color: #fff;
}

.custom-select:focus {
  border-color: var(--color-secoundary-one);
  outline: 0;
  box-shadow: none;
}

/* .form-control,
select {
  height: 50px!important;
} */

.gform_wrapper li.schema-sub-title > label,
.gform_wrapper .gfield_checkbox li label,
.gform_wrapper .gfield_description,
.gform_wrapper .gfield_label ul li {
  font-size: 16px !important;
}

.gform_legacy_markup_wrapper .gsection.ds-gf-mt-lg {
  border-bottom: 1px solid var(--color-main-one) !important;
  border-bottom-color: var(--color-main-one) !important;
}

.gform_legacy_markup_wrapper .gsection.gf_generic_info_wrapper {
  border-bottom: 1px solid var(--color-secoundary-one) !important;
  border-bottom-color: var(--color-secoundary-one) !important;
}

.gfield_description a {
  text-decoration: underline;
}

.gform_wrapper li.gf_readonly label.gfield_label,
.gform_wrapper li.gf_readonly legend.gfield_label {
  font-size: 15px !important;
}

.gform_wrapper ul.gform_fields li.gfield {
  /* padding-right: 0!important; */
}

.gform_wrapper .gsection {
  margin-right: 0 !important;
}

.btn.btn-link.show-building {
  width: 100%;
  text-align: left;
  white-space: normal;
  padding-bottom: 0;
  /* padding-top: 8px; */
  position: relative;
}

.building-name {
  vertical-align: middle;
}

.form-control,
.alert,
.custom-select {
  border-radius: var(--px-border-radius);
}

.ginput_container.ginput_container_radio li input,
.ginput_container.ginput_container_checkbox li input {
  visibility: hidden !important;
}

.gform_legacy_markup_wrapper .gfield_radio li label {
  margin: 2px 0 0 8px !important;
}

.ginput_container.ginput_container_radio li label {
  padding-bottom: 5px !important;
  padding-top: 5px !important;
  margin-right: 20px !important;
  font-size: 20px !important;
  line-height: 38px !important;
  font-style: normal;
  font-weight: 400 !important;
  width: 100% !important;
  width: -moz-available !important; /* WebKit-based browsers will ignore this. */
  width: -webkit-fill-available !important; /* Mozilla-based browsers will ignore this. */
  width: fill-available !important;
}

html body .gform_validation_errors > ol {
  text-align: left;
  margin-left: 15px;
  margin-right: 15px;
}

html body .gform_validation_errors > ol li {
  margin-bottom: 0;
}

.schema-progress-bar-wrapper {
  position: fixed;
  height: 55px;
  width: 100%;
  background-color: var(--color-main-one);
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2;
}

.gform_wrapper input[type="submit"] {
  width: 100% !important;
  background-color: var(--color-secoundary-one) !important;
  color: #fff !important;
  border-color: var(--color-secoundary-one) !important;
  /* text-align: left; */
  font-size: 25px !important;
  border-radius: 0;
  line-height: 25px !important;
  cursor: pointer;
  padding-bottom: 15px !important;
  padding-top: 15px !important;
}

.form-group,
.gfield {
  position: relative;
}

/* .form-group .control-label::before,
label.gfield_label::before {
  content: "";
  position: absolute;
  width: 100%;
  border-bottom: 1px solid var(--color-secoundary-one);
  top: 57px;
} */

.new-project .control-label::before {
  top: 32px;
}

.modal-body .control-label::before {
  top: 25px;
}

/* .ds-add-progress > label,
.ds-none-progress > label,
#about_me_form label {
  border-bottom: 1px solid var(--color-secoundary-one);
  line-height: 32px!important;
} */

.remove-underline-decor > label {
  border-bottom: 0;
}

.schema-progress-bar-text {
  color: #fff;
  margin-top: 4px;
  margin-bottom: 4px;
}

.progress-bar-margin {
  margin-bottom: 70px;
}

.progress {
  height: 10px;
  position: relative;
  overflow: inherit;
}

.completed_status {
  background-color: transparent;
  border: 1px solid var(--color-secoundary-one);
  color: var(--color-secoundary-one);
  border-radius: 30px;
  min-width: 40px;
  font-size: 12px;
  /* padding-left: 8px;
  padding-right: 8px; */
  text-align: center;
  float: right;
}

.completed_status_ok {
  border: 1px solid #0fd786;
  color: #0fd786;
}

.completed_status_empty {
  border: 1px solid #d95154;
  color: #d95154;
}

.color_completed_status_ok {
  color: #0fd786;
}

.color_completed_status_empty {
  color: #d95154;
}

.progress-dott {
  z-index: 999;
  display: inline-block;
  height: 18px;
  width: 18px;
  background-color: var(--color-secoundary-one);
  border-radius: 50%;
  margin-top: -4px;
  margin-left: -2px;
}

.progress-bar {
  background-color: var(--color-secoundary-one);
}

.login-btn-wrapper {
  max-width: 500px;
  margin: 0 auto;
  margin-top: 70px;
  display: block;
}

.top-placed-info {
  position: fixed;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
  display: none;
}

.login-btn {
  width: 100%;
  height: 70px;
}

.btn {
  border-radius: 0;
}

.btn.btn-success,
.btn.btn-success:focus,
.btn.btn-success:active,
.btn.btn-light,
.btn.btn-light:focus,
.btn.btn-light:active {
  width: 100% !important;
  font-weight: 700;
  font-size: 30px !important;
  padding: 10px 10px !important;
}

.btn.btn-success,
.btn.btn-success:focus,
.btn.btn-success:active {
  background-color: var(--color-secoundary-one) !important;
  color: #fff !important;
  border-color: var(--color-secoundary-one) !important;
}

.btn.btn-light,
.btn.btn-light:focus,
.btn.btn-light:active {
  background-color: var(--color-secoundary-two) !important;
  color: var(--color-main-three) !important;
  border-color: var(--color-main-three) !important;
}

html body .btn.btn-small,
html body .btn.btn-small:focus,
html body .btn.btn-small:active {
  font-size: 20px !important;
}

html body .btn.btn-smaller,
html body .btn.btn-smaller:focus,
html body .btn.btn-smaller:active {
  font-size: 20px !important;
  padding: 5px 10px !important;
}

.show-building.btn.active.focus,
.show-building.btn.active:focus,
.show-building.btn.focus,
.show-building.btn:active.focus,
.show-building.btn:active:focus,
.show-building.btn:focus {
  outline: inherit !important;
  box-shadow: none !important;
  border: none !important;
}

/* .btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus

.full-width-btn {
  width: 100%;
  font-size: 25px!important;
} */

.delete-me-danger-txt {
  display: none;
}

#phone_country_code {
  text-align: right;
}

.ds-gf-field-selected {
  background-color: var(--color-main-one) !important;
}

html body .select2-container--default .select2-results__option--highlighted[aria-selected] {
  color: var(--color-main-one);
}

.select2-container .select2-selection--single,
.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 38px !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 38px !important;
}

.select2-container--default .select2-selection--single {
  border-color: #ddd !important;
  border-radius: 0 !important;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #404040;
}

.datepicker-selected:before {
  background-color: var(--color-main-one) !important;
}

.select2-container {
  width: 100% !important;
}

.warning-data-missing {
  border: 1px solid red;
}

#main {
  margin-bottom: 50px;
}

#phone_country_code {
  min-width: 55px;
}

#building_regions_picker,
.hide-this {
  display: none;
}

.hide-this-important {
  display: none !important;
}

.menu-icon-my-account,
.menu-icon-forms,
.menu-icon-logout,
.menu-icon-dashboard-home {
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;
  background-size: 32px 32px;
  background-position: center;
  display: block;
}

.icon-send-msg {
  background-image: url("../img/Propsafety-send-melding-ikon.svg");
  width: 30px;
  height: 26px;
  background-repeat: no-repeat;
  background-size: 38px 38px;
  background-position: center;
  display: block;
}

.confidentiality-value {
  margin-right: 15px;
}

.badge-danger {
  background-color: var(--color-secoundary-one);
}

.menu-icon-my-account {
  background-image: url("../img/Propsafety-min-profil-ikon-white.svg");
}

.menu-icon-dashboard-home {
  background-image: url("../img/Propsafety-hjem-ikon-white.svg");
}

.menu-icon-forms {
  background-image: url("../img/propsafety-icon-skjema.svg");
}

.menu-icon-logout {
  background-image: url("../img/Propsafety-logg-ut-ikon-white.svg");
}

.digits-login-modal span {
  display: none;
}

.select2-selection__clear {
  margin-top: 6px;
}

.schema-type-direct-link,
.schema-type-direct-link:link,
.schema-type-direct-link:focus,
.schema-type-direct-link:visited,
.schema-type-direct-link:hover {
  color: inherit;
  text-decoration: none;
}

.gform_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="image"]):not([type="file"]) {
  line-height: inherit !important;
}

html
  body
  main
  form
  .gform_body
  .ds-gf-mt-lg.gfield.gsection.field_sublabel_below.field_description_below.gfield_visibility_visible {
  margin-top: 50px !important;
}

.header-info {
  color: var(--color-main-one);
}

.ui-datepicker {
  z-index: 1000 !important;
}

.position-ref {
  position: relative;
}
.flex-center {
  align-items: center;
  display: flex;
  justify-content: center;
}
.full-height {
  height: 80vh;
}

.code {
  border-right: 2px solid;
  font-size: 26px;
  padding: 0 15px 0 15px;
  text-align: center;
}

.message {
  font-size: 18px;
  text-align: center;
}

/* Card Container */
.environment-card {
  background: var(--color-secoundary-two);
  border-radius: 16px;
  padding: 16px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}

/* Header */
.environment-card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
}

.environment-card-header h2 {
  font-size: 1.5rem;
  color: #333;
}

.environment-card-icon {
  margin-top: -20px;
}

.subtitle {
  font-size: 0.8rem;
  color: #666;
  margin-bottom: 16px;
  margin-top: -10px;
}

/* Chart placeholders */
.chart {
  background: #fff;
  border-radius: 8px;
  margin-bottom: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #bbb;
  font-size: 0.9rem;
}

/* Toggle */
.controls {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
  margin-top: 20px;
  align-items: stretch;
}

.toggle-wrapper {
  display: flex;
  gap: 6px;
  align-items: stretch;
}

.toggle {
  position: relative;
  display: inline-block;
  width: 45px;
  height: 20px;
}

.toggle input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #3c3c3c;
  border-radius: 24px;
  transition: 0.2s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 2px;
  bottom: 2px;
  background: #999;
  border-radius: 50%;
  transition: 0.2s;
}

/* input:checked .slider:before {
    background: red;
  } */

input:checked + .slider:before {
  background: var(--color-secoundary-one);
  transform: translateX(24px);
}

.toggle-label {
  font-size: 0.85rem;
  color: var(--color-main-three);
}

/* Button */

.environment-btn {
  position: relative;
}

.environment-btn .default-icon-arrow-right {
  position: absolute;
  right: 4px;
  top: 12px;
}

.environment-btn,
.environment-btn:link,
.environment-btn:focus,
.environment-btn:visited {
  width: 100% !important;
  background: var(--color-main-three);
  color: #fff !important;
  border: none !important;
  border-radius: 8px !important;
  font-size: 1rem !important;
  font-weight: bold !important;
  cursor: pointer !important;
  padding: 0.375rem 0.75rem !important;
  text-align: center !important;
  display: block !important;
}

.environment-btn:hover {
  background: #444;
}

.environment-card-wrapper {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(330px, 1fr));
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  margin-top: 1.5rem;
}

.solarcell-card-wrapper {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  margin-top: 1.5rem;
}

.solarcell-card {
  background: var(--color-secoundary-two);
  border-radius: 16px;
  padding: 16px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}

.solarcell-card-wrapper .sc-title {
  font-weight: 500;
  color: var(--default-font-color);
  text-align: center;
}




.solar-radiation {
  background-color: var(--color-secoundary-two);
  padding: 25px 25px 25px 0;
  border-radius: var(--px-border-radius);
  position: relative;
}

.solar-radiation .d-flex,
.solar-radiation.d-flex {
  align-items: center;
}

.solar-radiation-margin-top {
  margin-top: 80px;
}

.sr-left {
  width: 120px;
}

.sr-right {
  flex: 1;
}

.sr-title {
  font-weight: 500;
  border-bottom: 1px solid var(--color-dark-green);
  color: var(--default-font-color);
}

.sr-value {
  font-size: 40px;
  font-weight: 700;
  line-height: normal;
  line-height: 40px;
  margin-top: -5px;
}


.sr-date {
  margin-left: auto;
  align-self: flex-end;
}


.chart-wrapper {
  background-color: #fff;
  border-radius: var(--px-border-radius);
  padding: 15px;
  margin-top: 15px;
  margin-left: 25px;
}

.big-gray-arrow-down {
  width: 0;
  height: 0;
  border-left: 50px solid transparent;
  border-right: 50px solid transparent;
  border-top: 50px solid var(--color-secoundary-two);
  position: absolute;
}

.big-gray-arrow-left {
  margin-left: 10%;
}

.big-gray-arrow-center {
  left: 50%;
  transform: translateX(-50%);
}

.solar-radiation-deactivated {
  color: #E0E0E0;
}

.solar-radiation-deactivated .icon-solar-cells-charge {
  opacity: 0.15;
}

#weather-temp {
  font-size: 12px;
  font-weight: 500;
  margin-top: -20px;
}

.icon-solar-cells-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-end;
  position: relative;
  width: 100%;
  height: 100%;
}

.icon-solar-cells-battery {
  z-index: 100;
}

.icon-solar-cells-battery-underlay {
  position: absolute;
  background-color: #7EA25D;
  display: block;
  width: 38px;
  margin-bottom: 13px;
  border-radius: 4px;
}

.solar-radiation-charge-wrapper {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 20px;
}

.solar-radiation-charge-wrapper .solar-radiation {
  padding: 25px;
}

.solar-radiation-charge-title {
  height: 80px;
  line-height: 1.2;
  text-align: center;
}

.sc-data-wrapper {
  display: flex;
  margin-top: 1rem;
}

@media (max-width: 545px) {
  .sc-data-wrapper {
    display: block;
  }
}




.default-icon-arrow-right,
.default-icon-arrow-down {
  display: inline-block;
  width: 12px;
  height: 12px;
  position: relative;
  margin-right: 10px;
}

.default-icon-arrow-right::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
  display: block;
  width: 12px;
  height: 12px;
  border-right: 3px solid currentColor;
  border-top: 3px solid currentColor;
}

.default-icon-arrow-down::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(135deg);
  display: block;
  width: 14px;
  height: 14px;
  border-right: 3px solid currentColor;
  border-top: 3px solid currentColor;
}

/* ACTION BLOCKS */
.action-blocks-wrapper.big {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 1.2rem;
}

.action-blocks-wrapper.small {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 0.9rem;
}

.action-blocks-wrapper.big .action-block {
  background-color: var(--color-main-three);
  color: #fff;
  border-radius: 25px;
  padding: 1.3rem;
}

.action-blocks-wrapper.small .action-block {
  background-color: var(--color-secoundary-two);
  color: #fff;
  border-radius: 25px;
  padding: 1.5rem;
}

.fit-content-wrapper > * {
  max-width: fit-content;
}

.action-icon {
  background-repeat: no-repeat;
  display: block;
  background-size: contain;
}

.action-blocks-wrapper.big .action-icon {
  margin: 15px auto;
  width: 126px;
  height: 110px;
}

.action-blocks-wrapper.small .action-icon {
  margin: 0 auto;
  width: 120px;
  height: 120px;
}

.action-link {
  text-align: center;
  position: relative;
  text-wrap: nowrap;
}

/* .action-blocks-wrapper.big .action-link {
  margin-top: 2.5rem;
} */

/* .action-blocks-wrapper.small .action-link {
  margin-top: 1.5rem;
} */

.action-blocks-wrapper.big .action-link-txt {
  font-size: 1.25rem;
  font-weight: bold;
}

.action-blocks-wrapper.small .action-link-txt {
  font-size: 1.3rem;
  font-weight: bold;
  color: var(--color-main-three);
}

.action-main-title {
  font-size: 1.5rem;
  font-weight: bold;
  text-align: center;
  color: #fff;
}

.action-blocks-wrapper.big .action-block-icon-arrow-right::before {
  border-right: 3px solid currentColor;
  border-top: 3px solid currentColor;
}

.action-blocks-wrapper.small .action-block-icon-arrow-right::before {
  border-right: 3px solid var(--color-main-three);
  border-top: 3px solid var(--color-main-three);
}

.demo-icon {
  background-image: url("../img/demo-icon.png") !important;
}

.report-error-white-icon {
  background-image: url("../img/Propsafety-melde-feil-ikon-white.svg") !important;
}

.prosjekter-ikon-white {
  background-image: url("../img/Propsafety-prosjekter-ikon-white.svg") !important;
}

.arbeidsordre-ikon-white {
  background-image: url("../img/Propsafety-arbeidsordre-ikon-white.svg") !important;
}

.visitors-ikon-white {
  background-image: url("../img/Propsafety-besoksdata-ikon-white.svg") !important;
}

.service-white-icon {
  background-image: url("../img/Propsafety-tjenestetorg-ikon-white.svg") !important;
}

.fire-white-icon {
  background-image: url("../img/Propsafety-brannvern-ikon-white.svg") !important;
}

.tenant-folder-white-icon {
  background-image: url("../img/Propsafety-leietakermappe-ikon-white.svg") !important;
}

.stromforbruk-icon {
  background-image: url("../img/Propsafety-stromforbruk-ikon.svg");
}

.statistikk-skjemaer-ikon {
  background-image: url("../img/Propsafety-statistikk-skjemaer-ikon.svg");
}

.meld-feil-ikon {
  background-image: url("../img/Propsafety-melde-feil-ikon.svg");
}

.nytt-dokument-ikon {
  background-image: url("../img/Propsafety-readin-nytt-dokument-ikon.svg");
}

.vannforbruk-icon {
  background-image: url("../img/Propsafety-vannforbruk-ikon.svg");
}
.resirkulering-icon {
  background-image: url("../img/Propsafety-resirkulering-ikon.svg");
}

.solceller-icon {
  background-image: url("../img/Propsafety-solceller-ikon.svg");
}

.waste-consumption-icon,
.co2-consumption-icon,
.energy-consumption-icon,
.district-heating-icon,
.power-consumption-icon,
.solceller-icon,
.water-consumption-icon {
  background-repeat: no-repeat;
  width: 70px;
  height: 70px;
  display: block;
  background-size: contain;
}

.waste-consumption-icon {
  background-image: url("../img/avfallsmengde-propsafety-ikon.svg");
}

.co2-consumption-icon {
  background-image: url("../img/co2-utslipp-propsafety-ikon.svg");
}

.energy-consumption-icon {
  background-image: url("../img/energiforbruk-propsafety-ikon.svg");
}

.district-heating-icon {
  background-image: url("../img/fjernvarme-propsafety-ikon.svg");
}

.power-consumption-icon {
  background-image: url("../img/stromforbruk-propsafety-ikon.svg");
}

.water-consumption-icon {
  background-image: url("../img/vannforbruk-propsafety-ikon.svg");
}

.circle-arrow-down-solid-icon,
.circle-arrow-up-solid-icon {
  display: inline-block;
  width: 18px;
  height: 20px;
  position: relative;
  background-size: auto;
  background-repeat: no-repeat;
}

.circle-arrow-down-solid-icon {
  background-image: url("../img/circle-arrow-down-solid.svg");
}

.circle-arrow-up-solid-icon {
  background-image: url("../img/circle-arrow-up-solid.svg");
}

.icon-solar-cells-battery,
.icon-solar-cells-effect,
.icon-solar-cells-weather {
  background-repeat: no-repeat;
  width: 90px;
  height: 90px;
  display: block;
  background-size: 90px 90px;
}

.icon-solar-cells-battery {
  background-image: url("../img/Solcelle-ikoner-LITEN_batterikapasitet.svg");
}

.icon-solar-cells-effect {
  background-image: url("../img/Solcelle-ikoner-LITEN_stromproduksjon.svg");
}

.icon-solar-cells-charge-bus,
.icon-solar-cells-charge-cooling,
.icon-solar-cells-charge-battery {
  background-repeat: no-repeat;
  width: 220px;
  height: 220px;
  display: block;
  background-size: 220px;
  margin: 0 auto;
}

.icon-solar-cells-charge-bus {
  background-image: url("../img/Solcelle-ikoner-STOR_lading-av-buss.svg");
}

.icon-solar-cells-charge-cooling {
  background-image: url("../img/Solcelle-ikoner-STOR_kjolemaskin.svg");
}

.icon-solar-cells-charge-battery {
  background-image: url("../img/Solcelle-ikoner-STOR_lade-opp-batteriene.svg");
}

.icon-solar-cells-weather-partlycloudy_day,
.icon-solar-cells-weather-partlycloudy_night,
.icon-solar-cells-weather-fair_day,
.icon-solar-cells-weather-fair_night,
.icon-solar-cells-weather-cloudywithclearsky_day,
.icon-solar-cells-weather-cloudywithclearsky_night,
.icon-solar-cells-weather-fog_day,
.icon-solar-cells-weather-fog_night {
  background-image: url("../img/Solcelle-ikoner-LITEN_solinstraling-01-sky-sol.svg");
}

.icon-solar-cells-weather-cloudy,
.icon-solar-cells-weather-heavilyclouded,
.icon-solar-cells-weather-fog,
.icon-solar-cells-weather-foggy,
.icon-solar-cells-weather-partlycloudy {
  background-image: url("../img/Solcelle-ikoner-LITEN_solinstraling-02-sky.svg");
}

.icon-solar-cells-weather-clearsky_day,
.icon-solar-cells-weather-sunny,
.icon-solar-cells-weather-clearsky_night {
  background-image: url("../img/Solcelle-ikoner-LITEN_solinstraling-03-sol.svg");
}

.icon-solar-cells-weather-lightrain,
.icon-solar-cells-weather-lightrainshowers_day,
.icon-solar-cells-weather-lightrainshowers_night,
.icon-solar-cells-weather-rain,
.icon-solar-cells-weather-rainshowers_day,
.icon-solar-cells-weather-rainshowers_night,
.icon-solar-cells-weather-heavyrain,
.icon-solar-cells-weather-heavyrainshowers_day,
.icon-solar-cells-weather-heavyrainshowers_night,
.icon-solar-cells-weather-sleetshowers_day,
.icon-solar-cells-weather-sleetshowers_night,
.icon-solar-cells-weather-heavysleetshowers_day,
.icon-solar-cells-weather-heavysleetshowers_night {
  background-image: url("../img/Solcelle-ikoner-LITEN_solinstraling-04-regn.svg");
}

.icon-solar-cells-weather-snow,
.icon-solar-cells-weather-lightsnow,
.icon-solar-cells-weather-heavysnow,
.icon-solar-cells-weather-snowshowers_day,
.icon-solar-cells-weather-snowshowers_night,
.icon-solar-cells-weather-lightsnowshowers_day,
.icon-solar-cells-weather-lightsnowshowers_night,
.icon-solar-cells-weather-heavysnowshowers_day,
.icon-solar-cells-weather-heavysnowshowers_night,
.icon-solar-cells-weather-heavysleet,
.icon-solar-cells-weather-sleet {
  background-image: url("../img/Solcelle-ikoner-LITEN_solinstraling-05-sno.svg");
}

/* INFO BUTTON */
.info-button {
  padding: 10px 14px;
  border-radius: 18px;
  font-size: 1rem;
  font-weight: bold;
}

.info-button .flex-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/** Background colors */
.info-button.bg-status-active {
  background-color: var(--color-secoundary-one-lighter);
}

.info-button.bg-status-inactive {
  background-color: var(--color-secoundary-two);
}

.info-button.bg-dark {
  background-color: var(--color-main-three) !important;
}

/** Circle */
.info-button .info-button-circle {
  width: 30px;
  min-width: 30px;
  height: 30px;
  min-height: 30px;
  border-radius: 50%;
}

/** Circle colors */
.info-button-circle.circle-active {
  background-color: var(--color-secoundary-one);
}

.info-button-circle.circle-finished {
  background-color: var(--color-light-green);
}

.info-button-circle.circle-alert {
  background-color: var(--color-red-light);
}

.info-button-circle.circle-deactivated {
  background-color: var(--color-secoundary-three);
}

/** Text */
.info-button .info-button-text {
  flex-grow: 1;
  margin-left: 10px;
  font-weight: bold;
  font-size: 1rem;
}

/** Text color */
.info-button .info-button-text.txt-default {
  color: var(--default-font-color);
}

.info-button .info-button-text.txt-status-inactive,
.txt-status-inactive {
  color: var(--color-secoundary-four);
}

.info-button .info-button-text.txt-white {
  color: #fff;
}

.info-button .info-button-text.txt-font-big {
  font-size: 1.5rem;
}

.info-button-content {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transition:
    max-height 0.5s ease,
    opacity 0.5s ease;
}

/* Visible content (after toggle) */
.info-button-content.show {
  max-height: 500px;
  overflow: auto;
  opacity: 1;
  background-color: #fff;
  margin-top: 1rem;
  margin-bottom: 0.2rem;
  padding: 1rem;
  border-bottom-left-radius: 18px;
  border-bottom-right-radius: 18px;
}

.info-button-content.show .grid-content-wrapper {
  display: grid;
  grid-template-columns: 110px 1fr;
}

.info-button-content.show .grid-content-wrapper .child-span {
  grid-column: 1 / -1;
}

.comment-last-updated {
  font-style: italic;
  color: #666;
  font-size: 0.9rem;
}

.info-button-content-group-start {
  margin-top: 2rem;
}

@media (max-width: 500px) {
  .info-button-content.show .grid-content-wrapper {
    grid-template-columns: none;
  }

  .info-button-content-group-start {
    margin-top: 0;
  }

  html body .fit-content-wrapper > * {
    max-width: 100%;
  }
}

/* Arrow rotation transition */
.info-button-arrow {
  display: inline-block;
  transition: transform 0.3s ease;
}

.info-button-arrow.rotate {
  transform: rotate(90deg);
}

.info-button-arrow.arrow-down.rotate {
  transform: rotate(270deg) !important;
}

/** Arrow */
.info-button .info-button-arrow {
  width: 20px;
  height: 20px;
}

.info-button .info-button-arrow.arrow-down {
  transform: rotate(90deg);
}

.info-button .info-button-arrow::before {
  width: 20px;
  height: 20px;
  border-right: 4px solid currentColor;
  border-top: 4px solid currentColor;
}

.info-button .default-icon-arrow-right {
  margin-right: 6px;
}

/** Arrow color */
.info-button .info-button-arrow.arrow-dark {
  color: var(--color-main-three);
}

.info-button .info-button-arrow.arrow-white {
  color: #fff;
}

.info-button .info-button-arrow.arrow-status-inactive {
  color: var(--color-secoundary-four);
}

/* BLOCK HEADING */
.block-heading-w-link {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid var(--color-secoundary-one);
  flex-wrap: wrap;
  flex-direction: row;
}

.green-border {
  border-color: var(--color-dark-green);
}

.black-border {
  border-color: var(--color-main-one);
}

.block-heading-title {
  margin-bottom: 0;
}

.block-heading-title {
  color: var(--default-font-color);
}

.block-heading-link * {
  color: var(--default-font-color);
}

.block-heading-link-txt {
  font-size: 1.1rem;
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  h1,
  .h1 {
    font-size: 1.7rem;
  }
}

@media only screen and (max-width: 640px) {
  .gform_wrapper
    .top_label
    li.gfield.gf_left_third:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm),
  .gform_wrapper
    .top_label
    li.gfield.gf_middle_third:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm),
  .gform_wrapper
    .top_label
    li.gfield.gf_right_third:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm) {
    width: 100% !important;
  }
}

@media only screen and (min-width: 641px) {
  .gform_wrapper ul.gform_fields li.gfield:not(.gf_generic_info):not(.gf_left_half) {
    padding-right: 0;
  }
}

.main-navigation ul {
  display: block !important;
}

.btn.green-btn,
.gform_wrapper input[type="submit"].green-btn {
  background-color: var(--color-secoundary-one) !important;
  border-color: var(--color-secoundary-one) !important;
}

.btn.btn-danger {
  background-color: var(--color-red);
  padding-left: 30px;
  padding-right: 30px;
}

/* DIGITS */
.dig-container {
  box-shadow: 0;
}

.ds-checkbox-content {
  margin-left: 24px;
}

html body .alert-success {
  color: var(--color-main-one);
  background-color: var(--color-secoundary-two);
  border-color: var(--color-secoundary-two);
}

.ds-is-ok,
.ds-is-invalid {
  height: 20px;
  position: absolute;
  top: 2px;
}

.ds-is-ok {
  border-color: #ff9735;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23FF9735' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.ds-is-invalid {
  border-color: #1e1e1e;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%231E1E1E' viewBox='-2 -2 7 7'%3e%3cpath stroke='%231E1E1E' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E");
  background-repeat: no-repeat;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

textarea.ds-is-ok {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.vue-wrapper table {
  /* border: 2px solid #4E8ABE; */
  border-radius: 3px;
  background-color: #fff;
  border-collapse: separate;
  margin: auto;
  max-width: fit-content;
}

.vue-wrapper th {
  background-color: var(--color-main-one);
  color: rgba(255, 255, 255, 1);
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.vue-wrapper th:first-child {
  border-top-left-radius: var(--px-border-radius);
}

.vue-wrapper th:last-child {
  border-top-right-radius: var(--px-border-radius);
}

.vue-wrapper td {
  background-color: #f9f9f9;
}

.vue-wrapper th,
.vue-wrapper td {
  padding: 10px 20px;
}

.vue-wrapper th.active {
  color: #fff;
}

.vue-wrapper th.active .arrow {
  opacity: 1;
}

.vue-wrapper .arrow {
  display: inline-block;
  vertical-align: middle;
  width: 0;
  height: 0;
  margin-left: 5px;
  opacity: 0.66;
}

.vue-wrapper .arrow.asc {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid #fff;
}

.vue-wrapper .arrow.dsc {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #fff;
}

.sec-search {
  width: 60%;
  padding: 20px;
  height: 50px;
}

.hide-this-important {
  display: none !important;
}