:root {
  --primary-blue: #194789;
  --primary-light-blue: #8ca2d3;
  --primary-green: #39b54a;
  --secondary-dark-green: #346531;
  --secondary-dark-blue: #0f294f;
  --secondary-electric-blue: #0069b4;
  --secondary-water-blue: #6485cc;
  --secondary-background-blue-shade: #eaf2f8;
  --default-font: "Noto Sans", sans-serif;
  --success-green: #28bc39;
  --success-green-bg: #eaf3eb;
  --warning-orange: #ff6b36;
  --warning-banner: #fce3e5;
  --error-red: #e73442;
  --white: #ffffff;
  --neutral-lightest: #ececec;
  --neutral-lighter: #bdbdbd;
  --neutral-light: #757575;
  --darkgrey: #424242;
  --black: #151515;
}

iframe {
  border: none !important;
}

*:not([class*="fa"]) {
  font-family: var(--default-font) !important;
}

.btn-primary,
.btn.disabled,
.btn:disabled,
fieldset:disabled .btn,
.button1 {
  background-color: var(--primary-blue) !important;
  border-color: var(--primary-blue) !important;
  border-radius: 13px !important;
}
.btn-primary:hover,
.button1:hover,
.button1:focus,
.button1:active,
.button1:active:hover,
.button1:active:focus,
.button1:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary:active:hover,
.btn-primary.active:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.btn-primary:focus,
.btn-primary.focus {
  background-color: var(--secondary-dark-blue) !important;
  border-color: var(--secondary-dark-blues) !important;
  border-radius: 13px !important;
}

.primary-warning div,
#warning_invalidmeternumber div,
#hidden_snippet_correctmeteraddress_contactinfo div {
  background-color: var(--warning-orange) !important;
  border-color: var(--warning-orange) !important;
  color: var(--white) !important;
  margin: 0.5rem 0rem;
}

#hidden_snippet_correctmeteraddress_contactinfo div p {
  color: var(--white) !important;
  margin: 0 !important;
  font-size: 1rem !important;
}
#hidden_snippet_correctmeteraddress_contactinfo div:has(> i.fas) {
  display: flex;
  align-items: center;
}

p {
  color: var(--neutral-light);
}
.entity-form label,
h3,
div,
.success-heading,
h1,
h4,
h2,
h5,
h6 {
  color: var(--darkgrey) !important;
}
.alert-error,
.alert-danger {
  background-color: var(--error-red);
  color: var(--white);
  border-color: var(--error-red);
}

.alert-error h2,
.alert-error div,
.alert-error strong,
.alert-danger div,
.alert-danger strong,
.alert-danger strong a,
.alert-danger p,
#warning_invalidmeternumber a {
  color: var(--white) !important;
}
.alert-error a {
  color: var(--neutral-lightest) !important;
}
.p-success-nl {
  font-size: 1.1rem;
}

.captcha-cell p {
  display: flex;
  flex-direction: column-reverse;
  gap: 0.5rem;
  margin-top: 1rem;
  max-width: fit-content;
}
.captcha-cell p label {
  font-size: 1rem;
  font-weight: 600;
}
.dialog-close-x {
  font-size: 1rem !important;
}
.dialog-title {
  font-weight: 400 !important;
}
.dialog-header {
  padding: 1rem !important;
}
.dialog-body {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.dialog-body p {
  font-size: 1.1rem !important;
}
.dialog-body h4 {
  font-weight: 400 !important;
}
.col-lg-12.columnBlockLayout {
  margin-top: 2rem !important;
}
.progress.list-group.top {
  border-radius: 13px !important;
}

.progress.list-group.top .list-group-item.active {
  background-color: var(--primary-blue) !important;
  border-color: var(--primary-blue) !important;
}
@media (max-width: 768px) {
  .dossier-id-container {
    text-align: left !important;
  }
}
.dossier-id-container p {
  color: var(--darkgrey) !important;
  font-weight: 500 !important;
}

input[readonly],
textarea[readonly] {
  cursor: text;
  user-select: text;
  pointer-events: none;
}

ol.progress.list-group.top {
  font-size: 1rem !important;
  border: 1px solid var(--neutral-lighter) !important;
}
ol.progress.list-group.top li {
  border: none !important;
}
#hidden_snippet_correctmeteraddress_contactinfo > div {
  padding: 0 !important;
  overflow: hidden;
}
#hidden_snippet_correctmeteraddress_contactinfo div:has(i.fas) {
  margin: 10px !important;
}
#hidden_snippet_correctmeteraddress_contactinfo a {
  color: var(--white) !important;
  text-decoration: underline !important;
}

