: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,#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;
}

.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;
}

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;;
}