.btn-secondary,
.previous-btn,
.btn.cancel {
  background-color: var(--secondary-electric-blue) !important;
  border-color: var(--secondary-electric-blue) !important;
  border-radius: 13px !important;
  color: var(--white) !important;
}
.fa-arrow-up {
  color: var(--white) !important;
}
#UploadButton {
  font-weight: 400;
  margin-top: 0.5rem;
}

.btn-secondary:hover,
.previous-btn:hover,
.previous-btn:focus,
.previous-btn:active,
.previous-btn:active:hover,
.previous-btn:active:focus,
.previous-btn:focus,
.btn.cancel:hover,
.btn.cancel:focus,
.btn.cancel:active,
.btn.cancel:active:hover,
.btn.cancel:active:focus,
.btn.cancel:focus,
.btn-secondary:active,
.btn-secondary.active,
.btn-secondary:active:hover,
.btn-secondary.active:hover,
.btn-secondary:active:focus,
.btn-secondary.active:focus,
.btn-secondary:active.focus,
.btn-secondary.active.focus,
.btn-secondary:focus,
.btn-secondary.focus {
  background-color: var(--secondary-water-blue) !important;
  color: #fff !important;
  border-color: var(--secondary-water-blue) !important;
  border-radius: 13px !important;
}

[id^="hidden_snippet_warning"] div {
  background-color: var(--warning-orange) !important;
  border-color: var(--warning-orange) !important;
  color: var(--white) !important;
  margin: 0.5rem 0rem;
}
[id^="hidden_snippet_warning"] div a {
  color: var(--white) !important;
  text-decoration: underline !important;
  font-size: 1rem;
}

.alert-success {
  background-color: var(--success-green) !important;
  color: var(--white) !important;
  border-radius: 13px !important;
  padding: 2rem !important;
}

.alert-success span {
  color: #fff !important;
  font-size: 1.1rem !important;
  font-weight: 400 !important;
}

#itidwg_moveoutsendinvoicedigital {
  display: flex;
  flex-wrap: wrap-reverse;
  width: 4.5rem;
  align-items: center;
  gap: 0.5rem;
  margin-top: 1rem !important;
}
#itidwg_moveoutsendinvoicedigital input {
  margin: 0.3rem !important;
}
@media (max-width: 1030px) {
  html {
    scrollbar-width: none !important;
  }
}
.captcha-cell {
  pointer-events: none !important;
}

.captcha-cell a,
.captcha-cell input {
  pointer-events: auto !important;
}

.alert-error a,
.alert-danger a,
#warning_invalidmeternumber a {
  color: var(--white) !important;
  font-size: 1rem;
  text-decoration: underline !important;
}

tr:has(.entity-notes) {
  display: none !important;
}

tr:has(#Subgrid_new_1) h3,
tr:has(#Subgrid_new_1) .view-grid.table-responsive,
tr:has(#Subgrid_new_1) .view-empty {
  display: none !important;
}
/* HERE NEW ITEM */

input.form-control,
select.form-control,
textarea.form-control {
  border: 1px solid #bdbdbd !important;
  padding: 0.7rem !important;
  padding-left: 1rem !important;
  background-color: #fff !important;
  border-radius: 15px !important;
  font-size: 0.9rem !important;
}
.clearfix.cell.form-control-cell,
.clearfix.cell.picklist-cell,
.clearfix.cell.boolean-radio-cell {
  gap: 0.5rem;
  display: flex !important;
  flex-direction: column !important;
}
.form-control:focus {
  border: #0069b4 solid 1px !important;
  box-shadow: 0 0 0 0.6px #0069b4 !important;
  color: var(--darkgrey) !important;
}

div.datetimepicker > span.input-group-addon.btn {
  height: 46px !important;
  border-radius: 16px !important;
  margin-left: 0.5rem !important;
  display: flex;
  justify-content: center !important;
  align-items: center !important;
  outline: none !important;
  color: #194789 !important;
  background-color: #fff !important;
  border: 1px solid #bdbdbd !important;
}
div.datetimepicker > span.input-group-addon.btn > span {
  padding: 4px !important;
}

.inkControlCommandBar {
  background: transparent !important;
}
.inkControlCommandBar > .clearButton {
  width: max-content;
  /* padding: 0.5rem 2rem; */
  border: 1px solid #bdbdbd !important;
  border-radius: 16px;
  background-color: #fff;
}

.inkControlCommandBar > .clearButton > span {
  display: block;
  width: 100%;
  height: 100%;
  padding: 0.5rem 2rem;
  text-decoration: none !important;
}
input[type="radio"] {
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  width: 17px !important;
  height: 17px !important;
  border: 1px solid #151515 !important;
  border-radius: 50% !important;
  background-color: #fff !important;
  vertical-align: middle !important;
  cursor: pointer !important;
  position: relative !important;
  transition:
    border-color 0.2s,
    background-color 0.2s !important;
  margin-right: 16px !important;
  outline: none !important;
  box-shadow: none !important;
}

input[type="radio"]:focus {
  outline: none !important;
  box-shadow: none !important;
}

input[type="radio"]:checked {
  border-color: #2b8c39 !important;
  background-color: #2b8c39 !important;
}

input[type="radio"]:checked::after {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  width: 11px !important;
  height: 8px !important;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="11" height="8" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="1 4 4 7 10 1"/></svg>')
    center/contain no-repeat !important;
  transform: translate(-50%, -50%) !important;
}

.crmEntityFormView .cell .picklist label {
  font-size: 15px !important;
  font-weight: 400 !important;
  color: #151515 !important;
  display: inline-flex !important;
  align-items: center !important;
  cursor: pointer !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #194789 !important;
}

h4 {
  font-size: 20px !important;
  font-weight: 400 !important;
}

input {
  outline: none !important;
}
h3 {
  margin-bottom: 2rem !important;
}

.crmEntityFormView fieldset {
  margin-bottom: 0; /* fix 135775 - reduce fieldset legend margins (1/2) */
}
.crmEntityFormView fieldset > legend > h3 {
  margin-bottom: 0.5rem !important; /* fix 135775 - reduce fieldset legend margins (2/2) */
}

input[type="checkbox"] {
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  width: 17px !important;
  height: 17px !important;
  border: 1px solid #151515 !important;
  border-radius: 4px !important;
  background-color: #fff !important;
  cursor: pointer !important;
  position: relative !important;
  transition:
    border-color 0.2s,
    background-color 0.2s !important;
  vertical-align: middle !important;
  margin: 0 !important;
  outline: none !important;
  box-shadow: none !important;
}

input[type="checkbox"]:focus {
  outline: none !important;
  box-shadow: none !important;
}

input[type="checkbox"]:checked {
  border-color: #2b8c39 !important;
  background-color: #2b8c39 !important;
}

input[type="checkbox"]:checked::after {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  width: 11px !important;
  height: 8px !important;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="11" height="8" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="1 4 4 7 10 1"/></svg>')
    center/contain no-repeat !important;
  transform: translate(-50%, -50%) !important;
}

.crmEntityFormView .cell .checkbox-cell label {
  font-size: 17px !important;
  font-weight: 400 !important;
  color: #151515 !important;
  display: inline-flex !important;
  align-items: center !important;
  cursor: pointer !important;
}

.clearfix.cell.checkbox-cell {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  justify-content: flex-end;
}

.clearfix.cell.checkbox-cell .control {
  align-self: flex-start;
}

input.form-control[readonly],
select.form-control[readonly],
textarea.form-control[readonly] {
  border: none !important;
  background-color: #dedede4a !important;
}

.crmEntityFormView #NewAttachFileLabel {
  display: inline;
}

@media (min-width: 768px) {
  .crmEntityFormView .captcha-cell {
    padding-left: 28px;
  }
}

#error-modal-header,
.error-modal-header.modal-header {
  display: none !important;
}

#modal-content-new .modal-header,
.modal-header.error-modal-header {
  border-bottom: none !important;
}

#file-type,
.modal-body.file-type.modal-content-new {
  padding-top: 1.25rem !important;
}

@media (max-width: 767px) {
  .control textarea#itidwg_meteraddress {
    height: 4.2rem; /*fix 141750 - Address field 2 lines high on mobile*/
  }

  [id^="hidden_snippet_warning"] > div > div:nth-child(2) {
    /*fix 141094 - reflow large warnings*/
    overflow: hidden; /* forces text to reflow*/
    overflow-wrap: break-word; /*Break long url text */
  }

  .control > .picklist.vertical > label {
    width: calc(100% - 40px); /*fix 141094 - make radiobutton labels full width minus icon on mobile*/
  }
}