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

*,*:focus,*:hover{ /*Gets rid of the black border that comes with chrome*/
    outline:none;
}

:root {
  --text-charcoal-grey: #32313a;
  --very-light-pink: #dbdbdb;
  --light-grey: #f8f9fb;
  --light-grey-2: #f9f9f9;
  --brown-grey: #a2a2a2;
  --very-light-pink-two: #e7e7e7;
  --faded-red: #d5425a;
  --success-avocado-green: #869e25;
  --french-blue: #4559aa;
  --blue-grey: #5c7789;
  --petrol: #006064;
  --bluegreen: #007d86;
  --secondary-teal-blue: #00929c;
  --primary-petrol-two: #026165;
  --dark-sky-blue: #4a90e2;
  --white: #ffffff;
  --almost-white: #f7f7f7;
  --powder-blue: #abc9ff;
  --border-grey: #d8d8d8;
  --link: #018387;
  --pink: #F55BBB;
  --purple: #e0b0ff;
  --grey: #a9a9a9;
  --tag-white: #ffffff;
  --tag-green: #008a00;
  --tag-yellow: #ff0;
  --tag-orange: #f90;
  --tag-red: #e60000;
  --tag-pink: #F55BBB;
  --tag-purple: #93f;
  --tag-grey: #a9a9a9;
  --tag-blue: #2a50a1;
  --tag-greenblue: #006064;
  --tag-bluegreen: #006064;
}

focus {
  outline-color: #C8C8C8;
  outline-style: auto;
  outline-width: 0;
}

.sign-up-right.sign-up-landlord-image {
  height: 100vh;
  background-color: var(--white);
  background-image: url('../images/image_signup_landlord.png');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.sign-up-right.faultreport-right-image {
  height: 100vh;
  background-color: var(--white);
  background-image: url('../images/tasks.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  @media screen and (max-width: 991px) {
    background-position: 50% 30%;
  }
}


.progressbar-2 {
  overflow: hidden;
  width: 18px;
  height: 8px;
  max-width: 180px;
  min-width: 100px;
  margin-left: 4px;
  border-radius: 900px;
  background-color: var(--white);
  box-shadow: inset 0 0 0 1px var(--very-light-pink);
}

.legacy-field-label-block {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 7px;
  padding-bottom: 7px;
  padding-left: 0;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -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;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  font-size: 18px;
  line-height: 20px;
  font-weight: 500;
}

.progress {
  width: 65%;
  height: 100%;
  background-color: var(--success-avocado-green);
  /*transition: width 0.5s ease-in-out 0s;*/
}

.progress-bar-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 0;
  padding-right: 9px;
  padding-bottom: 0;
  -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;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.mow_radiobutton_container {
    display: block;
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-bottom: unset;
    width: 100%;
}

/* Hide the browser's default radio button */
.mow_radiobutton_container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.mow_radiobutton {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: var(--white);
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: solid 1px #d8d8d8;

}

/* On mouse-over, add a grey background color */
.mow_radiobutton_container:hover input ~ .mow_radiobutton {
  /*background-color: #ccc; NEW code below this comment (newbutton_evelina)*/
  border: solid 1px var(--primary-petrol-two);
}

/* When the radio button is disabled, add a grey background color */
.mow_radiobutton_container input:disabled ~ .mow_radiobutton {
  /*nbackground-color: #eeeeee;
  ewbutton_evelina, need to add border to disable since we changed the hover*/
  background-color: var(--very-light-pink-two);
  border: solid 1px #d8d8d8;
}

/* When the radio button is     <div data-w-tab="Lägenheter" class="tab-panes w-tab-pane w--tab-active">
checked, add a blue background */
.mow_radiobutton_container input:checked ~ .mow_radiobutton {
  background-color: var(--white);
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.mow_radiobutton:after {
  content: "";
  position: absolute;
  display: none;
}

.mow_radiobutton_container input:checked:disabled ~ .mow_radiobutton {
  background-color: var(--very-light-pink-two);
}

.mow_radiobutton_container input:checked:disabled ~ .mow_radiobutton:after {
  display: block;
  background: var(--brown-grey);
}

/* Show the indicator (dot/circle) when checked */
.mow_radiobutton_container input:checked ~ .mow_radiobutton:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.mow_radiobutton_container .mow_radiobutton:after {
  /*top: 5px;
  left: 5px;
  width: 8px;
  height: 8px;newbutton_evelina*/
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: var(--petrol);
}

.nav-row.w--disabled,
.nav-link.w--disabled {
    cursor: not-allowed;
    text-decoration: none;
    filter: opacity(0.5);
    &:active {
      pointer-events: none;
    }
    &:hover {
        box-shadow: inset 0 -2px 0 0 var(--brown-grey);
    }
}

.w-dropdown-disbtn,
.w-dropdown-distoggle,
.w-dropdown-dislink {
  position: relative;
  vertical-align: top;
  text-decoration: none;
  color: #a2a2a2;
  padding: 20px;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
}
.w-dropdown-dislink {
  padding: 10px 20px;
  display: block;
  color: #a2a2a2;
}
.w-dropdown-dislink.w--current {
  color: #0082f3;
}

.access-checkboxes {
  width: 100%;
}

.div-tab-pane-block {
  width: 100%;
}

/* The container */
.mow_checkbox_container {
  display: inline;
  position: relative;
  padding-left: 33px;
  cursor: pointer;
  font-size: 18px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100%;
}

/* Hide the browser's default checkbox */
.mow_checkbox_container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* The container */
.mow_checkbox_container-small {
  display: block;
  position: relative;
  padding-top: 3px;
  cursor: pointer;
  font-size: 10px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100%;
}

/* Hide the browser's default checkbox */
.mow_checkbox_container-small input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.mow_tick {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: var(--white);
  /*border: 1px solid var(--very-light-pink);
  newbutton_evelina*/
  display: flex;
  align-items:center;
  border-radius: 2px;
  border: solid 1px #d8d8d8;

}

/* Create a custom checkbox */
.mow_tick-small {
  position: absolute;
  top: 0;
  left: 0;
  height: 14px;
  width: 14px;
  background-color: var(--white);
  /*border: 1px solid darkgrey;newbutton_evelina*/
  display: flex;
  align-items: center;
  border-radius: 2px;
  border: solid 1px #d8d8d8;
}

/* On mouse-over, add a grey background color */
.mow_checkbox_container:hover input ~ .mow_tick {
  /*background-color: #ccc; newbutton_evelina*/
  border: solid 1px var(--primary-petrol-two);
}

/* When the checkbox is checked */
.mow_checkbox_container input:checked ~ .mow_tick {
  background-color: white
}

/* When the checkbox is disabled */
.mow_checkbox_container input:disabled ~ .mow_tick {
  background-color: white
}

/* On mouse-over, add a grey background color */
.mow_checkbox_container-small:hover input ~ .mow_tick-small {
  /*background-color: #ccc; newbutton_evelina*/
  border: solid 1px var(--primary-petrol-two);
}

/* When the checkbox is checked */
.mow_checkbox_container-small input:checked ~ .mow_tick-small {
  background-color: white
}

/* When the checkbox is disabled */
.mow_checkbox_container-small input:disabled ~ .mow_tick-small {
  background-color: white
}

/* Create the checkmark/indicator (hidden when not checked) */
.mow_tick:after {
  content: "";
  position: absolute;
  display: none;
}

/* Create the checkmark/indicator (hidden when not checked) */
.mow_tick-small:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.mow_checkbox_container input:checked ~ .mow_tick:after {
  display: block;
  background-image: url('../images/new_icons/Actions/Check/30_green.svg');
  background-size: 100%;
}

.mow_checkbox_container input[indeterminate] ~ .mow_tick:after,
.mow_checkbox_container input:indeterminate ~ .mow_tick:after {
  display: block;
  background-image: url('../images/new_icons/Actions/Minus/30_green.svg');
  background-size: 100%;
  margin-left: -1px;
}

.mow_checkbox_container.checkbox_old_disabled input:disabled ~ .mow_tick {
  display: block;
  background-image: url('../images/new_icons/Actions/Check/30_grey.svg');
  background-size: 100%;
  background-color: var(--very-light-pink-two);
}

.mow_checkbox_container input:disabled ~ .mow_tick {
  /*display: block;
  background-image: url('../images/new_icons/Actions/Check/30.svg');
  background-size: 100%;
  newbutton_evelina*/
  border: solid 1px #d8d8d8;
  background-color: var(--very-light-pink-two);
}

/*disabled and checked*/
.mow_checkbox_container input:disabled:checked ~ .mow_tick:after {
  background-image: url('../images/new_icons/Actions/Check/30_grey.svg');

}

/* Style the checkmark/indicator */
.mow_checkbox_container .mow_tick:after {
  /*left: 5px;
  top: 1px;
  width: 5px;
  height: 10px;
  border: solid var(--petrol);
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  newbutton_evelina*/
  width: 20px;
  height: 20px;
}

/* Show the checkmark when checked */
.mow_checkbox_container-small input:checked ~ .mow_tick-small:after {
  display: block;
  background-image: url('../images/new_icons/Actions/Check/30_green.svg');
  background-size: 100%;
}

/*this one will be per old design: always shows a tick if disabled, used for economy*/
.mow_checkbox_container-small input:disabled ~ .mow_tick-small {
  /*display: block;
  background-image: url('../images/new_icons/Actions/Check/30.svg');
  background-size: 100%;
  /*newbutton_evelina*/
  background-color: var(--very-light-pink-two);
  background-image: url('../images/new_icons/Actions/Check/30_grey.svg');
  display:block;
  border: solid 1px #d8d8d8;
  background-size: 100%;
}


/* Style the checkmark/indicator */
.mow_checkbox_container-small .mow_tick-small:after {
  /*left: 3px;
  top: 0;
  width: 4px;
  height: 8px;
  border: solid var(--petrol);
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  newbutton_evelina*/
  width: 14px;
  height: 14px;
}

.btn-storage-small {
  display: block;
  width: 21px;
  height: 21px;
  background-image: url(../images/new_icons/Objects/Storage/30_centerd_green.svg);
  background-color: transparent !important;
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  &:disabled {
    background-image: url('../images/new_icons/Objects/Storage/30_centerd.svg');
    pointer-events: none;
  }
  &:hover {
    background-color: transparent !important;
    background-image: url('../images/new_icons/Objects/Storage/30_centerd_teal_blue.svg');
    /*box-shadow: 0 2px 6px 4px rgba(0, 0, 0, .1);*/
  }
}

.btn-add-small {
  display: flex;
  width: 24px;
  height: 24px;
  padding-right: 0;
  padding-left: 0;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border-radius: 900px;
  background-color: var(--bluegreen);
  background-image: url('../images/new_icons/Actions/Plus/30_white.svg');
  background-position: 50% 50%;
  background-size: 22px;
  background-repeat: no-repeat;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
}

.btn-add-small-disabled {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 24px;
  height: 24px;
  padding-right: 0;
  padding-left: 0;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border-radius: 900px;
  background-color: #aaaaaa;
  background-image: url('../images/new_icons/Actions/Plus/30_white.svg');
  background-position: 50% 50%;
  background-size: 22px;
  background-repeat: no-repeat;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  pointer-events: none;
}

.btn-add-small:disabled {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 24px;
  height: 24px;
  padding-right: 0;
  padding-left: 0;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border-radius: 900px;
  background-color: #aaaaaa;
  background-image: url('../images/new_icons/Actions/Plus/30_white.svg');
  background-position: 50% 50%;
  background-size: 22px;
  background-repeat: no-repeat;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  pointer-events: none;
}

.btn-add-small:hover {
  background-color: var(--secondary-teal-blue);
  box-shadow: 0 2px 6px 4px rgba(0, 0, 0, .1);
}

.icon-3 {
  position: static;
  width: 24px;
  margin-right: 0;
  margin-left: 0;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  background-image: url("../images/5b067738dee1b2ee50572e7e_icon_action.svg");
  background-position: 50% 50%;
  background-size: 16px;
  background-repeat: no-repeat;
  color: transparent;
  text-align: left;
}

.icon-3-files {
  position: static;
  width: 24px;
  margin-right: 0;
  margin-left: 0;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  background-image: url("../images/5b067738dee1b2ee50572e7e_icon_action.svg");
  background-position: 50% 50%;
  background-size: 16px;
  background-repeat: no-repeat;
  color: transparent;
  text-align: left;
}

.stepper-button-disabled {
  width: 50px;
  height: 100%;
  padding: 16px;
  border-radius: 4px;
  background-image: url('../images/icon_add.png');
  background-position: 50% 50%;
  background-size: 8px;
  background-repeat: no-repeat;
  -webkit-transition: border 350ms ease, box-shadow 350ms ease;
  transition: border 350ms ease, box-shadow 350ms ease;
  color: #2e3b47;
  font-size: 18px;
  text-decoration: none;
  cursor: pointer;
}

.stepper-button.stepper-button-subtract-disabled {
  background-image: url('../images/icon_minus.png');
  background-size: 8px;
}

.image-module {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 16px;
  padding: 16px;
  -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: 1px solid var(--very-light-pink);
  border-radius: 4px;
  background-color: var(--white);
}

.list-grid-document-header {
  overflow: auto;
  height: 32px;
  width: 100%;
  margin-top: 8px;
  grid-column-gap: 0;
  grid-row-gap: 0;
  grid-template-areas: ".";
  -ms-grid-columns: 8fr 0 40px 0 16fr 0 236fr 0 16fr 0 263fr 0 8fr 0 28fr 0 8fr;
  grid-template-columns: 8fr 40px 16fr 236fr 16fr 263fr 8fr 28fr 8fr;
  -ms-grid-rows: 32px;
  grid-template-rows: 32px;
  font-family: proxima-nova, sans-serif;
  font-size: 16px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #ffffff;
}

.profile-image {
  position: absolute;
  min-width: 100%;
  min-height: auto;
  width: auto;
  height: auto;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.profile-image-parent {
  width: var(--size);
  height: var(--size);
  border-radius: 50%;
  border: 1px solid var(--very-light-pink);
  position: relative;
  overflow: hidden;
}

.profile-image-large {
  width: 90px;
  height: 90px;
  margin-right: 8px;
  margin-bottom: 8px;
  border-radius: 900px;
  background-color: #f9f9f9;
  background-position: 50% 50%;
  background-size: 16px;
  background-repeat: no-repeat;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.profile-imageupload {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 90px;
  height: 90px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  border: 1px dashed var(--very-light-pink);
  border-radius: 900px;
  background-position: 50% 50%;
  background-size: 24px;
  background-repeat: no-repeat;
}

.profile-imageupload.area-image-upload {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 140px;
  min-width: 80px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  border-radius: 4px;
  background-size: 30px;
  background-image: None;
}


.profile-imageupload.area-image-upload.condo {
  border-style: none;
  background-size: cover;
}

.profile-imageupload.area-image-upload.company-upload-image {
  background-size: 28px;
}

.profile-imageupload.video-upload-placeholder {
  width: 140px;
  height: 90px;
  padding-top: 0;
  padding-bottom: 0;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  border-radius: 4px;
  background-size: 24px;
}

.profile-imageupload.testavatar {
  border-style: none;
  background-size: cover;
}

.faq-box a:hover {
  text-decoration: none;
}

.w-button a:hover {
  text-decoration: none;
}

.tg1 {
  display: inline-block;
  margin-top: 0;
  color: var(--white);
  font-size: 56px;
  line-height: 1.1em;
  font-weight: 700;
}

.spinner {
  display: inline-block;
  border: 8px solid #f3f3f3;
  border-top: 8px solid var(--petrol);
  border-radius: 50%;
  width: 40px;
  height: 40px;
  margin: 1em;
  animation: spin 2s linear infinite;
  -webkit-animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

.mowida-content-container {
  max-width: 1032px;
  margin: 98px auto;
  padding: 46px 2em;
}

.customer-grid_dev {
  position: static;
  padding: 16px;
  grid-column-gap: 10px;
  grid-row-gap: 16px;
  -ms-grid-columns: 2fr 10px 6.25fr;
  grid-template-columns: 2fr 6.25fr;
  border: 1px solid var(--very-light-pink);
  border-radius: 4px;
  background-color: #f9f9f9;
  color: var(--text-charcoal-grey);
}

.gridlist-tenant-card {
  overflow: visible;
  margin-bottom: 0;
  padding: 0 0 0 0;
  grid-auto-columns: 0.5fr;
  grid-column-gap: 0;
  grid-row-gap: 0;
  grid-template-areas: ".";
  -ms-grid-columns: 9.75fr;
  grid-template-columns: 9.75fr 32px;
  -ms-grid-rows: auto 0 auto 0 auto;
  grid-template-rows: auto auto auto;
  background-color: transparent;
}

.key-value-value-grid {
  grid-template-areas:
    "key-row-1-col-1   value-row-1-col-2   value-row-1-col-3"
    "key-row-2-col-1   value-row-2-col-2   value-row-2-col-3"
    "key-row-3-col-1   value-row-3-col-2   value-row-3-col-3"
    "key-row-4-col-1   value-row-4-col-2   value-row-4-col-3"
    "key-row-5-col-1   value-row-5-col-2   value-row-5-col-3"
    "key-row-6-col-1   value-row-6-col-2   value-row-6-col-3"
    "key-row-7-col-1   value-row-7-col-2   value-row-7-col-3"
    "key-row-8-col-1   value-row-8-col-2   value-row-8-col-3"
    "key-row-9-col-1   value-row-9-col-2   value-row-9-col-3"
    "key-row-comment   dd-comment   dd-comment";

  -ms-grid-columns: 1fr 2fr 2fr;
  grid-template-columns: 1fr 2fr 2fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  row-gap: 0px;
}

.dropdown-card-value-indent {
  display: inline-block;
  border-left: var(--very-light-pink-two) 1px solid;
  padding-left: 0.5em;
}
.value-indent-border-bottom {
  border-bottom: 1px solid transparent;
  background-image: linear-gradient(to right, var(--very-light-pink-two) 65%, transparent);
  background-size: 100% 1px;
  background-repeat: no-repeat;
  background-position: bottom;
}
.value-indent-border-bottom-0:not(:last-of-type) {
  border-bottom: 1px solid transparent;
  background-image: linear-gradient(to right, var(--very-light-pink-two) 0%, transparent);
  background-size: 100% 1px;
  background-repeat: no-repeat;
  background-position: bottom;
}

.key-value-value-grid > div:not(.dd-comment) {
  white-space: nowrap;
}

div[id*=expanded_list_object_block_MWPListTenantContracts_] > .w-layout-grid > .dropdown-card-margins > .read-view-text-block {
    margin-bottom: unset;
}

.current-tenant-need-grid {
  grid-template-areas: ".";
  -ms-grid-columns: 1fr 2fr;
  grid-template-columns: 1fr 2fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  row-gap: 0px;
}

.r-need-grid {
  grid-template-areas: ".";
  -ms-grid-columns: 1fr 2.9fr;
  grid-template-columns: 1fr 2.9fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  row-gap: 0px;
}

.ra-need-grid {
  grid-template-areas: ".";
  -ms-grid-columns: 1fr 2.9fr;
  grid-template-columns: 1fr 2.9fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  row-gap: 0px;
}

.mrb-need-grid {
  grid-template-areas: ".";
  -ms-grid-columns: 1fr 2.9fr;
  grid-template-columns: 1fr 2.9fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  row-gap: 0px;
}

.as-need-grid {
  grid-template-areas: ".";
  -ms-grid-columns: 1fr 2.9fr;
  grid-template-columns: 1fr 2.9fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  row-gap: 0px;
}

.vv-need-grid {
  grid-template-areas: ".";
  -ms-grid-columns: 1fr 2.9fr;
  grid-template-columns: 1fr 2.9fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  row-gap: 0px;
}

.dropdown-card-margins {
  margin-top: 5px;
  margin-bottom: 10px;
}

.radio-inputs {
  padding-left: 30px;
  padding-bottom: 8px;
  width: 100%;
}

.grouped-inputs > * {
  margin-bottom: 8px;
}

.add-data-button {
  color: var(--text-charcoal-grey);
}

.tab-link-tab-1 {
  display: inline-block;
  background-color: #eee;
  color: var(--text-charcoal-grey);
}

.tab-link-tab-1:hover {
  background-color: var(--brown-grey);
  color: var(--white);
}

.tab-link-tab-1.w--current {
  display: inline-block;
  border-style: solid solid none;
  border-width: 1px;
  border-color: var(--very-light-pink);
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  background-color: var(--brown-grey);
  color: var(--white);
}

.entrance_tab_link{
/*border-radius: 4px;*/
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  background-color: var(--very-light-pink);
  padding: 9px 20px 20px;
  font-weight: 500;
}

.entrance_tab_link.w--current{
/*border-radius: 4px;*/
  border: solid 1px var(--very-light-pink);
  border-style: solid solid none solid;
  background-color: var(--white);
  color: var(--text-charcoal-grey);
}

.dashboard-module {
  margin-bottom: 0;
  margin-right: 0;
  margin-left: 0;
  padding: 8px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}


.grid-light-grey-scrollbar::-webkit-scrollbar {
  height: 30px;
  background: #dddddd;
}

.grid-dark-grey-scrollbar::-webkit-scrollbar {
  height: 30px;
  background: var(--brown-grey);
}

.file_upload_grid-dark-grey-scrollbar::-webkit-scrollbar {
  height: 20px;
  background: var(--brown-grey);
  border-radius: 0 4px 4px 0;
}

.grid-dashboard-rows::-webkit-scrollbar {
  width: 10px;
  max-height: 210px;
}

.grid-dashboard-rows::-webkit-scrollbar-track {
  background: #eeeeee;
}

.grid-dashboard-rows::-webkit-scrollbar-thumb {
  background-color: darkgrey;
}

.grid-dashboard-rows::-webkit-scrollbar-button {
  background-color: #f3f3f3;
  background-size: 8px 5px;
  background-repeat: no-repeat;
  background-position: center center;
  height: 0;
  width: 10px;
}

.grid-dashboard-rows::-webkit-scrollbar-button:end:increment {
  background-image: url('../images/new_icons/Arrows/Chevron/Down/30.svg');
}

.grid-dashboard-rows::-webkit-scrollbar-button:start:decrement {
  background-image: url('../images/new_icons/Arrows/Chevron/Up/30.svg');
}

.grid-entrance-menubar {
  display: grid;
  max-width: none;
  overflow: hidden;
  -webkit-box-pack: start;
  -webkit-justify-content: center;
  -ms-flex-pack: start;
  justify-content: stretch;
  -webkit-align-content: stretch;
  align-content: start;
  grid-auto-columns: 0.5fr;
  grid-column-gap: 0;
  grid-row-gap: 0;
  grid-template-areas: ".";
  max-height: 53px;
  min-height: 53px;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  -ms-grid-rows: 53px;
  grid-template-rows: 53px;
  border: 0 solid white;
}

.grid-dashboard-grid {
  display: grid;
  max-width: none;
  overflow-y: scroll;
  overflow-x: hidden;
  -webkit-box-pack: start;
  -webkit-justify-content: center;
  -ms-flex-pack: start;
  justify-content: stretch;
  -webkit-align-content: stretch;
  align-content: start;
  grid-auto-columns: 0.5fr;
  grid-column-gap: 0;
  grid-row-gap: 0;
  grid-template-areas: ".";
}

/* The container */
.todo_checkbox_container {
  display: block;
  position: relative;
  margin-top: -5px;
  cursor: pointer;
  font-size: 18px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100%;
}

/* Hide the browser's default checkbox */
.todo_checkbox_container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.todo_tick {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: var(--white);
  border: 1px solid var(--very-light-pink);
}

/* On mouse-over, add a grey background color */
.todo_checkbox_container:hover input ~ .todo_tick {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.todo_checkbox_container input:checked ~ .todo_tick {
  background-color: white
}

/* Create the checkmark/indicator (hidden when not checked) */
.todo_tick:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.todo_checkbox_container input:checked ~ .todo_tick:after {
  display: block;
}

/* Style the checkmark/indicator */
.todo_checkbox_container .todo_tick:after {
  left: 5px;
  top: 1px;
  width: 5px;
  height: 10px;
  border: solid var(--petrol);
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.todo_tab_header_tab {
  height: 48px;
}

.grid-todo-header {
  display: grid;
  max-width: none;
  overflow: hidden;
  -webkit-box-pack: start;
  -webkit-justify-content: center;
  -ms-flex-pack: start;
  justify-content: stretch;
  -webkit-align-content: stretch;
  align-content: start;
  grid-auto-columns: 0.5fr;
  grid-column-gap: 0;
  grid-row-gap: 0;
  grid-template-areas: ".";
  max-height: 48px;
  min-height: 48px;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  -ms-grid-rows: 48px;
  grid-template-rows: 48px;
  border: 0 solid white;
}

.grid-dash-todo-headings {
  background: var(--brown-grey);
  max-height: 40px;
  min-height: 40px;
  -ms-grid-columns: 30px 0 1fr 0 42px;
  grid-template-columns: 30px 1fr 42px;
  -ms-grid-rows: 40px;
  grid-template-rows: 40px;
}

.grid-dash-todo-footer {
  background: #dddddd;
  max-height: 30px;
  min-height: 30px;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  -ms-grid-rows: 30px;
  grid-template-rows: 30px;
  border: 1px solid #dddddd;
}

.grid-dash-todo {
  border: 1px none var(--very-light-pink);
  max-height: 210px;
  min-height: 30px;
  -ms-grid-columns: 30px 0 1fr 0 42px;
  grid-template-columns: 30px 1fr 42px;
  -ms-grid-rows: 30px 0 auto;
  grid-template-rows: 30px auto;
}

.grid-dash-todo-header {
  grid-column-start: 1;
  grid-column-end: 4;
  grid-row-start: 1;
  grid-row-end: 2;
  background-color: var(--brown-grey);
}

.grid-dash-potential-tenant-headings {
  background: var(--brown-grey);
  max-height: 41px;
  min-height: 41px;
  -ms-grid-columns: 0.75fr 0 0.75fr 0 0.75fr 0 0.75fr 0 0.75fr 0 0.75fr 0 42px;
  grid-template-columns: 0.75fr 0.75fr 0.75fr 0.75fr 0.75fr 0.75fr 42px;
  -ms-grid-rows: 40px;
  grid-template-rows: 40px;
  border: 1px solid var(--brown-grey);
}

.grid-dash-potential-tenant-footer {
  background: #dddddd;
  max-height: 30px;
  min-height: 30px;
  -ms-grid-columns: 3fr 0 0.75fr 0 0.75fr 0 0.75fr 0 42px;
  grid-template-columns: 3fr 0.75fr 0.75fr 0.75fr 42px;
  -ms-grid-rows: 30px;
  grid-template-rows: 30px;
  border: 1px solid #dddddd;
}

.grid-dash-potential-tenant {
  border: 1px none var(--very-light-pink);
  max-height: 210px;
  min-height: 30px;
  -ms-grid-columns: 0.75fr 0 0.75fr 0 0.75fr 0 0.75fr 0 0.75fr 0 0.75fr 0 42px;
  grid-template-columns: 0.75fr 0.75fr 0.75fr 0.75fr 0.75fr 0.75fr 42px;
  -ms-grid-rows: 30px 0 auto;
  grid-template-rows: 30px auto;
}

.grid-dash-potential-tenant-header {
  grid-column-start: 1;
  grid-column-end: 8;
  grid-row-start: 1;
  grid-row-end: 2;
  background-color: var(--brown-grey);
}

.grid-dash-potential-tenant-incomplete-headings {
  background: var(--brown-grey);
  max-height: 41px;
  min-height: 41px;
  -ms-grid-columns: 1.5fr 0 3fr 0 1fr 0 0.75fr 0 1.5fr 0 1.5fr 0 42px;
  grid-template-columns: 1.5fr 3fr 1fr 0.75fr 1.5fr 1.5fr 42px;
  -ms-grid-rows: 40px;
  grid-template-rows: 40px;
  border: 1px solid var(--brown-grey);
}

.grid-dash-potential-tenant-incomplete-footer {
  background: #dddddd;
  max-height: 30px;
  min-height: 30px;
  -ms-grid-columns: 5.5fr 0 0.75fr 0 1.5fr 0 1.5fr 0 42px;
  grid-template-columns: 5.5fr 0.75fr 1.5fr 1.5fr 42px;
  -ms-grid-rows: 30px;
  grid-template-rows: 30px;
  border: 1px solid #dddddd;
}

.grid-dash-potential-tenant-incomplete {
  border: 1px none var(--very-light-pink);
  max-height: 210px;
  min-height: 30px;
  -ms-grid-columns: 1.5fr 0 3fr 0 1fr 0 0.75fr 0 1.5fr 0 1.5fr 0 42px;
  grid-template-columns: 1.5fr 3fr 1fr 0.75fr 1.5fr 1.5fr 42px;
  -ms-grid-rows: 30px 0 auto;
  grid-template-rows: 30px auto;
}

.grid-dash-potential-tenant-incomplete-header {
  grid-column-start: 1;
  grid-column-end: 8;
  grid-row-start: 1;
  grid-row-end: 2;
  background-color: var(--brown-grey);
}

.grid-dash-potentialco-tenant-headings {
  background: var(--brown-grey);
  max-height: 41px;
  min-height: 41px;
  margin-top: 0;
  -ms-grid-columns: 0.75fr 0 0.75fr 0 0.75fr 0 0.75fr 0 1.5fr 0 42px;
  grid-template-columns: 0.75fr 0.75fr 0.75fr 0.75fr 1.5fr 42px;
  -ms-grid-rows: 40px;
  grid-template-rows: 40px;
  border: 1px none var(--very-light-pink);
}

.grid-dash-potentialco-tenant-footer {
  background: #dddddd;
  max-height: 30px;
  min-height: 30px;
  -ms-grid-columns: 3fr 0 0.75fr 0 1.5fr 0 42px;
  grid-template-columns: 3fr 0.75fr 1.5fr 42px;
  -ms-grid-rows: 30px;
  grid-template-rows: 30px;
  border: 1px none var(--very-light-pink);
}

.grid-dash-potentialco-tenant {
  border: 1px none var(--very-light-pink);
  max-height: 210px;
  min-height: 30px;
  -ms-grid-columns: 0.75fr 0 0.75fr 0 0.75fr 0 0.75fr 0 1.5fr 0 42px;
  grid-template-columns: 0.75fr 0.75fr 0.75fr 0.75fr 1.5fr 42px;
  -ms-grid-rows: 30px 0 auto;
  grid-template-rows: 30px auto;
}

.grid-dash-potentialco-tenant-header {
  grid-column-start: 1;
  grid-column-end: 7;
  grid-row-start: 1;
  grid-row-end: 2;
  background-color: var(--brown-grey);
}

.grid-pending-tenants-headings {
  background: var(--brown-grey);
  max-height: 41px;
  min-height: 41px;
  margin-top: 0;
  -ms-grid-columns: 1fr 0 1fr 0 1fr 0 100px 0 1fr 0 0.75fr 0 42px;
  grid-template-columns: 1fr 1fr 1fr 100px 1fr 0.75fr 42px;
  -ms-grid-rows: 40px;
  grid-template-rows: 40px;
}

.grid-pending-tenants-footer {
  background: #dddddd;
  max-height: 30px;
  min-height: 30px;
  -ms-grid-columns: 1fr 0 1fr 0 1fr 0 0.5fr 0 1fr 0 0.75fr 0 42px;
  grid-template-columns: 1fr 1fr 1fr 0.5fr 1fr 0.75fr 42px;
  -ms-grid-rows: 30px;
  grid-template-rows: 30px;
  border: 1px none var(--very-light-pink);
}

.grid-pending-tenants {
  border: 1px none var(--very-light-pink);
  max-height: 210px;
  min-height: 30px;
  -ms-grid-columns: 1fr 0 1fr 0 1fr 0 100px 0 1fr 0 0.75fr 0 42px;
  grid-template-columns: 1fr 1fr 1fr 100px 1fr 0.75fr 42px;
  -ms-grid-rows: 30px 0 auto;
  grid-template-rows: 30px auto;
}

.grid-dash-pending-tenant-header {
  grid-column-start: 1;
  grid-column-end: 7;
  grid-row-start: 1;
  grid-row-end: 2;
  background-color: var(--brown-grey);
}

.grid-active-tenants-headings {
  background: var(--brown-grey);
  max-height: 41px;
  min-height: 41px;
  margin-top: 0;
  -ms-grid-columns: 1fr 0 1fr 0 1fr 0 125px 0 100px 0 0.75fr 0 42px;
  grid-template-columns: 1fr 1fr 1fr 125px 100px 0.75fr 42px;
  -ms-grid-rows: 40px;
  grid-template-rows: 40px;
}

.grid-active-tenants-footer {
  background: #dddddd;
  max-height: 30px;
  min-height: 30px;
  -ms-grid-columns: 3fr 0 0.75fr 0 42px;
  grid-template-columns: 3fr 0.75fr 42px;
  -ms-grid-rows: 30px;
  grid-template-rows: 30px;
  border: 1px none var(--very-light-pink);
}

.grid-active-tenants {
  border: 1px none var(--very-light-pink);
  max-height: 210px;
  min-height: 30px;
  -ms-grid-columns: 1fr 0 1fr 0 1fr 0 125px 0 100px 0 0.75fr 0 42px;
  grid-template-columns: 1fr 1fr 1fr 125px 100px 0.75fr 42px;
  -ms-grid-rows: 30px 0 auto;
  grid-template-rows: 30px auto;
}

.grid-dash-active-tenant-header {
  grid-column-start: 1;
  grid-column-end: 7;
  grid-row-start: 1;
  grid-row-end: 2;
  background-color: var(--brown-grey);
}

.grid-terminated-tenants-headings {
  background: var(--brown-grey);
  max-height: 41px;
  min-height: 41px;
  margin-top: 0;
  -ms-grid-columns: 1.25fr 0 1.5fr 0 1.5fr 0 100px 0 100px 0 1.25fr 0 42px;
  grid-template-columns: 1.25fr 1.5fr 1.5fr 100px 100px 1.25fr 42px;
  -ms-grid-rows: 40px;
  grid-template-rows: 40px;
}

.grid-terminated-tenants-footer {
  background: #dddddd;
  max-height: 30px;
  min-height: 30px;
  -ms-grid-columns: 1.25fr 0 1.5fr 0 1.5fr 0 100px 0 100px 0 1.25fr 0 42px;
  grid-template-columns: 1.25fr 1.5fr 1.5fr 100px 100px 1.25fr 42px;
  -ms-grid-rows: 30px;
  grid-template-rows: 30px;
  border: 1px none var(--very-light-pink);
}

.grid-terminated-tenants {
  border: 1px none var(--very-light-pink);
  max-height: 210px;
  min-height: 30px;
  -ms-grid-columns: 1.25fr 0 1.5fr 0 1.5fr 0 100px 0 100px 0 1.25fr 0 42px;
  grid-template-columns: 1.25fr 1.5fr 1.5fr 100px 100px 1.25fr 42px;
  -ms-grid-rows: 30px 0 auto;
  grid-template-rows: 30px auto;
}

.grid-dash-terminated-tenant-header {
  grid-column-start: 1;
  grid-column-end: 7;
  grid-row-start: 1;
  grid-row-end: 2;
  background-color: var(--brown-grey);
}

.grid-lapsed-tenants-headings {
  background: var(--brown-grey);
  max-height: 41px;
  min-height: 41px;
  margin-top: 0;
  -ms-grid-columns: 1fr 0 1fr 0 1fr 0 100px 0 100px 0 0.75fr 0 42px;
  grid-template-columns: 1fr 1fr 1fr 100px 100px 0.75fr 42px;
  -ms-grid-rows: 40px;
  grid-template-rows: 40px;
}

.grid-lapsed-tenants-footer {
  background: #dddddd;
  max-height: 30px;
  min-height: 30px;
  -ms-grid-columns: 1fr 0 1fr 0 1fr 0 100px 0 100px 0 0.75fr 0 42px;
  grid-template-columns: 1fr 1fr 1fr 100px 100px 0.75fr 42px;
  -ms-grid-rows: 30px;
  grid-template-rows: 30px;
  border: 1px none var(--very-light-pink);
}

.grid-lapsed-tenants {
  border: 1px none var(--very-light-pink);
  max-height: 210px;
  min-height: 30px;
  -ms-grid-columns: 1fr 0 1fr 0 1fr 0 100px 0 100px 0 0.75fr 0 42px;
  grid-template-columns: 1fr 1fr 1fr 100px 100px 0.75fr 42px;
  -ms-grid-rows: 30px 0 auto;
  grid-template-rows: 30px auto;
}

.grid-dash-lapsed-tenant-header {
  grid-column-start: 1;
  grid-column-end: 7;
  grid-row-start: 1;
  grid-row-end: 2;
  background-color: var(--brown-grey);
}

.grid-sublet-tenants-headings {
  background: var(--brown-grey);
  max-height: 41px;
  min-height: 41px;
  margin-top: 0;
  -ms-grid-columns: 0.19fr 0 0.19fr 0 0.22fr 0 0.15fr 0 100px 0 100px 0 0.11fr 0 42px;
  grid-template-columns: 0.19fr 0.19fr 0.22fr 0.15fr 100px 100px 0.11fr 42px;
  -ms-grid-rows: 40px;
  grid-template-rows: 40px;
}

.grid-sublet-tenants-footer {
  background: #dddddd;
  max-height: 30px;
  min-height: 30px;
  -ms-grid-columns: 0.19fr 0 0.19fr 0 0.22fr 0 0.15fr 0 100px 0 100px 0 0.11fr 0 42px;
  grid-template-columns: 0.19fr 0.19fr 0.22fr 0.15fr 100px 100px 0.11fr 42px;
  -ms-grid-rows: 30px;
  grid-template-rows: 30px;
  border: 1px none var(--very-light-pink);
}

.grid-sublet-tenants {
  border: 1px none var(--very-light-pink);
  max-height: 210px;
  min-height: 30px;
  -ms-grid-columns: 0.19fr 0 0.19fr 0 0.22fr 0 0.15fr 0 100px 0 100px 0 0.11fr 0 42px;
  grid-template-columns: 0.19fr 0.19fr 0.22fr 0.15fr 100px 100px 0.11fr 42px;
  -ms-grid-rows: 30px 0 auto;
  grid-template-rows: 30px auto;
}

.grid-dash-sublet-tenant-header {
  grid-column-start: 1;
  grid-column-end: 7;
  grid-row-start: 1;
  grid-row-end: 2;
  background-color: var(--brown-grey);
}

.grid-second-hand-tenants-headings {
  background: var(--brown-grey);
  max-height: 41px;
  min-height: 41px;
  margin-top: 0;
  -ms-grid-columns: 1fr 0 1.25fr 0 0.75fr 0 1fr 0 0.75fr 0 0.75fr 0 0.75fr 0 0.75fr 0 42px;
  grid-template-columns: 1fr 1.25fr 0.75fr 1fr 0.75fr 0.75fr 0.75fr 0.75fr 42px;
  -ms-grid-rows: 40px;
  grid-template-rows: 40px;
}

.grid-second-hand-tenants-footer {
  background: #dddddd;
  max-height: 30px;
  min-height: 30px;
  -ms-grid-columns: 1fr 0 1.25fr 0 0.75fr 0 1fr 0 0.75fr 0 0.75fr 0 0.75fr 0 0.75fr 0 42px;
  grid-template-columns: 1fr 1.25fr 0.75fr 1fr 0.75fr 0.75fr 0.75fr 0.75fr 42px;
  -ms-grid-rows: 30px;
  grid-template-rows: 30px;
  border: 1px none var(--very-light-pink);
}

.grid-second-hand-tenants {
  border: 1px none var(--very-light-pink);
  max-height: 210px;
  min-height: 30px;
  -ms-grid-columns: 1fr 0 1.25fr 0 0.75fr 0 1fr 0 0.75fr 0 0.75fr 0 0.75fr 0 0.75fr 0 42px;
  grid-template-columns: 1fr 1.25fr 0.75fr 1fr 0.75fr 0.75fr 0.75fr 0.75fr 42px;
  -ms-grid-rows: 30px 0 auto;
  grid-template-rows: 30px auto;
}

.grid-dash-second-hand-tenant-header {
  grid-column-start: 1;
  grid-column-end: 9;
  grid-row-start: 1;
  grid-row-end: 2;
  background-color: var(--brown-grey);

}

.grid-available-lgh-headings {
  background: var(--brown-grey);
  max-height: 41px;
  min-height: 41px;
  margin-top: 0;
  -ms-grid-columns: 1.25fr 0 0.5fr 0 1.5fr 0 1fr 0 1fr 0 1fr 0 100px 0 42px;
  grid-template-columns: 1.25fr 0.5fr 1.5fr 1fr 1fr 1fr 100px 42px;
  -ms-grid-rows: 40px;
  grid-template-rows: 40px;
}

.grid-available-lgh-footer {
  background: #dddddd;
  max-height: 30px;
  min-height: 30px;
  -ms-grid-columns: 1.25fr 0 0.5fr 0 1.5fr 0 1fr 0 1fr 0 1fr 0 100px 0 42px;
  grid-template-columns: 1.25fr 0.5fr 1.5fr 1fr 1fr 1fr 100px 42px;
  -ms-grid-rows: 30px;
  grid-template-rows: 30px;
  border: 1px none var(--very-light-pink);
}

.grid-available-lgh {
  border: 1px none var(--very-light-pink);
  max-height: 210px;
  min-height: 30px;
  -ms-grid-columns: 1.25fr 0 0.5fr 0 1.5fr 0 1fr 0 1fr 0 1fr 0 100px 0 42px;
  grid-template-columns: 1.25fr 0.5fr 1.5fr 1fr 1fr 1fr 100px 42px;
  -ms-grid-rows: 30px 0 auto;
  grid-template-rows: 30px auto;
}

.grid-available-lgh-header {
  grid-column-start: 1;
  grid-column-end: 8;
  grid-row-start: 1;
  grid-row-end: 2;
  background-color: var(--brown-grey);
}


.grid-available-bp-headings {
  background: var(--brown-grey);
  max-height: 41px;
  min-height: 41px;
  margin-top: 0;
  ms-grid-columns: 1fr 0 1.5fr 0 0.5fr 0 1.5fr 0 1fr 0 1fr 0 0.75fr 0 100px 0 42px;
  grid-template-columns: 1fr 1.5fr 0.5fr 1.5fr 1fr 1fr 0.75fr 100px 42px;
  -ms-grid-rows: 40px;
  grid-template-rows: 40px;
}

.grid-available-bp-footer {
  background: #dddddd;
  max-height: 30px;
  min-height: 30px;
  ms-grid-columns: 1fr 0 1.5fr 0 0.5fr 0 1.5fr 0 1fr 0 1fr 0 0.75fr 0 100px 0 42px;
  grid-template-columns: 1fr 1.5fr 0.5fr 1.5fr 1fr 1fr 0.75fr 100px 42px;
  -ms-grid-rows: 30px;
  grid-template-rows: 30px;
  border: 1px none var(--very-light-pink);
}

.grid-available-bp {
  border: 1px none var(--very-light-pink);
  max-height: 210px;
  min-height: 30px;
  ms-grid-columns: 1fr 0 1.5fr 0 0.5fr 0 1.5fr 0 1fr 0 1fr 0 0.75fr 0 100px 0 42px;
  grid-template-columns: 1fr 1.5fr 0.5fr 1.5fr 1fr 1fr 0.75fr 100px 42px;
  -ms-grid-rows: 30px 0 auto;
  grid-template-rows: 30px auto;
}

.grid-available-bp-header {
  grid-column-start: 1;
  grid-column-end: 10;
  grid-row-start: 1;
  grid-row-end: 2;
  background-color: var(--brown-grey);
}

.grid-available-fr-headings {
  background: var(--brown-grey);
  max-height: 41px;
  min-height: 41px;
  margin-top: 0;
  -ms-grid-columns: 1fr 0 1fr 0 2fr 0 1fr 0 1fr 0 1fr 0 100px 0 42px;
  grid-template-columns: 1fr 1fr 2fr 1fr 1fr 1fr 100px 42px;
  -ms-grid-rows: 40px;
  grid-template-rows: 40px;
}

.grid-available-fr-footer {
  background: #dddddd;
  max-height: 30px;
  min-height: 30px;
  -ms-grid-columns: 1fr 0 1fr 0 2fr 0 1fr 0 1fr 0 1fr 0 100px 0 42px;
  grid-template-columns: 1fr 1fr 2fr 1fr 1fr 1fr 100px 42px;
  -ms-grid-rows: 30px;
  grid-template-rows: 30px;
  border: 1px none var(--very-light-pink);
}

.grid-available-fr {
  border: 1px none var(--very-light-pink);
  max-height: 210px;
  min-height: 30px;
  -ms-grid-columns: 1fr 0 1fr 0 2fr 0 1fr 0 1fr 0 1fr 0 100px 0 42px;
  grid-template-columns: 1fr 1fr 2fr 1fr 1fr 1fr 100px 42px;
  -ms-grid-rows: 30px 0 auto;
  grid-template-rows: 30px auto;
}

.grid-available-fr-header {
  grid-column-start: 1;
  grid-column-end: 9;
  grid-row-start: 1;
  grid-row-end: 2;
  background-color: var(--brown-grey);
}

.grid-available-lokaler-headings {
  background: var(--brown-grey);
  max-height: 41px;
  min-height: 41px;
  margin-top: 0;
  -ms-grid-columns: 1fr 0 0.5fr 0 0.75fr 0 0.75fr 0 0.75fr 0 0.5fr 0 100px 0 42px;
  grid-template-columns: 1.25fr 0.5fr 0.75fr 0.75fr 0.75fr 0.5fr 100px 42px;
  -ms-grid-rows: 40px;
  grid-template-rows: 40px;
}

.grid-available-lokaler-footer {
  background: #dddddd;
  max-height: 30px;
  min-height: 30px;
  -ms-grid-columns: 1fr 0 0.5fr 0 0.75fr 0 0.75fr 0 0.75fr 0 0.5fr 0 100px 0 42px;
  grid-template-columns: 1.25fr 0.5fr 0.75fr 0.75fr 0.75fr 0.5fr 100px 42px;
  -ms-grid-rows: 30px;
  grid-template-rows: 30px;
  border: 1px none var(--very-light-pink);
}

.grid-available-lokaler {
  border: 1px none var(--very-light-pink);
  max-height: 210px;
  min-height: 30px;
  -ms-grid-columns: 1fr 0 0.5fr 0 0.75fr 0 0.75fr 0 0.75fr 0 0.5fr 0 100px 0 42px;
  grid-template-columns: 1.25fr 0.5fr 0.75fr 0.75fr 0.75fr 0.5fr 100px 42px;
  -ms-grid-rows: 30px 0 auto;
  grid-template-rows: 30px auto;
}

.grid-available-lokaler-header {
  grid-column-start: 1;
  grid-column-end: 9;
  grid-row-start: 1;
  grid-row-end: 2;
  background-color: var(--brown-grey);
}

.grid-available-sr-headings {
  background: var(--brown-grey);
  max-height: 41px;
  min-height: 41px;
  margin-top: 0;
  -ms-grid-columns: 1.25fr 0 0.5fr 0 1.5fr 0 1fr 0 1fr 0 1fr 0 100px 0 42px;
  grid-template-columns: 1.25fr 0.5fr 1.5fr 1fr 1fr 1fr 100px 42px;
  -ms-grid-rows: 40px;
  grid-template-rows: 40px;
}

.grid-available-sr-footer {
  background: #dddddd;
  max-height: 30px;
  min-height: 30px;
  -ms-grid-columns: 1.25fr 0 0.5fr 0 1.5fr 0 1fr 0 1fr 0 1fr 0 100px 0 42px;
  grid-template-columns: 1.25fr 0.5fr 1.5fr 1fr 1fr 1fr 100px 42px;
  -ms-grid-rows: 30px;
  grid-template-rows: 30px;
  border: 1px none var(--very-light-pink);
}

.grid-available-sr {
  border: 1px none var(--very-light-pink);
  max-height: 210px;
  min-height: 30px;
  -ms-grid-columns: 1.25fr 0 0.5fr 0 1.5fr 0 1fr 0 1fr 0 1fr 0 100px 0 42px;
  grid-template-columns: 1.25fr 0.5fr 1.5fr 1fr 1fr 1fr 100px 42px;
  -ms-grid-rows: 30px 0 auto;
  grid-template-rows: 30px auto;
}

.grid-available-sr-header {
  grid-column-start: 1;
  grid-column-end: 9;
  grid-row-start: 1;
  grid-row-end: 2;
  background-color: var(--brown-grey);
}

.grid-unpaid-rents-headings {
  background: var(--brown-grey);
  max-height: 41px;
  min-height: 41px;
  margin-top: 0;
  -ms-grid-columns: 0.75fr 0 0.5fr 0 0.5fr 0 0.5fr 0 0.5fr 0 0.5fr 0 42px;
  grid-template-columns: 0.75fr 0.5fr 0.5fr 0.5fr 0.5fr 0.5fr 42px;
  -ms-grid-rows: 40px;
  grid-template-rows: 40px;
}

.grid-unpaid-rents-footer {
  background: #dddddd;
  max-height: 30px;
  min-height: 30px;
  -ms-grid-columns: 0.75fr 0 0.5fr 0 0.5fr 0 0.5fr 0 0.5fr 0 0.5fr 0 42px;
  grid-template-columns: 0.75fr 0.5fr 0.5fr 0.5fr 0.5fr 0.5fr 42px;
  -ms-grid-rows: 30px;
  grid-template-rows: 30px;
  border: 1px none var(--very-light-pink);
}

.grid-unpaid-rents {
  border: 1px none var(--very-light-pink);
  max-height: 210px;
  min-height: 30px;
  -ms-grid-columns: 0.75fr 0 0.5fr 0 0.5fr 0 0.5fr 0 0.5fr 0 0.5fr 0 42px;
  grid-template-columns: 0.75fr 0.5fr 0.5fr 0.5fr 0.5fr 0.5fr 42px;
  -ms-grid-rows: 30px 0 auto;
  grid-template-rows: 30px auto;
}

.grid-unpaid-rents-header {
  grid-column-start: 1;
  grid-column-end: 8;
  grid-row-start: 1;
  grid-row-end: 2;
  background-color: var(--brown-grey);
}

.grid-unraised-rents-headings {
  background: var(--brown-grey);
  max-height: 41px;
  min-height: 41px;
  margin-top: 0;
  -ms-grid-columns: 1fr 0 0.75fr 0 0.5fr 0 0.5fr 0 0.75fr 0 42px;
  grid-template-columns: 1fr 0.75fr 0.5fr 0.5fr 0.75fr 42px;
  -ms-grid-rows: 40px;
  grid-template-rows: 40px;
}

.grid-unraised-rents-footer {
  background: #dddddd;
  max-height: 30px;
  min-height: 30px;
  -ms-grid-columns: 1fr 0 0.75fr 0 0.5fr 0 0.5fr 0 0.75fr 0 42px;
  grid-template-columns: 1fr 0.75fr 0.5fr 0.5fr 0.75fr 42px;
  -ms-grid-rows: 30px;
  grid-template-rows: 30px;
  border: 1px none var(--very-light-pink);
}

.grid-unraised-rents {
  border: 1px none var(--very-light-pink);
  max-height: 210px;
  min-height: 30px;
  -ms-grid-columns: 1fr 0 0.75fr 0 0.5fr 0 0.5fr 0 0.75fr 0 42px;
  grid-template-columns: 1fr 0.75fr 0.5fr 0.5fr 0.75fr 42px;
  -ms-grid-rows: 30px 0 auto;
  grid-template-rows: 30px auto;
}

.grid-unraised-rents-header {
  grid-column-start: 1;
  grid-column-end: 7;
  grid-row-start: 1;
  grid-row-end: 2;
  background-color: var(--brown-grey);
}

.grid-rent-changes-headings {
  background: var(--brown-grey);
  max-height: 41px;
  min-height: 41px;
  margin-top: 0;
  -ms-grid-columns: 1fr 0 1fr 0 0.75fr 0 0.75fr 0 0.75fr 0 100px 0 100px 0 0.75fr 0 42px;
  grid-template-columns: 1fr 1fr 0.75fr 0.75fr 0.75fr 100px 100px 0.75fr 42px;
  -ms-grid-rows: 40px;
  grid-template-rows: 40px;
}

.grid-rent-changes-footer {
  background: #dddddd;
  max-height: 30px;
  min-height: 30px;
  -ms-grid-columns: 1fr 0 1fr 0 0.75fr 0 0.75fr 0 0.75fr 0 100px 0 100px 0 0.75fr 0 42px;
  grid-template-columns: 1fr 1fr 0.75fr 0.75fr 0.75fr 100px 100px 0.75fr 42px;
  -ms-grid-rows: 30px;
  grid-template-rows: 30px;
  border: 1px none var(--very-light-pink);
}

.grid-rent-changes {
  border: 1px none var(--very-light-pink);
  max-height: 210px;
  min-height: 30px;
  -ms-grid-columns: 1fr 0 1fr 0 0.75fr 0 0.75fr 0 0.75fr 0 100px 0 100px 0 0.75fr 0 42px;
  grid-template-columns: 1fr 1fr 0.75fr 0.75fr 0.75fr 100px 100px 0.75fr 42px;
  -ms-grid-rows: 30px 0 auto;
  grid-template-rows: 30px auto;
}

.grid-rent-changes-header {
  grid-column-start: 1;
  grid-column-end: 10;
  grid-row-start: 1;
  grid-row-end: 2;
  background-color: var(--brown-grey);
}

.grid-payment-differences-headings {
  background: var(--brown-grey);
  max-height: 41px;
  min-height: 41px;
  margin-top: 0;
  -ms-grid-columns: 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 42px;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 42px;
  -ms-grid-rows: 40px;
  grid-template-rows: 40px;
}

.grid-payment-differences-footer {
  background: #dddddd;
  max-height: 30px;
  min-height: 30px;
  -ms-grid-columns: 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 42px;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 42px;
  -ms-grid-rows: 30px;
  grid-template-rows: 30px;
  border: 1px none var(--very-light-pink);
}

.grid-payment-differences {
  border: 1px none var(--very-light-pink);
  max-height: 210px;
  min-height: 30px;
  -ms-grid-columns: 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 42px;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 42px;
  -ms-grid-rows: 30px 0 auto;
  grid-template-rows: 30px auto;
}

.grid-payment-differences-header {
  grid-column-start: 1;
  grid-column-end: 8;
  grid-row-start: 1;
  grid-row-end: 2;
  background-color: var(--brown-grey);
}

.grid-hidden-charges-headings {
  background: var(--brown-grey);
  max-height: 41px;
  min-height: 41px;
  margin-top: 0;
  -ms-grid-columns: 2fr 0 1fr 0 1fr 0 1fr 0 1fr 0 42px;
  grid-template-columns: 2fr 1fr 1fr 1fr 1fr 42px;
  -ms-grid-rows: 40px;
  grid-template-rows: 40px;
}

.grid-hidden-charges-footer {
  background: #dddddd;
  max-height: 30px;
  min-height: 30px;
  -ms-grid-columns: 2fr 0 1fr 0 1fr 0 1fr 0 1fr 0 42px;
  grid-template-columns: 2fr 1fr 1fr 1fr 1fr 42px;
  -ms-grid-rows: 30px;
  grid-template-rows: 30px;
  border: 1px none var(--very-light-pink);
}

.grid-hidden-charges {
  border: 1px none var(--very-light-pink);
  max-height: 210px;
  min-height: 30px;
  -ms-grid-columns: 2fr 0 1fr 0 1fr 0 1fr 0 1fr 0 42px;
  grid-template-columns: 2fr 1fr 1fr 1fr 1fr 42px;
  -ms-grid-rows: 30px 0 auto;
  grid-template-rows: 30px auto;
}

.grid-hidden-charges-header {
  grid-column-start: 1;
  grid-column-end: 7;
  grid-row-start: 1;
  grid-row-end: 2;
  background-color: var(--brown-grey);
}

.grid-tasks-headings {
  background: var(--brown-grey);
  max-height: 41px;
  min-height: 41px;
  margin-top: 0;
  -ms-grid-columns: 1fr 0 2fr 0 0.75fr 0 1fr 0 1fr 0 42px;
  grid-template-columns: 1fr 2fr 0.75fr 1fr 1fr 42px;
  -ms-grid-rows: 40px;
  grid-template-rows: 40px;
  overflow-x: auto;
  white-space: nowrap;
}

.grid-tasks-footer {
  background: #dddddd;
  max-height: 30px;
  min-height: 30px;
  -ms-grid-columns: 1fr 0 2fr 0 0.75fr 0 1fr 0 1fr 0 42px;
  grid-template-columns: 1fr 2fr 0.75fr 1fr 1fr 42px;
  -ms-grid-rows: 30px;
  grid-template-rows: 30px;
  border: 1px none var(--very-light-pink);
}

.grid-tasks {
  border: 1px none var(--very-light-pink);
  max-height: 210px;
  min-height: 30px;
  -ms-grid-columns: 1fr 0 2fr 0 0.75fr 0 1fr 0 1fr 0 42px;
  grid-template-columns: 1fr 2fr 0.75fr 1fr 1fr 42px;
  -ms-grid-rows: 30px 0 auto;
  grid-template-rows: 30px auto;
}

.grid-tasks-header {
  grid-column-start: 1;
  grid-column-end: 7;
  grid-row-start: 1;
  grid-row-end: 2;
  background-color: var(--brown-grey);
}

.grid-reminders-needed-headings {
  background: var(--brown-grey);
  max-height: 41px;
  min-height: 41px;
  margin-top: 0;
  -ms-grid-columns: 2fr 0 1.5fr 0 1.5fr 0 1fr 0 1fr 0 1fr 0 0.5fr 0 1fr 0 42px;
  grid-template-columns: 2fr 1.5fr 1.5fr 1fr 1fr 1fr 0.5fr 1fr 42px;
  -ms-grid-rows: 40px;
  grid-template-rows: 40px;
  overflow-x: auto;
  white-space: nowrap;
}

.grid-reminders-needed-footer {
  background: #dddddd;
  max-height: 30px;
  min-height: 30px;
  -ms-grid-columns: 2fr 0 1.5fr 0 1.5fr 0 1fr 0 1fr 0 1fr 0 0.5fr 0 1fr 0 42px;
  grid-template-columns: 2fr 1.5fr 1.5fr 1fr 1fr 1fr 0.5fr 1fr 42px;
  -ms-grid-rows: 30px;
  grid-template-rows: 30px;
  border: 1px none var(--very-light-pink);
}

.grid-reminders-needed {
  border: 1px none var(--very-light-pink);
  max-height: 210px;
  min-height: 30px;
  -ms-grid-columns: 2fr 0 1.5fr 0 1.5fr 0 1fr 0 1fr 0 1fr 0 0.5fr 0 1fr 0 42px;
  grid-template-columns: 2fr 1.5fr 1.5fr 1fr 1fr 1fr 0.5fr 1fr 42px;
  -ms-grid-rows: 30px 0 auto;
  grid-template-rows: 30px auto;
}

.grid-reminders-needed-header {
  grid-column-start: 1;
  grid-column-end: 9;
  grid-row-start: 1;
  grid-row-end: 2;
  background-color: var(--brown-grey);
}

.grid-reminders-ongoing-headings {
  background: var(--brown-grey);
  max-height: 41px;
  min-height: 41px;
  margin-top: 0;
  -ms-grid-columns: 2fr 0 1.5fr 0 1.5fr 0 1fr 0 1fr 0 1fr 0 0.5fr 0 1fr 0 42px;
  grid-template-columns: 2fr 1.5fr 1.5fr 1fr 1fr 1fr 0.5fr 1fr 42px;
  -ms-grid-rows: 40px;
  grid-template-rows: 40px;
  overflow-x: auto;
  white-space: nowrap;
}

.grid-reminders-ongoing-footer {
  background: #dddddd;
  max-height: 30px;
  min-height: 30px;
  -ms-grid-columns: 2fr 0 1.5fr 0 1.5fr 0 1fr 0 1fr 0 1fr 0 0.5fr 0 1fr 0 42px;
  grid-template-columns: 2fr 1.5fr 1.5fr 1fr 1fr 1fr 0.5fr 1fr 42px;
  -ms-grid-rows: 30px;
  grid-template-rows: 30px;
  border: 1px none var(--very-light-pink);
}

.grid-reminders-ongoing {
  border: 1px none var(--very-light-pink);
  max-height: 210px;
  min-height: 30px;
  -ms-grid-columns: 2fr 0 1.5fr 0 1.5fr 0 1fr 0 1fr 0 1fr 0 0.5fr 0 1fr 0 42px;
  grid-template-columns: 2fr 1.5fr 1.5fr 1fr 1fr 1fr 0.5fr 1fr 42px;
  -ms-grid-rows: 30px 0 auto;
  grid-template-rows: 30px auto;
}

.grid-reminders-ongoing-header {
  grid-column-start: 1;
  grid-column-end: 9;
  grid-row-start: 1;
  grid-row-end: 2;
  background-color: var(--brown-grey);
}

.grid-reminders-last-headings {
  background: var(--brown-grey);
  max-height: 41px;
  min-height: 41px;
  margin-top: 0;
  -ms-grid-columns: 2fr 0 1.5fr 0 1.5fr 0 1fr 0 1fr 0 1fr 0 0.5fr 0 1fr 0 42px;
  grid-template-columns: 2fr 1.5fr 1.5fr 1fr 1fr 1fr 0.5fr 1fr 42px;
  -ms-grid-rows: 40px;
  grid-template-rows: 40px;
  overflow-x: auto;
  white-space: nowrap;
}

.grid-reminders-last-footer {
  background: #dddddd;
  max-height: 30px;
  min-height: 30px;
  -ms-grid-columns: 2fr 0 1.5fr 0 1.5fr 0 1fr 0 1fr 0 1fr 0 0.5fr 0 1fr 0 42px;
  grid-template-columns: 2fr 1.5fr 1.5fr 1fr 1fr 1fr 0.5fr 1fr 42px;
  -ms-grid-rows: 30px;
  grid-template-rows: 30px;
  border: 1px none var(--very-light-pink);
}

.grid-reminders-last {
  border: 1px none var(--very-light-pink);
  max-height: 210px;
  min-height: 30px;
  -ms-grid-columns: 2fr 0 1.5fr 0 1.5fr 0 1fr 0 1fr 0 1fr 0 0.5fr 0 1fr 0 42px;
  grid-template-columns: 2fr 1.5fr 1.5fr 1fr 1fr 1fr 0.5fr 1fr 42px;
  -ms-grid-rows: 30px 0 auto;
  grid-template-rows: 30px auto;
}

.grid-reminders-last-header {
  grid-column-start: 1;
  grid-column-end: 9;
  grid-row-start: 1;
  grid-row-end: 2;
  background-color: var(--brown-grey);
}

.grid-reminders-debt-headings {
  background: var(--brown-grey);
  max-height: 41px;
  min-height: 41px;
  margin-top: 0;
  -ms-grid-columns: 2fr 0 1fr 0 1.5fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 42px;
  grid-template-columns: 2fr 1fr 1.5fr 1fr 1fr 1fr 1fr 1fr 42px;
  -ms-grid-rows: 40px;
  grid-template-rows: 40px;
  overflow-x: auto;
  white-space: nowrap;
}

.grid-reminders-debt-footer {
  background: #dddddd;
  max-height: 30px;
  min-height: 30px;
  -ms-grid-columns: 2fr 0 1fr 0 1.5fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 42px;
  grid-template-columns: 2fr 1fr 1.5fr 1fr 1fr 1fr 1fr 1fr 42px;
  -ms-grid-rows: 30px;
  grid-template-rows: 30px;
  border: 1px none var(--very-light-pink);
}

.grid-reminders-debt {
  border: 1px none var(--very-light-pink);
  max-height: 210px;
  min-height: 30px;
  -ms-grid-columns: 2fr 0 1fr 0 1.5fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 42px;
  grid-template-columns: 2fr 1fr 1.5fr 1fr 1fr 1fr 1fr 1fr 42px;
  -ms-grid-rows: 30px 0 auto;
  grid-template-rows: 30px auto;
}

.grid-reminders-debt-header {
  grid-column-start: 1;
  grid-column-end: 9;
  grid-row-start: 1;
  grid-row-end: 2;
  background-color: var(--brown-grey);
}


.grid-debtcollections-needed-headings {
  background: var(--brown-grey);
  max-height: 41px;
  min-height: 41px;
  margin-top: 0;
  -ms-grid-columns: 2fr 0 1fr 0 1.5fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 42px;
  grid-template-columns: 2fr 1fr 1.5fr 1fr 1fr 1fr 1fr 1fr 42px;
  -ms-grid-rows: 40px;
  grid-template-rows: 40px;
  overflow-x: auto;
  white-space: nowrap;
}

.grid-debtcollections-needed-footer {
  background: #dddddd;
  max-height: 30px;
  min-height: 30px;
  -ms-grid-columns: 2fr 0 1fr 0 1.5fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 42px;
  grid-template-columns: 2fr 1fr 1.5fr 1fr 1fr 1fr 1fr 1fr 42px;
  -ms-grid-rows: 30px;
  grid-template-rows: 30px;
  border: 1px none var(--very-light-pink);
}

.grid-debtcollections-needed {
  border: 1px none var(--very-light-pink);
  max-height: 210px;
  min-height: 30px;
  -ms-grid-columns: 2fr 0 1fr 0 1.5fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 42px;
  grid-template-columns: 2fr 1fr 1.5fr 1fr 1fr 1fr 1fr 1fr 42px;
  -ms-grid-rows: 30px 0 auto;
  grid-template-rows: 30px auto;
}

.grid-debtcollections-needed-header {
  grid-column-start: 1;
  grid-column-end: 9;
  grid-row-start: 1;
  grid-row-end: 2;
  background-color: var(--brown-grey);
}


.grid-debtcollections-ongoing-headings {
  background: var(--brown-grey);
  max-height: 41px;
  min-height: 41px;
  margin-top: 0;
  -ms-grid-columns: 2fr 0 1fr 0 1.5fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 42px;
  grid-template-columns: 2fr 1fr 1.5fr 1fr 1fr 1fr 1fr 1fr 42px;
  -ms-grid-rows: 40px;
  grid-template-rows: 40px;
  overflow-x: auto;
  white-space: nowrap;
}

.grid-debtcollections-ongoing-footer {
  background: #dddddd;
  max-height: 30px;
  min-height: 30px;
  -ms-grid-columns: 2fr 0 1fr 0 1.5fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 42px;
  grid-template-columns: 2fr 1fr 1.5fr 1fr 1fr 1fr 1fr 1fr 42px;
  -ms-grid-rows: 30px;
  grid-template-rows: 30px;
  border: 1px none var(--very-light-pink);
}

.grid-debtcollections-ongoing {
  border: 1px none var(--very-light-pink);
  max-height: 210px;
  min-height: 30px;
  -ms-grid-columns: 2fr 0 1fr 0 1.5fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 42px;
  grid-template-columns: 2fr 1fr 1.5fr 1fr 1fr 1fr 1fr 1fr 42px;
  -ms-grid-rows: 30px 0 auto;
  grid-template-rows: 30px auto;
}

.grid-debtcollections-ongoing-header {
  grid-column-start: 1;
  grid-column-end: 9;
  grid-row-start: 1;
  grid-row-end: 2;
  background-color: var(--brown-grey);
}


.grid-debtcollections-rescinded-headings {
  background: var(--brown-grey);
  max-height: 41px;
  min-height: 41px;
  margin-top: 0;
  -ms-grid-columns: 2fr 0 1fr 0 1.5fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 42px;
  grid-template-columns: 2fr 1fr 1.5fr 1fr 1fr 1fr 1fr 1fr 42px;
  -ms-grid-rows: 40px;
  grid-template-rows: 40px;
  overflow-x: auto;
  white-space: nowrap;
}

.grid-debtcollections-rescinded-footer {
  background: #dddddd;
  max-height: 30px;
  min-height: 30px;
  -ms-grid-columns: 2fr 0 1fr 0 1.5fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 42px;
  grid-template-columns: 2fr 1fr 1.5fr 1fr 1fr 1fr 1fr 1fr 42px;
  -ms-grid-rows: 30px;
  grid-template-rows: 30px;
  border: 1px none var(--very-light-pink);
}

.grid-debtcollections-rescinded {
  border: 1px none var(--very-light-pink);
  max-height: 210px;
  min-height: 30px;
  -ms-grid-columns: 2fr 0 1fr 0 1.5fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 42px;
  grid-template-columns: 2fr 1fr 1.5fr 1fr 1fr 1fr 1fr 1fr 42px;
  -ms-grid-rows: 30px 0 auto;
  grid-template-rows: 30px auto;
}

.grid-debtcollections-rescinded-header {
  grid-column-start: 1;
  grid-column-end: 9;
  grid-row-start: 1;
  grid-row-end: 2;
  background-color: var(--brown-grey);
}


.grid-debtcollections-completed-headings {
  background: var(--brown-grey);
  max-height: 41px;
  min-height: 41px;
  margin-top: 0;
  -ms-grid-columns: 2fr 0 1fr 0 1.5fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 42px;
  grid-template-columns: 2fr 1fr 1.5fr 1fr 1fr 1fr 1fr 1fr 42px;
  -ms-grid-rows: 40px;
  grid-template-rows: 40px;
  overflow-x: auto;
  white-space: nowrap;
}

.grid-debtcollections-completed-footer {
  background: #dddddd;
  max-height: 30px;
  min-height: 30px;
  -ms-grid-columns: 2fr 0 1fr 0 1.5fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 42px;
  grid-template-columns: 2fr 1fr 1.5fr 1fr 1fr 1fr 1fr 1fr 42px;
  -ms-grid-rows: 30px;
  grid-template-rows: 30px;
  border: 1px none var(--very-light-pink);
}

.grid-debtcollections-completed {
  border: 1px none var(--very-light-pink);
  max-height: 210px;
  min-height: 30px;
  -ms-grid-columns: 2fr 0 1fr 0 1.5fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 42px;
  grid-template-columns: 2fr 1fr 1.5fr 1fr 1fr 1fr 1fr 1fr 42px;
  -ms-grid-rows: 30px 0 auto;
  grid-template-rows: 30px auto;
}

.grid-debtcollections-completed-header {
  grid-column-start: 1;
  grid-column-end: 9;
  grid-row-start: 1;
  grid-row-end: 2;
  background-color: var(--brown-grey);
}

.grid-messages-headings {
  background: var(--brown-grey);
  max-height: 41px;
  min-height: 41px;
  margin-top: 0;
  -ms-grid-columns: 2fr 0 6fr 0 1.5fr 0 1fr 0 42px;
  grid-template-columns: 2fr 6fr 1.5fr 1fr 42px;
  -ms-grid-rows: 40px;
  grid-template-rows: 40px;
}

.grid-messages-footer {
  background: #dddddd;
  max-height: 30px;
  min-height: 30px;
  -ms-grid-columns: 2fr 0 6fr 0 1.5fr 0 1fr 0 42px;
  grid-template-columns: 2fr 6fr 1.5fr 1fr 42px;
  -ms-grid-rows: 30px;
  grid-template-rows: 30px;
  border: 1px none var(--very-light-pink);
}

.grid-messages {
  border: 1px none var(--very-light-pink);
  max-height: 210px;
  min-height: 30px;
  -ms-grid-columns: 2fr 0 6fr 0 1.5fr 0 1fr 0 42px;
  grid-template-columns: 2fr 6fr 1.5fr 1fr 42px;
  -ms-grid-rows: 30px 0 auto;
  grid-template-rows: 30px auto;
}

.grid-messages-header {
  grid-column-start: 1;
  grid-column-end: 6;
  grid-row-start: 1;
  grid-row-end: 2;
  background-color: var(--brown-grey);
}

.grid-messages-mowida-headings {
  background: var(--brown-grey);
  max-height: 41px;
  min-height: 41px;
  margin-top: 0;
  -ms-grid-columns: 2fr 0 6fr 0 1.5fr 0 1fr 0 42px;
  grid-template-columns: 2fr 6fr 1.5fr 1fr 42px;
  -ms-grid-rows: 40px;
  grid-template-rows: 40px;
}

.grid-messages-mowida-footer {
  background: #dddddd;
  max-height: 30px;
  min-height: 30px;
  -ms-grid-columns: 2fr 0 6fr 0 1.5fr 0 1fr 0 42px;
  grid-template-columns: 2fr 6fr 1.5fr 1fr 42px;
  -ms-grid-rows: 30px;
  grid-template-rows: 30px;
  border: 1px none var(--very-light-pink);
}

.grid-messages-mowida {
  border: 1px none var(--very-light-pink);
  max-height: 210px;
  min-height: 30px;
  -ms-grid-columns: 2fr 0 6fr 0 1.5fr 0 1fr 0 42px;
  grid-template-columns: 2fr 6fr 1.5fr 1fr 42px;
  -ms-grid-rows: 30px 0 auto;
  grid-template-rows: 30px auto;
}

.grid-messages-mowida-header {
  grid-column-start: 1;
  grid-column-end: 6;
  grid-row-start: 1;
  grid-row-end: 2;
  background-color: var(--brown-grey);
}

.grid-comms-headings {
  background: var(--brown-grey);
  max-height: 41px;
  min-height: 41px;
  margin-top: 0;
  -ms-grid-columns: 2fr 0 1.5fr 0 0 2.5fr 0 3.5fr 0 42px;
  grid-template-columns: 2fr 1.5fr 2.5fr 3.5fr 42px;
  -ms-grid-rows: 40px;
  grid-template-rows: 40px;
}

.grid-comms-footer {
  background: #dddddd;
  max-height: 30px;
  min-height: 30px;
  -ms-grid-columns: 3.5fr 0 0.5fr 0 0 2fr 0 3.5fr 0 42px;
  grid-template-columns: 3.5fr 0.5fr 2fr 3.5fr 42px;
  -ms-grid-rows: 30px;
  grid-template-rows: 30px;
  border: 1px none var(--very-light-pink);
}

.grid-comms {
  border: 1px none var(--very-light-pink);
  max-height: 210px;
  min-height: 30px;
  -ms-grid-columns: 2fr 0 1.5fr 0 0 2.5fr 0 3.5fr 0 42px;
  grid-template-columns: 2fr 1.5fr 2.5fr 3.5fr 42px;
  -ms-grid-rows: 30px 0 auto;
  grid-template-rows: 30px auto;
}

.grid-comms-header {
  grid-column-start: 1;
  grid-column-end: 6;
  grid-row-start: 1;
  grid-row-end: 2;
  background-color: var(--brown-grey);
}

.grid-comms-mowida-headings {
  background: var(--brown-grey);
  max-height: 41px;
  min-height: 41px;
  margin-top: 0;
  -ms-grid-columns: 2fr 0 6fr 0 1.5fr 0 1fr 0 42px;
  grid-template-columns: 2fr 6fr 1.5fr 1fr 42px;
  -ms-grid-rows: 40px;
  grid-template-rows: 40px;
}

.grid-comms-mowida-footer {
  background: #dddddd;
  max-height: 30px;
  min-height: 30px;
  -ms-grid-columns: 2fr 0 6fr 0 1.5fr 0 1fr 0 42px;
  grid-template-columns: 2fr 6fr 1.5fr 1fr 42px;
  -ms-grid-rows: 30px;
  grid-template-rows: 30px;
  border: 1px none var(--very-light-pink);
}

.grid-comms-mowida {
  border: 1px none var(--very-light-pink);
  max-height: 210px;
  min-height: 30px;
  -ms-grid-columns: 2fr 0 6fr 0 1.5fr 0 1fr 0 42px;
  grid-template-columns: 2fr 6fr 1.5fr 1fr 42px;
  -ms-grid-rows: 30px 0 auto;
  grid-template-rows: 30px auto;
}

.grid-comms-mowida-header {
  grid-column-start: 1;
  grid-column-end: 6;
  grid-row-start: 1;
  grid-row-end: 2;
  background-color: var(--brown-grey);
}

.grid-signings-incomplete-headings {
  background: var(--brown-grey);
  max-height: 41px;
  min-height: 41px;
  margin-top: 0;
  -ms-grid-columns: 160px 0 160px 0 1fr 0 140px 0 2fr 0 42px;
  grid-template-columns: 160px 160px 1fr 140px 2fr 42px;
  -ms-grid-rows: 40px;
  grid-template-rows: 40px;
}

.grid-signings-incomplete-footer {
  background: #dddddd;
  max-height: 30px;
  min-height: 30px;
  -ms-grid-columns: 160px 0 160px 0 1fr 0 140px 0 2fr 0 42px;
  grid-template-columns: 160px 160px 1fr 140px 2fr 42px;
  -ms-grid-rows: 30px;
  grid-template-rows: 30px;
  border: 1px none var(--very-light-pink);
}

.grid-signings-incomplete {
  border: 1px none var(--very-light-pink);
  max-height: 210px;
  min-height: 30px;
  -ms-grid-columns: 160px 0 160px 0 1fr 0 140px 0 2fr 0 42px;
  grid-template-columns: 160px 160px 1fr 140px 2fr 42px;
  -ms-grid-rows: 30px 0 auto;
  grid-template-rows: 30px auto;
}

.grid-signings-incomplete-header {
  grid-column-start: 1;
  grid-column-end: 7;
  grid-row-start: 1;
  grid-row-end: 2;
  background-color: var(--brown-grey);
}

.grid-signings-reminders-headings {
  background: var(--brown-grey);
  max-height: 41px;
  min-height: 41px;
  margin-top: 0;
  -ms-grid-columns: 160px 0 160px 0 1fr 0 1fr 0 1fr 0 42px;
  grid-template-columns: 160px 160px 1fr 1fr 1fr 42px;
  -ms-grid-rows: 40px;
  grid-template-rows: 40px;
}

.grid-signings-reminders-footer {
  background: #dddddd;
  max-height: 30px;
  min-height: 30px;
  -ms-grid-columns: 160px 0 160px 0 1fr 0 1fr 0 1fr 0 42px;
  grid-template-columns: 160px 160px 1fr 1fr 1fr 42px;
  -ms-grid-rows: 30px;
  grid-template-rows: 30px;
  border: 1px none var(--very-light-pink);
}

.grid-signings-reminders {
  border: 1px none var(--very-light-pink);
  max-height: 210px;
  min-height: 30px;
  -ms-grid-columns: 160px 0 160px 0 1fr 0 1fr 0 1fr 0 42px;
  grid-template-columns: 160px 160px 1fr 1fr 1fr 42px;
  -ms-grid-rows: 30px 0 auto;
  grid-template-rows: 30px auto;
}

.grid-signings-reminders-header {
  grid-column-start: 1;
  grid-column-end: 6;
  grid-row-start: 1;
  grid-row-end: 2;
  background-color: var(--brown-grey);
}

.grid-signings-revokes-headings {
  background: var(--brown-grey);
  max-height: 41px;
  min-height: 41px;
  margin-top: 0;
  -ms-grid-columns: 160px 0 160px 0 1fr 0 1fr 0 1fr 0 1fr 0 42px;
  grid-template-columns: 160px 160px 1fr 1fr 1fr 1fr 42px;
  -ms-grid-rows: 40px;
  grid-template-rows: 40px;
}

.grid-signings-revokes-footer {
  background: #dddddd;
  max-height: 30px;
  min-height: 30px;
  -ms-grid-columns: 160px 0 160px 0 1fr 0 1fr 0 1fr 0 1fr 0 42px;
  grid-template-columns: 160px 160px 1fr 1fr 1fr 1fr 42px;
  -ms-grid-rows: 30px;
  grid-template-rows: 30px;
  border: 1px none var(--very-light-pink);
}

.grid-signings-revokes {
  border: 1px none var(--very-light-pink);
  max-height: 210px;
  min-height: 30px;
  -ms-grid-columns: 160px 0 160px 0 1fr 0 1fr 0 1fr 0 1fr 0 42px;
  grid-template-columns: 160px 160px 1fr 1fr 1fr 1fr 42px;
  -ms-grid-rows: 30px 0 auto;
  grid-template-rows: 30px auto;
}

.grid-signings-revokes-header {
  grid-column-start: 1;
  grid-column-end: 8;
  grid-row-start: 1;
  grid-row-end: 2;
  background-color: var(--brown-grey);
}

.grid-signings-complete-headings {
  background: var(--brown-grey);
  max-height: 41px;
  min-height: 41px;
  margin-top: 0;
  -ms-grid-columns: 160px 0 160px 0 160px 0 1fr 0 140px 0 42px;
  grid-template-columns: 160px 160px 160px 1fr 140px 42px;
  -ms-grid-rows: 40px;
  grid-template-rows: 40px;
}

.grid-signings-complete-footer {
  background: #dddddd;
  max-height: 30px;
  min-height: 30px;
  -ms-grid-columns: 160px 0 160px 0 160px 0 1fr 0 140px 0 42px;
  grid-template-columns: 160px 160px 160px 1fr 140px 42px;
  -ms-grid-rows: 30px;
  grid-template-rows: 30px;
  border: 1px none var(--very-light-pink);
}

.grid-signings-complete {
  border: 1px none var(--very-light-pink);
  max-height: 210px;
  min-height: 30px;
  -ms-grid-columns: 160px 0 160px 0 160px 0 1fr 0 140px 0 42px;
  grid-template-columns: 160px 160px 160px 1fr 140px 42px;
  -ms-grid-rows: 30px 0 auto;
  grid-template-rows: 30px auto;
}

.grid-signings-complete-header {
  grid-column-start: 1;
  grid-column-end: 7;
  grid-row-start: 1;
  grid-row-end: 2;
  background-color: var(--brown-grey);
}

.grid-bgr {
  padding-left: 0;
  background-color: var(--white);
}

.grid-pyjamas-stripe {
  padding-left: 0;
  background-color: #e3e3e3e3;
}

.grid-header-center {
  text-align: center;
}

.grid-header-white {
  padding: 10px;
  -ms-flex-item-align: left;
  align-self: center;
  color: var(--white);
  font-weight: 400;
  text-align: left;
}

.grid-header-black {
  padding: 10px;
  -ms-flex-item-align: left;
  align-self: center;
  color: var(--brown-grey);
  font-weight: 400;
  text-align: left;
}

.grid-text-normal-cell {
  padding: 0;
  -webkit-align-self: center;
  -ms-grid-row-align: center;
  align-self: center;
  color: #333;
  font-size: 14px;
  text-align: left;
}

.list-grid-document {
  display: -ms-grid;
  display: grid;
  overflow: scroll;
  max-height: 200px;
  max-width: none;
  min-height: 36px;
  overflow-x: hidden;
  margin-top: 8px;
  height: auto;
  width: 100%;
  grid-column-gap: 0;
  grid-row-gap: 8px;
  grid-template-areas: ".";
  -ms-grid-columns: 8fr 0 40fr 0 16fr 0 236fr 0 16fr 0 263fr 0 8fr 0 28fr 0 8fr;
  grid-template-columns: 8fr 40fr 16fr 236fr 16fr 263fr 8fr 28fr 8fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  font-size: 18px;
  font-weight: 300;
}

.files-grid-document{
  display: -ms-grid;
  display: grid;
  max-height: 200px;
  max-width: none;
  min-height: 36px;
  overflow-x: hidden;
  overflow-y: auto;
  margin-top: 8px;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  height: auto;
  width: 100%;
  grid-row-gap: 8px;
}

.file-grid{
  display:-ms-grid;
  display:grid;
  grid-column-gap: 0;
  min-height: 36px;
  grid-template-areas: ".";
  -ms-grid-columns: 8fr 0 40fr 0 16fr 0 236fr 0 16fr 0 263fr 0 8fr 0 28fr 0 8fr;
  grid-template-columns: 8fr 40fr 16fr 236fr 16fr 263fr 8fr 28fr 8fr;
  font-size: 18px;
  font-weight: 300;
  background-color: #f1f1f1;
}

option {
  color: #000000;
}

option:disabled{
  color: #aaaaaa;
}

select {
  color: #000000;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: '';
}
select.input-field:valid:focus + .select2 .select2-selection {
  border-color: var(--petrol) !important;
}
select.is-invalid:not(:focus):has(~ span [title*="välj" i]),
select.is-invalid:has(~ span [title*="välj" i]) + .select2 .select2-selection {
  border-color: var(--faded-red) !important;
}

.grid-text-available-object {
  padding: 5px 10px;
  -webkit-align-self: center;
  -ms-grid-row-align: center;
  align-self: center;
  color: #333;
  font-size: 14px;
  text-align: left;
}

a.anchor {
  display: block;
  position: relative;
  top: -130px;
}

.dashboard-three-dots-menu-item {
  font-size: 15px;
  font-weight: 400;
  display: block;
  min-width: 100px;
  margin-left: 0;
  margin-right: auto;
  padding: 0 20px;
  -webkit-transition: background-color 250ms ease;
  transition: background-color 250ms ease;
  position: relative;
  vertical-align: top;
  text-decoration: none;
  color: #222222;
  text-align: left;
  white-space: nowrap;
}

.dashboard-three-dots-menu-item:hover {
  background-color: var(--light-grey);
}

.dashboard-three-dots-menu-item.w--current {
  background-color: var(--light-grey);
  box-shadow: inset 3px 0 0 0 var(--petrol);
  color: var(--text-charcoal-grey);
}

.dashboard-three-dots-menu-arrow {
  position: absolute;
  top: -9px;
  right: 15px;
  width: 16px;
  height: 16px;
  border-top: 1px solid var(--very-light-pink);
  border-left: 1px solid var(--very-light-pink);
  border-top-left-radius: 4px;
  background-color: var(--white);
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.dashboard-three-dots-menu {
  position: absolute;
  top: 0;
  right: 35px;
  display: none;
  padding: 0;
  border-radius: 4px;
  box-shadow: 0 6px 22px 4px rgba(0, 0, 0, 0.2);
  background: #dddddd;
  min-width: 100px;
}

.dashboard-three-dots-menu.w--open {
  position: absolute;
  top: 0;
  right: 35px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-right: 0;
  padding-left: 0;
  -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: 1px solid var(--very-light-pink);
  box-shadow: 0 9px 22px 6px rgba(0, 0, 0, 0.14);
}

.action-button-block {
  height: auto;
}

.termination-grid {
  -ms-grid-row-align: center;
  align-self: center;
  flex: 1;
  grid-row-gap: 0;
  grid-template-areas: ".";
  -ms-grid-columns: 0.25fr 3fr;
  grid-template-columns: 0.25fr 3fr;
  -ms-grid-rows: auto 0 auto;
  grid-template-rows: auto auto;
}

.carousel-greyout {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10001;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}

/* (When a none hidden carousel exists, disable document scroll)
    When a div with class 'carousel-greyout' ignoring style 'display: none', hide scrollbar on root html */
html:has(div.carousel-greyout:not([style*="display: none"])) {
  overflow: hidden;
}

.carousel-card {
  width: 90%;
  height: 90%;
  max-width: 800px;
  max-height: 600px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: var(--white);
  border-radius: 5px;
}

.carousel-image {
  display: block;
  width: 80%;
  max-height: 100%;
  min-height: 400px;
  object-fit: contain;
  position: absolute;
  left: 50%;
  top: 57.5%;
  transform: translate(-50%, -50%);
}

.carousel-div {
  display: none;
  width: 80%;
  max-height: 80%;
  object-fit: contain;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.carousel-div.active {
  display: inline-block;
}

.carousel-control-prev {
  position: absolute;
  top: 50%;
  left: 1em;
  font-size: xx-large;
}

.carousel-control-next {
  position: absolute;
  top: 50%;
  right: 1em;
  font-size: xx-large;
}

.carousel-control-close {
  position: absolute;
  top: 0.5em;
  right: 1em;
  font-size: xx-large;
}.carousel-control-close.clickable{
  cursor:pointer;
 }


.pdf-grid-page {
  background: var(--white);
  display: grid;
  -ms-grid-row-align: center;
  align-self: center;
  flex: 1;
  grid-row-gap: 0;
  grid-template-areas: ".";
  -ms-grid-columns: 1.3125cm 0 18.375cm 0 1.3125cm;
  grid-template-columns: 1.3125cm 18.375cm 1.3125cm;
  -ms-grid-rows: 1.3125cm 0 27.075cm 0 1.3125cm;
  grid-template-rows: 1.3125cm 27.075cm 1.3125cm;
}

.pdf-grid_top_images {
  display: grid;
  -ms-grid-row-align: center;
  align-self: center;
  flex: 1;
  grid-row-gap: 0;
  grid-template-areas: ".";
  -ms-grid-columns: 5.9cm 1fr 5.9cm 1fr 5.9cm;
  grid-template-columns: 5.9cm 1fr 5.9cm 1fr 5.9cm;
  -ms-grid-rows: 3.1425cm;
  grid-template-rows: 3.1425cm;
}

.pdf-grid_top_section {
  display: grid;
  -ms-grid-row-align: center;
  align-self: center;
  flex: 1;
  border-bottom: darkgrey 1px solid;
  grid-row-gap: 0;
  grid-template-areas: ".";
  -ms-grid-columns: 0.65cm 1fr 0.65cm;
  grid-template-columns: 0.65cm 1fr 0.65cm;
  -ms-grid-rows: 0.65625cm 1.6575cm 0.65625cm;
  grid-template-rows: 0.65625cm 1.6575cm 0.65625cm;
}

.pdf-grid_invoice_rows {
  display: grid;
  -ms-grid-row-align: center;
  align-self: center;
  grid-row-gap: 0;
  grid-template-areas: ".";
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  -ms-grid-rows: 90px 0 17px 0 80px 0 17px 0 529px 0 207px 0 62px;
  grid-template-rows: 90px 17px 80px 17px 529px 207px 62px;
}

.pdf-grid_first_section_invoice {
  display: grid;
  height: 90px;
  -ms-grid-row-align: center;
  align-self: center;
  flex: 1;
  grid-row-gap: 0;
  grid-template-areas: ".";
  -ms-grid-columns: 259fr 0 11fr 0 259fr;
  grid-template-columns: 259fr 11fr 259fr;
  -ms-grid-rows: 90px;
  grid-template-rows: 90px;
}

.pdf-grid_first_section_sub_invoice {
  display: grid;
  height: 90px;
  -ms-grid-row-align: center;
  align-self: center;
  flex: 1;
  grid-row-gap: 0;
  grid-template-areas: ".";
  -ms-grid-columns: 1fr 0 1fr 0 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  -ms-grid-rows: 29px 0 23px 0 38px;
  grid-template-rows: 29px 23px 38px;
}

.pdf-grid_second_section_invoice {
  height: 80px;
  width: 100%;
  display: grid;
  grid-row-gap: 0;
  grid-template-areas: ".";
  -ms-grid-columns: 259fr 0 11fr 0 259fr;
  grid-template-columns: 259fr 11fr 259fr;
  -ms-grid-rows: 80px;
  grid-template-rows: 80px;
}

.pdf-grid_second_section_sub_invoice {
  height: 80px;
  display: grid;
  -ms-grid-row-align: center;
  align-self: center;
  grid-row-gap: 0;
  grid-template-areas: ".";
  -ms-grid-columns: 173fr 86fr;
  grid-template-columns: 173fr 86fr;
  -ms-grid-rows: 80px;
  grid-template-rows: 80px;
}

.pdf-grid_third_section_invoice {
  height: 495px;
  width: 100%;
  display: grid;
  flex: 1;
  grid-row-gap: 0;
  grid-template-areas: ".";
  -ms-grid-columns: 65fr 0 20fr 0 15fr;
  grid-template-columns: 65fr 20fr 15fr;
  -ms-grid-rows: 21px 0 21px 0 21px 0 21px 0 21px 0 21px 0 21px 0 21px 0 21px 0 21px 0 21px 0 21px 0 21px 0 21px 0 21px 0 21px 0 21px 0 21px 0 21px 0 21px 0 21px 0 21px 0 21px 0 21px;
  grid-template-rows: 21px 21px 21px 21px 21px 21px 21px 21px 21px 21px 21px 21px 21px 21px 21px 21px 21px 21px 21px 21px 21px 21px 21px 21px;
}

.pdf-grid_third_section_top_sub_invoice {
  display: grid;
  -ms-grid-row-align: center;
  align-self: center;
  flex: 1;
  grid-row-gap: 0;
  grid-template-areas: ".";
  -ms-grid-columns: 517fr;
  grid-template-columns: 517fr;
  -ms-grid-rows: 370fr 41fr;
  grid-template-rows: 370fr 41fr;
}

.pdf-grid_third_section_top_sub2_invoice {
  display: grid;
  flex: 1;
  grid-row-gap: 0;
  grid-template-areas: ".";
  -ms-grid-columns: 374fr 143fr;
  grid-template-columns: 374fr 143fr;
  -ms-grid-rows: 41fr;
  grid-template-rows: 41fr;
}

.pdf-grid_third_section_top_sub3_invoice {
  display: grid;
  -ms-grid-row-align: center;
  align-self: center;
  flex: 1;
  grid-row-gap: 0;
  grid-template-areas: ".";
  -ms-grid-columns: 69fr 74fr;
  grid-template-columns: 69fr 74fr;
  -ms-grid-rows: 41fr;
  grid-template-rows: 41fr;
}

.pdf-grid_third_section_top_row_invoice {
  display: grid;
  -ms-grid-row-align: center;
  align-self: center;
  flex: 1;
  grid-row-gap: 0;
  grid-template-areas: ".";
  -ms-grid-columns: 40fr 242fr 125fr 74fr;
  grid-template-columns: 40fr 242fr 125fr 74fr;
  -ms-grid-rows: 10fr;
  grid-template-rows: 10fr;
}

.pdf-grid_fourth_section_invoice {
  height: 187px;
  display: grid;
  -ms-grid-row-align: center;
  align-self: center;
  flex: 1;
  grid-row-gap: 0;
  grid-template-areas: ".";
  -ms-grid-columns: 7fr 0 4fr 0 4fr;
  grid-template-columns: 7fr 4fr 4fr;
  -ms-grid-rows: 46px 0 46px 0 46px 0 46px 0;
  grid-template-rows: 46px 46px 46px 46px;
}

.pdf-grid_fifth_section_invoice {
  height: 60px;
  padding: 10px;
  display: grid;
  -ms-grid-row-align: center;
  align-self: center;
  flex: 1;
  grid-row-gap: 0;
  grid-template-areas: ".";
  -ms-grid-columns: 1fr 0 1fr 0 1fr 0 1fr 0 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  -ms-grid-rows: 60px;
  grid-template-rows: 60px;
}


.pdf-grid_invoice_reminder_rows {
  display: grid;
  -ms-grid-row-align: center;
  align-self: center;
  grid-row-gap: 0;
  grid-template-areas: ".";
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  -ms-grid-rows: 90px 0 17px 0 29px 0 17px 0 80px 0 17px 0 483px 0 207px 0 62px;
  grid-template-rows: 90px 17px 29px 17px 80px 17px 483px 207px 62px;
}

.pdf-grid_first_section_invoice_reminder {
  display: grid;
  height: 90px;
  -ms-grid-row-align: center;
  align-self: center;
  flex: 1;
  grid-row-gap: 0;
  grid-template-areas: ".";
  -ms-grid-columns: 259fr 0 11fr 0 259fr;
  grid-template-columns: 259fr 11fr 259fr;
  -ms-grid-rows: 90px;
  grid-template-rows: 90px;
}

.pdf-grid_first_section_sub_invoice_reminder {
  display: grid;
  height: 90px;
  -ms-grid-row-align: center;
  align-self: center;
  flex: 1;
  grid-row-gap: 0;
  grid-template-areas: ".";
  -ms-grid-columns: 1fr 0 1fr 0 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  -ms-grid-rows: 29px 0 23px 0 38px;
  grid-template-rows: 29px 23px 38px;
}

.pdf-grid_reminder_section_invoice_reminder {
  height: 29px;
  margin: 19px;
  width: 100%;
  display: grid;
  grid-row-gap: 0;
  grid-template-areas: ".";
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  -ms-grid-rows: 29px;
  grid-template-rows: 29px;
}

.pdf-grid_second_section_invoice_reminder {
  height: 80px;
  width: 100%;
  display: grid;
  grid-row-gap: 0;
  grid-template-areas: ".";
  -ms-grid-columns: 259fr 0 11fr 0 259fr;
  grid-template-columns: 259fr 11fr 259fr;
  -ms-grid-rows: 80px;
  grid-template-rows: 80px;
}

.pdf-grid_second_section_sub_invoice_reminder {
  height: 80px;
  display: grid;
  -ms-grid-row-align: center;
  align-self: center;
  grid-row-gap: 0;
  grid-template-areas: ".";
  -ms-grid-columns: 173fr 86fr;
  grid-template-columns: 173fr 86fr;
  -ms-grid-rows: 80px;
  grid-template-rows: 80px;
}

.pdf-grid_third_section_invoice_reminder {
  height: 495px;
  width: 100%;
  display: grid;
  flex: 1;
  grid-row-gap: 0;
  grid-template-areas: ".";
  -ms-grid-columns: 65fr 0 20fr 0 15fr;
  grid-template-columns: 65fr 20fr 15fr;
  -ms-grid-rows: 21px 0 21px 0 21px 0 21px 0 21px 0 21px 0 21px 0 21px 0 21px 0 21px 0 21px 0 21px 0 21px 0 21px 0 21px 0 21px 0 21px 0 21px 0 21px 0 21px 0 21px 0 21px;
  grid-template-rows: 21px 21px 21px 21px 21px 21px 21px 21px 21px 21px 21px 21px 21px 21px 21px 21px 21px 21px 21px 21px 21px 21px;
}

.pdf-grid_third_section_top_sub_invoice_reminder {
  display: grid;
  -ms-grid-row-align: center;
  align-self: center;
  flex: 1;
  grid-row-gap: 0;
  grid-template-areas: ".";
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  -ms-grid-rows: 370fr 41fr;
  grid-template-rows: 370fr 41fr;
}

.pdf-grid_third_section_top_sub2_invoice_reminder {
  display: grid;
  flex: 1;
  grid-row-gap: 0;
  grid-template-areas: ".";
  -ms-grid-columns: 374fr 143fr;
  grid-template-columns: 374fr 143fr;
  -ms-grid-rows: 41fr;
  grid-template-rows: 41fr;
}

.pdf-grid_third_section_top_sub3_invoice_reminder {
  display: grid;
  -ms-grid-row-align: center;
  align-self: center;
  flex: 1;
  grid-row-gap: 0;
  grid-template-areas: ".";
  -ms-grid-columns: 69fr 74fr;
  grid-template-columns: 69fr 74fr;
  -ms-grid-rows: 41fr;
  grid-template-rows: 41fr;
}

.pdf-grid_third_section_top_row_invoice_reminder {
  display: grid;
  -ms-grid-row-align: center;
  align-self: center;
  flex: 1;
  grid-row-gap: 0;
  grid-template-areas: ".";
  -ms-grid-columns: 40fr 242fr 125fr 74fr;
  grid-template-columns: 40fr 242fr 125fr 74fr;
  -ms-grid-rows: 10fr;
  grid-template-rows: 10fr;
}

.pdf-grid_fourth_section_invoice_reminder {
  height: 187px;
  display: grid;
  -ms-grid-row-align: center;
  align-self: center;
  flex: 1;
  grid-row-gap: 0;
  grid-template-areas: ".";
  -ms-grid-columns: 8fr 0 3fr 0 4fr;
  grid-template-columns: 8fr 3fr 4fr;
  -ms-grid-rows: 46px 0 46px 0 46px 0 46px 0;
  grid-template-rows: 46px 46px 46px 46px;
}

.pdf-grid_fifth_section_invoice_reminder {
  height: 60px;
  padding: 10px;
  display: grid;
  -ms-grid-row-align: center;
  align-self: center;
  flex: 1;
  grid-row-gap: 0;
  grid-template-areas: ".";
  -ms-grid-columns: 1fr 0 1fr 0 1fr 0 1fr 0 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  -ms-grid-rows: 60px;
  grid-template-rows: 60px;
}

.text-align-left {
  text-align: left;
}

.text-align-center {
  text-align: center;
}

.text-align-right {
  text-align: right;
}

.invoice_normal_text {
  font-family: proxima-nova, sans-serif;
  font-style: normal;
  font-weight: 100;
  font-size: 12px;
  color: #000000;
}

.invoice_normal_text-bold {
  font-family: proxima-nova, sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 12px;
  color: #000000;
}

.invoice_heading_text {
  font-family: proxima-nova, sans-serif;
  font-style: normal;
  font-weight: 100;
  font-size: 12px;
  color: #555555;
}

.pdf-grid_top_section_sub {
  display: grid;
  -ms-grid-row-align: center;
  align-self: center;
  flex: 1;
  grid-row-gap: 0;
  grid-template-areas: ".";
  -ms-grid-columns: 2fr 1fr;
  grid-template-columns: 2fr 1fr;
  -ms-grid-rows: 0.82875cm 0.82875cm;
  grid-template-rows: 0.82875cm 0.82875cm;
}

.pdf-grid_middle_section {
  display: grid;
  -ms-grid-row-align: center;
  align-self: center;
  flex: 1;
  grid-row-gap: 0;
  grid-template-areas: ".";
  -ms-grid-columns: 0.65cm 9.2cm 0.65cm 0.65cm 1fr 0.65cm;
  grid-template-columns: 0.65cm 9.2cm 0.65cm 0.65cm 1fr 0.65cm;
  -ms-grid-rows: 0.65625cm 13.5375cm 0.65625cm;
  grid-template-rows: 0.65625cm 13.5375cm 0.65625cm;
}

.pdf-grid_middle_section_nearest {
  display: grid;
  -ms-grid-row-align: center;
  align-self: center;
  flex: 1;
  grid-row-gap: 0;
  grid-template-areas: ".";
  -ms-grid-columns: 6fr 2fr 4fr;
  grid-template-columns: 6fr 2fr 4fr;
  -ms-grid-rows: auto auto auto auto auto auto;
  grid-template-rows: auto auto auto auto auto auto;
}

.pdf-grid_middle_section_other {
  display: grid;
  -ms-grid-row-align: center;
  align-self: center;
  flex: 1;
  grid-row-gap: 0;
  grid-template-areas: ".";
  -ms-grid-columns: 6fr 4fr;
  grid-template-columns: 6fr 4fr;
  -ms-grid-rows: auto auto auto auto;
  grid-template-rows: auto auto auto auto;
}

.pdf-grid_bottom_section {
  display: grid;
  -ms-grid-row-align: center;
  align-self: center;
  flex: 1;
  grid-row-gap: 0;
  grid-template-areas: ".";
  -ms-grid-columns: 0.65cm 9.2cm 0.65cm 0.65cm 1fr 0.65cm;
  grid-template-columns: 0.65cm 9.2cm 0.65cm 0.65cm 1fr 0.65cm;
  -ms-grid-rows: 0.65625cm 4.8cm 0.65625cm;
  grid-template-rows: 0.65625cm 4.8cm 0.65625cm;
}


body[type='pdf_doc'] {
  background: rgb(204, 204, 204);
}

page[size="A4"] {
  width: 21cm;
  height: 29.7cm;
  background: var(--white);
  display: block;
  margin: 0;
}

page[size="A4"][layout="portrait"] {
  width: 21cm;
  height: 29.7cm;
  background: var(--white);
  display: block;
  margin: 0;
}

page[size="A4"][layout="landscape"] {
  width: 29.7cm;
  height: 21cm;
  background: var(--white);
  display: block;
  margin: 0;
}

.text-block-41 {
  cursor: pointer;
  margin-top: 10px;
  margin-right: 15px;
  padding-top: 0;
  padding-right: 0;
  color: var(--petrol);
  text-decoration: underline;
}

.fit-content {
  width: fit-content;
}

.dz-default {
  text-align: center;
}

.grid-admin-new-companies-headings {
  background: var(--brown-grey);
  max-height: 41px;
  min-height: 41px;
  -ms-grid-columns: 2.5fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1.5fr;
  grid-template-columns: 2.5fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1.5fr;
  -ms-grid-rows: 40px;
  grid-template-rows: 40px;
  border: 1px solid var(--brown-grey);
}

.grid-admin-new-companies-footer {
  background: #dddddd;
  max-height: 30px;
  min-height: 30px;
  -ms-grid-columns: 2.5fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1.5fr;
  grid-template-columns: 2.5fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1.5fr;
  -ms-grid-rows: 30px;
  grid-template-rows: 30px;
  border: 1px solid #dddddd;
}

.grid-admin-new-companies {
  border: 1px none var(--very-light-pink);
  max-height: 210px;
  min-height: 30px;
  -ms-grid-columns: 2.5fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1.5fr;
  grid-template-columns: 2.5fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1.5fr;
  -ms-grid-rows: 30px 0 auto;
  grid-template-rows: 30px auto;
}

.grid-admin-new-companies-header {
  grid-column-start: 1;
  grid-column-end: 13;
  grid-row-start: 1;
  grid-row-end: 2;
  background-color: var(--brown-grey);
}

.grid-admin-former-customers-headings {
  background: var(--brown-grey);
  max-height: 41px;
  min-height: 41px;
  -ms-grid-columns: 0.75fr 0 2fr 0 0.75fr 0 1fr 42px;
  grid-template-columns: 0.75fr 2fr 0.75fr 1fr 42px;
  -ms-grid-rows: 40px;
  grid-template-rows: 40px;
  border: 1px solid var(--brown-grey);
}

.grid-admin-former-customers-footer {
  background: #dddddd;
  max-height: 30px;
  min-height: 30px;
  -ms-grid-columns: 0.75fr 0 2fr 0 0.75fr 0 1fr 42px;
  grid-template-columns: 0.75fr 2fr 0.75fr 1fr 42px;
  -ms-grid-rows: 30px;
  grid-template-rows: 30px;
  border: 1px solid #dddddd;
}

.grid-admin-former-customers {
  border: 1px solid var(--very-light-pink);
  max-height: 270px;
  min-height: 30px;
  -ms-grid-columns: 0.75fr 0 2fr 0 0.75fr 0 1fr 42px;
  grid-template-columns: 0.75fr 2fr 0.75fr 1fr 42px;
  -ms-grid-rows: minmax(30px, auto);
  grid-template-rows: minmax(30px, auto);

}

.grid-admin-former-customers-header {
  grid-column-start: 1;
  grid-column-end: 5;
  grid-row-start: 1;
  grid-row-end: 2;
  background-color: var(--brown-grey);
}

.btn_primary_medium:disabled {
  background-color: #C8C8C8;
  border-color: #C8C8C8;
  transition: background-color 0.3s ease, border-color 0.3s ease;
}

.input-field:focus {
  position: static;
}


.grid-economy-invoice-review-headings {
  background: var(--brown-grey);
  max-height: 36px;
  min-height: 36px;
  -ms-grid-columns: 1fr 0 45px 0 120px 0 120px 0 120px 0 120px 0 100px 0 150px 0 42px;
  grid-template-columns: 1fr 45px 120px 120px 120px 120px 100px 150px 42px;
  -ms-grid-rows: 35px;
  grid-template-rows: 35px;
  border: 1px solid var(--brown-grey);
}

.grid-economy-invoice-review {
  border: 1px none var(--very-light-pink);
  max-height: none;
  min-height: 23px;
  -ms-grid-columns: 1fr 0 45px 0 120px 0 120px 0 120px 0 120px 0 100px 0 50px 0 100px 0 42px;
  grid-template-columns: 1fr 45px 120px 120px 120px 120px 100px 50px 100px 42px;
  -ms-grid-rows: auto 0;
  grid-template-rows: auto;
}

.grid-economy-invoice-review-header {
  grid-column-start: 1;
  grid-column-end: 10;
  grid-row-start: 1;
  grid-row-end: 2;
  background-color: var(--brown-grey);
}

.grid-economy-invoice-fn-review-headings {
  background: var(--brown-grey);
  max-height: 36px;
  min-height: 36px;
  -ms-grid-columns: 2.5fr 0 0.35fr 0 1.25fr 0 1.25fr 0 1fr 0 1fr 0 1fr 0 1.35fr 0 1.35fr  0 1.35fr  0 1.35fr 0 42px;
  grid-template-columns: 2.5fr 0.35fr 1.25fr 1.25fr 1fr 1fr 1fr 1.35fr 1.35fr  1.35fr  1.35fr 42px;
  -ms-grid-rows: 35px;
  grid-template-rows: 35px;
  border: 1px solid var(--brown-grey);
}

.grid-economy-invoice-fn-review-fn-headings {
  background: var(--brown-grey);
  max-height: 36px;
  min-height: 36px;
  -ms-grid-columns: 2.5fr 0 0.35fr 0 1.25fr 0 1.25fr 0 1fr 0 1fr 0 1fr 0 1.35fr 0 1.35fr 0 1.35fr 0 1.35fr 0 42px;
  grid-template-columns: 2.5fr 0.35fr 1.25fr 1.25fr 1fr 1fr 1fr 1.35fr 1.35fr 1.35fr 1.35fr 42px;
  -ms-grid-rows: 35px;
  grid-template-rows: 35px;
  border: 1px solid var(--brown-grey);
}

.grid-economy-invoice-fn-review {
  border: 1px none var(--very-light-pink);
  max-height: none;
  min-height: 23px;
  -ms-grid-columns: 2.5fr 0 0.35fr 0 1.25fr 0 1.25fr 0 1fr 0 1fr 0 1fr 0 0.35fr 0 1fr 0 1fr 0 1fr 0 1fr 0 42px;
  grid-template-columns: 2.5fr 0.35fr 1.25fr 1.25fr 1fr 1fr 1fr 0.35fr 1fr 1fr 1fr 1fr 42px;
  -ms-grid-rows: auto 0;
  grid-template-rows: auto;
}

.grid-economy-invoice-fn-review-header {
  grid-column-start: 1;
  grid-column-end: 13;
  grid-row-start: 1;
  grid-row-end: 2;
  background-color: var(--brown-grey);
}

.grid-economy-invoice-second-headings {
  background: var(--brown-grey);
  max-height: 36px;
  min-height: 36px;
  -ms-grid-columns: 1fr 0 100px 0 140px 0 42px;
  grid-template-columns: 1fr 100px 140px 42px;
  -ms-grid-rows: 35px;
  grid-template-rows: 35px;
  border: 1px solid var(--brown-grey);
}

.grid-economy-invoice-second {
  border: 1px none var(--very-light-pink);
  max-height: none;
  min-height: 23px;
  -ms-grid-columns: 1fr 0 100px 0 140px 0 42px;
  grid-template-columns: 1fr 100px 140px 42px;
  -ms-grid-rows: auto 0;
  grid-template-rows: auto;
}

.grid-economy-invoice-second-header {
  grid-column-start: 1;
  grid-column-end: 5;
  grid-row-start: 1;
  grid-row-end: 2;
  background-color: var(--brown-grey);
}

.grid-economy-invoice-definition-headings {
  background: var(--brown-grey);
  max-height: 36px;
  min-height: 36px;
  -ms-grid-columns: 1fr 0 70px 0 90px 0 90px 0 42px;
  grid-template-columns: 1fr 70px 90px 90px 42px;
  -ms-grid-rows: 35px;
  grid-template-rows: 35px;
  border: 1px solid var(--brown-grey);
}

.grid-economy-invoice-definition {
  border: 1px none var(--very-light-pink);
  max-height: none;
  min-height: 23px;
  -ms-grid-columns: 1fr 0 70px 0 90px 0 90px 0 42px;
  grid-template-columns: 1fr 70px 90px 90px 42px;
  -ms-grid-rows: auto 0;
  grid-template-rows: auto;
}

.grid-economy-invoice-definition-header {
  grid-column-start: 1;
  grid-column-end: 6;
  grid-row-start: 1;
  grid-row-end: 2;
  background-color: var(--brown-grey);
}

.grid-economy-invoice-fn-definition-headings {
  background: var(--brown-grey);
  max-height: 36px;
  min-height: 36px;
  -ms-grid-columns: 1fr 0 70px 0 90px 0 90px 0 90px 0 40px 0 42px;
  grid-template-columns: 1fr 70px 90px 90px 90px 40px 42px;
  -ms-grid-rows: 35px;
  grid-template-rows: 35px;
  border: 1px solid var(--brown-grey);
}

.grid-economy-invoice-fn-definition {
  border: 1px none var(--very-light-pink);
  max-height: none;
  min-height: 23px;
  -ms-grid-columns: 1fr 0 70px 0 90px 0 90px 0 90px 0 40px 0 42px;
  grid-template-columns: 1fr 70px 90px 90px 90px 40px 42px;
  -ms-grid-rows: auto 0;
  grid-template-rows: auto;
}

.grid-economy-invoice-fn-definition-header {
  grid-column-start: 1;
  grid-column-end: 8;
  grid-row-start: 1;
  grid-row-end: 2;
  background-color: var(--brown-grey);
}

.grid-economy-statistic-review-headings {
  background: var(--brown-grey);
  max-height: 36px;
  min-height: 36px;
  -ms-grid-columns: 4fr 0 1.5fr 0 1.5fr 0 1.5fr 0 42px;
  grid-template-columns: 4fr 1.5fr 1.5fr 1.5fr 42px;
  -ms-grid-rows: 35px;
  grid-template-rows: 35px;
  border: 1px solid var(--brown-grey);
}

.grid-economy-statistic-review {
  border: 1px none var(--very-light-pink);
  max-height: none;
  min-height: 23px;
  -ms-grid-columns: 4fr 0 1.5fr 0 1.5fr 0 1.5fr 0 42px;
  grid-template-columns: 4fr 1.5fr 1.5fr 1.5fr 42px;
  -ms-grid-rows: 23px 0 auto;
  grid-template-rows: 23px auto;
}

.grid-economy-statistic-review-header {
  grid-column-start: 1;
  grid-column-end: 6;
  grid-row-start: 1;
  grid-row-end: 2;
  background-color: var(--brown-grey);
}

.grid-economy-adjustment-review-headings {
  background: var(--brown-grey);
  max-height: 36px;
  min-height: 36px;
  -ms-grid-columns: 1.5fr 0 2fr 0 1.5fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 42px;
  grid-template-columns: 1.5fr 2fr 1.5fr 1fr 1fr 1fr 1fr 1fr 42px;
  -ms-grid-rows: 35px;
  grid-template-rows: 35px;
  border: 1px solid var(--brown-grey);
}

.grid-economy-adjustment-review {
  border: 1px none var(--very-light-pink);
  max-height: none;
  min-height: 23px;
  -ms-grid-columns: 1.5fr 0 2fr 0 1.5fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 42px;
  grid-template-columns: 1.5fr 2fr 1.5fr 1fr 1fr 1fr 1fr 1fr 42px;
  -ms-grid-rows: 23px 0 auto;
  grid-template-rows: 23px auto;
}

.grid-economy-adjustment-review-header {
  grid-column-start: 1;
  grid-column-end: 10;
  grid-row-start: 1;
  grid-row-end: 2;
  background-color: var(--brown-grey);
}

.grid-economy-adjustment-summary-review-headings {
  background: var(--brown-grey);
  max-height: 36px;
  min-height: 36px;
  -ms-grid-columns: 2fr 0 2fr 0 1fr 0 0.5fr 0 1fr 0 1fr 0 1fr 0 0.75fr 0 42px;
  grid-template-columns: 2fr 2fr 1fr 0.5fr 1fr 1fr 1fr 0.75fr 42px;
  -ms-grid-rows: 35px;
  grid-template-rows: 35px;
  border: 1px solid var(--brown-grey);
}

.grid-economy-adjustment-summary-review {
  border: 1px none var(--very-light-pink);
  max-height: none;
  min-height: 23px;
  -ms-grid-columns: 2fr 0 2fr 0 1fr 0 0.5fr 0 1fr 0 1fr 0 1fr 0 0.75fr 0 42px;
  grid-template-columns: 2fr 2fr 1fr 0.5fr 1fr 1fr 1fr 0.75fr 42px;
  -ms-grid-rows: 23px 0 auto;
  grid-template-rows: 23px auto;
}

.grid-economy-adjustment-summary-review-header {
  grid-column-start: 1;
  grid-column-end: 9;
  grid-row-start: 1;
  grid-row-end: 2;
  background-color: var(--brown-grey);
}

.grid-economy-tenant-rent-summary-review-headings {
  background: var(--brown-grey);
  max-height: 36px;
  min-height: 36px;
  -ms-grid-columns: 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 42px;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 42px;
  -ms-grid-rows: 35px;
  grid-template-rows: 35px;
  border: 1px solid var(--brown-grey);
}

.grid-economy-tenant-rent-summary-review {
  border: 1px none var(--very-light-pink);
  max-height: none;
  min-height: 23px;
  -ms-grid-columns: 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 42px;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 42px;
  -ms-grid-rows: 23px 0 auto;
  grid-template-rows: 23px auto;
}

.grid-economy-tenant-rent-summary-review-header {
  grid-column-start: 1;
  grid-column-end: 6;
  grid-row-start: 1;
  grid-row-end: 2;
  background-color: var(--brown-grey);
}

.grid-economy-rent-adjustments-headings {
  background: var(--brown-grey);
  max-height: 36px;
  min-height: 36px;
  -ms-grid-columns: 2.5fr 0 2.5fr 0 2fr 0 1.5fr 0 1.5fr 0 1.5fr 0 1.5fr 0 1.5fr 0 42px;
  grid-template-columns: 2.5fr 2.5fr 2fr 1.5fr 1.5fr 1.5fr 1.5fr 1.5fr 42px;
  -ms-grid-rows: 35px;
  grid-template-rows: 35px;
  border: 1px solid var(--brown-grey);
}

.grid-economy-rent-adjustments {
  border: 1px none var(--very-light-pink);
  max-height: none;
  min-height: 23px;
  -ms-grid-columns: 2.5fr 0 2.5fr 0 2fr 0 1.5fr 0 1.5fr 0 1.5fr 0 1.5fr 0 1.5fr 0 42px;
  grid-template-columns: 2.5fr 2.5fr 2fr 1.5fr 1.5fr 1.5fr 1.5fr 1.5fr 42px;
  -ms-grid-rows: 23px 0 auto;
  grid-template-rows: 23px auto;
}

.grid-economy-rent-adjustments-header {
  grid-column-start: 1;
  grid-column-end: 9;
  grid-row-start: 1;
  grid-row-end: 2;
  background-color: var(--brown-grey);
}

.grid-economy-add-rent-adjustment-headings {
  background: var(--brown-grey);
  max-height: none;
  min-height: 55px;
  -ms-grid-columns: 2.5fr 0 0.5fr 0 1.5fr 0 0.5fr 0 0.5fr 0 0.75fr 0 42px;
  grid-template-columns:2.5fr 0.5fr 1.5fr 0.5fr 0.5fr 0.75fr 42px;
  -ms-grid-rows: 55px auto;
  grid-template-rows: 55px auto;
  border: 1px solid var(--brown-grey);
}

.grid-economy-add-rent-adjustment {
  border: 1px none var(--very-light-pink);
  max-height: none;
  min-height: 23px;
  -ms-grid-columns: 2.5fr 0 0.5fr 0 1.5fr 0 0.5fr 0 0.5fr 0 0.75fr 0 42px;
  grid-template-columns:2.5fr 0.5fr 1.5fr 0.5fr 0.5fr 0.75fr 42px;
  -ms-grid-rows: 23px 0 auto;
  grid-template-rows: 23px auto;
}

.grid-economy-add-rent-adjustment-header {
  grid-column-start: 1;
  grid-column-end: 7;
  grid-row-start: 1;
  grid-row-end: 2;
  background-color: var(--brown-grey);
}

.grid-economy-export-headings {
  background: var(--brown-grey);
  max-height: 36px;
  min-height: 36px;
  -ms-grid-columns: 2.5fr 0 1fr 0 1.5fr 0 1.5fr 0 42px;
  grid-template-columns: 2.5fr 1fr 1.5fr 1.5fr 42px;
  -ms-grid-rows: 35px;
  grid-template-rows: 35px;
  border: 1px solid var(--brown-grey);
}

.grid-economy-export {
  border: 1px none var(--very-light-pink);
  max-height: none;
  min-height: 23px;
  -ms-grid-columns: 2.5fr 0 1fr 0 1.5fr 0 1.5fr 0 42px;
  grid-template-columns: 2.5fr 1fr 1.5fr 1.5fr 42px;
  -ms-grid-rows: 23px 0 auto;
  grid-template-rows: 23px auto;
}

.grid-economy-export-header {
  grid-column-start: 1;
  grid-column-end: 4;
  grid-row-start: 1;
  grid-row-end: 2;
  background-color: var(--brown-grey);
}

.grid-economy-export-potential-headings {
  background: var(--brown-grey);
  max-height: 36px;
  min-height: 36px;
  -ms-grid-columns: 3fr 0 4fr 0 2fr 0 2fr 0 42px;
  grid-template-columns: 3fr 4fr 2fr 2fr 42px;
  -ms-grid-rows: 35px;
  grid-template-rows: 35px;
  border: 1px solid var(--brown-grey);
}

.grid-economy-export-potential {
  border: 1px none var(--very-light-pink);
  max-height: none;
  min-height: 23px;
  -ms-grid-columns: 3fr 0 4fr 0 2fr 0 2fr 0 42px;
  grid-template-columns: 3fr 4fr 2fr 2fr 42px;
  -ms-grid-rows: 23px 0 auto;
  grid-template-rows: 23px auto;
}

.grid-economy-export-potential-header {
  grid-column-start: 1;
  grid-column-end: 6;
  grid-row-start: 1;
  grid-row-end: 2;
  background-color: var(--brown-grey);
}

.grid-economy-export-delivery-headings {
  background: var(--brown-grey);
  max-height: 36px;
  min-height: 36px;
  -ms-grid-columns: 2.5fr 0 1fr 0 1.5fr 0 1.5fr 0 1fr 0 1fr 0 42px;
  grid-template-columns: 2.5fr 1fr 1.5fr 1.5fr 1fr 1fr 42px;
  -ms-grid-rows: 35px;
  grid-template-rows: 35px;
  border: 1px solid var(--brown-grey);
}

.grid-economy-export-delivery {
  border: 1px none var(--very-light-pink);
  max-height: none;
  min-height: 23px;
  -ms-grid-columns: 2.5fr 0 1fr 0 1.5fr 0 1.5fr 0 1fr 0 1fr 0 42px;
  grid-template-columns: 2.5fr 1fr 1.5fr 1.5fr 1fr 1fr 42px;
  -ms-grid-rows: 23px 0 auto;
  grid-template-rows: 23px auto;
}

.grid-economy-export-delivery-header {
  grid-column-start: 1;
  grid-column-end: 8;
  grid-row-start: 1;
  grid-row-end: 2;
  background-color: var(--brown-grey);
}

.grid-economy-export-summary-headings {
  background: var(--brown-grey);
  max-height: 36px;
  min-height: 36px;
  -ms-grid-columns: 2.5fr 0 1fr 0 1fr 0 1fr 0 1.5fr 0 1.5fr 0 1fr 0 42px;
  grid-template-columns: 2.5fr 1fr 1fr 1fr 1.5fr 1.5fr 1fr 42px;
  -ms-grid-rows: 35px;
  grid-template-rows: 35px;
  border: 1px solid var(--brown-grey);
}

.grid-economy-export-summary {
  border: 1px none var(--very-light-pink);
  max-height: none;
  min-height: 23px;
  -ms-grid-columns: 2.5fr 0 1fr 0 1fr 0 1fr 0 1.5fr 0 1.5fr 0 1fr 0 42px;
  grid-template-columns: 2.5fr 1fr 1fr 1fr 1.5fr 1.5fr 1fr 42px;
  -ms-grid-rows: 23px 0 auto;
  grid-template-rows: 23px auto;
}

.grid-economy-export-summary-header {
  grid-column-start: 1;
  grid-column-end: 9;
  grid-row-start: 1;
  grid-row-end: 2;
  background-color: var(--brown-grey);
}

.grid-economy-export-final-summary-headings {
  background: var(--brown-grey);
  max-height: 36px;
  min-height: 36px;
  -ms-grid-columns: 320px 0 100px 0 1fr 0 42px;
  grid-template-columns: 320px 100px 1fr 42px;
  -ms-grid-rows: 35px;
  grid-template-rows: 35px;
  border: 1px solid var(--brown-grey);
}

.grid-economy-export-final-summary {
  border: 1px none var(--very-light-pink);
  max-height: none;
  min-height: 23px;
  -ms-grid-columns: 320px 0 100px 0 1fr 0 42px;
  grid-template-columns: 320px 100px 1fr 42px;
  -ms-grid-rows: 23px 0 auto;
  grid-template-rows: 23px auto;
}

.grid-economy-export-final-summary-header {
  grid-column-start: 1;
  grid-column-end: 5;
  grid-row-start: 1;
  grid-row-end: 2;
  background-color: var(--brown-grey);
}

.grid-economy-export-fn-final-summary-headings {
  background: var(--brown-grey);
  max-height: 36px;
  min-height: 36px;
  -ms-grid-columns: 1fr 0 100px 0 1fr 0 42px;
  grid-template-columns: 1fr 100px 1fr 42px;
  -ms-grid-rows: 35px;
  grid-template-rows: 35px;
  border: 1px solid var(--brown-grey);
}

.grid-economy-export-fn-final-summary {
  border: 1px none var(--very-light-pink);
  max-height: none;
  min-height: 23px;
  -ms-grid-columns: 1fr 0 100px 0 1fr 0 42px;
  grid-template-columns: 1fr 100px 1fr 42px;
  -ms-grid-rows: 23px 0 auto;
  grid-template-rows: 23px auto;
}

.grid-economy-export-fn-final-summary-header {
  grid-column-start: 1;
  grid-column-end: 4;
  grid-row-start: 1;
  grid-row-end: 2;
  background-color: var(--brown-grey);
}

.grid-economy-export-errors-summary-headings {
  background: var(--brown-grey);
  max-height: 36px;
  min-height: 36px;
  -ms-grid-columns: 250px 0 1fr 0 42px;
  grid-template-columns: 250px 1fr 42px;
  -ms-grid-rows: 35px;
  grid-template-rows: 35px;
  border: 1px solid var(--brown-grey);
}

.grid-economy-export-errors-summary {
  background: #eeeeee;
  border: 1px none var(--very-light-pink);
  max-height: none;
  min-height: 120px;
  grid-template-columns: 250px 1fr 42px;
  -ms-grid-rows: 120px;
  grid-template-rows: 120px;
  grid-auto-rows: 120px;
}

.grid-economy-export-errors-summary-header {
  grid-column-start: 1;
  grid-column-end: 3;
  grid-row-start: 1;
  grid-row-end: 2;
  background-color: var(--brown-grey);
}


.grid-economy-export-export-summary-headings {
  background: var(--brown-grey);
  max-height: 36px;
  min-height: 36px;
  -ms-grid-columns: 2.5fr 0 0.5fr 0 1fr 0 1fr 0 1fr 0 1.5fr 0 1.5fr 0 1.5fr 0 42px;
  grid-template-columns: 2.5fr 0.5fr 1fr 1fr 1fr 1.5fr 1.5fr 1.5fr 42px;
  -ms-grid-rows: 35px;
  grid-template-rows: 35px;
  border: 1px solid var(--brown-grey);
}

.grid-economy-export-export-summary {
  border: 1px none var(--very-light-pink);
  max-height: none;
  min-height: 23px;
  -ms-grid-columns: 2.5fr 0 0.5fr 0 1fr 0 1fr 0 1fr 0 1.5fr 0 1.5fr 0 1.5fr 0 42px;
  grid-template-columns: 2.5fr 0.5fr 1fr 1fr 1fr 1.5fr 1.5fr 1.5fr 42px;
  -ms-grid-rows: 23px 0 auto;
  grid-template-rows: 23px auto;
}

.grid-economy-export-export-summary-header {
  grid-column-start: 1;
  grid-column-end: 10;
  grid-row-start: 1;
  grid-row-end: 2;
  background-color: var(--brown-grey);
}

.grid-economy-export-summary-export-headings {
  background: var(--brown-grey);
  max-height: 36px;
  min-height: 36px;
  -ms-grid-columns: 2.5fr 0 0.5fr 0 1fr 0 1fr 0 1fr 0 1.5fr 0 1.5fr 0 1.5fr 0 42px;
  grid-template-columns: 2.5fr 0.5fr 1fr 1fr 1fr 1.5fr 1.5fr 1.5fr 42px;
  -ms-grid-rows: 35px;
  grid-template-rows: 35px;
  border: 1px solid var(--brown-grey);
}

.grid-economy-export-summary-export {
  border: 1px none var(--very-light-pink);
  max-height: none;
  min-height: 23px;
  -ms-grid-columns: 2.5fr 0 0.5fr 0 1fr 0 1fr 0 1fr 0 1.5fr 0 1.5fr 0 1.5fr 0 42px;
  grid-template-columns: 2.5fr 0.5fr 1fr 1fr 1fr 1.5fr 1.5fr 1.5fr 42px;
  -ms-grid-rows: 23px 0 auto;
  grid-template-rows: 23px auto;
}

.grid-economy-export-summary-export-header {
  grid-column-start: 1;
  grid-column-end: 10;
  grid-row-start: 1;
  grid-row-end: 2;
  background-color: var(--brown-grey);
}

.grid-economy-export-summary-fn-batch-headings {
  background: var(--brown-grey);
  max-height: 36px;
  min-height: 36px;
  -ms-grid-columns: 1fr 0 100px 0 120px 0 80px 0 70px 0 90px 0 90px 0 90px 0 42px;
  grid-template-columns: 1fr 100px 120px 80px 70px 90px 90px 90px 42px;
  -ms-grid-rows: 35px;
  grid-template-rows: 35px;
  border: 1px solid var(--brown-grey);
}

.grid-economy-export-summary-fn-batch {
  border: 1px none var(--very-light-pink);
  max-height: none;
  min-height: 23px;
  -ms-grid-columns: 1fr 0 100px 0 120px 0 80px 0 70px 0 90px 0 90px 0 90px 0 42px;
  grid-template-columns: 1fr 100px 120px 80px 70px 90px 90px 90px 42px;
  -ms-grid-rows: 23px 0 auto;
  grid-template-rows: 23px auto;
}

.grid-economy-export-summary-fn-batch-header {
  grid-column-start: 1;
  grid-column-end: 10;
  grid-row-start: 1;
  grid-row-end: 2;
  background-color: var(--brown-grey);
}

.grid-economy-export-summary-mwp-batch-headings {
  background: var(--brown-grey);
  max-height: 36px;
  min-height: 36px;
  -ms-grid-columns: 1fr 0 135px 0 65px 0 85px 0 85px 042px;
  grid-template-columns: 1fr 135px 65px 85px 85px 42px;
  -ms-grid-rows: 35px;
  grid-template-rows: 35px;
  border: 1px solid var(--brown-grey);
}

.grid-economy-export-summary-mwp-batch {
  border: 1px none var(--very-light-pink);
  max-height: none;
  min-height: 23px;
  -ms-grid-columns: 1fr 0 135px 0 65px 0 85px 0 85px 042px;
  grid-template-columns: 1fr 135px 65px 85px 85px 42px;
  -ms-grid-rows: 23px 0 auto;
  grid-template-rows: 23px auto;
}

.grid-economy-export-summary-mwp-batch-header {
  grid-column-start: 1;
  grid-column-end: 7;
  grid-row-start: 1;
  grid-row-end: 2;
  background-color: var(--brown-grey);
}

.grid-text-tabheader {
  font-family: proxima-nova, sans-serif;
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: var(--light-grey);
}

.grid-text-header {
  font-family: proxima-nova, sans-serif;
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: var(--light-grey);
  padding: 10px;
}

.grid-text-data {
  font-family: proxima-nova, sans-serif;
  font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: var(--text-charcoal-grey);
}

.mwp-data-gird-cell {
  height: 23px;
  padding: 4px 5px 7px 5px;
}

.mwp-data-gird-cell {
  height: 23px;
  padding: 4px 5px 7px 5px;
  font-family: proxima-nova, sans-serif;
  font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: var(--text-charcoal-grey);
}

.mwp-data-grid-tab-pane {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 18px;
}


.mwp-panes {
  overflow: visible;
  margin-top: 0;
  margin-bottom: auto;
  margin-left: 134px;
  width: auto;
}

.mwp-w-container {
  margin-left: auto;
  margin-right: auto;
  max-width: 60%;
}

.quick-form-complete-show {
  display: block;
}

.quick-form-complete-hide {
  display: none;
}

/* QFC toogle switch - START */
/* The switch - the box around the slider */
.switch {
  border: 1px solid var(--very-light-pink);
  border-radius: 20px;
  position: relative;
  display: inline-block;
  width: 39px;
  height: 22px;
}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 18px;
  width: 19px;
  left: 1px;
  bottom: 1px;
  background-color: var(--white);
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: var(--petrol);
}

input:focus + .slider {
  box-shadow: 0 0 1px var(--petrol);
}

input:checked + .slider:before {
  -webkit-transform: translateX(16px);
  -ms-transform: translateX(16px);
  transform: translateX(16px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 20px;
}

.slider.round:before {
  border-radius: 50%;
}

/* QFC toogle switch - END */

.mwp-table-icon-3 {
  position: static;
  width: 24px;
  margin-right: 0;
  margin-left: 0;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  background-image: url("../images/5b067738dee1b2ee50572e7e_icon_action.svg");
  background-position: 50% 50%;
  background-size: 14px;
  background-repeat: no-repeat;
  color: transparent;
  text-align: left;
}

.overview-section {
  padding-top: 130px;

}

.mwp-table-container {
  margin-left: auto;
  margin-right: auto;
  max-width: 80%;
}

.grid-admin-message-add-headings {
  background: var(--brown-grey);
  max-height: 36px;
  min-height: 36px;
  -ms-grid-columns: 5fr 0 1fr 0 2.5fr 0 1fr 0 2.5fr 0 2fr 0 4fr 0 42px;
  grid-template-columns: 5fr 1fr 2.5fr 1fr 2.5fr 2fr 4fr 42px;
  -ms-grid-rows: 35px;
  grid-template-rows: 35px;
  border: 1px solid var(--brown-grey);
}

.grid-admin-message-add {
  border: 1px none var(--very-light-pink);
  max-height: none;
  min-height: 23px;
  -ms-grid-columns: 5fr 0 1fr 0 2.5fr 0 1fr 0 2.5fr 0 2fr 0 4fr 0 42px;
  grid-template-columns: 5fr 1fr 2.5fr 1fr 2.5fr 2fr 4fr 42px;
  -ms-grid-rows: 23px 0 auto;
  grid-template-rows: 23px auto;
}

.grid-admin-message-add-header {
  grid-column-start: 1;
  grid-column-end: 9;
  grid-row-start: 1;
  grid-row-end: 2;
  background-color: var(--brown-grey);
}

.grid-admin-invoice-headings {
  background: var(--brown-grey);
  max-height: none;
  min-height: 55px;
  -ms-grid-columns: 200px 0 70px 0 125px 0 100px 0 70px 0 125px 0 105px 0 1fr 0 1fr 0 2.0fr 0 42px;
  grid-template-columns: 200px 70px 125px 100px 70px 125px 105px 1fr 1fr 2.0fr 42px;
  -ms-grid-rows: 55px 0 auto;
  grid-template-rows: 55px auto;
  border: 1px solid var(--brown-grey);
}

.grid-admin-invoice {
  border: 1px none var(--very-light-pink);
  max-height: none;
  min-height: 23px;
  -ms-grid-columns: 200px 0 70px 0 125px 0 100px 0 70px 0 125px 0 105px 0 1fr 0 1fr 0 2.2fr 0 42px;
  grid-template-columns: 200px 70px 125px 100px 70px 125px 105px 0.25fr 0.75fr 0.25fr 0.75fr 2.2fr 42px;
  -ms-grid-rows: 23px 0 auto;
  grid-template-rows: 23px auto;
  grid-auto-rows: min-content;
}

.grid-admin-invoice-header {
  grid-column-start: 1;
  grid-column-end: 12;
  grid-row-start: 1;
  grid-row-end: 2;
  background-color: var(--brown-grey);
}

.grid-admin-invoice-cell {
  padding: 4px 5px 7px 5px;
  font-family: proxima-nova, sans-serif;
  font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: var(--text-charcoal-grey);
}

.message-greyout {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10001;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}

.message-card-files {
  width: 629px;
  height: 558px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: var(--white);
  border-radius: 5px;
}

.message-card-files-inner {
  display: grid;
  width: 565px;
  height: 494px;
  background: var(--white);
  margin: 32px;
  -ms-grid-columns: 60px 0 16px 0 489px;
  grid-template-columns: 60px 16px 489px;
  -ms-grid-rows: 60px 0 16px 0 292px 0 16px 0 110px;
  grid-template-rows: 60px 16px 292px 16px 110px;
}

.message-card {
  width: 629px;
  height: 503px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: var(--white);
  border-radius: 5px;
}

.message-card-inner {
  display: grid;
  width: 565px;
  height: 431px;
  background: var(--white);
  margin: 32px;
  -ms-grid-columns: 60px 0 16px 0 489px;
  grid-template-columns: 60px 16px 489px;
  -ms-grid-rows: 60px 0 16px 0 292px 0 16px 0 47px;
  grid-template-rows: 60px 16px 292px 16px 47px;
}

.grid-message-card-inner-image {
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 1;
  grid-row-end: 2;
  background-color: #FFFFFF;
}

.grid-message-card-inner-from {
  width: 100%;
  height: 100%;
  grid-column-start: 3;
  grid-column-end: 4;
  grid-row-start: 1;
  grid-row-end: 2;
  background-color: #FFFFFF;
}

.grid-message-card-inner-message {
  width: 100%;
  height: 100%;
  grid-column-start: 1;
  grid-column-end: 4;
  grid-row-start: 3;
  grid-row-end: 4;
  background-color: var(--light-grey);
}

.grid-message-card-inner-files {
  width: 100%;
  height: 100%;
  grid-column-start: 1;
  grid-column-end: 4;
  grid-row-start: 5;
  grid-row-end: 6;
  background-color: var(--light-grey);
}

.message-card-inner-from {
  font-family: proxima-nova, sans-serif;
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  color: var(--text-charcoal-grey);
}

.message-card-inner-from-bold {
  font-family: proxima-nova, sans-serif;
  font-weight: bold;
  font-size: 16px;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  color: var(--text-charcoal-grey);
}

.message-card-inner-message-subject {
  margin-top: 24px;
  margin-left: 24px;
  margin-bottom: 24px;
  font-family: proxima-nova, sans-serif;
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  color: var(--text-charcoal-grey);
}

.message-card-inner-message {
  width: 515px;
  height: 200px;
  overflow-y: scroll;
  margin-left: 24px;
  margin-right: 20px;
  font-family: proxima-nova, sans-serif;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: normal;
  color: var(--text-charcoal-grey);
}

.message-card-inner-nofiles {
  margin-top: 16px;
  margin-left: 24px;
  margin-bottom: 16px;
  font-family: proxima-nova, sans-serif;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: var(--text-charcoal-grey);
}

.message-card-inner-files {
  font-family: proxima-nova, sans-serif;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: var(--text-charcoal-grey);
}

.message-card-inner-fileimage {
  text-align: center;
}

.message-card-inner-files-div {
  margin-left: 24px;
  margin-right: 24px;
}

.message-card-inner-files-grid {
  display: grid;
  width: 515px;
  height: 110px;
  max-height: 110px;
  overflow-y: scroll;
  background: var(--white);
  -ms-grid-columns: 84px 0 84px 0 84px 0 84px 0 84px 0 84px;
  grid-template-columns: 84px 84px 84px 84px 84px 84px;
  -ms-grid-rows: 110px 0 auto;
  grid-template-rows: 110px auto;
}

.message-card-inner-file-grid {
  display: grid;
  width: 84px;
  max-width: 84px;
  height: 100px;
  max-height: 100px;
  background: var(--white);
  -ms-grid-columns: 70px 0 14px;
  grid-template-columns: 70px 14px;
  -ms-grid-rows: 5px 0 90px 0 5px;
  grid-template-rows: 5px 90px 5px;
}

.grid-message-card-file-file-div {
  width: 100%;
  height: 100%;
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 2;
  grid-row-end: 3;
  background-color: #FFFFFF;
}

.grid-message-card-file-image {
  width: 100%;
  height: 100%;
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 2;
  grid-row-end: 3;
  background-color: #FFFFFF;
}


.message-control-close {
  position: absolute;
  top: 0.33em;
  right: 0.33em;
  font-size: xx-large;
}

.grid-economy-rent-adjustment-summary-headings {
  background: var(--brown-grey);
  max-height: none;
  min-height: 55px;
  -ms-grid-columns: 2fr 0 1fr 0 1fr 0 0.5fr 0 0.5fr 0 0.75fr 0 0.75fr 0 0.75fr 0 0.5fr 0 42px;
  grid-template-columns: 2fr 1fr 1fr 0.5fr 0.5fr 0.75fr 0.75fr 0.75fr 0.5fr 42px;
  -ms-grid-rows: 55px 0 auto;
  grid-template-rows: 55px auto;
  border: 1px solid var(--brown-grey);
}

.grid-economy-rent-adjustment-summary {
  border: 1px none var(--very-light-pink);
  max-height: none;
  min-height: 23px;
   -ms-grid-columns: 2fr 0 1fr 0 1fr 0 0.5fr 0 0.5fr 0 0.75fr 0 0.75fr 0 0.75fr 0 0.5fr 0 42px;
  grid-template-columns: 2fr 1fr 1fr 0.5fr 0.5fr 0.75fr 0.75fr 0.75fr 0.5fr 42px;
  -ms-grid-rows: 23px 0 auto;
  grid-template-rows: 23px auto;
}

.grid-economy-rent-adjustment-summary-header {
  grid-column-start: 1;
  grid-column-end: 10;
  grid-row-start: 1;
  grid-row-end: 2;
  background-color: var(--brown-grey);
}

.grid-economy-fs-tokens-outer {
  display: grid;
  width: 100%;
  border: 1px none var(--very-light-pink);
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  -ms-grid-rows: 90px;
  grid-template-rows: 90px;
  grid-auto-rows: 90px;
  justify-content: stretch;
  -webkit-align-content: stretch;
  align-content: start;
  grid-column-gap: 0;
  grid-row-gap: 0;
  grid-template-areas: ".";
  overflow-y: hidden;
}

.grid-economy-fs-tokens-inner {
  display: grid;
  border: 1px none var(--very-light-pink);
  max-height: 30px;
  min-height: 20px;
  -ms-grid-columns: 1fr 0 360px 0 150px;
  grid-template-columns: 1fr 360px 150px;
  justify-content: stretch;
  -webkit-align-content: stretch;
  align-content: start;
  grid-column-gap: 0;
  grid-row-gap: 0;
  grid-template-areas: ".";
}

.fs-token-working {
  width: 85px;
  height: 20px;
  border-radius: 2px;
  margin-top: 8px;
  background-color: var(--success-avocado-green);
  text-align: center;
  vertical-align: center;
}

.fs-token-not-working {
  width: 85px;
  height: 20px;
  margin-top: 8px;
  border-radius: 2px;
  background-color: var(--faded-red);
  text-align: center;
  vertical-align: center;
}

.fs-token-text {
  width: 53px;
  height: 20px;
  margin-left: 15px;
  font-family: proxima-nova, sans-serif;
  font-size: 12px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: center;
  vertical-align: center;
  color: #ffffff;
}

.grid-economy-fs-mappings {
  width: 100%;
  display: grid;
  border: 1px none var(--very-light-pink);
  min-height: 0;

  -ms-grid-columns: 1fr 0 18px 4px 18px;
  grid-template-columns: 1fr 18px 18px;
  -ms-grid-rows: 22px;
  grid-template-rows: 22px;
  grid-auto-rows: 22px;
  justify-content: stretch;
  -webkit-align-content: stretch;
  align-content: start;
  grid-row-gap: 2px;
  grid-template-areas: ".";
}

.fs-mapping-text {
  font-family: proxima-nova, sans-serif;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: var(--text-charcoal-grey);
}

.economy-fs-article-account-mappings {
  display: grid;
  width: 100%;
  -ms-grid-row-align: center;
  align-self: center;
  flex: 1;
  grid-row-gap: 0;
  grid-column-gap: 0;
  grid-template-areas: ".";
  -ms-grid-columns: 2fr 0 1fr 0 5fr 0 4fr;
  grid-template-columns: 2fr 1fr 5fr 4fr;
  -ms-grid-rows: 40px;
  grid-template-rows: 40px;
  grid-auto-rows: 40px;
}

.economy-fs-mwp-account-mappings {
  display: grid;
  width: 100%;
  -ms-grid-row-align: center;
  align-self: center;
  flex: 1;
  grid-row-gap: 0;
  grid-column-gap: 0;
  grid-template-areas: ".";
  -ms-grid-columns: 3fr 0 1fr 0 5fr;
  grid-template-columns: 3fr 1fr 5fr;
  -ms-grid-rows: 40px;
  grid-template-rows: 40px;
  grid-auto-rows: 40px;
}

.economy-fs-article-account-mappings-dropdown-text {
  font-size: 16px;
}

.economy-fs-mwp-account-mappings-dropdown-text {
  font-size: 16px;
}

.economy-fs-invcosts-mappings-dropdown-text {
  font-size: 16px;
}

.economy-fs-customer-mappings {
  display: grid;
  width: 100%;
  -ms-grid-row-align: center;
  align-self: center;
  flex: 1;
  grid-row-gap: 0;
  grid-column-gap: 0;
  grid-template-areas: ".";
  -ms-grid-columns: 1fr 0 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: 40px;
  grid-template-rows: 40px;
  grid-auto-rows: 40px;
}

.economy-fs-autogiro-mappings-header {
  display: grid;
  width: 100%;
  -ms-grid-row-align: center;
  align-self: center;
  flex: 1;
  grid-row-gap: 0;
  grid-column-gap: 0;
  grid-template-areas: ".";
  -ms-grid-columns: 3fr 0 2fr;
  grid-template-columns: 2fr 3fr;
  -ms-grid-rows: 20px;
  grid-template-rows: 20px;
  grid-auto-rows: 20px;
}

.economy-fs-autogiro-mappings {
  display: grid;
  width: 100%;
  -ms-grid-row-align: center;
  align-self: center;
  flex: 1;
  grid-row-gap: 0;
  grid-column-gap: 0;
  grid-template-areas: ".";
  -ms-grid-columns: 3fr 0 2fr;
  grid-template-columns: 2fr 3fr;
  -ms-grid-rows: 75px;
  grid-template-rows: 75px;
  grid-auto-rows: 75px;
}

.economy-fs-costcenter-estates-mappings {
  display: grid;
  width: 100%;
  -ms-grid-row-align: center;
  align-self: center;
  flex: 1;
  grid-row-gap: 0;
  grid-column-gap: 0;
  grid-template-areas: ".";
  -ms-grid-columns: 1fr 0 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: 40px;
  grid-template-rows: 40px;
  grid-auto-rows: 40px;
}

.economy-fs-costcenter-buildings-mappings {
  display: grid;
  width: 100%;
  -ms-grid-row-align: center;
  align-self: center;
  flex: 1;
  grid-row-gap: 0;
  grid-column-gap: 0;
  grid-template-areas: ".";
  -ms-grid-columns: 1fr 0 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: 40px;
  grid-template-rows: 40px;
  grid-auto-rows: 40px;
}

.economy-fs-costcenter-hos-mappings {
  display: grid;
  width: 100%;
  -ms-grid-row-align: center;
  align-self: center;
  flex: 1;
  grid-row-gap: 0;
  grid-column-gap: 0;
  grid-template-areas: ".";
  -ms-grid-columns: 1fr 0 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: 40px;
  grid-template-rows: 40px;
  grid-auto-rows: 40px;
}

.economy-fs-projects-estates-mappings {
  display: grid;
  width: 100%;
  -ms-grid-row-align: center;
  align-self: center;
  flex: 1;
  grid-row-gap: 0;
  grid-column-gap: 0;
  grid-template-areas: ".";
  -ms-grid-columns: 1fr 0 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: 40px;
  grid-template-rows: 40px;
  grid-auto-rows: 40px;
}

.economy-fs-projects-buildings-mappings {
  display: grid;
  width: 100%;
  -ms-grid-row-align: center;
  align-self: center;
  flex: 1;
  grid-row-gap: 0;
  grid-column-gap: 0;
  grid-template-areas: ".";
  -ms-grid-columns: 1fr 0 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: 40px;
  grid-template-rows: 40px;
  grid-auto-rows: 40px;
}

.economy-fs-projects-hos-mappings {
  display: grid;
  width: 100%;
  -ms-grid-row-align: center;
  align-self: center;
  flex: 1;
  grid-row-gap: 0;
  grid-column-gap: 0;
  grid-template-areas: ".";
  -ms-grid-columns: 1fr 0 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: 40px;
  grid-template-rows: 40px;
  grid-auto-rows: 40px;
}

.rent-items-grid {
  display: grid;
  width: 100%;
  -ms-grid-row-align: center;
  align-self: center;
  flex: 1;
  grid-row-gap: 0em;
  grid-column-gap: 0.6em;
  grid-template-areas: ".";
  -ms-grid-columns: 1fr 0 140px 0 140px 0 24px;
  grid-template-columns: 1fr 140px 140px 24px;
  grid-auto-rows: min-content;
}

.room-items-grid {
  display: grid;
  width: 100%;
  -ms-grid-row-align: center;
  align-self: center;
  flex: 1;
  grid-row-gap: 0em;
  grid-column-gap: 0.6em;
  grid-template-areas:
    ".";
  -ms-grid-columns: 1fr 0 24px 0 24px;
  grid-template-columns: 1fr 24px 24px;
  grid-auto-rows: min-content;
}

.rent-items-unit-info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background-color: var(--very-light-pink-two);
  user-select: none;
  width: 200%;
  padding-left: 16px;
  -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;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  border-top: 1px solid #d8d8d8;
  border-right: 1px solid #d8d8d8;
  border-bottom: 1px solid #d8d8d8;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  font-size: 22px;
  line-height: 25px;
  font-weight: 400;
}

.rent-item-grid-image-div {
  /* margin-right: 10px; */
  background-color: transparent;
}

.rent-items-div-distance-left {
  display: flex;
  align-items: center;
  max-width: 17em;
}

.rent-item-will-moms {
  width: 10.3rem;
}

.rent-item-will-moms-type {
  width: 280px;
}

.rent-item-will-with {
  width: 103px;
}

.rent-item-will-with-unit {
  width: fit-content;
  height: 2.4rem;
  margin-left: -1px;
  padding-right: 1rem;
}

.ignore-click {
  pointer-events: none;
  background-color: #606161;
}
.ignore-click-opacity {
  pointer-events: none;
  opacity: 0.5;
}
.ignore-click-grey {
    pointer-events: none;
    opacity: 0.5;
    filter: grayscale(1);
}
.data-capture-blocks[id]:has(.input-as-text[readonly]) {
  & .small-description {
    display: none;
  }
  & .input-as-text[readonly] {
    border: unset;
    background-color: inherit;
    pointer-events: none;
    &:focus {
      box-shadow: unset;
    }
  }
}

.center-center {
  margin-left: auto;
  margin-right: auto;
  margin-top: auto;
  margin-bottom: auto;
}

.main-error-screen {
  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;
  background-color: var(--petrol);
  -ms-flex-align: center;
  align-items: center;
}

.main-error-screen-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100vh;
  padding-top: 18vh;
  -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;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.main-error-text-hoppsan {
  font-size: 56px;
  color: #FFFFFF;
}

.main-error-text-snett {
  font-size: 32px;
  color: #FFFFFF;
}

.main-error-text {
  font-size: 18px;
  font-weight: 500;
  color: #FFFFFF;
}

.tabs-menu-3 {
  display: table;
  table-layout: fixed;
  position: relative;
  width: 100%;
  height: 100%;
  margin-top: 0;
  margin-left: -2px;
  padding-right: 3px;
  border-spacing: 2px 0;
  border-radius: 4px 4px 0 0;
  opacity: 1;
  overflow-x: hidden;
  overflow-y: hidden;
}

.tabs-menu-3-item {
  display: table-cell;
}

.tabs-menu-3-text {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.optgroup-read-field {
  color: var(--brown-grey);
  font: 100 18px Arial;
}

.help-modal-heading {
  font-size: 24px;
  padding: 0rem 0rem 1rem 1rem;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
}

.help-modal-btn-close {
  display: inline-table;
  align-self: flex-end;
  margin-bottom: -2rem;
  width: 2rem;
  height: 2rem;
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 2.3rem;
  background-image: url('../images/new_icons/Actions/Closed/30.svg');
}

.help-modal-btn-minmax {
  margin-right: -0.1rem;
  float: right;
  margin-top: -1rem;
  opacity: 0.7;
}

.help-modal-btn.minmax {
  display: table-cell;
  background-size: 1.3rem;
  opacity: 0.7;
  background-image: url('../images/new_icons/Arrows/Chevron/Down/30.svg');
}

.help-modal-start {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  z-index: 15000;
  display: block;
  height: 100%;
  -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;
  background-color: rgba(2, 2, 2, 0.57);
}

.help-modal-content {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  box-shadow: 0 2px 27px 7px rgba(0, 0, 0, 0.27);
  overflow-x: hidden;
  overflow-y: auto;
  width: 100%;
  height: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 0;
  padding-left: 0;
  -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: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: flex-start;
  padding: 1rem;
  border-radius: 4px;
  background-color: var(--white);
}

.rotated-x-180 {
    -moz-transform: rotateX(180deg);
    -webkit-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    -o-transform: rotateX(180deg);
}
.object-block-scroll-container {
    overflow-x: auto;
    min-width: calc(100% + 2em);
    & .faq-answer-block {
      width: auto;
      padding-top: 0.3em;
    }
}

.gridlist-help-card {
  overflow: visible;
  margin-bottom: 0;
  padding: 0 0 0 0;
  grid-auto-columns: 0.5fr;
  grid-column-gap: 0;
  grid-row-gap: 0;
  grid-template-areas:
    ".";
  -ms-grid-columns: 9.75fr;
  grid-template-columns: .97fr;
  -ms-grid-rows: auto 0 auto 0 auto;
  grid-template-rows: auto auto auto;
  background-color: var(--white);
}

.help-content-info {
  padding-left: 0;
}

.help-modal-layout-grid {
  grid-auto-rows: 1fr;
  grid-row-gap: 16px;
}

.help-modal-text {
  color: var(--text-charcoal-grey);
  font-size: 16px;
}

.help-modal-media:fist-child {
  padding-top: 1em;
}
.help-modal-media:not(:last-child) {
  text-align: center;
  padding-bottom: 1rem;
}
.help-modal-media img {
  text-align: center;
  padding-bottom: 1rem;
}

.help-modal-video {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
}
.help-modal-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding-bottom: 1rem;
}

.media {
  font-size: 12px;
  color: #000000;
  text-align: center;
  margin-bottom: -3px;
  height: 100%;
  width: 100%;
}

.popout-help-div {
  z-index: 901;
  display: grid;
  position: fixed;
  bottom: 0rem;
  right: 0rem;
  grid-template-columns: 1fr .2fr;
  grid-template-rows: 0.1fr 0.5fr 0.6fr;
  grid-template-areas:
        "title   button"
        "text   text"
        "media media";

  width: 25rem;
  background-color: #ffffff;
  border-radius: 4px;
  box-shadow: 0 0 19px 5px rgba(50, 49, 58, 0.14);
  border: solid 1px var(--very-light-pink);
  margin-right: 0.5em;
  margin-bottom: 0.5em;
}

section.help-pop-title {
  grid-area: title;
  padding-left: 1em;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  border-bottom: 1px solid #80808045;
}

section.help-pop-buttons {
  grid-area: button;
  border-bottom: 1px solid #80808045;
  padding-left: 0.5em;
}

section.help-pop-text {
  grid-area: text;
  overflow-y: auto;
  height: auto;
  padding-left: 1em;
  padding-top: 1em;
  padding-right: 0.5em;
}

section.help-pop-media-container {
  grid-area: media;
  padding-right: 2px;
  margin: auto;
  display: grid;
  width: inherit;
  border-top: 1px solid #80808045;
  text-align: center;
  justify-items: center;
  grid-template-columns: 0.2fr 2.6fr 0.2fr;
  grid-template-rows: 0.1fr 1.9fr;
  gap: 0px 0px;
  grid-template-areas:
    "topl topc topr"
    "midc midc midc";
}
div.help-pop-media-container-topl {
  grid-area: topl;
  z-index: 100;
  cursor: pointer;
  background-color: #ffffff;
}
img.help-pop-media-container-topl-chevron {
  filter: opacity(0.5);
}

div.help-pop-media-container-topc {
  grid-area: topc;
  z-index: 100;
  background-color: #ffffff;
}
div.help-pop-media-container-topr {
  grid-area: topr;
  z-index: 100;
  cursor: pointer;
  background-color: #ffffff;
}
img.help-pop-media-container-topr-chevron {
  filter: opacity(1.0);
}
div.help-pop-media-container-midc {
  grid-area: midc;
  z-index: 99;
  background-color: #ffffff;
}

.dashboard-link-div {
  max-height: 250px;
  min-height: 150px;
  min-width: 0;
  padding: 10px;
  border: 1px solid var(--very-light-pink);
}

.disabled-text {
  opacity: 0.5;
}

.tac-grid-container {
  display: inline-grid;
  grid-template-columns: 2rem 1.0rem 1fr;
  grid-template-areas:
        "tac-grid-index   tac-grid-sub    tac-grid-content";
  width: 100%;
  padding-bottom: 1rem;
  padding-left: 1rem;
  padding-right: 1rem;
  color: var(--text-charcoal-grey);
  font-size: 16px;
  font-weight: 500;
}

section.tac-grid-index {
  grid-area: tac-grid-index;
  /*background: #f8f8f8;*/
}

section.tac-grid-sub {
  grid-area: tac-grid-sub;
  /*background: #efefef;*/
  text-align: center;
}

section.tac-grid-content {
  grid-area: tac-grid-content;
}

/* Generic Modal block(background) */
.modal-block {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1000; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0, 0, 0); /* Fallback color */
  background-color: rgba(0, 0, 0, 0.4); /* Black w/ opacity */
}

/* (When a modal is open, disable document scroll)
    When a class name starting with 'modal-block' is not found with style 'display: block', hide scrollbar on root html */
html:has(div[class^="modal-block"]:is([style*="display: block;"], [style*="display:block;"])) {
    overflow: hidden;
}

/* Generic Modal Content autosize to content (Put in whatever you want) */

.modal-block-content{
  background-color: #fefefe;
  margin: auto;
  color: var(--text-charcoal-grey);
  max-width: 80%;
  max-height: 80%;
  min-width: 450px;
  min-height: 250px;
  width: auto;
  height: auto;
  transform: translate(-50%, -50%);
  position: absolute;
  top: 45%;
  left: 50%;
  padding: 20px;
  overflow: auto;
  border-radius: 4px;
  box-shadow: 0 -13px 10px -10px rgba(0, 0, 0, 0.04);
}

/* Generic Modal block(background) */
.modal-block-new {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1000; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  background-color: rgb(0, 0, 0); /* Fallback color */
  background-color: rgba(0, 0, 0, 0.4); /* Black w/ opacity */
}
/* Generic Modal Content autosize to content (Put in whatever you want)*/
.modal-block-content-new {
  background-color: #fefefe;
  margin: auto;
  color: var(--text-charcoal-grey);
  max-width: 80%;
  min-width: 450px;
  min-height: 100px;
  width: auto;
  height: auto;
  transform: translate(-50%, -50%);
  position: absolute;
  top: 45%;
  left: 50%;
  padding-bottom: 20px;
  border-radius: 4px;
  box-shadow: 0 -13px 10px -10px rgba(0, 0, 0, 0.04);
  &:has(.modal_breadcrumbs) {
    padding-top: 0px !important;
  }
}
.modal-top-bar-new-mbr {
  flex: 0 0 auto;
  border-bottom: 1px solid var(--very-light-pink);
  padding-right: 20px;
  margin-top: -5px;
  background-color: #f5f5f5;
}
.modal-top-bar-new-normal {
  flex: 0 0 auto;
  border-bottom: 1px solid var(--very-light-pink);
  padding-right: 20px;
  margin-top: -5px;
  margin-bottom: 8px !important;
  background-color: #f5f5f5;
}
.modal-top-bar-new-ra {
  flex: 0 0 auto;
  border-bottom: 1px solid var(--very-light-pink);
  padding-right: 20px;
  margin-top: -5px;
  background-color: #f5f5f5;
}
.modal-top-bar-new-rr {
  flex: 0 0 auto;
  border-bottom: 1px solid var(--very-light-pink);
  padding-right: 20px;
  margin-top: -5px;
  background-color: #f5f5f5;
}
.modal-top-bar-new-cr {
  flex: 0 0 auto;
  border-bottom: 1px solid var(--very-light-pink);
  padding-right: 20px;
  margin-top: -5px;
  background-color: #f5f5f5;
}
.modal-top-bar-new {
  flex: 0 0 auto;
  border-bottom: 1px solid var(--very-light-pink);
  padding-right: 20px;
  padding-top: 0;
  margin-top: 0 !important;
  background-color: #f5f5f5;
  &:has(.modal_breadcrumbs) {
    display: flex;
    height: 4em;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
    margin-top: 0;
    padding-right: 0px;
    & .modal-close {
      margin-right: 0.3em;
      margin-top: 0px;
      float: unset;
    }
  }
}
.modal-top-bar-header {
  font-size: 20px;
  margin-left: 20px;
  padding-top: 8px;
  margin-bottom: 0px !important;
  height: 45px;
}
.modal-content-data-new {
  max-height: 450px;
  height: auto ;
  flex: 1 1 auto;
  overflow-y: auto;
  padding: 20px;
}
.modal-bottom-bar-new {
  width: 100%;
  flex: 0 0 auto;
  padding-top: 20px;
  border-top: 1px solid var(--very-light-pink);
  padding-right: 20px;
}
.modal-read-text {
  display: block;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-size: 18px;
  font-weight: 300;
}

/* The Close Button */
.modal-close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
  margin-right: -10px;
  margin-top: 0px;
}

.modal-close:hover,
.modal-close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

/* ---Modal breadcrumbs ---- */


.modal_breadcrumbs {
  display: flex;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  margin-right: 1em;
  border-top: 1px solid #ddd;
  background-color: #f5f5f5;
  user-select: none;
  & .modal_bc_cf {
    display: inline-flex;
    margin: unset;
    padding: unset;
    width: 100%;
    &:before, &:after {
      content: ' ';
      display: table;
    }
    &:after {
      clear: both;
    }
    & .step-complete {
      & span.modal_bc_span_number {
          background-color: var(--secondary-teal-blue) !important;
          border-color: var(--secondary-teal-blue) !important;
          color: white !important;
        }
    }
  }
  & a {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 0.3em;
    width: 100%;
    padding-left: 1.5em;
    padding-right: 0 !important;
    /* important overrides media queries */
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    color: #aaa;
    pointer-events: none;
    text-decoration: none;
    &:hover {
      background: #eee;
      text-decoration: none;
    }
    &:link { text-decoration: none; }
    &:visited { text-decoration: none; }
    &:active {
      text-decoration: none;
      & span:first-child {
        color: #fff;
        border-color: #555555;
        background-color: #555555;
      }
    }
    & span:first-child {
      display: flex;
      margin: unset;
      justify-content: center;
      align-items: center;
      min-width: 1.5em;
      height: 1.5em;
      padding: 0;
      border: 2px solid #aaa;
      border-radius: 50%;
      background-color: #fff;
    }
    & .bc_active {
      color: #555555;
      background-color: #fafafa;
      &:after {
        border-left-color: #fafafa;
      }
    }
    &:before, &:after {
      content: '';
      position: absolute;
      top: 0;
      left: 100%;
      z-index: 1;
      display: block;
      width: 0;
      height: 0;
      border-top: 32px solid transparent;
      border-bottom: 32px solid transparent;
      border-left: 16px solid transparent;
    }
    &:before {
      margin-left: 1px;
      border-left-color: #d5d5d5;
    }
    &:after {
      border-left-color: #f5f5f5;
    }
    &:hover:after {
      border-left-color: #eee;
    }
  }

  & .modal_bc_span_number {
    padding: 0 2px 2px 2px;
  }
  & .modal_bc_span_text {
    outline-color: transparent;
  }
  & .bc_wip {
    & span.modal_bc_span_number {
      background-color: #555555 !important;
      border-color:  #555555 !important;
      color: white !important;
    }
    & span.modal_bc_span_text {
      color: #555555 !important;
    }
  }
  & .bc_nyd {
    & span.modal_bc_span_number {
      background-color: white !important;
      color: #aaa !important;
    }
    & span.modal_bc_span_text {
      color: #aaa !important;
    }
  }
  & .bc_done {
    & span.modal_bc_span_number {
      background-color:  var(--secondary-teal-blue) !important;
      border-color:  var(--secondary-teal-blue) !important;
      color: white !important;
    }
    & span.modal_bc_span_text {
      color: #aaa !important;
    }
  }
  @media (max-width: 767px) {
    .modal_bc_span_text {
      display: none;
    }
  }
  @media (max-width: 850px) {
    .modal_bc_span_text {
      overflow:hidden;
      white-space:nowrap;
      -ms-text-overflow:ellipsis;
      text-overflow:ellipsis;
      max-width: 3em;
    }
  }
  @media (max-width: 991px) {
    .modal_bc_span_text {
      font-size: 0.7em;
      line-height: 1.1em;
    }
  }
}

/* --- ---- */

.validate-subdomain-btn-block {
  border: 1px solid #d8d8d8;
  border-left: none;
  padding: 0.2rem;
  border-radius: 0 5px 5px 0;
}

.subdomain_info_message {
  padding: 0.5rem 3rem 0rem;
  margin: 0.5rem 0rem;
  text-align: center;
  border-radius: 5px;
  width: inherit;
  border: 1px dotted #b2b2b2;
}

.company-subdomain-qr-container {
  display: inline-grid;
  grid-template-columns: 35rem;
  grid-template-areas:
        "qrcodes"
        "qrlinks";
  flex-direction: row;
  padding-bottom: 1em;
}

.company-subdomain-qrcodes {
  grid-area: qrcodes;
  display: flex;
  justify-content: space-around;
}

.company-subdomain-qrlinks {
  grid-area: qrlinks;
  display: flex;
  justify-content: space-around;
}

.comment-files-container {
  width: 100%;
  height: 48px;
}

.comment-files-file {
  width: 64px;
  height: 45px;
  margin-right: 6px;
  border-radius: 4px;
  border: solid 1px var(--very-light-pink);
  background-color: #f9f9f9;
}

.comment-files-image {
  width: 64px;
  height: 45px;
  margin-right: 6px;
  border-radius: 4px;
  background-color: #f9f9f9;
}

.comment-files-video {
  width: 64px;
  height: 45px;
  margin-right: 6px;
  border-radius: 4px;
  border: solid 1px var(--very-light-pink);
  background-color: #f9f9f9;
}

.file-view-row{
  border-radius: 4px;
  max-height: 36px;
}

.remote-file{
  padding: 0;
  margin: auto;
}

.file_upload_image_div{
  width: 40px;
  height: 28px;
}

.file_uploaded_image{
  width: 40px;
  height: 28px;
  max-width: 100%;
  max-height: 100%;
  border-radius: 4px;
  margin-left: auto;
  margin-right: auto;
  object-fit: cover;
}

.file_uploaded_name{
  font-size: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  border: 0;
  padding: 0px;
  padding-top: 4px;
  margin: 0;
}

.file_upload_input_div{
  height: 28px;
  padding: 0;
  margin-top: auto;
  margin-bottom: auto;
  grid-area: auto / 6 / auto / 7;
}

.file_uploaded_icon_div{
  margin:auto;
  padding: 0;
 }

.delete-image{
  width:30px;
  height:30px;
}

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

.checkboxes-block-inside-self {
  width: calc(100% + 15px);
  margin-left: -8px;
  margin-top: 5px;
  margin-bottom: -7px;
  padding: 10px 0 6px 8px;
}

.rooms_chkbox_container {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(7rem, 1fr));
    row-gap: 1rem;
    column-gap: 4rem;
    margin-bottom: 7px;
    padding: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.choose-n-add-extra-options-div {
  margin-left: 1rem;
}
.editble-ref-parent {
    display: inline-block;
}
.editble-ref-text {
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    -webkit-user-select: text;
    user-select: text;
    text-indent: -0.5rem;
    margin-left: 1.5rem;
    display: inline-block;
    color: grey;
}
.editble-ref-text:focus {
    outline: 0;
}
.editble-ref-text::before {
    content: "- ";
    margin-left: -0.5em;
    padding-left: 0.5rem;
    margin-right: 0.4rem;
}
.editble-ref-text:focus {
    outline: 0;
    border: 1px dashed grey;
    border-left: 0;
    border-top: 0;
    color: #333;
    border-right: 0;
    padding-right: 0.5rem;
}
.w-dropdown-list-left {
  min-width: fit-content;
}

.drop-down-multi-left {
  display: block;
  font-size: 16px;
  font-weight: 400;
}
.drop-down-multi-left:hover {
  background-color: var(--light-grey);
}

.drop-down-list-left {
  z-index: -1;
  z-index: 0;
  max-width: 260px;
}
.multi-drop-down-list-left.w--open{
  top: 5px;
  z-index: 1000;
  right: 30px;
  padding: 0;
  border: 1px solid var(--very-light-pink);
  border-radius: 4px;
  background-color: var(--white);
  box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.1);
}
.drop-down-list-left.w--open {
  position: absolute;
  left: 100%;
  top: 0;
  right: 0;
  border: 1px solid var(--very-light-pink);
  border-radius: 4px;
  background-color: var(--white);
  box-shadow: 0 3px 13px 0 rgba(0, 0, 0, 0.1);
}
.delete-section-child {
  height: 100vh;
  min-height: 520px;
}

.nav-bar-file-video-display {
  background-color: var(--primary-petrol-two);
}
.nav-bar-company-name-block {
  display: flex;
  position: relative;
  flex: 1;
  justify-content: center;
  align-items: center;
  color: var(--white);
}
.video-display-overview-section {
  position: static;
  display: flex;
  margin-top: 0;
  padding-right: 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  background-color: #f8f8f8;
  align-items: stretch;
  -webkit-box-flex: 1;
  flex: 1;
}
.video-display-video-erende {
  font-size: 32px;
  text-align: center;
  font-weight: bold;
  line-height: 1.75;
  color: var(--text-charcoal-grey);
}
.video-responsive {
    overflow: hidden;
    padding-bottom: 57.25%;
    text-align: center;
    position:relative;
}
.video-responsive iframe {
    left:0;
    top:0;
    height: 60% !important;
    width:100%;
    position:absolute;
}
.file-responsive {
    overflow:hidden;
    width: min-content;
    margin-bottom: 40px;
}
.file-responsive embeded {
    width: auto;
}

.header-filename{
  font-size:16px;
  font-weight: 600;
  padding-top: 4px;
  padding-bottom: 4px;
  grid-area: 1 / 4 / 2 / 5;
  width: 100%;
}

.header-description{
  font-size:16px;
  font-weight: 600;
  padding-top: 4px;
  padding-bottom: 4px;
  grid-area: 1 / 6 / 2 / 7;
}

.xbutton_close {
  cursor: pointer;
  height: 35px;
}.xbutton_close.smaller {
  height: 28px;
}

.xbutton_close:hover {
  background: rgba(0, 0, 0, 0.05);
  border-radius: 4px;
}

.mowida-href {
  color: #018387;
  text-decoration: none;
}

.mowida-href:disabled {
  color: var(--very-light-pink-two);
  text-decoration: none;
}

.log-block-content {
  font-family: proxima-nova, sans-serif;
  font-size: 18px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  margin: 16px;
  color: var(--text-charcoal-grey);
}

.log-item {
  margin-bottom: 16px;
}

.log-top {
  font-family: proxima-nova, sans-serif;
  display: block;
}

.log-bottom {
  margin-left: 16px;
}

.faq-card-file-block-content {
  border-radius: 4px;
  border: solid 1px var(--very-light-pink);
  margin-left: 15px;
}

.bolded_label {
  font-family: proxima-nova, sans-serif;
  font-size: 18px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: var(--text-charcoal-grey);
}

.invoice_heading_text {
  font-family: proxima-nova, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  color: #000000;
}

.invoice_normal_text {
  font-family: proxima-nova, sans-serif;
  font-style: normal;
  font-weight: 100;
  font-size: 12px;
  color: #000000;
}

/* CSS for Communication */
.comm-new-message-refresh {
  width: 433px;
  height: 22px;
  margin: 0 16px 13px 9px;
  font-family: proxima-nova, sans-serif;
  font-size: 18px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: var(--primary-petrol-two);
  cursor: pointer;
  text-decoration: none
}
.comm-new-message-refresh:hover {
  text-decoration: underline;
}

/* When no buttons present in three-dot-menu */
div[id$="message-three-dot-menu"]:not(:has(> div nav button)) {
  visibility: hidden;
  width: 0px;
  height: 0px;
}

.comm_message_title {
  margin: 0 0 3px 0;
  width: 80%;
  overflow: auto;
}
.comm_message_sender {
  float: left;
  align-self: flex-end;
  font-weight: bold;
  margin-right: 8px;
  font-size: 14px;
}

.comm_message_sent {
  float: left;
  align-self: flex-end;
  font-weight: 300;
  font-size: 14px;
}
.spinningPostButton {
  color: transparent;
  pointer-events: none;
  background-image: url(/static/images/spinner_transp_250x250.gif);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px;
}
.comm_message_card:has(> .comm_message div.comms-message-bankid-req),
.comm_message_card:has(> .comm_message div[id$="_is_being_edited"]) {
  background: linear-gradient(90deg,#cd5c5c1f 0%, #f8f8f8 80%);
}
.comm_message_card[data-deleted="true"] {
  opacity: 0.6;
  border: 1px dashed #d5425a82 !important;
  & .comm_message { padding-top: 0.5em; }
}
.comm_message_card[data-deleted="true"]:has(> .comm_delivery) {
  & .comm_message { padding-bottom: 0; }
}
.comm_message_card[data-deleted="true"]:not(:has(> .comm_delivery)) {
  & .comm_message { padding-bottom: 0.5em; }
}

.comm_message_card:has(> .comm_message div.comms-message-bankid-req):hover {
  background: linear-gradient(90deg, #00929c26 0%, #f8f8f8 80%);
}

.comm_message_card {
  container: commMsgCard / inline-size;
  display: inline-block;
  width: 80%;
  height: auto;
  background-color: #e9f1ee;
  border-radius: 4px;
  white-space: nowrap;

  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.comm_message_card img {
  -webkit-transition: max-width 0.4s ease-in-out;
  -moz-transition: max-width 0.4s ease-in-out;
  -o-transition: max-width 0.4s ease-in-out;
  transition: max-width 0.4s ease-in-out;
}

.not_sent_color {
  background-color: #f9e6e6;
}
.received_color {
  background-color: #f8f8f8;
}
.ghost_message {
  opacity: 0.6;
}
.ghost_message_border {
  border: 1px dashed #aaaaaa;
}
 .truncated-message {
   text-overflow: ellipsis;
   overflow: hidden;
   white-space: nowrap;
   margin-right: 65px;
 }

.comm_message {
  width: -webkit-calc(100% - 30px);
  width: calc(100% - 30px);
  width: -moz-calc(100% - 30px);
  display: inline-block;
  padding: 16px 8px 0 24px;
  white-space: normal;
  float: left;
  & a {
    line-break: anywhere;
  }
  &:has(.comms-message-bankid-req) {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
  }
  &:has(ol:first-child, ul:first-child, :last-child > ul, :last-child > ol) { padding-left: 0; }
  /*&:has(ol:first-child, :last-child > ol) { margin-left: 0; }*/
  /*&:has(ul:first-child, :last-child > ul) { margin-left: 0; }*/
  &:last-child > ul, ol { margin-bottom: 0; }
  & p:first-child { margin: 0; }
  & p {margin-bottom: 0; }
}

.comm_message_files {
  width: -webkit-calc(100% - 30px);
  width: calc(100% - 30px);
  width: -moz-calc(100% - 30px);
  display: inline-block;
  padding: 0 68px 0 24px;
  white-space: normal;
  float: left;
}

.received_margin {
  padding-bottom: 16px;
  &:has(.comms-message-bankid-req) {
    padding-bottom: 0;
  }
}

.comms-message-bankid-req {
  display: inline-flex;
  width: 100%;
  margin-top: 0.2em;
  align-items: center;
  cursor: pointer;
  &:hover {
    & u {
      color: #00929c;
      filter: drop-shadow(0px 0px 7px #0000001a);
    }
  }
}

.comms-message-bankid-req-logo {
  content: "";
  background-image: url(/static/images/new_icons/Company%20logos/BankID/BankID_logo.svg);
  background-repeat: no-repeat;
  background-size: contain;
  pointer-events: none;
  width: 2.8em;
  height: 2em;
  min-width: 2.8em;
  min-height: 2em;
  margin-right: 0.5em;
  margin-left: 1em;
}
.comms-message-bankid-req-text {
  display: inline-block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  font-style: italic;
  font-weight: 400;
}

.comm_delivery {
  font-size: 10px;
  float: left;
  padding-right: 12px;
  padding-left: 24px;
  /* margin-bottom: 7px; */
  width: 100%;
}

.comm_notsent {
  font-size: 14px;
  margin: 3px 0 24px 24px;
  font-weight: bold;
}

.comm_notsent_link {
  color: var(--text-charcoal-grey);
  text-decoration: underline;
  margin-right: 6px;
  cursor: pointer;
}.comm_notsent_link:hover {
   text-decoration: none;
}

.initally_hidden_content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.35s ease-in-out;
}
.initally_hidden_content.show {
  max-height: 999px;
}

.internal_note {
  background-color: #fcf2de;
  padding: 3px 0 8px 16px;
  margin-bottom: 6px;
}

.internal_note_icon {
  float: left;
  display: inline-block;
  height: 16px;
  width: 16px;
  margin: 6px 16px 0 0;
  background-size: contain;
  background-image: url('../images/new_icons/General/Todo/18_black.svg');
  background-repeat: no-repeat;
}

.internal_note_header {
  float: left;
  display: inline-block;
  font-weight: 600;
  margin-top: 6px;
  margin-right: 8px;
  font-size: 14px;
}

.internal_note_tag_wide_screen {
  display: inline-block;
  float: left;
  padding-top: 8px;
}

.internal_note_tag_narrow_screen {
  display: none;
  float: left;
  padding-top: 8px;
}

.internal_note_arrow {
   float: right;
   width: 11px;
   /*height: 11px;*/
   cursor: pointer;
   margin-top: 0.5em;
   margin-right: 1em;
}

.internal_note_three_dots {
  display: inline;
  float: right;
  margin-right: 0.5em;
  & .drop-down-action-menu.w--open {
    right: -0.8em !important;
    top: 1.4em !important;
  }
}
.internal_note_close {
  display: inline;
  float: right;
  margin: 3px 6px 0 0;
}

.internal_note_content {
  display: block;
  margin: 0px 0 8px 32px;
  width: -webkit-calc(100% - 64px);
  width: calc(100% - 64px);
  width: -moz-calc(100% - 64px);
  white-space: normal;
  &:not(:has(.internal-note-read-block)) {
    margin-top: -1em;
  }
  & .legacy-field-label-block {
    padding: unset;
  }
  & .btn_primary_small.w-button {
    max-width: fit-content;
    margin-top: 16px;
    margin-left: auto;
  }
}

.internal_note_create_new {
  display: none;
  & .btn_primary_small.w-button {
    max-width: fit-content;
    margin-left: auto;
  }
}

.comm_thread_card {
   background-color: var(--white);
   display: inline;
   width: auto;
   height: auto;
   min-height: 42px;
   max-height: max-content;
   border: 1px solid var(--very-light-pink);
   border-radius: 4px;
   border-left: 8px solid var(--very-light-pink);
   margin-top: 0px;
   margin-right: 24px;
   margin-bottom: 8px;
   margin-left: 48px;
 }

.comm_thread_card_top {
   margin: 0 24px 8px 24px;
 }

.thread_card_profile_pic {
   float: left;
   margin: 9px 8px 9px 20px;
   height: 24px;
   width: 24px;
   background-color: var(--white);
   border-radius: 100px;
}
.comms_initials {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  font-family: proxima-nova, sans-serif;
  font-size: 13px;
  line-height: 1;
  font-weight: bold;
  color: var(--white);
  text-transform: uppercase;
  letter-spacing: 0.02em;
  white-space: nowrap;
  overflow: hidden;
  text-align: center;
  user-select: none;
}

.thread_card_receiver_name {
   display: flex;
   float: left;
   height: 20px;
   margin: 12px 0 0 10px;
   & .mowida-href {
     margin-left: 0.25em;
   }
 }

  .thread_card_receiver_name_short {
   display: none;
 }

 .thread_card_arrow {
   float: right;
   height: 11px;
   width: 11px;
   cursor: pointer;
   margin: 16px 24px 15px 0;
   line-height: 0;
 }

 .thread_card_messages {
   scroll-snap-type: y proximity;
   flex-direction: column;
   width: 100%;
   margin-top: 0.3em;
   margin-right: 0em;
   margin-bottom: 0em;
   margin-left: 0em;
   padding-top: 1em;
   padding-right: 1em;
   padding-bottom: 1em;
   padding-left: 1em;
   height: auto;
   max-height: 500px;
   overflow-y: auto;
   overflow-x: hidden;
   display: none;
   & .write-message-button {
     margin-top: 1em;
     margin-bottom: 0;
   }
   & h1, h2, h3, h4, h5, h6 {
     margin-top: 0;
     margin-bottom: 0;
   }
 }

.thread_card_messages_read_view {
   position:relative;
   width: auto;
   background-color: var(--white);
   display: inline;
   min-height: 42px;
   border: 1px solid var(--very-light-pink);
   border-radius: 4px;
   border-left: 8px solid var(--very-light-pink);
   margin: 0px 24px 24px 24px;
   padding-left: 20px;
 }

.thread_card_messages_read_view_scroll {
   padding-right: 1em;
   position:relative;
   width: auto;
   max-height: 500px;
   overflow-y: auto;
   overflow-x: hidden;
 }

.thread_card_messages::-webkit-scrollbar { margin-right: -22px; width: 6px; }
.thread_card_messages::-webkit-scrollbar-track { background: #ffffff; }
.thread_card_messages::-webkit-scrollbar-thumb { background: #eeeeee; border-radius: 4px; }
.thread_card_messages::-webkit-scrollbar-thumb:hover { background: #dddddd; }

 .thread_message_box {
   display: block;
   width: 100%;
   margin-bottom: 16px;
 }

.thread_message_box:has(.comm_message_card[data-ghosted="true"]) {
   & details summary::-webkit-details-marker { display: none; }
   & details[open] > summary::after { display: none; }
   & details[open] > summary { display: none; }
   & summary {
     display: flex;
     width: 100%;
     cursor: default;
     list-style: none;
     align-items: baseline;
     justify-content: space-between;
     &::after {
       content: 'Visa hela';
       color: #018387;
       text-decoration: none;
       white-space: nowrap;
       padding-right: 0.5em;
       margin-left: 0.5em;
       cursor: pointer;
       pointer-events: all;
     }
   }
 }
.thread_message_box:has(.comm_message_card[data-ghosted="true"] details:not([open])) {
    & details > div > ul, ol { margin-bottom: 0; }
    & .comm_message {
      width: 100%;
      padding-top: 1em;
      padding-right: 0em;
      padding-bottom: 1em;
    }
    & .comm_message:has(details > summary > ul:first-child, summary > ol:first-child) {
      padding-left: 0em;
    }
    &:has(.message-input-box-icons-container) {
      & .message-input-box-icons-container { display: none; }
    }
}
.thread_message_box:has(.comm_message_card[data-ghosted="true"] details[open]) {
  & .ghost_message { opacity: 1; }
  & .ghost_message_border { border: none; }
  & .comm_delivery { display: flex !important; }
  & details > div:last-child > ul, ol { margin-bottom: 0; }
 }

 .thread_align_message_right {;
    padding-left: 1em;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
 }
.thread_message_box:not(:is(.thread_align_message_right)) {
    & .w-dropdown {
      margin-right: unset;
    }
}

 .thread_align_message_right_external {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
 }

 .write-message-button {
    float: right;
    width: fit-content;
    margin-bottom: 1em;
    padding-left: 2em;
    padding-right: 2em;
 }

 .comm_message_list {
   padding-bottom: 2em;
 }

 .conversation_list_container {
    display: flex;
    flex-direction: column;
    margin-bottom: 2em;
 }

 .conversation_list_border {
   border-radius: 4px;
   border-left: 1px solid var(--very-light-pink);
   border-right: 1px solid var(--very-light-pink);
 }

 .conversation-list-section-search {
   padding-bottom: 1em;
   overflow-y: auto;
 }

.conversation_list_external {
  & .conversation_list_container {
    margin-bottom: 0 !important;
  }
  & .conversation-list-section {
    max-height: calc(100vh - 12.5em);
  }
  & .thread_card_messages_read_view_scroll {
    padding-top: 0.5em;
  }
  & .conversation_list_border {
    max-height: inherit;
    position: relative;
  }
}

.conversation-list-section {
  scroll-snap-type: y proximity;
  overflow-y: auto;
  height: auto;
  max-height: calc(100svh - 16.5em);
  border-radius: 4px;
  border-top: 1px solid var(--very-light-pink);
  border-bottom: 1px solid var(--very-light-pink);
  border-right: 1px solid var(--very-light-pink);
  border-left: 1px solid var(--very-light-pink);
}
.thread_card_messages,
.thread_card_messages_read_view_scroll,
.conversation-list-section {
    &::-webkit-scrollbar {
      width: 8px;
      -webkit-appearance: none;
    }

    &::-webkit-scrollbar-track { background: #f6f6f6; }
    &::-webkit-scrollbar-thumb {
      background-color: #cccccc;
      background-clip: padding-box;
      border: 0.05em solid #f6f6f6;
      border-radius: 4px;
    }
    &::-webkit-scrollbar-thumb:hover { background: #dddddd; }
    &::-webkit-scrollbar-button {
      display: block;
      border-style: solid;
      background-color: #e0dada;
      background-size: 8px 6px;
      background-repeat: no-repeat;
      background-position: center center;
      height: 0.5em;
      width: 0.5em;
    }
    &::-webkit-scrollbar-button:vertical:start:increment,
    &::-webkit-scrollbar-button:vertical:end:decrement {
      width: 0;
      height: 0;
    }
    &::-webkit-scrollbar-button:vertical:increment {
      background-image: url('/static/images/new_icons/Arrows/Chevron/Down/30.svg');
      background-color: #f9f9f9;
      border: none;
    }
    &::-webkit-scrollbar-button:vertical:decrement {
      background-color: #f9f9f9;
      background-image: url('/static/images/new_icons/Arrows/Chevron/Up/30.svg');
      border: none;
    }
    &::-webkit-scrollbar-button:vertical:increment:hover,
    &::-webkit-scrollbar-button:vertical:decrement:hover { background-color: #dddddd; }
 }

.conversation-list-section:has(nav.w--open) {
  min-height: calc(100vh - 16.5em);
  border-right-color: transparent;
  border-left-color: transparent;
  border-bottom-color: transparent;
}

.conversation_list_external.empty,
.conversation_list.empty {
  border: none;
  border-radius: unset;
}

.conversation_card {
  display: block;
  width: 100%;
  height: auto;
  min-height: 42px;
  border-bottom: 1px solid var(--very-light-pink);
  &:has(.conversation_card_content > div) {
    scroll-snap-align: center;
  }
}

.conversation_card_header {
  display: grid;
  grid-template-columns: 56px 76px minmax(8%, 275px) auto 66px;
  height: auto;
  min-height: 42px;
  width: 100%;
}
.conversation_card_header_external {
  display: grid;
  grid-template-columns: 76px minmax(8%, 14em) auto 33px;
  height: auto;
  min-height: 42px;
  width: 100%;
  padding-left: 1em;
  & .conversation-card-tags-container {
    /*margin-left: 0.5em;*/
  }
  @media screen and (max-width: 991px) {
    & .conversation_card_arrow {
      margin: 1em 1em 0;
    }
  }
}

.conversation_card_bold {
  font-weight: 800;
}

.conversation_card_pin {
  margin: 8px 0 0 16px;
  cursor: pointer;
  background: no-repeat;
  transition: all 0.2s ease-out;
}
.conversation_card_pin.pinned {
  background-image: url('../images/new_icons/Actions/Pin/pin-active.svg');
}
.conversation_card_pin.normal {
  background-image: url('../images/new_icons/Actions/Pin/pin-normal.svg');
}
.conversation_card_pin:hover {
  background-image: url('../images/new_icons/Actions/Pin/pin-hover.svg');
}
.conversation_card_pin.normal:active {
  background-image: url('../images/new_icons/Actions/Pin/pin-active.svg');
  transform: translate(1px, 2px);
  scale: 0.99;
}
.conversation_card_pin.pinned:active {
  background-image: url('../images/new_icons/Actions/Pin/pin-active.svg');
  transform: translate(1px, 2px);
  scale: 0.99;
}

.conversation_card_datetime {
  vertical-align: top;
  margin: 11px 0 0 0;
}

.conversation_card_conversation_with {
  vertical-align: top;
  margin: 8px 0 0 0;
  display: flex;
}
.conversation_card_profile_picture {
  display: inline-block;
  height: var(--profileavatar-size);
  width: var(--profileavatar-size);
  border-radius: 20px;
  background-color: #a3a3a3;
}

.conversation_card_picture_stack{
  margin-left: -8px;
 }
.conversation_card_name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  vertical-align: top;
  margin: 3px 0 0 6px;
}

.conversation_card_subject{
  display: inline-block;
  overflow: hidden;
  margin: 11px 16px 11px 0;
  padding-left: 0.5em;
  border-left: 1px dotted var(--very-light-pink);
}

.conversation_card_subject_title{
  display: inline-block;
  margin-right: 8px;
}

.conversation-card-tags-container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5em;
}

.conversation_card_tag {
  display: inline-flex;
  width: auto;
  font-size: 10px;
  font-weight: 600;
  & .regular-badge-c {
    display: inherit;
    align-items: center;
    height: 16px;
    border: 1px solid #dbdbdb;
    border-radius: 3px;
    padding-left: 0.5em;
    padding-right: 0.5em;
    pointer-events: none;
  }
}

.conversation_card_arrow {
  float: right;
  width: 14px;
  cursor: pointer;
  margin: 4px 50px 4px 0;
  line-height: 0;
  & img { margin: 6px; }
}

.conversation_card_right_buttons {
  margin-top: 5px;
}

.conversation_card_content {
  display: flex;
  overflow-y: auto;
  flex-direction: column;
  background-color: #f8f8f8;
  padding: 16px 0 8px 0;
}

.tab-section-communication {
  position: fixed;
  display: flex;
  width: 100vw;
  margin-top: 98px;
  left: 0;
  top: 0;
  bottom: 0;
  overflow: hidden;
}

.container-communication {
  overflow: auto;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  height: 100%;
}

.tabs-menu-communication {
  width: auto;
  left: 0;
  top: 0;
  bottom: 0;
  background-color: #606161;
  white-space: nowrap;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
}

.communication_page_container {
   width: 100%;
   max-width: 1068px;
   height: auto;
   min-height: 40px;
   margin: auto;
   overflow: visible;
   & div[id=mwp_list_div_comm-templates-mwp-list],
   & div[id=mwp_list_div_comm-signature-mwp-list] {
     & .object-card-content .user-block-rows {
       white-space: normal !important;
     }
   }
  &:has(.list-header-overlay.sticky) {
    & .conversation-list-section {
      margin-top: 2.5em;
      max-height: calc(100vh - 11em);
    }
  }
}

container[id^=id_modals_container_communication] {
  & div.checkboxes-block:has(> div input[name=template_form-for_company_ids]) {
    & > div:last-of-type .divider-tiny {
      display: none;
    }
  }
}


 .w-dropdown-button {
  background-color: transparent;
}

.w-dropdown-button:hover {
  background-color: var(--light-grey);
}

.overview_message_list_header{
  margin-bottom: 16px;
}
.overview_message_list_border{
  border: solid 1px var(--very-light-pink);
  border-bottom: none;
}
.grid-container-overview_message_card {
  display: -ms-grid;
  display: grid;
  border-bottom: solid 1px var(--very-light-pink);
  -ms-grid-columns: 120px 1px 160px 1px 220px 1px 1fr 1px 40px;
  grid-template-columns: 120px 160px 220px 1fr 40px;
  -ms-grid-rows: 1fr 1px 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 1px 1px;
  grid-template-areas: "overview_message_card_datetime overview_message_card_user_image overview_message_card_user_name overview_message_card_message_subject message_card_overview_menu"
                        ". . . overview_message_card_message_text .";
  padding-top: 0;
  padding-bottom: 0;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.overview_message_card_datetime {
  grid-area: overview_message_card_datetime;
  padding-left: 20px;
  padding-right: 4px;
}
.overview_message_card_user_image {
  grid-area: overview_message_card_user_image;
  width: 150px;
  margin-left: 10px;
  height: 34px;
  justify-self: center;
  align-self: baseline;
}
.overview_message_card_user_name {
  grid-area: overview_message_card_user_name;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-left: 6px;
}
.overview_message_card_message_subject {
  grid-area: overview_message_card_message_subject;
  padding-left: 25px;
}
.message_card_overview_menu {
  grid-area: message_card_overview_menu;
  & .action-button-dropdown {
    position: relative;
  }
}
.overview_message_card_message_text {
  grid-area: overview_message_card_message_text;
  padding-left: 25px;
  color: var(--brown-grey);
}
.message_overview_size {
    width: 120%;
}

.mwp_old_contract_files_card_container{
  display: contents;
  justify-content: start;
  align-content: center;
}
.mwp_old_contract_file_card {
  position: relative;
  width:100%;
  height:146px;
  border: solid 1px var(--very-light-pink);
  border-radius: 4px;
  margin-bottom: 20px;
}
.mwp_old_contract_file_card_img {
  display:block;
  margin:auto;
  margin-top:35px;
}
.mwp_old_contract_file_card_p1 {
  margin-top: 15px;
  text-align:center;
  font-size:10px;
  font-weight: 300;
  line-height: initial;
  padding: 0 16px 0 16px;
}
.mwp_old_contract_file_card_p2 {
  margin-top: 18px;
  text-align:center;
  font-size:10px;
  font-weight: 500;
  line-height: initial;
  padding: 0 16px 0 16px;
}

.comm-modal-background {
  display: none;
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.4);
}

.comm-modal-large {
  display: grid;
  overflow-x: hidden;
  align-self: center;
  border-radius: 4px;
  background-color: #ffffff;
  color: var(--text-charcoal-grey);
  box-shadow: 0 -13px 10px -10px rgba(0, 0, 0, 0.04);
  /*top: 120px;*/
  left: 50%;
  width: 50vw;
  height: auto;
  min-width: 450px;
  min-height: 250px;
  max-height: 85%;
  /*max-width: 80%;*/
  /*position: absolute;*/
  /*transform: translate(-50%, 0);*/
  /*grid-template-rows: auto minmax(40vh, 65vh) 55px;*/
  margin-top: 5svh;
  overflow-y: auto;
  max-width: unset;
  position: unset;
  transform: unset;
  grid-template-rows: auto minmax(auto, 68svh) auto;
}
.comm-modal-large.additional-row {
  overflow-y: hidden;
  grid-template-rows: auto minmax(auto, 60svh) auto auto;
  /*grid-template-rows: auto minmax(40vh, 60vh) 95px 55px;*/
}

.comm-modal-large-top-bar {
  display: grid;
  height: auto;
  max-height: 85px;
  min-height: 68px;
  grid-template-columns: auto auto;
  border-radius: 4px 4px 0 0;
  border-bottom: 1px solid var(--very-light-pink);
  background-color: #ffffff;
  padding: 0;
}
.comm-modal-large-headersection {
  padding: 24px 16px 16px 32px;
}

.comm-modal-large-header {
  display: block;
  font-weight: bold;
  font-size: 20px;
  line-height: 1.1;
}
.comm-modal-large-subheader {
  display: block;
  font-size: 16px;
  line-height: 1.1;
  margin-top: 5px;
}
.comm-modal-large-tags {
  display: block;
  padding-bottom: 0;
}

.comm-modal-large-close {
  margin: 16px 16px 0 0;
  justify-self: end;
  cursor: pointer;
}
.comm-modal-large-content {
  padding-top: 1em;
  padding-bottom: 1em;
  padding-left: 2em;
  padding-right: 2em;
  overflow-y: scroll;
} .comm-modal-large-content::-webkit-scrollbar { margin-right: -22px; width: 8px; }
   .comm-modal-large-content::-webkit-scrollbar-track { background: #ffffff; }
   .comm-modal-large-content::-webkit-scrollbar-thumb { background: #cccccc; margin-right: 1px; border-radius: 4px; }
   .comm-modal-large-content::-webkit-scrollbar-thumb:hover { background: #dddddd; }

.comm-modal-bottom-bar {
  border-top: 1px var(--very-light-pink) solid;
  background-color: var(--white);
  border-radius: 0 0 4px 4px;
  box-shadow: 0 -13px 10px -10px rgba(0, 0, 0, 0.04);
  padding: 10px 20px 10px 20px;
  bottom: 0;
}

.comm-modal-additional-row {
  background-color: #e9f1ee;
  padding: 10px 32px 0px 32px;
  bottom: 0;
  overflow-x: visible;
  overflow-y: hidden;
  white-space: nowrap;
  box-shadow: 0 -13px 10px -10px rgba(0,0,0,0.04);
  border-top: 1px var(--very-light-pink) solid;
}

.comm-regular-badge {
  display: inline-block;
  border-radius: 3px;
  background-color: var(--white);
  border: 1px solid var(--very-light-pink);
  font-size: 10px;
  line-height: normal;
  font-weight: 600;
  padding: 1px 5px 1px 5px;
  margin-right: 6px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}.comm-regular-badge.yellow{
  border-style: none;
  background-color: #d5a142;
  color: var(--white);
}.comm-regular-badge.orange{
  border-style: none;
  background-color: #FFA500;
  color: var(--white);
}.comm-regular-badge.red{
  border-style: none;
  background-color: var(--faded-red);
  color: var(--white);
}.comm-regular-badge.green {
  border-style: none;
  background-color: var(--success-avocado-green);
  color: var(--white);
}.comm-regular-badge.blue {
  border-style: none;
  background-color: var(--secondary-teal-blue);
  color: var(--white);
}.comm-regular-badge.white {
  border-style: none;
  background-color: var(--white);
  color: var(--text-charcoal-grey);
}.comm-regular-badge.pink {
  border-style: none;
  background-color: var(--pink);
  color: var(--white);
}.comm-regular-badge.purple {
  border-style: none;
  background-color: var(--purple);
  color: var(--white);
}.comm-regular-badge.grey {
  border-style: none;
  background-color: var(--grey);
  color: var(--white);
}.comm-regular-badge.tag-white.custom_tag {
  border-style: none;
  background-color: #ffffff;
  color: var(--text-charcoal-grey);
}.comm-regular-badge.tag-green.custom_tag {
  border-style: none;
  background-color: #008a00;
  color: var(--white);
}.comm-regular-badge.tag-yellow.custom_tag {
  border-style: none;
  background-color: #ff0;
  color: var(--text-charcoal-grey);
}.comm-regular-badge.tag-orange.custom_tag {
  border-style: none;
  background-color: #f90;
  color: var(--text-charcoal-grey);
}.comm-regular-badge.tag-red.custom_tag {
  border-style: none;
  background-color: #e60000;
  color: var(--white);
}.comm-regular-badge.tag-pink.custom_tag {
  border-style: none;
  background-color: #F55BBB;
  color: var(--text-charcoal-grey);
}.comm-regular-badge.tag-purple.custom_tag {
  border-style: none;
  background-color: #93f;
  color: var(--white);
}.comm-regular-badge.tag-grey.custom_tag {
  border-style: none;
  background-color: #a9a9a9;
  color: var(--text-charcoal-grey);
}.comm-regular-badge.tag-blue.custom_tag {
  border-style: none;
  background-color: #2a50a1;
  color: var(--white);
}.comm-regular-badge.tag-bluegreen.custom_tag {
  border-style: none;
  background-color: #006064;
  color: var(--white);
}.comm-regular-badge.custom_tag.add {
  border-style: none;
  background-color: #E7E7E7;
  color: var(--text-charcoal-grey);
}


 .custom_tag_plus {
   cursor: default;
   font-weight: 1000;
   background-color: #E7E7E7;
    font-size: 14px;
 }

.tag-white {
  border-style: none;
  background-color: var(--tag-white);
  color: var(--text-charcoal-grey);
}.tag-green {
  border-style: none;
  background-color: var(--tag-green);
  color: var(--white);
}.tag-yellow {
  border-style: none;
  background-color: var(--tag-yellow);
  color: var(--text-charcoal-grey);
}.tag-orange {
  border-style: none;
  background-color: var(--tag-orange);
  color: var(--text-charcoal-grey);
}.tag-red {
  border-style: none;
  background-color: var(--tag-red);
  color: var(--white);
}.tag-pink {
  border-style: none;
  background-color: var(--tag-pink);
  color: var(--text-charcoal-grey);
}.tag-purple {
  border-style: none;
  background-color: var(--tag-purple);
  color: var(--white);
}.tag-grey {
  border-style: none;
  background-color: var(--tag-grey);
  color: var(--text-charcoal-grey);
}.tag-blue {
  border-style: none;
  background-color: var(--tag-blue);
  color: var(--white);
}.tag-bluegreen {
  border-style: none;
  background-color: var(--tag-bluegreen);
  color: var(--white);
}

.comm-modal-content {

}

.modal-heading {
  font-weight: bold;
  font-size: 20px;
  line-height: 1.1;
  margin: 0;
  padding-bottom: 12px;
}.modal-heading.with-subheading {
   padding-bottom: 5px;
 }

.modal-subheading {
  font-size: 16px;
  line-height: 1.1;
  margin: 0;
  padding-bottom: 12px;
}

.modal-divider {
  border: none;
  height: 1px;
  color: var(--very-light-pink);
  background-color: var(--very-light-pink);
  margin: 0 -20px 0 -20px;
}.modal-divider.modal-section-divider {
  margin: 0 0 40px 0;
}

.modal-content{
  margin: 0px 0 24px 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 23px;
}

.modal-content-section-heading{
  font-weight: bold;
  font-size:28px;
  margin-bottom: 8px;
}
.modal-content-section-description {
  margin: 16px 0 32px 0;
}

.modal-content-heading {
  font-weight: bold;
  margin-top:24px;
  margin-bottom: 0;
}

.modal-bottom-bar {
  position: sticky;
  border-top: 1px var(--very-light-pink) solid;
  background-color: var(--white);
  border-radius: 0 0 4px 4px;
  box-shadow: 0 -13px 10px -10px rgba(0, 0, 0, 0.04);
  margin: 0 -20px -20px -20px;
  padding: 10px 20px 10px 20px;
  bottom: 0;
}

.modal-send-button {
  display: flex;
  justify-content: flex-end;
}



.link-text {
  color: var(--primary-petrol-two);
  text-decoration: underline;
}.link-text:hover{
  text-decoration: none;
 }


.comm-contact-table-a {
    display: inline-block;
    float: right;
    color: var(--primary-petrol-two);
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
}
.comm-contact-table-a:hover {
   color: var(--bluegreen);
}
.comm-contact-table-a.disabled {
   color: #C8C8C8;
}


.comm-contact-table {
  display: grid;
  gap: 0;
  font-size: 14px;
  border: 1px solid var(--very-light-pink);
  border-radius: 4px;
}
.comm-contact-table-row {
  display: grid;
  grid-template-columns: auto repeat(3, 60px);
  padding: 6px 0 6px 24px;
  height: auto;
  background-color: #f8f8f8;
  border-top: 1px solid #ffffff;
}
.comm-contact-table-row.white {
  background-color: #ffffff;
}
.comm-form-centered {
  margin-left: -webkit-calc(50% - 10px);
  margin-left: calc(50% - 10px);
  margin-left: -moz-calc(50% - 10px);
}
.comm-text-center {
  text-align: center;
 }

.no-generated-sms {
  display: inline-block;
  margin-top: 8px;
}

.download-messages-button{
  margin: 10px 0 0 0;
  display: none;
}

.comm-receiver-table-div {
  border-radius: 4px;
  border: 1px solid var(--very-light-pink);
  max-height: 640px;
  overflow: auto;
} .comm-receiver-table-div::-webkit-scrollbar { margin-right: -22px; width: 8px; }
  .comm-receiver-table-div::-webkit-scrollbar-track { background: #f9f9f9; }
  .comm-receiver-table-div::-webkit-scrollbar-thumb { background: #cccccc; margin-right: 1px; border-radius: 4px; }
  .comm-receiver-table-div::-webkit-scrollbar-thumb:hover { background: #dddddd; }

.force-wrap {
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}

.comm-receiver-table {
  display: grid;
  align-content: center;
  min-height: 30px;
  height: auto;
  width: 100%;
  margin-bottom: 1px;
  padding: 6px 0 6px 0;
  transition: background 0.1s ease-in-out;
  cursor: pointer;
}
.comm-receiver-table.group0 {
  grid-template-columns: 16px 30px auto 35px;
  background-color: #f9f9f9;
 }.comm-receiver-table.group0:hover {
    background-color: #f0f0f0;
  }
.comm-receiver-table.group1 {
  grid-template-columns: 48px 30px auto 35px;
}.comm-receiver-table.group1:hover {
    background-color: #f0f0f0;
  }
.comm-receiver-table.group2 {
  grid-template-columns: 80px 30px auto 35px;
  background-color: #f9f9f9;
}.comm-receiver-table.group2:hover {
    background-color: #f0f0f0;
  }
.comm-receiver-table.group3 {
  grid-template-columns: 112px 30px auto 35px;
  background-color: var(--white);
}.comm-receiver-table.group3:hover {
    background-color: #f0f0f0;
  }
.comm-receiver-table.group4 {
  grid-template-columns: 144px 30px auto 35px;
  background-color: #f9f9f9;
}.comm-receiver-table.group4:hover {
    background-color: #f0f0f0;
  }
.comm-receiver-table.group5 {
  grid-template-columns: 176px 30px auto 35px;
  background-color: var(--white);
}.comm-receiver-table.group5:hover {
    background-color: #f0f0f0;
  }
.comm-receiver-table.group6 {
  grid-template-columns: 208px 30px auto 35px;
  background-color: #f9f9f9;
}.comm-receiver-table.group6:hover {
    background-color: #f0f0f0;
  }
.comm-receiver-table.active {
  background-color: #e1f1ec;
}.comm-receiver-table.active:hover {
    background-color: #e1f1ec;
  }
.comm-receiver-table.error {
  background-color: #f9e6e6;
  cursor: auto;
}.comm-receiver-table.error:hover {
    background-color: #f9e6e6;
  }

.comm-receiver-table-checkbox {
  display: inline-block;
  padding-left: 0;
  grid-column: 2;
}

.comm-receiver-table-label {
  display: inline-block;
  font-size: 14px;
  font-weight: 300;
  grid-column: 3;
  padding: 5px;
  margin: -5px;
}
.comm-receiver-table-arrow {
  display: inline-block;
  margin-left: 8px;
  grid-column: 4;
  height: 11px;
  width: 11px;
  cursor: pointer;
}

.workers-block-receivers,
.tenants-block-receivers {
  margin-top: 5px;
  font-size: 18px;
}

.centerd-bankid {
    margin: 0 auto 0 auto;
    text-align: center;
    align-items: center;
    max-width: 400px;
}

.bankid_document_audit {
  display: grid;
  grid-template-columns: 25% 75%;
  grid-template-rows: 1fr;
  grid-column-gap: 0;
  grid-row-gap: 0;
}

/* Here to remove un-needed y-scroll */
.register-section {
  padding-top: 80px;
  margin-top: unset;
}
.tab-section {
  padding-top: 98px;
  margin-top: unset;
}

.uploaded_files_card_container{
  display:flex;
  justify-content: start;
  align-content: center;
  flex-wrap: wrap;
}
/*
.file_card{
  position: relative;
  width:172px;
  height:146px;
  border: solid 1px var(--very-light-pink);
  border-radius: 4px;
  margin-right: 20px;
  margin-bottom: 20px;
}
*/


.file_card{
  position: relative;
  width:155px;
  /* height:146px; */
  border: solid 1px var(--very-light-pink);
  border-radius: 4px;
  margin-right: 30px;
  margin-bottom: 20px;
}

.file_card_no_border{
  position: relative;
  width:155px;
  /* height:146px; */
  border: solid 0px var(--very-light-pink);
  border-radius: 4px;
  margin-right: 30px;
  margin-bottom: 20px;
}

.file_uploaded_original_name{
  margin-top: 15px;
  text-align:center;
  font-size:10px;
  font-weight: 300;
  line-height: initial;
  padding: 0 16px 0 16px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.file_uploaded_caption{
  word-break: break-word;
  margin-top: 18px;
  text-align:center;
  font-size:10px;
  font-weight: 500;
  line-height: initial;
  padding: 0 16px 0 16px;
}

.comment-file-orig-name{
  font-size: 10px;
  text-align: center;
  color: black;
  width: 64px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.inserted-signature-container {
  display: grid;
  grid-template-columns: auto 40px;
  background-color: #f9f9f9;
  padding: 16px 16px 16px 24px;
}

.message-box-container{
  padding: 10px;
  border: 1px solid var(--very-light-pink);
  border-radius: 4px;
  max-height: 400px;
  overflow: auto;
}.message-box-container::-webkit-scrollbar { margin-right: 0; width: 8px; }
  .message-box-container::-webkit-scrollbar-track { background: #f9f9f9; }
  .message-box-container::-webkit-scrollbar-thumb { background: #cccccc; margin-right: 1px; border-radius: 4px; }
  .message-box-container::-webkit-scrollbar-thumb:hover { background: #dddddd; }

.message-box {
  position: static;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  margin-right: 0;
  margin-bottom: 0;
  padding: 7px 16px;
  clear: none;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border: none;
  -webkit-transition: border 350ms ease, box-shadow 350ms ease, border-radius 300ms ease;
  transition: border 350ms ease, box-shadow 350ms ease, border-radius 300ms ease;
  font-size: 18px;
  resize: none;
} .message-box:focus{
  border: none;
  outline:none;
  }

.grid-partial-payments-main {
  display: grid;
  border: 0;
  min-height: 100%;
  max-height: 100%;
  min-width: 100%;
  max-width: 100%;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  -ms-grid-rows: 50px 0 1fr 0 50px;
  grid-template-rows: 50px 1fr 50px;
  overflow: hidden;
}


.grid-partial-payments {
  display: grid;
  border: 0;
  min-height: 27px;
  max-height: 81px;
  -ms-grid-columns: 1fr 0 24px 0 24px;
  grid-template-columns: 1fr 24px 24px;
  -ms-grid-rows: 27px 0 auto;
  grid-template-rows: 27px auto;
  overflow-x: hidden;
  overflow-y: auto;
}

.grid-partial-add-payment {
  display: grid;
  border: 0;
  min-height: 27px;
  -ms-grid-columns: 223px 0 80px 0 15px 0 199px 0 24px 0 24px;
  grid-template-columns: 223px 80px 15px 199px 24px 24px;
  -ms-grid-rows: 27px auto;
  grid-template-rows: 27px auto;
  overflow: hidden;
}

.partial-payments-payment {
  width: 525px;
  height: 27px;
  font-family: proxima-nova, sans-serif;
  font-size: 18px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: var(--text-charcoal-grey);
}

.partial-payments-h1 {
  height: 30px;
  font-family: proxima-nova, sans-serif;
  font-size: 24px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  color: var(--text-charcoal-grey);
}

.partial-payments-h2 {
  height: 24px;
  font-family: proxima-nova, sans-serif;
  font-size: 18px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: var(--text-charcoal-grey);
}

.partial-payments-p1 {
  height: 88px;
  font-family: proxima-nova, sans-serif;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: var(--text-charcoal-grey);
}

.partial-payments-p2 {
  font-family: proxima-nova, sans-serif;
  font-size: 18px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: var(--text-charcoal-grey);
}

.partial-payments-p3 {
  height: 27px;
  font-family: proxima-nova, sans-serif;
  font-size: 18px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: var(--text-charcoal-grey);
}

.tabular-numbers {
  -moz-font-feature-settings:"tnum" 1; /* Firefox 31+ */
  -moz-font-feature-settings:"tnum=1";
  -webkit-font-feature-settings: 'tnum' 1; /* Chrome 31+, Android 4.4+, Opera 24+ */
  font-feature-settings: 'tnum' 1; /* IE10+ */
}

.monospace {
  display: inline-block;
  width: 8px;
  min-width: 8px;
  max-width: 8px;
  text-align: center;
}

.comm-icon {
  color: transparent;
  width: 34px;
  height: 20px;
}

.conversation_card_right_buttons {
  & .action-button-block.action-button-block-columns {
    padding-top: 0;
  }
}

.comm_message_card {
  &:has(.message-input-box-icons-container .w-dropdown):not(:has(summary)) {
    & .comm_message {
      margin-top: -1.5em;
    }
  }
  & .action-button-block.action-button-block-columns {
    padding-top: 0;
    width: auto;
  }
  & .w-dropdown-toggle {
    position: relative;
  }
  & .comm-icon {
    background-size: 31px;
    width: 2.5em;
    height: 2em;
    background-position: center;
  }
}

.input-box-icon-container {
  display:flex;
  margin-right: -20px;
}

.message-input-box-icons-container:not(:has(*)),
.message-input-box-icons-container:empty {
  display: none !important;
}
.message-input-box-icons-container {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: baseline;
  gap: 0.1em;
  height: 1.5em;
  margin-right: 0.5em;
  & .icon-3 {
    background-position: center;
  }
  & .icon-3:not(.comm-icon) {
    background-position-y: 0.5em;
  }
  & .w-dropdown:has(.comm-icon) {
    .drop-down-action-menu.w--open {
      right: -0.3em!important;
      top: 2em !important;
    }
  }
  & .drop-down-action-menu.w--open {
    right: -0.8em !important;
    top: 1.4em !important;
  }
}

.comm-message-card-menu-container {
  display: inline-flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  margin-left: auto;
}

.message-input-box-icons {
  display: inline-flex;
  gap: 0.2em;
  & .action-button-block.action-button-block-columns {
    padding-top: 0;
  }
  & .w-dropdown-toggle {
    position: relative;
  }
  & .comm-icon {
    background-size: 29px;
  }
}

.attach-file-icon {
  background-image: url('../images/new_icons/Communication/attach.svg');
}

.attach-file-icon:hover {
  background-image: url('../images/new_icons/Communication/attach_hover.svg');
}

.attach-file-icon:active {
  background-image: url('../images/new_icons/Communication/attach_active.svg');
}

.comms-attach-file-icon:disabled {
  background-image: url('../images/new_icons/Communication/attach_disabled.svg');
}

.comms-attach-file-icon {
  background-image: url('../images/new_icons/Communication/comms_attach.svg');
}

.comms-attach-file-icon:hover {
  background-image: url('../images/new_icons/Communication/comms_attach_hover.svg');
}

.comms-attach-file-icon:active {
  background-image: url('../images/new_icons/Communication/comms_attach_active.svg');
}

.comms-attach-file-icon:disabled {
  background-image: url('../images/new_icons/Communication/comms_attach_disabled.svg');
}

.template-file-icon {
  background-image: url('../images/new_icons/Communication/template.svg');
}

.template-file-icon:hover {
  background-image: url('../images/new_icons/Communication/template_hover.svg');
}

.template-file-icon:active {
  background-image: url('../images/new_icons/Communication/template_active.svg');
}

.template-file-icon:disabled {
  background-image: url('../images/new_icons/Communication/template_disabled.svg');
}

.signature-file-icon {
  background-image: url('../images/new_icons/Communication/signature.svg');
}

.signature-file-icon:hover {
  background-image: url('../images/new_icons/Communication/signature_hover.svg');
}

.signature-file-icon:active {
  background-image: url('../images/new_icons/Communication/signature_active.svg');
}

.signature-file-icon:disabled {
  background-image: url('../images/new_icons/Communication/signature_disabled.svg');
}

.comm_message_dropzone_container {
  margin-top: 10px;
}

.comm-dropdown-header {
  cursor: pointer;
  color: var(--brown-grey);
}

.comm-dropdown-links {
  width: 100%;
  margin-right: 30px;
}

.comm-dropdown-link {
  cursor: pointer;
  padding: 0 0 8px 32px;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 30em;
}

.comm-external-header {
  background-color: var(--primary-petrol-two);
  width: 100%;
  height: 4em;
  color: #ffffff;
  font-size: 16px;
  font-weight: 600;
  z-index: 2;
  display: flex;
  align-items: center;
  flex: 0 0 auto;
  justify-content: center;
}

.comm-external-background {
  height: 90vh;
  background-color: #f8f8f8;
  overflow-y: auto;
}

.comm-external-container {
  height: 100%;
  padding-top: 2em;
  padding-bottom: 2em;
  margin: auto;
  max-width: 85%;
}

.comm-external-message-container {
  background-color:#ffffff;
  border-radius: 4px;
  border: var(--very-light-pink) 1px solid;
  width: 100%;
  margin-top: 0.3em;
  margin-right: 0em;
  margin-bottom: 0em;
  margin-left: 0em;
  padding-top: 1em;
  padding-right: 1em;
  padding-bottom: 0em;
  padding-left: 1em;
  height:auto;
  max-height: 670px;
  overflow-y: auto;
  overflow-x: hidden;
}.comm-external-message-container::-webkit-scrollbar { margin-right: 0; width: 8px; }
  .comm-external-message-container::-webkit-scrollbar-track { background: transparent; }
  .comm-external-message-container::-webkit-scrollbar-thumb { background: #cccccc; margin-right: 1px; border-radius: 4px; }
  .comm-external-message-container::-webkit-scrollbar-thumb:hover { background: #dddddd; }

.external-conversation-button {
  width: 100%;
  margin: 0;
}

.comm-bottom-bar {
  background-color: #ffffff;
  width: 100%;
  height: 2em;
  color: var(--brown-grey);
  font-size: 16px;
  font-weight: 600;
  box-shadow: 0 -13px 10px -10px rgb(0 0 0 / 10%);
  display: flex;
  align-items: center;
  flex: 0 0 auto;
  justify-content: center;
}
.external-power-bottom-bar {
  height: 2em;
  margin-right: auto;
  margin-left: auto;
  color: var(--brown-grey);
  font-size: 16px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
}

.comm-external-profile-pic {
  height: 28px;
  width: 28px;
  background-color: var(--secondary-teal-blue);
  margin: 0 8px 4px 4px;
  border-radius: 100px;
}

.thumbnail-with-checkbox {
  display: inline-block;
  object-fit: cover;
  width: 150px;
  height: 112px;
  border-radius: 4px;
  border: 1px transparent solid;
  background-color: #f8f8f8;
  z-index: 1;
  vertical-align: top;
  margin: 0 8px 16px 0;
}.thumbnail-with-checkbox:hover {
   opacity: 0.8;
   cursor: pointer;
 }

.thumbnail-with-checkbox.small {
  width: 75px;
  height: 56px;
  margin-bottom:0px;
}

.thumbnail-with-checkbox.small.document {
  object-fit: none;
}
.thumbnail-file-text {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.thumbnail-file-text.small {
  -webkit-line-clamp: 1;
  font-size: 10px;
  font-weight: 500;
  line-height: initial;
  width: 68px;
  padding: 0 3px 0 3px;
}

.thumbnail-checkbox-label {
  z-index: 2;
  margin-top: 8px;
  margin-left: -40px;
}
.thumbnail-checkbox-label.small {
  margin-left: -37px;
}

.thumbnail-checkbox-span{
  margin-top: 10px;
 }
.thumbnail-checkbox-span.small {
  margin-top: 5px;
}

.video-thumbnail {
  width: 140px;
  height: 90px;
  object-fit: cover;
}

.video-upload-spinner-container {
  position: absolute;
  top: 54%;
  transform: translateY(-50%);
  font-size: 18px;
  left: 0;
  right: 0;
}

.video-upload-spinner {
  width: 240px;
  padding: 32px;
}

.video-error-msg {
  width: 80%;
  margin: auto;
}

/*This solves an issue with getting whitespace outside of the view-width on the pages im currently working on,
not able to make sure it doesnt screw up other pages bc master is broken rn /Alice*/
html{
  overflow-x: hidden;
}

.list-header-overlay > .tab-content-top > .action-button-block.action-button-block-columns-mwp-list > #menu_outer_div {
  padding-bottom: 0.5em;
}
.action-button-block.action-button-block-columns-mwp-list {
  display: block;
  padding-top: 0.6em;
  padding-left: 0.2em;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: auto;
}

.action-button-block.action-button-block-columns-mwp-list-outer-group {
  display: block;
  padding-top: 17px;
  padding-left: 0;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: auto;
}

.action-button-block.action-button-block-columns-mwp-list-inner-group {
  display: block;
  padding-top: 5px;
  padding-left: 0;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: auto;
}

.drop-down-arrow-mwp-list-left {
  position: absolute;
  top: -9px;
  left: 15px;
  width: 16px;
  height: 16px;
  border-top: 1px solid var(--very-light-pink);
  border-left: 1px solid var(--very-light-pink);
  border-top-left-radius: 4px;
  background-color: var(--white);
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.drop-down-arrow-mwp-list-right {
  position: absolute;
  top: -9px;
  right: 15px;
  width: 16px;
  height: 16px;
  border-top: 1px solid var(--very-light-pink);
  border-left: 1px solid var(--very-light-pink);
  border-top-left-radius: 4px;
  background-color: var(--white);
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.w-dropdown-list-autosized {
  min-width: auto;
}

/* --- Roles --- */
/* Modal */
.user_managment_modal_container {
  min-width: fit-content;
  max-width: 550px;
  padding-left: 2rem;
  padding-right: 2rem;
}
input#id_roles-create-performer-email {
  width: 23rem;
}
.roles_modal_company_start_end {
  display: flex;
  column-gap: 1rem;
  max-width: fit-content;
  margin-left: 2rem;
}
.roles_company_chkbox_container {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 1rem;
  column-gap: 4rem;
  margin-bottom: 7px;
  padding: 16px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.roles_company_time_container {
  min-width: 22rem;
}
.i-heading-information-icon {
  position: absolute;
  margin-left: 1rem;
  line-height: 1.5rem;
}
.i-text-information-icon {
  position: absolute;
  margin-left: 1rem;
  line-height: 0.7rem;
}

.modal_footer_container {
  display: grid;
  grid-template-columns: 1.5fr 0.5fr;
  grid-template-rows: 1fr;
  margin-left: 0.5rem;
  gap: 0 0em;
}
.modal_footer_error {
  grid-area: 1 / 1 / 1 / 2;
}
.modal_footer_buttons {
  grid-area: 1 / 2 / 1 / 2;
  margin-left: auto;
  margin-right: auto;
}
.modal_footer_buttons_error {
  margin-top: auto;
  margin-bottom: auto;
}

.registration-left-info-slim {
  width: 30%;
  margin-right: 14px;
  padding-top: 0;
  padding-right: 23px;
  float: left;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
}

@keyframes inputUnitField {
  from { opacity: 0.0; }
  to 	{ opacity: 0.5; }
}
@-ms-keyframes inputUnitField {
  from { opacity: 0.0; }
  to 	{ opacity: 0.5; }
}

@-moz-keyframes inputUnitField {
  from { opacity: 0.0; }
  to 	{ opacity: 0.5; }
}
@-webkit-keyframes inputUnitField {
  from { opacity: 0.0; }
  to 	{ opacity: 0.5; }
}
@keyframes slideshow {
  to { display: block; }
  from { transform: translateY(40px); opacity: 0;}
}
@keyframes slideDownshow {
  to { display: inline-flex; }
  from { transform: translateY(-20px); opacity: 0;}
}
select[readonly] {
  background: #eee;
  pointer-events: none;
  touch-action: none;
}

.grid-estate-distances {
  grid-column-gap: 8px;
  grid-row-gap: 5px;
  grid-template-areas: ".";
  -ms-grid-columns: 255px 8px 85px 8px 50px 8px 1fr;
  grid-template-columns: 255px 85px 50px 1fr;
  -ms-grid-rows: auto 5px auto 5px auto 5px auto 5px auto 5px auto;
  grid-template-rows: auto auto auto auto auto auto;
}

.staffaccess_logout_button {
  cursor: pointer;
  padding-left: 1rem;
  padding-right: 1rem;
  font-weight: 300;
  white-space: nowrap;
  border: solid 1px rgb(0 0 0 / 0%);
  border-radius: 4px;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
}
.staffaccess_logout_button:hover {
  border: solid 1px var(--bluegreen) !important;
  box-shadow: 20px 0px 15px 2px rgb(0 0 0 / 14%);
}

.landlord_switcher_button {
  display: grid;
  border: solid 1px var(--very-light-pink);
  place-items: center center;
  padding-top: 0.5em;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-bottom: 0.5em;
  white-space: nowrap;
  border-radius: 4px;
  cursor: pointer;
  transition-duration: 0.5s;
  transition-timing-function: ease-in-out;
}
.landlord_switcher_button:hover {
  z-index: 100;
  border: solid 1px var(--petrol) !important;
  background-color: var(--white);
  box-shadow: 0 9px 22px 6px rgb(0 0 0 / 14%);
}

.grid-fn-payments-main {
  display: grid;
  border: 0;
  min-height: 100%;
  max-height: 100%;
  min-width: 100%;
  max-width: 100%;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  -ms-grid-rows: 50px 0 1fr 0 50px;
  grid-template-rows: 50px 1fr 50px;
  overflow: hidden;
}


.grid-fn-payments {
  display: grid;
  border: 0;
  min-height: 27px;
  max-height: 81px;
  -ms-grid-columns: 1fr 0 24px 0 24px;
  grid-template-columns: 1fr 24px 24px;
  -ms-grid-rows: 27px 0 auto;
  grid-template-rows: 27px auto;
  overflow-x: hidden;
  overflow-y: hidden;
}

.grid-fn-add-payment {
  display: grid;
  border: 0;
  min-height: 27px;
  -ms-grid-columns: 223px 0 80px 0 15px 0 199px 0 24px 0 24px;
  grid-template-columns: 223px 80px 15px 199px 24px 24px;
  -ms-grid-rows: 27px auto;
  grid-template-rows: 27px auto;
  overflow: hidden;
}

.fn-payments-payment {
  width: 525px;
  height: 27px;
  font-family: proxima-nova, sans-serif;
  font-size: 18px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: var(--text-charcoal-grey);
}

.fn-payments-h1 {
  height: 30px;
  font-family: proxima-nova, sans-serif;
  font-size: 24px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  color: var(--text-charcoal-grey);
}

.fn-payments-h2 {
  height: 24px;
  font-family: proxima-nova, sans-serif;
  font-size: 18px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: var(--text-charcoal-grey);
}

.fn-payments-p1 {
  font-family: proxima-nova, sans-serif;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: var(--text-charcoal-grey);
}

.fn-payments-p2 {
  font-family: proxima-nova, sans-serif;
  font-size: 18px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: var(--text-charcoal-grey);
}

.fn-payments-p3 {
  height: 27px;
  font-family: proxima-nova, sans-serif;
  font-size: 18px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: var(--text-charcoal-grey);
}

.robotomono2 {
  font-family: 'Roboto Mono', monospace;
  font-size: 13px;
}

.robotomono {
  font-family: proxima-nova, sans-serif;
  -moz-font-feature-settings:"tnum" 1; /* Firefox 31+ */
  -moz-font-feature-settings:"tnum=1";
  -webkit-font-feature-settings: 'tnum' 1; /* Chrome 31+, Android 4.4+, Opera 24+ */
  font-feature-settings: 'tnum' 1; /* IE10+ */
  font-size: 14px;
}


:root {
  --profileavatar-size: 30px;
}

.circle {
  background-color: var(--secondary-teal-blue);
  border-radius: 50%;
  height: var(--profileavatar-size);
  text-align: center;
  width: var(--profileavatar-size);
}

.circle-border {
  background-color: var(--secondary-teal-blue);
  border-radius: 50%;
  text-align: center;
  border: 1px solid #dbdbdb;
  height: var(--profileavatar-size);
  width: var(--profileavatar-size);
  min-width: var(--profileavatar-size);
  min-height: var(--profileavatar-size);
}

.initials {
  font-family: proxima-nova, sans-serif;
  font-size: 14px;
  line-height: 1;
  position: relative;
  top: 3px;
  color: var(--white);
  font-weight: bold;
  padding-right: 1px;
}

.circle150 {
  background-color: var(--secondary-teal-blue);
  border-radius: 50%;
  height: 150px;
  text-align: center;
  width: 150px;
}

.initials150 {
  font-family: proxima-nova, sans-serif;
  font-size: 90px;
  line-height: 1;
  position: relative;
  top: 30px;
  color: var(--white);
  font-weight: bold;
  padding-right: 1px;
}

.radio-content-container {
  padding-left: 30px;
  width: 100%;
}

.address-radio-row {
  width: 100%;
}


.cssspinner,
.cssspinner:after {
  border-radius: 50%;
  width: 10em;
  height: 10em;
}
.cssspinner {
  margin: 60px auto;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 1.1em solid rgba(255, 255, 255, 0.2);
  border-right: 1.1em solid rgba(255, 255, 255, 0.2);
  border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
  border-left: 1.1em solid var(--petrol);
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: cssspinner8 1.1s infinite linear;
  animation: cssspinner8 1.1s infinite linear;
}
@-webkit-keyframes cssspinner8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes cssspinner8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.grid-economy-invoice-tenant-headings {
  background: var(--brown-grey);
  max-height: 36px;
  min-height: 36px;
  -ms-grid-columns: 2.5fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 42px;
  grid-template-columns: 2.5fr 1fr 1fr 1fr 1fr 1fr 42px;
  -ms-grid-rows: 35px;
  grid-template-rows: 35px;
  border: 1px solid var(--brown-grey);
}

.grid-economy-invoice-tenant {
  border: 1px none var(--very-light-pink);
  max-height: none;
  min-height: 23px;
  -ms-grid-columns: 2.5fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 42px;
  grid-template-columns: 2.5fr 1fr 1fr 1fr 1fr 1fr 42px;
  -ms-grid-rows: 23px 0 auto;
  grid-template-rows: 23px auto;
}

.grid-economy-invoice-tenant-header {
  grid-column-start: 1;
  grid-column-end: 7;
  grid-row-start: 1;
  grid-row-end: 2;
  background-color: var(--brown-grey);
}

.economy-border-top {
  border-top: 3px solid var(--petrol);
}

.economy-border-left {
  border-left: 3px solid var(--petrol);
}

.economy-border-bottom {
  border-bottom: 3px solid var(--petrol);
}

.economy-border-right {
  border-right: 3px solid var(--petrol);
}

.faq-arrow {
    max-width: 12px;
    cursor: pointer;
    user-select: none;
}

.data-capture-blocks.half-margin {
  margin-bottom: 8px;
}

._25-indent {
  max-width: none;
  padding-left: 15px;
  color: var(--text-charcoal-grey);
  font-size: 16px;
  margin-top: 5px;
  margin-bottom: 10px;
  & a {
    line-break: anywhere;
  }
}

._25-indent.max-content {
  width: max-content;
  max-width: fit-content;
}

div.info-block .drop-down-arrow-mwp-list-left {
  margin-left: 50%;
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Opera and Firefox */
}


.near-distance-container {
    display: inline-grid;
    grid-template-columns: 5.5rem 4.5rem 1fr auto;
    grid-template-areas:
        "near-distance-first   near-distance-sec    near-distance-third    near-distance-forth";
    width: 100%;
    align-items: center;
}
.near-distance-unit {
    border-top: 1px solid #d8d8d8;
    border-bottom: 1px solid #d8d8d8;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px; }
.near-distance-unit > div > select {
  border-width: 0 0 0 0;height: 36px }
.near-distance-unit > div {
  padding-right: 10px;
}

section.near-distance-first {
    grid-area: near-distance-first;
}
section.near-distance-sec {
    grid-area: near-distance-sec;
    align-self: center;
}
section.near-distance-third {
    grid-area: near-distance-third; }
section.near-distance-third > div > select {
  text-align: left;
  line-height: normal;
  padding-right: 1.5rem;
}
section.near-distance-forth {
    grid-area: near-distance-forth;
}

.staffassist-dropdown-menu-item {
    display: inline-flex;
    gap: 1rem;
    background-color: var(--light-grey);
}

.comms-drop-down-action-menu {
  position: relative;
  top: 26px;
  right: 0;
  display: none;
  padding: 0;
  border-radius: 4px;
  background-color: var(--white);
  box-shadow: 0 6px 22px 4px rgba(0, 0, 0, 0.2);
}

.comms-drop-down-action-menu.w--open {
  position: absolute;
  top: 30px;
  z-index: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-right: 0;
  padding-left: 0;
  -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: 1px solid var(--very-light-pink);
  box-shadow: 0 9px 22px 6px rgba(0, 0, 0, 0.14);
}

.dd-comment-grid-container img {
    max-width: 20%
}

.dd-comment-grid-container {
    display: inline-grid;
    grid-template-columns: auto 1fr;
    grid-template-areas:
        "dd-comment-grid-name   dd-comment-grid-date"
        "dd-comment-grid-comment   dd-comment-grid-comment";
    width: 98%;
    margin-bottom: 0.5em;
}
div.dd-comment-grid-name {
    grid-area: dd-comment-grid-name;
    padding-right: .5em;
    font-weight: 700;
}
div.dd-comment-grid-name > em {
    font-size: small;
    font-weight: 500;
    margin-left: 0.5em;
    padding-left: 0.5em;
    padding-right: 0.5em;
    border-left: var(--very-light-pink-two) 1px solid;
    border-right: var(--very-light-pink-two) 1px solid;
}
em.dd-comment-grid-date {
    grid-area: dd-comment-grid-date;
    font-size: small;
}
div.dd-comment-grid-comment {
    grid-area: dd-comment-grid-comment;
    margin-top: 0.1em;
    border-left: var(--very-light-pink-two) 1px solid;
    padding-left: 0.5em;
    & a {
      line-break: anywhere;
    }
}

div.dd-renting-object-container {
  display: grid;
  grid-template-areas: ".";
  grid-template-columns: 9rem auto;
  grid-template-rows: auto;
  row-gap: 0px;
  border-left: var(--very-light-pink-two) 1px solid;
  padding-left: 0.5em;
}

.mow_radiobutton2_container {
    display: block;
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-bottom: unset;
    width: 100%;
}

/* Hide the browser's default radio button */
.mow_radiobutton2_container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.mow_radiobutton2 {
  position: absolute;
  top: 3px;
  left: 0;
  height: 17px;
  width: 17px;
  background-color: var(--white);
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: solid 1px #d8d8d8;

}

/* On mouse-over, add a grey background color */
.mow_radiobutton2_container:hover input ~ .mow_radiobutton2 {
  /*background-color: #ccc; NEW code below this comment (newbutton_evelina)*/
  border: solid 1px var(--primary-petrol-two);
}

/* When the radio button is disabled, add a grey background color */
.mow_radiobutton2_container input:disabled ~ .mow_radiobutton2 {
  /*nbackground-color: #eeeeee;
  ewbutton_evelina, need to add border to disable since we changed the hover*/
  background-color: var(--very-light-pink-two);
  border: solid 1px #d8d8d8;
}

/* When the radio button is     <div data-w-tab="Lägenheter" class="tab-panes w-tab-pane w--tab-active">
checked, add a blue background */
.mow_radiobutton2_container input:checked ~ .mow_radiobutton2 {
  background-color: var(--white);
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.mow_radiobutton2:after {
  content: "";
  position: absolute;
  display: none;
}

.mow_radiobutton2_container input:checked:disabled ~ .mow_radiobutton2 {
  background-color: var(--very-light-pink-two);
}

.mow_radiobutton2_container input:checked:disabled ~ .mow_radiobutton2:after {
  display: block;
  background: var(--brown-grey);
}

/* Show the indicator (dot/circle) when checked */
.mow_radiobutton2_container input:checked ~ .mow_radiobutton2:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.mow_radiobutton2_container .mow_radiobutton2:after {
  /*top: 5px;
  left: 5px;
  width: 8px;
  height: 8px;newbutton_evelina*/
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: var(--petrol);
}

/* ------[ List Filters ]------ */
.search-filter::after {
  content: url(../images/new_icons/Actions/Filter/24x20.png);
  position: absolute;
  right: 0.5em;
  margin-top: 0.5em;
  -webkit-transition: 0.25s;
  transition: 0.25s;
}.search-filter-disabled::after {
  filter: grayscale(1) opacity(0.3);
}
.search-filter-clickable {
  display: block;
  position: absolute;
  width: 35px;
  height: 2em;
  right: 1px;
  margin-top: 1px;
  cursor: pointer;
  z-index: 1;
}
.search-filter-disabled > .search-filter-clickable {
    pointer-events: none;
}


/* - Hireableobject filters - */

  .filter-hireableobject {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-flow: row nowrap;
    flex-direction: row;
    flex-wrap: wrap;
    height: 100%;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    gap: 5px;
  }

  .filter-hireableobject > .search-filter-section {
    display: flex;
    flex-grow: 1;
    width: 33%;
    flex-shrink: 1;
    padding: 8px;
  }


.filter-hireableobject > .filter-rooms,
.filter-hireableobject > .filter-kitchen-type,
.filter-hireableobject > .filter-kvm,
.filter-hireableobject > .filter-maxrent,
.filter-hireableobject > .filter-city,
.filter-hireableobject > .filter-companies,
.filter-hireableobject > .filter-estates,
.filter-hireableobject > .filter-other,
.filter-hireableobject > .filter-area {
  display: inline-flex;
}

.filter-hireableobject > div > .form-check > .mow_checkbox_container {
  min-width: fit-content;
}

.filter-hireableobject > .range-maxrent-filters, .range-kvm-filters, .range-age-filters {
    column-gap: 0.5em;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
}

.filter-hireableobject > .filter-maxrent > .form-check,
.filter-hireableobject > .filter-kvm > .form-check {
    display: flex;
    align-self: center;
    flex-direction: column;
    row-gap: 1em;
    max-width: 100%;
    padding-left: unset !important;
}
.filter-hireableobject > .filter-kvm > .form-check > .ui-widget-content,
.filter-hireableobject > .filter-maxrent > .form-check > .ui-widget-content,
.filter-hireableobject > .filter-age > .form-check > .ui-widget-content {
    border: 1px solid #FFFFFF;
    background: var(--very-light-pink);
}

.filter-hireableobject > .filter-companies,
.filter-apartment > .filter-companies {
  order: 1;
  width: 31%;
}

.filter-storageroom > .filter-companies,
.filter-parkingspace > .filter-companies {
  width: 39%;
}
.filter-hireableobject > .filter-companies > .form-check,
.filter-apartment > .filter-companies > .form-check {
  display: grid;
  width: 100%;
  max-width: 100% !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  row-gap: 0.3rem;
  column-gap: 1.5em;
  word-break: break-word;
}

.filter-hireableobject > .filter-city {
  order: 2;
  width: 42%;
}

.filter-apartment > .filter-city > .form-check,
.filter-hireableobject > .filter-city > .form-check {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(2, auto);
  row-gap: 0.3rem;
  column-gap: 1.5em;
  word-break: break-word;
}

.filter-hireableobject > .filter-kvm,
.filter-apartment > .filter-kvm {
  order: 6;
}
.filter-storageroom > .filter-kvm {
  width: 33%;
}

.filter-hireableobject > .filter-estates,
.filter-apartment > .filter-estates {
  order: 3;
  width: 100%;
}
.filter-hireableobject > .filter-estates > .form-check,
.filter-apartment > .filter-estates > .form-check {
  display: grid;
  width: 100%;
  min-width: 100%;
  grid-template-columns: repeat(3, auto);
  row-gap: 0.3rem;
  column-gap: 1.5em;
  word-break: break-word;
}
.filter-hireableobject > .filter-area,
.filter-apartment > .filter-area {
  order: 4;
  width: 65%;
}
.filter-hireableobject > .filter-maxrent,
.filter-apartment > .filter-maxrent {
  order: 5;
}

.filter-hireableobject > .filter-maxrent > .form-check,
.filter-apartment > .filter-maxrent > .form-check {
    display: flex;
    align-self: center;
    flex-direction: column;
    row-gap: 1em;
    max-width: 100%;
    padding-left: unset !important;
}


.filter-hireableobject > .filter-rooms {
  order: 7;
  width: 65%;
}
.filter-hireableobject > .filter-rooms > .form-check {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(4, auto);
  row-gap: 0.3rem;
  column-gap: 1.5em;
  min-width: 100%;
}

.filter-hireableobject > .filter-kitchen-type,
.filter-apartment > .filter-kitchen-type {
  order: 8;
  width: 3%;
}
.filter-studentroom > .filter-kitchen-type {
  order: 10;
  width: 25%;
}

.filter-hireableobject > .filter-kitchen-type > .form-check,
.filter-apartment > .filter-kitchen-type > .form-check  {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(1, 100%);
  row-gap: 0.3rem;
  column-gap: 1.5em;
}

.filter-hireableobject > .filter-other,
.filter-apartment > .filter-other {
  order: 9;
  width: 35%;
}
.filter-storageroom > .filter-other {
  order: 11;
  width: 100%;
}
.filter-parkingspace > .filter-other {
  order: 9;
  width: 64%;
}
.filter-parkingspace > .filter-bptype {
  order: 5;
  width: 100%;
}
.filter-parkingspace > .filter-bptype > .form-check {
  display: grid;
  width: inherit;
  grid-template-columns: repeat(5, auto);
  row-gap: 0.3rem;
  column-gap: 1.5em;
  min-width: 100%;
  word-break: break-word;
}
.filter-parkingspace > .filter-chargingpoint {
  order: 7;
  width: 15%;
}
.filter-parkingspace > .filter-winteroutlet {
  order: 8;
  width: 15%;
}
.filter-storageroom > .filter-storage_wall {
  order: 9;
  width: 31%;
}
.filter-storageroom > .filter-storage_heat {
  order: 10;
  width: 33%;
}
.filter-officespace > .filter-officetype {
  order: 8;
  width: 33%;
}
.filter-officespace > .filter-officetype > .form-check {
  display: grid;
  width: inherit;
  grid-template-columns: repeat(2, auto);
  row-gap: 0.3rem;
  column-gap: 1.5em;
  min-width: 100%;
  word-break: break-word;
}
.filter-officespace  > .filter-other {
  order: 9;
  width: 65%;
}
.filter-studentroom > .filter-kitchen-type {
  order: 8;
  width: 33%;
}
.filter-studentroom > .filter-other {
  order: 9;
  width: 65%;
}

/* - Tenant Contracts filters - */

.filter-tenant-contracts {
    display: inline-grid;
    grid-template-columns: 0.45fr 0.6fr 0.4fr;
    grid-template-areas:
        "filter-accessiondate   filter-hotype    filter-hotype"
        "filter-status          filter-city      filter-city"
        "filter-type            filter-companies filter-companies"
        "filter-caperiod        filter-other     filter-other" !important;
    width: 100%;
    grid-column-gap: 1em;
    align-items: center;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

.filter-tenant-contracts > .filter-status > .form-check {
    display: grid;
    grid-template-columns: repeat(2, 9em);
    row-gap: 0.3rem;
    column-gap: 0.7em;
}
.filter-caperiod > .form-check {
    white-space: nowrap;
    text-overflow: ellipsis;
}

.filter-caperiod > .form-check {
    display: flex;
    row-gap: 0.3rem;
    margin-left: 0.5em;
    flex-direction: column;
    align-content: center;
    align-items: baseline;
    justify-content: center;
    flex-wrap: nowrap;
}
.filter-companies > .form-check,
.filter-hotype > .form-check {
    display: grid;
    row-gap: 0.3rem;
    column-gap: 0.7em;
    grid-template-columns: repeat(2, 17.5em);
    max-width: 17.5em;
}


/* - Potential tenant filters - */

.filter-pt-lagenhet {
    display: inline-grid;
    grid-template-columns: .40fr .32fr .32fr;
    grid-template-areas:
        "filter-accessiondate   filter-rooms  filter-rooms"
        "filter-type            filter-city   filter-city"
        "filter-age             filter-area   filter-area"
        "filter-maxrent         filter-other  filter-other" !important;
    width: 100%;
    grid-column-gap: 1em;
    align-items: center;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}
.filter-pt-lagenhet > div:nth-child(2) {
  /*margin-top: -0.2em;*/
}
.filter-pt-lagenhet > div:nth-child(4),
.filter-pt-lagenhet > div:nth-child(6) {
  /*margin-top: -1em;*/
}

.filter-pt-forrad {
    display: inline-grid;
    grid-template-columns: .40fr .32fr .32fr;
    grid-template-areas:
        "filter-accessiondate   filter-city   filter-city"
        "filter-type            filter-area   filter-area"
        "filter-age             filter-area   filter-area"
        "filter-kvm             filter-other  filter-other";
    width: 100%;
    grid-column-gap: 1em;
    align-items: center;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}
.filter-pt-forrad > div:nth-child(2) {
  /*margin-top: -1.7em;*/
}
.filter-pt-forrad > div:nth-child(4),
.filter-pt-forrad > div:nth-child(6) {
  /*margin-top: -1.7em;*/
}

.filter-pt-bilplatser {
    display: inline-grid;
    grid-template-columns: .40fr .32fr .32fr;
    grid-template-areas:
        "filter-accessiondate   filter-bptype filter-bptype"
        "filter-type            filter-city   filter-city"
        "filter-age             filter-area   filter-area"
        "filter-needs           filter-other  filter-other" !important;
    width: 100%;
    grid-column-gap: 1em;
    align-items: center;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}
.filter-pt-bilplatser > div:nth-child(2) {
  /*margin-top: -0.1em;*/
}
.filter-pt-bilplatser > div:nth-child(7) {
  /*margin-top: -1.4em;*/
}
.filter-pt-bilplatser > div:nth-child(8) {
  /*margin-top: 0em;*/
}

.filter-pt-lokal {
    display: inline-grid;
    grid-template-columns: .40fr .32fr .32fr;
    grid-template-areas:
        "filter-accessiondate   filter-officetype filter-officetype"
        "filter-type            filter-city       filter-city"
        "filter-age             filter-area       filter-area"
        "filter-maxrent         filter-other      filter-other"
        "filter-kvm             fempty            empty" !important;
    width: 100%;
    grid-column-gap: 1em;
    align-items: center;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

.filter-pt-studentrum {
    display: inline-grid;
    grid-template-columns: .40fr .32fr .32fr;
    grid-template-areas:
        "filter-accessiondate   filter-rooms  filter-rooms"
        "filter-type            filter-city   filter-city"
        "filter-age             filter-area   filter-area"
        "filter-maxrent         filter-other  filter-other" !important;
    width: 100%;
    grid-column-gap: 1em;
    align-items: center;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}
.filter-pt-studentrum > div:nth-child(2) {
  margin-top: -1.9em;
}
.filter-pt-studentrum > div:nth-child(4),
.filter-pt-studentrum > div:nth-child(6) {
  margin-top: -1.9em;
}



/* This layout is for CurrentTenant list filters */
.filter-grid-container {
    display: inline-grid;
    grid-template-columns: .40fr .32fr .32fr;
    grid-template-areas:
        "filter-status   filter-rent   filter-rent"
        "filter-status   filter-city   filter-city"
        "filter-type     filter-city   filter-city"
        "filter-age      filter-other  filter-other";
    width: 100%;
    grid-column-gap: 1em;
    align-items: center;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}
.filter-grid-container > div:nth-child(4),
.filter-grid-container > div:nth-child(5) {
    margin-top: 0.5em;
}

.search-filter-section {
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: unset;
    padding-left: 0.5em;
    padding-bottom: 0.5em;
    padding-top: 0.5em;
    -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;
}

.form-check > label.mow_radiobutton_container {
  white-space: nowrap;
}
.form-check > .mow_radiobutton_container {
    padding-bottom: 0.2em;
}

.filter-grid-container > .filter-status {
    grid-area: filter-status;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}.filter-status > .form-check {
    display: flex;
    row-gap: 0.3rem;
    /*margin-left: 0.5em;*/
    flex-direction: column;
    align-content: center;
    align-items: baseline;
    justify-content: center;
    flex-wrap: nowrap;
}

 form[class="list_filter_form"] > div > .search-filter-section .form-check,
 .filter-pt-lokal > .search-filter-section > .form-check,
 .filter-pt-studentrum > .search-filter-section > .form-check,
 .filter-pt-bilplatser > .search-filter-section > .form-check,
 .filter-pt-forrad > .search-filter-section > .form-check,
 .filter-pt-lagenhet > .search-filter-section > .form-check,
 .filter-grid-container > .search-filter-section > .form-check {
    margin-top: 0.5em;
    padding-left: 0.5em;
}

.filter-grid-container > .filter-rent {
    grid-area: filter-rent;
}

.filter-maxrent > .form-check {
    display: flex;
    align-self: center;
    flex-direction: column;
    row-gap: 1em;
}
.single-maxrent-filters {
    column-gap: 1em;
    display: inline-flex;
    align-items: center;
    margin-left: 0em;
    margin-right: 2em;
}
.single-maxrent-filters > span[id=maxrent_max]::after {
    content: "SEK";
    position: absolute;
    margin-left: -4.5em;
    margin-top: -0.6em;
    font-weight: 300;
    opacity: 0.8;
}
.single-maxrent-filters > input[type=number] {
    width: 8em;
    background: transparent;
    text-indent: -0.3em;
    text-align-last: center;
    text-align: center;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-right: unset;
}

.filter-grid-container > .filter-type {
    grid-area: filter-type;
    margin-top: 0.5em;
}.filter-type > .form-check {
    row-gap: 0.1em;
    padding-left: 0.5em;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.filter-rent > .form-check {
    display: grid;
    row-gap: 0.3rem;
    column-gap: 0.7em;
    grid-template-columns: repeat(2, 18em);
    max-width: 22em;
}
.filter-officetype > .form-check,
.filter-bptype > .form-check,
.filter-rooms > .form-check,
.filter-city > .form-check,
.filter-area > .form-check {
    display: grid;
    grid-template-columns: repeat(3, auto);
    row-gap: 0.3rem;
    column-gap: 0.7em;
    padding-left: 0.5em;
    width: 100%;
}

.filter-grid-container > .filter-city {
    grid-area: filter-city;
    margin-top: 1em;
}

.filter-grid-container > .filter-age {
    grid-area: filter-age;
    margin-top: 0.5em;
}

.filter-kvm > .form-check,
.filter-age > .form-check {
    display: flex;
    align-self: center;
    flex-direction: column;
    row-gap: 1em;
    max-width: 21em;
}

.range-maxrent-filters,
.range-kvm-filters,
.range-age-filters {
    column-gap: 0.5em;
    display: inline-flex;
    align-items: center;
}

.search-filter-section > .form-check > div > label[aria-label="Till"] {
    margin-left: -0.5em;
}

.range-maxrent-filters > span,
.range-kvm-filters > span,
.range-age-filters > span {
    z-index: auto;
}
.range-maxrent-filters > input[type=number] {
  text-indent: -1.6em;
}
.range-maxrent-filters > input[type=number],
.range-kvm-filters > input[type=number],
.range-age-filters > input[type=number] {
    width: 7em;
    background: transparent;
    text-align-last: center;
    text-align: center;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-right: unset;
}
.range-maxrent-filters > span[id=maxrent_min]::after {
    content: "SEK";
    position: inherit;
    margin-left: -3.2em;
    margin-top: -0.6em;
    font-weight: 300;
    opacity: 0.8;
}
.range-maxrent-filters > span[id=maxrent_max]::after {
    content: "SEK";
    position: inherit;
    margin-left: -3.2em;
    margin-top: -0.6em;
    font-weight: 300;
    opacity: 0.8;
}
.range-age-filters > span[id=age_min]::after {
    content: "år";
    position: inherit;
    margin-left: -3.4em;
    margin-top: -0.6em;
    font-weight: 300;
    opacity: 0.8;
}
.range-age-filters > span[id=age_max]::after {
    content: "år";
    position: inherit;
    margin-left: -3.4em;
    margin-top: -0.6em;
    font-weight: 300;
    opacity: 0.8;
}
.range-kvm-filters > span[id=kvm_min]::after {
    content: "kvm";
    position: inherit;
    margin-left: -3.7em;
    margin-top: -0.6em;
    font-weight: 300;
    opacity: 0.8;
}
.range-kvm-filters > span[id=kvm_max]::after {
    content: "kvm";
    position: inherit;
    margin-left: -3.7em;
    margin-top: -0.6em;
    font-weight: 300;
    opacity: 0.8;
}

.range-kvm-filters > input[type=number]::-webkit-inner-spin-button,
.single-maxrent-filters > input[type=number]::-webkit-inner-spin-button,
.range-age-filters > input[type=number]::-webkit-inner-spin-button {
  margin-left: 1.5em;
}

.filter-needs > .form-check {
  display: flex;
  row-gap: 0.5em;
  max-width: 21em;
  flex-direction: column;
}

.filter-grid-container > .filter-other {
    grid-area: filter-other;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}.filter-other > .form-check {
    padding-left: 0.5em;
}

/* ------[ Range Slider (List filters) ]------ */

.filter-kvm > .form-check > div > span.ui-slider-handle.ui-corner-all.ui-state-default,
.filter-maxrent > .form-check > div > span.ui-slider-handle.ui-corner-all.ui-state-default,
.filter-age > .form-check > div > span.ui-slider-handle.ui-corner-all.ui-state-default {
    border: 1px solid var(--secondary-teal-blue);
    border-radius: 50%;
    background: var(--primary-petrol-two);
    font-weight: normal;
    color: #454545;
    cursor: pointer;
    -webkit-transition: background .15s ease-in-out;
    transition: background .15s ease-in-out;
}

.filter-kvm > .form-check > div > .ui-state-hover,
.filter-maxrent > .form-check > div > .ui-state-hover,
.filter-age > .form-check > div > .ui-state-hover {
    background: #037a7e;
    z-index: 100;
    border-style: solid;
    border-color: var(--bluegreen);
    box-shadow: 0px 0px 20px 7px rgb(0 146 156 / 6%);
}

.filter-kvm > .form-check > .ui-widget-content,
.filter-maxrent > .form-check > .ui-widget-content,
.filter-age > .form-check > .ui-widget-content {
    border: 1px solid #FFFFFF;
    background: var(--very-light-pink);
    /*margin-left: 1em;*/
    /*margin-right: 2em;*/
}
.filter-kvm > .form-check > div > .ui-widget-header,
.filter-maxrent > .form-check > div > .ui-widget-header,
.filter-age > .form-check > div > .ui-widget-header {
    border: 1px solid #dddddd;
    background: var(--secondary-teal-blue);
    color: #333333;
    font-weight: bold;
}

/* ------ --------------- ------ */

.list-header-overlay {
    -webkit-transition: box-shadow, background-color .3s ease-in;
    -moz-transition: box-shadow, background-color .3s ease-in;
    -o-transition: box-shadow, background-color .3s ease-in;
    transition: box-shadow, background-color .3s ease-in;
    background-color: var(--white);
}
.list-header-overlay.restored {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
}
.list-header-overlay.sticky {
    position: fixed;
    z-index: 901;
    width: 100%;
    left: 0px;
    padding-right: 4.5px;
    display: flex;
    background-color: var(--almost-white);
    box-shadow: 0px 0px 20px 4px rgb(94 87 87 / 14%);
    flex-direction: column;
    align-items: center;
}
.search-filter-tags-container.sticky {
    padding-left: calc(50vw - 32.1rem);
    padding-right: calc(50vw - 32rem);
    & span {
      z-index: 1;
    }
}

.search-filter-tags-container {
    margin-top: -0.5rem;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    gap: 0.3em;
    justify-content: flex-start;
    align-self: stretch;
}.search-filter-tags-container > span {
    display: flex;
    min-height: 1.25em;
    background-color: var(--secondary-teal-blue);
    border-color: var(--secondary-teal-blue);
    border-radius: 4px;
    border-style: solid;
    padding-top: 0.1em;
    padding-left: 0.3rem;
    padding-right: 0.3rem;
}.search-filter-tags-container > span > p > b {
    cursor: default;
}
.search-filter-tags-container > a {
    cursor: pointer;
    font-size: 0.625rem;
    align-self: end;
    color: var(--secondary-teal-blue);
    text-decoration: none;
    margin-left: 0.4em;
    font-weight: 500;
}.search-filter-tags-container > a:hover {
    text-decoration: underline;
}

.search-filter-tags-container > span > p > a:hover {
    color: var(--light-grey);
    text-shadow: 0px 0px 30px var(--light-grey);
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}
.search-filter-tags-container > span > p > a {
    font-family: u1f400;
    cursor: pointer;
    text-decoration: none;
    font-weight: bold;
    color: inherit;
    margin-left: 0.5em;
}
.search-filter-tags-container > span > p {
    font-size: 10px;
    line-height: normal;
    color: var(--light-grey);
    display: inline-block;
    white-space: nowrap;
    margin-top: unset;
    margin-bottom: unset;
    overflow: hidden;
    text-overflow: ellipsis;
}


.grouped-three-dot-menu.drop-down-list-left.w--open {
    min-width: min-content;
}
nav.drop-down-action-menu.w-dropdown-list.w--open[identity="plus-button"] {
  right: -2em;
}
nav.drop-down-action-menu.w-dropdown-list.w--open[identity="plus-button"] > .drop-down-arrow-mwp-list-left {
  left: unset;
  right: 15px;
}

.qr-code-canvas {
    position: relative;
    z-index: 2;
    padding: 0.5em;
    -webkit-box-shadow: 0 0 0 0 rgb(0 0 94 / 40%);
    box-shadow: 0 0 0 0 rgb(0 0 94 / 40%);
    -webkit-animation: pulse 4.8s 100ms infinite;
    animation: pulse 4.8s 100ms infinite;
}

.sign-up-left {
  overflow-x: hidden;

  &::-webkit-scrollbar {
    width: 10px;
    -webkit-appearance: none;
  }
  &::-webkit-scrollbar-track { background: #f9f9f9; }
  &::-webkit-scrollbar-thumb {
    background-color: #cccccc;
    background-clip: padding-box;
    border: 0.05em solid #f9f9f9;
    border-radius: 4px;
  }
  &::-webkit-scrollbar-thumb:hover { background: #dddddd; }
  &::-webkit-scrollbar-button {
    display: block;
    border-style: solid;
    background-color: #e0dada;
    background-size: 8px 6px;
    background-repeat: no-repeat;
    background-position: center center;
    height: 0.5em;
    width: 0.5em;
  }
  &::-webkit-scrollbar-button:vertical:start:increment,
  &::-webkit-scrollbar-button:vertical:end:decrement {
    width: 0;
    height: 0;
  }
  &::-webkit-scrollbar-button:vertical:increment {
    background-image: url('/static/images/new_icons/Arrows/Chevron/Down/30.svg');
    background-color: #f9f9f9;
    border: none;
  }
  &::-webkit-scrollbar-button:vertical:decrement {
    background-color: #f9f9f9;
    background-image: url('/static/images/new_icons/Arrows/Chevron/Up/30.svg');
    border: none;
  }
  &::-webkit-scrollbar-button:vertical:increment:hover,
  &::-webkit-scrollbar-button:vertical:decrement:hover { background-color: #dddddd; }
}

.sign-up-left > .oath-buttons-login > .login-form #div_id_remember {
  display: inline-flex;
  flex-direction: row;
  flex-wrap: nowrap;
  column-gap: 0.5em;
}
.sign-up-left > .oath-buttons-login > .login-form label[for="id_remember"] {
  margin-bottom: unset;
}

.ribbon-pop {
  color: var(--light-grey);
  background: linear-gradient(270deg, var(--petrol) 5.25%, var(--bluegreen) 100%);
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
}
.ribbon-pop:before {
  content: "";
  width: 0;
  height: 0;
  top: 0;
  position: absolute;
  left: 0;
  border-left: 10px solid var(--petrol);
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}



/* ------[ Animations ]------ */

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 94, 0.4);
        box-shadow: 0 0 0 0 rgba(0, 0, 94, 0.4)
    }

    26.25% {
        -webkit-box-shadow: 0 0 0 7px rgba(0, 0, 94, 0);
        box-shadow: 0 0 0 7px rgba(0, 0, 94, 0)
    }

    37.5% {
        -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 94, 0);
        box-shadow: 0 0 0 0 rgba(0, 0, 94, 0)
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 94, 0);
        box-shadow: 0 0 0 0 rgba(0, 0, 94, 0)
    }
}

@keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 94, 0.4);
        box-shadow: 0 0 0 0 rgba(0, 0, 94, 0.4)
    }

    26.25% {
        -webkit-box-shadow: 0 0 0 7px rgba(0, 0, 94, 0);
        box-shadow: 0 0 0 7px rgba(0, 0, 94, 0)
    }

    37.5% {
        -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 94, 0);
        box-shadow: 0 0 0 0 rgba(0, 0, 94, 0)
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 94, 0);
        box-shadow: 0 0 0 0 rgba(0, 0, 94, 0)
    }
}


/* ------[ Container Queries ]------ */

@container commMsgCard (1px <= width <= 670px) {
  .comm_message_card img:not([data-type="icon"]) {
    max-width: 20% !important;
  }
}
@container commMsgCard (min-width: 670px) {
  .comm_message_card img:not([data-type="icon"]) {
    max-width: 25% !important;
  }
}

@container commentBlock (1px <= width <= 670px) {
  .comment-block > .base-paragraphs img {
    max-width: 15% !important;
    /*width: 64px;*/
    /*height: 45px;*/
  }
}
@container commentBlock (min-width: 670px) {
  .comment-block > .base-paragraphs img {
    max-width: 20% !important;
    /*width: 64px;*/
    /*height: 45px;*/
  }
}

@container quillComment (1px <= width <= 670px) {
  .ql-editor img {
     max-width: 15% !important;
  }
}
@container quillComment (min-width: 670px) {
  .ql-editor img {
     max-width: 20% !important;
  }
}
.ql-editor ol, .ql-editor ul {
  padding-left: 0.5em;
}

/* ------[ Media Queries ]------ */
/* MOBILE */

@media screen and (max-width: 415px) {
  .comm-receiver-table.group1 {
    grid-template-columns: 32px 30px auto 35px;
  }
  .comm-receiver-table.group2 {
    grid-template-columns: 48px 30px auto 35px;
  }
  .comm-receiver-table.group3 {
    grid-template-columns: 64px 30px auto 35px;
  }
  .comm-receiver-table.group4 {
    grid-template-columns: 80px 30px auto 35px;
  }
  .comm-receiver-table.group5 {
    grid-template-columns: 96px 30px auto 35px;
  }
  .comm-receiver-table.group6 {
    grid-template-columns: 112px 30px auto 35px;
  }
}

@media (max-width: 479px) {

  .sign-up-right.faultreport-right-image,
  .sign-up-right.privatperson {
    display: none;
  }

  .welcome-container {
      margin-bottom: unset;
  }

  .tab-panes {
    margin-left: 0px !important;
  }
  .tab-section {
    padding-top: 4em !important;
  }
  .tab-section > .tab-section-margin-div > .tabs-container > div.tabs > .tab-panes > div > .objects-section {
    margin-right: -1.5em;
    margin-left: -2em;
    padding-right: 1em;
  }

  .search-function {
    width: calc(100vw - 2em) !important;
  }

  div#mwp_list_div_help_list > .faq-grid-block > .gridlist-help-card > div {
    min-width: 100%;
  }
  div#mwp_list_div_help_list > .faq-grid-block {
    margin-left: 0.3em;
    line-break: break-word;
  }
  .gridlist-help-card > div > .faq-answer-block > .faq-grid-block {
    margin-left: 0.3em;
  }
  .gridlist-help-card > div {
    max-width: calc(100% + -8em);
    padding-left: 0em;
    padding-right: 0.3em;
  }

  .modal-block-content-new {
    position: unset !important;
    top: unset !important;
    left: unset !important;
    height: auto !important;
    max-width: 100% !important;
    width: 98% !important;
    min-width: unset !important;
    transform: unset !important;
    padding-bottom: 0.5em !important;
    margin-left: 0.2em !important;
    margin-right: 0.2em !important;
    min-width: 380px;
  }

  .modal-content-data-new {
    max-height: 75vh !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
    padding-bottom: unset !important;
  }

  .modal-content-data-mrb {
    max-height: 75vh !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
    padding-bottom: unset !important;
  }

  .modal-bottom-bar-new {
    padding-top: unset !important;
    padding: unset !important;
  }
  .modal-bottom-bar-new > .save-bottom-container {
    height: auto !important;
    /*padding-right: 0.5em !important;*/
    /*padding-left: unset !important;*/
    gap: 0.4em;
    padding-top: 0.6em;
    padding-bottom: 0.6em;
  }

  .filter-pt-forrad > div:nth-child(2),
  .filter-pt-forrad > div:nth-child(4),
  .filter-pt-forrad > div:nth-child(6),
  .filter-pt-bilplatser > div:nth-child(2),
  .filter-pt-bilplatser > div:nth-child(7),
  .filter-pt-bilplatser > div:nth-child(8),
  .filter-grid-container > div:nth-child(4),
  .filter-grid-container > div:nth-child(5),
  .filter-pt-studentrum > div:nth-child(2),
  .filter-pt-studentrum > div:nth-child(4),
  .filter-pt-studentrum > div:nth-child(6),
  .filter-pt-lagenhet > div:nth-child(2),
  .filter-pt-lagenhet > div:nth-child(4),
  .filter-pt-lagenhet > div:nth-child(6) {
    margin-top: unset;
  }


  .badges-block {
    width: fit-content;
  }
  .current-tenant-need-grid {
    grid-template-columns: auto;
  }
  .r-need-grid {
    grid-template-columns: auto;
  }
  .ra-need-grid {
    grid-template-columns: auto;
  }
  .faq-grid-block {
    padding-left: 0px;
  }
  .mrb-need-grid {
    grid-template-columns: auto;
  }
  .as-need-grid {
    grid-template-columns: auto;
  }
  .vv-need-grid {
    grid-template-columns: auto;
  }

  .modal-content-data-mrb {
    height: 530px;
    height: auto ;
    flex: 1 1 auto;
    overflow-y: hidden;
    padding: 20px;
  }

  .action-button-block {
    order: unset;
    top: unset;
    padding-top: unset;
    align-self: center;
  }

  .sign-up-left {
    padding-top: 1em;
  }
}

@media (max-width: 480px) {
  .file_upload_input_div {
    grid-area: auto / 4 / auto / 8;
    order: 1;
  }
  .header-description {
    visibility: hidden;
  }
  .header-filename {
    grid-column-end: 9;
  }
  .header-filename:after {
    content: " och beskrivning";
  }
}

@media only screen and (300px <= width <= 991px) {
  .filter-hireableobject .search-filter-section {
    width: 100%
  }
  .filter-hireableobject .filter-maxrent > .form-check,
  .filter-hireableobject .filter-kvm > .form-check,
  .filter-hireableobject .filter-area > .form-check {
    width: 95%
  }

}
@media screen and (min-width: 991px) {
  .modal-block-content-new {
    margin-top: 2rem;
    max-width: 1100px;
    width: 90vw;
  }
  .filter-hireableobject > .filter-maxrent,
  .filter-apartment > .filter-maxrent {
      order: 4;
  }
  .filter-hireableobject > .filter-area,
  .filter-apartment > .filter-area {
      order: 5;
  }
}

@media only screen and (300px <= width <= 625px) {

  .single-maxrent-filters {
    column-gap: 0em;
    margin-right: 0em;
  }
  .single-maxrent-filters > input[type=number] {
    margin-left: 0.5em;
    margin-right: 1.1em;
  }

  .single-maxrent-filters > span,
  .range-kvm-filters > span,
  .range-age-filters > span {
    z-index: auto;
    position: relative;
  }

  .range-age-filters > span[id=age_min]::after {
    margin-left: -2.4em;
  }
  .range-age-filters > span[id=age_max]::after {
    margin-left: 4.3em;
  }
  .single-maxrent-filters > span[id=maxrent_max]::after {
  }
  .range-kvm-filters > span[id=kvm_min]::after {
    margin-left: -2.8em;
  }
  .range-kvm-filters > span[id=kvm_max]::after {
    margin-left: 4em;
  }

  .filter-other > .form-check > label:first-child {
    margin-bottom: 0.2em;
  }
  .filter-other > .form-check > label:last-child {
    margin-top: 0.2em;
  }
  .filter-other > .form-check > label:not(:last-child):not(:first-child) {
    margin-top: 0.2em;
    padding-bottom: 0.2em;
  }.filter-other > .form-check > label {
    white-space: normal;
  }

  .form-check > .mow_checkbox_container {
    white-space: normal;
  }

  .search-filter-section.filter-kvm > .form-check,
  .search-filter-section.filter-maxrent > .form-check,
  .search-filter-section.filter-age > .form-check {
    padding-left: 2em;
    padding-right: 1em;
    margin-bottom: 1em;
  }

  .filter-grid-container > div {
    margin-right: 0.5em;
  }

  .filter-grid-container,
  .filter-pt-lagenhet,
  .filter-pt-bilplatser,
  .filter-pt-forrad,
  .filter-pt-lokal,
  .filter-pt-studentrum {
    display: unset;
    grid-template-columns: auto;
  }

  .search-filter-section > .form-check,
  .filter-officetype > .form-check,
  .filter-bptype > .form-check,
  .filter-rooms > .form-check,
  .filter-city > .form-check,
  .filter-area > .form-check {
    grid-template-columns: repeat(1, auto) !important;
    width: 100%;
    max-width: 95% !important;
  }
  .filter-rooms > .form-check {
    grid-template-columns: repeat(4, auto) !important;
  }

  .filter-maxrent > .form-check,
  .areamaxrent > .form-check,
  .filter-kvm > .form-check {
    margin-left: 1em !important;
  }
}


@media only screen and (625px <= width <= 991px) {

  .modal-block-content-new {
    margin-top: 2rem;
    max-width: 991px;
    width: 90vw;
  }

  .single-maxrent-filters {
    column-gap: 0em;
    margin-right: 0em;
  }
  .single-maxrent-filters > input[type=number] {
    margin-left: 0.5em;
    margin-right: 1.1em;
  }

  .single-maxrent-filters > span,
  .range-kvm-filters > span,
  .range-age-filters > span {
    z-index: auto;
    position: relative;
  }

  .filter-pt-lagenhet > .filter-maxrent > .form-check > .single-maxrent-filters > span[id=maxrent_max]::after,
  .filter-pt-bilplatser > .filter-maxrent > .form-check > .single-maxrent-filters > span[id=maxrent_max]::after,
  .filter-pt-forrad > .filter-maxrent > .form-check > .single-maxrent-filters > span[id=maxrent_max]::after,
  .filter-pt-lokal > .filter-maxrent > .form-check > .single-maxrent-filters > span[id=maxrent_max]::after,
  .filter-pt-studentrum > .filter-maxrent > .form-check > .single-maxrent-filters > span[id=maxrent_max]::after {
    content: "SEK";
    position: absolute;
    margin-left: -4em;
    margin-top: -0.6em;
    font-weight: 300;
    opacity: 0.8;
  }
}
@media only screen and (991px <= width <= 3700px) {

  .filter-pt-lagenhet > .filter-maxrent > .form-check > .single-maxrent-filters > span[id=maxrent_max]::after,
  .filter-pt-bilplatser > .filter-maxrent > .form-check > .single-maxrent-filters > span[id=maxrent_max]::after,
  .filter-pt-forrad > .filter-maxrent > .form-check > .single-maxrent-filters > span[id=maxrent_max]::after,
  .filter-pt-lokal > .filter-maxrent > .form-check > .single-maxrent-filters > span[id=maxrent_max]::after,
  .filter-pt-studentrum > .filter-maxrent > .form-check > .single-maxrent-filters > span[id=maxrent_max]::after {
    content: "SEK";
    position: absolute;
    margin-left: -4em;
    margin-top: -0.6em;
    font-weight: 300;
    opacity: 0.8;
  }

  /*.filter-hireableobject > .filter-companies > .form-check {*/
  /*    grid-template-columns: repeat(2, auto) !important;*/
  /*}*/

  .filter-hireableobject > .filter-officetype > .form-check,
  .filter-hireableobject > .filter-kitchen-type > .form-check {
    display: flex;
    width: 100%;
    grid-template-columns: repeat(1, 100%);
    row-gap: 0.3rem;
    column-gap: 1.5em;
    flex-direction: column;
  }

  .filter-tenant-contracts > .filter-caperiod > .form-check {
    display: inline-flex;
    flex-direction: row;
  }
  .filter-tenant-contracts > .search-filter-section > .form-check {
    grid-template-columns: repeat(3, 1fr) !important;
  }
  .filter-tenant-contracts > .filter-status > .form-check,
  .filter-tenant-contracts > .filter-caperiod > .form-check {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
  }
  .search-filter-section.filter-kvm > .form-check,
  .search-filter-section.filter-maxrent > .form-check,
  .search-filter-section.filter-age > .form-check {
    padding-left: 2em;
    padding-right: 1em;
    margin-bottom: 1em;
  }

  .filter-grid-container > div {
    margin-right: 0.5em;
  }

  .filter-grid-container,
  .filter-pt-lagenhet,
  .filter-pt-bilplatser,
  .filter-pt-forrad,
  .filter-pt-lokal,
  .filter-pt-studentrum {
    /*display: unset;*/
    /*grid-template-columns: auto;*/
  }

  .filter-hireableobject .filter-winteroutlet,
  .filter-hireableobject .filter-chargingpoint {
    width: 15%
  }
  .filter-hireableobject .filter-storage_heat,
  .filter-hireableobject .filter-storage_wall {
    width: 32%
  }

  .search-filter-section > .form-check,
  .filter-officetype > .form-check,
  .filter-bptype > .form-check,
  .filter-rooms > .form-check,
  .filter-city > .form-check,
  .filter-area > .form-check {
    grid-template-columns: repeat(3, auto) !important;
    width: 100%;
    max-width: 95% !important;
  }
  .filter-rooms > .form-check {
    grid-template-columns: repeat(4, auto) !important;
  }

  .filter-maxrent > .form-check,
  .areamaxrent > .form-check,
  .filter-kvm > .form-check {
    margin-left: 1em !important;
  }




  /*.modal-block-content-new {*/
  /*  margin-top: 2rem;*/
  /*  max-width: 920px;*/
  /*  width: 90vw;*/
  /*}*/

  /*.single-maxrent-filters {*/
  /*  column-gap: 0em;*/
  /*  margin-right: 0em;*/
  /*}*/
  /*.single-maxrent-filters > input[type=number] {*/
  /*  margin-left: 0.5em;*/
  /*  margin-right: 1.1em;*/
  /*}*/

  /*.single-maxrent-filters > span,*/
  /*.range-kvm-filters > span,*/
  /*.range-age-filters > span {*/
  /*  z-index: auto;*/
  /*  position: relative;*/
  /*}*/

  /*.filter-other > .form-check > label:first-child {*/
  /*  margin-bottom: 0.2em;*/
  /*}*/
  /*.filter-other > .form-check > label:last-child {*/
  /*  margin-top: 0.2em;*/
  /*}*/
  /*.filter-other > .form-check > label:not(:last-child):not(:first-child) {*/
  /*  margin-top: 0.2em;*/
  /*  padding-bottom: 0.2em;*/
  /*}.filter-other > .form-check > label {*/
  /*  white-space: normal;*/
  /*}*/

  /*.form-check > .mow_checkbox_container {*/
  /*  white-space: normal;*/
  /*}*/

  /*.search-filter-section.filter-kvm > .form-check,*/
  /*.search-filter-section.filter-maxrent > .form-check,*/
  /*.search-filter-section.filter-age > .form-check {*/
  /*  padding-left: 2em;*/
  /*  padding-right: 1em;*/
  /*  !*margin-bottom: 1em;*!*/
  /*}*/

  /*.filter-grid-container > div {*/
  /*  margin-right: 0.5em;*/
  /*}*/

  /*.filter-grid-container,*/
  /*.filter-pt-lagenhet,*/
  /*.filter-pt-bilplatser,*/
  /*.filter-pt-forrad,*/
  /*.filter-pt-lokal,*/
  /*.filter-pt-studentrum {*/
  /*  display: unset;*/
  /*  grid-template-columns: auto;*/
  /*}*/

  /*.filter-storageroom > .filter-storage_heat {*/
  /*  width: 33%;*/
  /*}*/

  /*.filter-hireableobject .search-filter-section {*/
  /*  !*width: 100%*!*/
  /*}*/

  /*.search-filter-section > .form-check,*/
  /*.filter-officetype > .form-check,*/
  /*.filter-bptype > .form-check,*/
  /*.filter-rooms > .form-check,*/
  /*.filter-city > .form-check,*/
  /*.filter-area > .form-check {*/
  /*  grid-template-columns: repeat(2, auto) !important;*/
  /*  width: 100%;*/
  /*  max-width: 95% !important;*/
  /*}*/
  /*.filter-rooms > .form-check {*/
  /*  grid-template-columns: repeat(4, auto) !important;*/
  /*}*/

  /*.filter-maxrent > .form-check,*/
  /*.areamaxrent > .form-check,*/
  /*.filter-kvm > .form-check {*/
  /*  margin-left: 1em !important;*/
  /*}*/
}


@media only screen and (300px <= width <= 570px) {
  .range-maxrent-filters > input[type=number] {
    text-indent: -2em;
  }
  .range-maxrent-filters > span[id=maxrent_min]::after,
  .range-maxrent-filters > span[id=maxrent_max]::after,
  .range-age-filters > span[id=age_min]::after,
  .range-age-filters > span[id=age_max]::after,
  .range-kvm-filters > span[id=kvm_min]::after,
  .range-kvm-filters > span[id=kvm_max]::after {
    margin-left: -3.6em;
  }
}

@media only screen and (570px <= width <= 600px) {
  .range-maxrent-filters > input[type=number] {
    text-indent: -2em;
  }
  .range-maxrent-filters > span[id=maxrent_min]::after,
  .range-maxrent-filters > span[id=maxrent_max]::after,
  .range-age-filters > span[id=age_min]::after,
  .range-age-filters > span[id=age_max]::after,
  .range-kvm-filters > span[id=kvm_min]::after,
  .range-kvm-filters > span[id=kvm_max]::after {
    margin-left: -3.6em;
  }
}

@media only screen and (600px <= width <= 700px) {
  .range-maxrent-filters > input[type=number] {
    text-indent: -2em;
  }
  .range-maxrent-filters > span[id=maxrent_min]::after,
  .range-maxrent-filters > span[id=maxrent_max]::after,
  .range-age-filters > span[id=age_min]::after,
  .range-age-filters > span[id=age_max]::after,
  .range-kvm-filters > span[id=kvm_min]::after,
  .range-kvm-filters > span[id=kvm_max]::after {
    margin-left: -4.7em;
  }
}
@media only screen and (700px <= width <= 900px) {
  .range-maxrent-filters > input[type=number] {
    text-indent: -2em;
  }
  .range-maxrent-filters > span[id=maxrent_min]::after,
  .range-maxrent-filters > span[id=maxrent_max]::after,
  .range-age-filters > span[id=age_min]::after,
  .range-age-filters > span[id=age_max]::after {
    margin-left: -6em;
  }
  .range-kvm-filters > span[id=kvm_min]::after,
  .range-kvm-filters > span[id=kvm_max]::after {
    margin-left: -6.6em;
  }
}
@media only screen and (900px <= width <= 991px) {
  .range-maxrent-filters > input[type=number] {
    text-indent: -2em;
  }
  .range-maxrent-filters > span[id=maxrent_min]::after,
  .range-maxrent-filters > span[id=maxrent_max]::after,
  .range-age-filters > span[id=age_min]::after,
  .range-age-filters > span[id=age_max]::after,
  .range-kvm-filters > span[id=kvm_min]::after,
  .range-kvm-filters > span[id=kvm_max]::after {
    margin-left: -6.2em;
  }
}
@media only screen and (300px <= width <= 991px) {
  .range-maxrent-filters,
  .range-kvm-filters,
  .range-age-filters {
    justify-content: space-evenly;
  }
}
@media only screen and (650px <= width <= 991px) {
  .modal-block-content-new {
    margin-top: 2rem;
    max-width: 720px;
    width: 90vw;
  }
}
@media screen and (max-width: 991px) {

  img#bankid-logo {
    width: 60% !important;
    margin: 0 auto 0 auto;
  }

  .sign-up-left {
    top: 50px;
  }

  .sign-up-right.faultreport-right-image,
  .sign-up-right.privatperson {
    height: 2em;
    margin-top: 0;
  }

  .filter-tenant-contracts {
     grid-template-areas: "filter-accessiondate  filter-accessiondate filter-accessiondate"
                          "filter-hotype         filter-hotype        filter-hotype"
                          "filter-status         filter-status        filter-status"
                          "filter-city           filter-city          filter-city"
                          "filter-companies      filter-companies     filter-companies"
                          "filter-caperiod       filter-caperiod      filter-caperiod"
                          "filter-other          filter-other         filter-other"
                          "filter-type           filter-type          filter-type" !important;
  }

  .filter-tenant-contracts > .filter-caperiod > .form-check,
  .filter-tenant-contracts > .filter-status > .form-check {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }

  .modal-block-content-new {
    margin-top: 2rem;
    max-width: 720px;
    width: 90vw;
  }
  .single-maxrent-filters {
    column-gap: 0em;
    margin-right: 0em;
  }
  .single-maxrent-filters > input[type=number] {
    margin-left: 0.5em;
    margin-right: 1.1em;
  }

  .single-maxrent-filters > span,
  .range-kvm-filters > span,
  .range-age-filters > span {
    z-index: auto;
    position: relative;
  }

  .filter-other > .form-check > label:first-child {
    margin-bottom: 0.2em;
  }
  .filter-other > .form-check > label:last-child {
    margin-top: 0.2em;
  }
  .filter-other > .form-check > label:not(:last-child):not(:first-child) {
    margin-top: 0.2em;
    padding-bottom: 0.2em;
  }.filter-other > .form-check > label {
    white-space: normal;
  }

  .form-check > .mow_checkbox_container {
    white-space: normal;
  }

  .search-filter-section.filter-kvm > .form-check,
  .search-filter-section.filter-maxrent > .form-check,
  .search-filter-section.filter-age > .form-check {
    padding-left: 2em;
    padding-right: 1em;
    margin-bottom: 1em;
  }

  .filter-grid-container > div {
    margin-right: 0.5em;
  }

  .filter-grid-container,
  .filter-pt-lagenhet,
  .filter-pt-bilplatser,
  .filter-pt-forrad,
  .filter-pt-lokal,
  .filter-pt-studentrum {
    display: unset;
    grid-template-columns: auto;
  }

  .filter-hireableobject .search-filter-section {
    width: 100%
  }

  .search-filter-section.filter-winteroutlet,
  .search-filter-section.filter-chargingpoint {
    width: 49%;
  }

  .search-filter-section > .form-check,
  .filter-officetype > .form-check,
  .filter-bptype > .form-check,
  .filter-rooms > .form-check,
  .filter-city > .form-check,
  .filter-area > .form-check {
    grid-template-columns: repeat(2, auto) !important;
    width: 100%;
    max-width: 95% !important;
  }
  .filter-rooms > .form-check {
    grid-template-columns: repeat(4, auto) !important;
  }

  .filter-maxrent > .form-check,
  .areamaxrent > .form-check,
  .filter-kvm > .form-check {
    margin-left: 1em !important;
  }
}


/* - RentAdj filters - */

.field-label-block {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 7px;
  padding-bottom: 7px;
  padding-left: 0;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -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;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  font-size: 18px;
  line-height: 20px;
  font-weight: 600;
}

.filter-rental-adjustments {
    display: inline-grid;
    grid-template-columns: .40fr .32fr .32fr;
    grid-template-areas:
        "filter-ra_years          filter-ra_reasons       filter-ra_reasons"
        "filter-ra_startdate      filter-ra_hotypes       filter-ra_hotypes"
        "filter-ra_sectiontypes   filter-ra_endreasons    filter-ra_endreasons"
        "filter-ra_adjtypes       filter-ra_hocompanies   filter-ra_hocompanies" !important;
    width: 100%;
    grid-column-gap: 1em;
    align-items: center;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    align-items: flex-start;
}

.filter-ra_years { min-height: 150px; }

.filter-ra_startdate { min-height: 160px; }

.filter-rental-adjustments > .filter-status > .form-check {
    display: grid;
    grid-template-columns: 1fr 1fr !important;
    row-gap: 0.3rem;
    column-gap: 0.7em;
    width: 100%;
}
.filter-ra_sectiontypes > .form-check {
    display: grid;
    row-gap: 0.3rem;
    column-gap: 0.7em;
    grid-template-columns: 1fr 1fr !important;
    width: 100%;
}
.filter-ra_adjtypes > .form-check {
    display: grid;
    row-gap: 0.3rem;
    column-gap: 0.7em;
    grid-template-columns: 1fr 1fr !important;
    width: 100%;
}
.filter-ra_reasons > .form-check {
    display: grid;
    row-gap: 0.3rem;
    column-gap: 0.7em;
    grid-template-columns: 1fr 1fr !important;
    width: 100%;
}
.filter-ra_hotypes > .form-check {
    display: grid;
    row-gap: 0.3rem;
    column-gap: 0.7em;
    grid-template-columns: 1fr 1fr !important;
    width: 100%;
}
.filter-ra_endreasons > .form-check {
    display: grid;
    row-gap: 0.3rem;
    column-gap: 0.7em;
    grid-template-columns: 1fr 1fr !important;
    width: 100%;
}
.filter-ra_hocompanies > .form-check {
    display: grid;
    row-gap: 0.3rem;
    column-gap: 0.7em;
    grid-template-columns: 1fr 1fr !important;
    width: 100%;
}

.index-grid {
  display: grid;
  -ms-grid-row-align: start;
  align-self: start;
  grid-row-gap: 0;
  grid-template-areas: ".";
  -ms-grid-columns: 200px 100px 1fr;
  grid-template-columns: 200px 0 100px 0 1fr;
  -ms-grid-rows: 1fr 1fr;
  grid-template-rows: 1fr 0 1fr;
  width: 100%;
}

.grid-arr-new-grid {
  display: grid;
  max-width: none;
  overflow-y: hidden;   /* Scroll */
  overflow-x: hidden;
  -webkit-box-pack: start;
  -webkit-justify-content: center;
  -ms-flex-pack: start;
  justify-content: stretch;
  -webkit-align-content: stretch;
  align-content: start;
  grid-auto-columns: 1fr;
  grid-column-gap: 0;
  grid-row-gap: 0;
  grid-template-areas: ".";
}

.grid-cr-new-grid {
  display: grid;
  max-width: none;
  overflow-y: hidden;   /* Scroll */
  overflow-x: hidden;
  -webkit-box-pack: start;
  -webkit-justify-content: center;
  -ms-flex-pack: start;
  justify-content: stretch;
  -webkit-align-content: stretch;
  align-content: start;
  grid-auto-columns: 1fr;
  grid-column-gap: 0;
  grid-row-gap: 0;
  grid-template-areas: ".";
}


/* - RentAdj Add/Edit Modals - */

.grid-ara-new-grid {
  display: grid;
  max-width: none;
  overflow-y: hidden;   /* Scroll */
  overflow-x: hidden;
  -webkit-box-pack: start;
  -webkit-justify-content: center;
  -ms-flex-pack: start;
  justify-content: stretch;
  -webkit-align-content: stretch;
  align-content: start;
  grid-auto-columns: 1fr;
  grid-column-gap: 0;
  grid-row-gap: 0;
  grid-template-areas: ".";
}

.grid-ara-sluta-grid {
  display: grid;
  max-width: none;
  overflow-y: hidden;   /* Scroll */
  overflow-x: hidden;
  -webkit-box-pack: start;
  -webkit-justify-content: center;
  -ms-flex-pack: start;
  justify-content: stretch;
  -webkit-align-content: stretch;
  align-content: start;
  grid-auto-columns: 1fr;
  grid-column-gap: 0;
  grid-row-gap: 0;
  grid-template-areas: ".";
}

.grid-ara_new_page_2 {
  border: 0 none transparent;
  height: 491px;
  min-height: 491px;
  max-height: 491px;
  -ms-grid-columns: 1fr 0 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.grid-ara_sluta_page_1 {
  border: 0 none transparent;
  height: 491px;
  min-height: 491px;
  max-height: 491px;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.grid-arr_new_page_1 {
  border: 0 none transparent;
  height: 491px;
  min-height: 491px;
  max-height: 491px;
  -ms-grid-columns: 1fr 0 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.grid-arr_new_page_2 {
  border: 0 none transparent;
  height: 491px;
  min-height: 491px;
  max-height: 491px;
  -ms-grid-columns: 1fr 0 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.grid-arr_new_page_3 {
  border: 0 none transparent;
  height: 491px;
  min-height: 491px;
  max-height: 491px;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.grid-cr_new_page_1 {
  border: 0 none transparent;
  height: 491px;
  min-height: 491px;
  max-height: 491px;
  -ms-grid-columns: 1fr 0 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.grid-cr_new_page_2 {
  border: 0 none transparent;
  height: 491px;
  min-height: 491px;
  max-height: 491px;
  -ms-grid-columns: 1fr 0 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.grid-cr_new_page_3 {
  border: 0 none transparent;
  height: 491px;
  min-height: 491px;
  max-height: 491px;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.grid-arr_sluta_page_1 {
  border: 0 none transparent;
  height: 491px;
  min-height: 491px;
  max-height: 491px;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.grid-ara-kpi-new-grid {
  display: grid;
  max-width: none;
  overflow-y: hidden;   /* Scroll */
  overflow-x: hidden;
  -webkit-box-pack: start;
  -webkit-justify-content: center;
  -ms-flex-pack: start;
  justify-content: stretch;
  -webkit-align-content: stretch;
  align-content: start;
  grid-auto-columns: 1fr;
  grid-column-gap: 0;
  grid-row-gap: 0;
  grid-template-areas: ".";
}

.grid-ara-kpi-sluta-grid {
  display: grid;
  max-width: none;
  overflow-y: hidden;   /* Scroll */
  overflow-x: hidden;
  -webkit-box-pack: start;
  -webkit-justify-content: center;
  -ms-flex-pack: start;
  justify-content: stretch;
  -webkit-align-content: stretch;
  align-content: start;
  grid-auto-columns: 1fr;
  grid-column-gap: 0;
  grid-row-gap: 0;
  grid-template-areas: ".";
}

.grid-ara_kpi_new_page_2 {
  border: 0 none transparent;
  height: 491px;
  min-height: 491px;
  max-height: 491px;
  -ms-grid-columns: 1fr 0 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.grid-ara_kpi_new_page_3 {
  border: 0 none transparent;
  height: 491px;
  min-height: 491px;
  max-height: 491px;
  -ms-grid-columns: 1fr 0 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.grid-ara_kpi_sluta_page_1 {
  border: 0 none transparent;
  height: 491px;
  min-height: 491px;
  max-height: 491px;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}


.grid-ara-fast-new-grid {
  display: grid;
  max-width: none;
  overflow-y: hidden;   /* Scroll */
  overflow-x: hidden;
  -webkit-box-pack: start;
  -webkit-justify-content: center;
  -ms-flex-pack: start;
  justify-content: stretch;
  -webkit-align-content: stretch;
  align-content: start;
  grid-auto-columns: 1fr;
  grid-column-gap: 0;
  grid-row-gap: 0;
  grid-template-areas: ".";
}

.grid-ara-fast-sluta-grid {
  display: grid;
  max-width: none;
  overflow-y: hidden;   /* Scroll */
  overflow-x: hidden;
  -webkit-box-pack: start;
  -webkit-justify-content: center;
  -ms-flex-pack: start;
  justify-content: stretch;
  -webkit-align-content: stretch;
  align-content: start;
  grid-auto-columns: 1fr;
  grid-column-gap: 0;
  grid-row-gap: 0;
  grid-template-areas: ".";
}

.grid-ara_fast_new_page_2 {
  border: 0 none transparent;
  height: 491px;
  min-height: 491px;
  max-height: 491px;
  -ms-grid-columns: 1fr 0 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.grid-ara_fast_new_page_3 {
  border: 0 none transparent;
  height: 491px;
  min-height: 491px;
  max-height: 491px;
  -ms-grid-columns: 1fr 0 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.grid-ara_fast_sluta_page_1 {
  border: 0 none transparent;
  height: 491px;
  min-height: 491px;
  max-height: 491px;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}


.grid-ara-fast-sek-new-grid {
  display: grid;
  max-width: none;
  overflow-y: hidden;   /* Scroll */
  overflow-x: hidden;
  -webkit-box-pack: start;
  -webkit-justify-content: center;
  -ms-flex-pack: start;
  justify-content: stretch;
  -webkit-align-content: stretch;
  align-content: start;
  grid-auto-columns: 1fr;
  grid-column-gap: 0;
  grid-row-gap: 0;
  grid-template-areas: ".";
}

.grid-ara-fast-sek-sluta-grid {
  display: grid;
  max-width: none;
  overflow-y: hidden;   /* Scroll */
  overflow-x: hidden;
  -webkit-box-pack: start;
  -webkit-justify-content: center;
  -ms-flex-pack: start;
  justify-content: stretch;
  -webkit-align-content: stretch;
  align-content: start;
  grid-auto-columns: 1fr;
  grid-column-gap: 0;
  grid-row-gap: 0;
  grid-template-areas: ".";
}

.grid-ara_fast_sek_new_page_2 {
  border: 0 none transparent;
  height: 491px;
  min-height: 491px;
  max-height: 491px;
  -ms-grid-columns: 1fr 0 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.grid-ara_fast_sek_new_page_3 {
  border: 0 none transparent;
  height: 491px;
  min-height: 491px;
  max-height: 491px;
  -ms-grid-columns: 1fr 0 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.grid-ara_fast_sek_sluta_page_1 {
  border: 0 none transparent;
  height: 491px;
  min-height: 491px;
  max-height: 491px;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

/* - Meter Reading Batches Add/Edit Modals - */

.grid-amrb-new-grid {
  display: grid;
  max-width: none;
  overflow-y: hidden;   /* Scroll */
  overflow-x: hidden;
  -webkit-box-pack: start;
  -webkit-justify-content: center;
  -ms-flex-pack: start;
  justify-content: stretch;
  -webkit-align-content: stretch;
  align-content: start;
  grid-auto-columns: 1fr;
  grid-column-gap: 0;
  grid-row-gap: 0;
  grid-template-areas: ".";
}

.grid-amrb_new_page_1 {
  border: 0 none transparent;
  height: 370px;
  min-height: 370px;
  max-height: 370px;
  -ms-grid-columns: 1fr 0 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.grid-amrb_new_page_2 {
  border: 0 none transparent;
  height: 491px;
  min-height: 491px;
  max-height: 491px;
  -ms-grid-columns: 1fr 0 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

/* - VAT Vouchers Add/Edit Modals - */

.grid-avv-new-grid {
  display: grid;
  max-width: none;
  overflow-y: hidden;   /* Scroll */
  overflow-x: hidden;
  -webkit-box-pack: start;
  -webkit-justify-content: center;
  -ms-flex-pack: start;
  justify-content: stretch;
  -webkit-align-content: stretch;
  align-content: start;
  grid-auto-columns: 1fr;
  grid-column-gap: 0;
  grid-row-gap: 0;
  grid-template-areas: ".";
}

.grid-avv_new_page_1 {
  border: 0 none transparent;
  height: 370px;
  min-height: 370px;
  max-height: 370px;
  -ms-grid-columns: 1fr 0 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.grid-avv_new_page_2 {
  border: 0 none transparent;
  height: 491px;
  min-height: 491px;
  max-height: 491px;
  -ms-grid-columns: 1fr 0 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

/* - RA Breadcrumbs - */
.ra_inner {
  max-width: 1000px;
  margin: 0 0 0 0;
}

.ra_cf {
}

.ra_breadcrumbs a { text-decoration: none; }
.ra_breadcrumbs a:link { text-decoration: none; }
.ra_breadcrumbs a:visited { text-decoration: none; }
.ra_breadcrumbs a:hover { text-decoration: none; }
.ra_breadcrumbs a:active { text-decoration: none; }

.rr_breadcrumbs a { text-decoration: none; }
.rr_breadcrumbs a:link { text-decoration: none; }
.rr_breadcrumbs a:visited { text-decoration: none; }
.rr_breadcrumbs a:hover { text-decoration: none; }
.rr_breadcrumbs a:active { text-decoration: none; }

.cr_breadcrumbs a { text-decoration: none; }
.cr_breadcrumbs a:link { text-decoration: none; }
.cr_breadcrumbs a:visited { text-decoration: none; }
.cr_breadcrumbs a:hover { text-decoration: none; }
.cr_breadcrumbs a:active { text-decoration: none; }

.ra_span_number {
    padding: 0 2px 2px 2px;
}

.ra_span_text {
    outline-color: transparent;
}

.rr_span_text {
    outline-color: transparent;
}

.ra_cf:before, .ra_cf:after {
  content: ' ';
  display: table;
}
.ra_cf:after {
  clear: both;
}

.rr_cf:before, .rr_cf:after {
  content: ' ';
  display: table;
}
.rr_cf:after {
  clear: both;
}

.cr_cf:before, .cr_cf:after {
  content: ' ';
  display: table;
}
.cr_cf:after {
  clear: both;
}

.ra_breadcrumbs {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  background-color: #f5f5f5;
  height: 65px;
}

.ra_breadcrumbs ul {
  list-style: none;
  border-left: 1px solid #ddd;
  padding: 0 0 0 0;
}

.ra_breadcrumbs li {
  float: left;
  width: 20%;
}

.ra_breadcrumbs a {
  position: relative;
  display: block;
  padding: 20px;
  padding-right: 0 !important;
  /* important overrides media queries */
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  color: #aaa;
  cursor: pointer;
}

.ra_breadcrumbs a:hover {
  background: #eee;
}

.ra_breadcrumbs a.ra_active {
  color: #555555;
  background-color: #fafafa;
}

.ra_breadcrumbs a span:first-child {
  display: inline-block;
  width: 22px;
  height: 22px;
  padding: 0 2px 2px 2px;
  margin-right: 5px;
  border: 2px solid #aaa;
  border-radius: 50%;
  background-color: #fff;
}

.ra_breadcrumbs a.active span:first-child {
  color: #fff;
  border-color: #555555;
  background-color: #555555;
}

.ra_breadcrumbs a:before,
.ra_breadcrumbs a:after {
  content: '';
  position: absolute;
  top: 0;
  left: 100%;
  z-index: 1;
  display: block;
  width: 0;
  height: 0;
  border-top: 32px solid transparent;
  border-bottom: 32px solid transparent;
  border-left: 16px solid transparent;
}

.ra_breadcrumbs a:before {
  margin-left: 1px;
  border-left-color: #d5d5d5;
}

.ra_breadcrumbs a:after {
  border-left-color: #f5f5f5;
}

.ra_breadcrumbs a:hover:after {
  border-left-color: #eee;
}

.ra_breadcrumbs a.ra_active:after {
  border-left-color: #fafafa;
}

.rr_breadcrumbs {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  background-color: #f5f5f5;
  height: 65px;
}

.rr_breadcrumbs ul {
  list-style: none;
  border-left: 1px solid #ddd;
  padding: 0 0 0 0;
}

.rr_breadcrumbs li {
  float: left;
  width: 20%;
}

.rr_breadcrumbs a {
  position: relative;
  display: block;
  padding: 20px;
  padding-right: 0 !important;
  /* important overrides media queries */
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  color: #aaa;
  cursor: pointer;
}

.rr_breadcrumbs a:hover {
  background: #eee;
}

.rr_breadcrumbs a.rr_active {
  color: #555555;
  background-color: #fafafa;
}

.rr_breadcrumbs a span:first-child {
  display: inline-block;
  width: 22px;
  height: 22px;
  padding: 0 2px 2px 2px;
  margin-right: 5px;
  border: 2px solid #aaa;
  border-radius: 50%;
  background-color: #fff;
}

.rr_breadcrumbs a.active span:first-child {
  color: #fff;
  border-color: #555555;
  background-color: #555555;
}

.rr_breadcrumbs a:before,
.rr_breadcrumbs a:after {
  content: '';
  position: absolute;
  top: 0;
  left: 100%;
  z-index: 1;
  display: block;
  width: 0;
  height: 0;
  border-top: 32px solid transparent;
  border-bottom: 32px solid transparent;
  border-left: 16px solid transparent;
}

.rr_breadcrumbs a:before {
  margin-left: 1px;
  border-left-color: #d5d5d5;
}

.rr_breadcrumbs a:after {
  border-left-color: #f5f5f5;
}

.rr_breadcrumbs a:hover:after {
  border-left-color: #eee;
}

.rr_breadcrumbs a.ra_active:after {
  border-left-color: #fafafa;
}

.rr_breadcrumbs {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  background-color: #f5f5f5;
  height: 65px;
}

.rr_breadcrumbs ul {
  list-style: none;
  border-left: 1px solid #ddd;
  padding: 0 0 0 0;
}

.rr_breadcrumbs li {
  float: left;
  width: 20%;
}



.cr_breadcrumbs {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  background-color: #f5f5f5;
  height: 65px;
}

.cr_breadcrumbs ul {
  list-style: none;
  border-left: 1px solid #ddd;
  padding: 0 0 0 0;
}

.cr_breadcrumbs li {
  float: left;
  width: 20%;
}

.cr_breadcrumbs a {
  position: relative;
  display: block;
  padding: 20px;
  padding-right: 0 !important;
  /* important overrides media queries */
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  color: #aaa;
  cursor: pointer;
}

.cr_breadcrumbs a:hover {
  background: #eee;
}

.cr_breadcrumbs a.rr_active {
  color: #555555;
  background-color: #fafafa;
}

.cr_breadcrumbs a span:first-child {
  display: inline-block;
  width: 22px;
  height: 22px;
  padding: 0 2px 2px 2px;
  margin-right: 5px;
  border: 2px solid #aaa;
  border-radius: 50%;
  background-color: #fff;
}

.cr_breadcrumbs a.active span:first-child {
  color: #fff;
  border-color: #555555;
  background-color: #555555;
}

.cr_breadcrumbs a:before,
.cr_breadcrumbs a:after {
  content: '';
  position: absolute;
  top: 0;
  left: 100%;
  z-index: 1;
  display: block;
  width: 0;
  height: 0;
  border-top: 32px solid transparent;
  border-bottom: 32px solid transparent;
  border-left: 16px solid transparent;
}

.cr_breadcrumbs a:before {
  margin-left: 1px;
  border-left-color: #d5d5d5;
}

.cr_breadcrumbs a:after {
  border-left-color: #f5f5f5;
}

.cr_breadcrumbs a:hover:after {
  border-left-color: #eee;
}

.cr_breadcrumbs a.ra_active:after {
  border-left-color: #fafafa;
}

.cr_breadcrumbs {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  background-color: #f5f5f5;
  height: 65px;
}

.cr_breadcrumbs ul {
  list-style: none;
  border-left: 1px solid #ddd;
  padding: 0 0 0 0;
}

.cr_breadcrumbs li {
  float: left;
  width: 20%;
}

.ra_nyd span.ra_span_number {
  background-color: white !important;
  color: #aaa !important;
}
.ra_nyd span.ra_span_text {
  color: #aaa !important;
}

.rr_nyd span.rr_span_number {
  background-color: white !important;
  color: #aaa !important;
}
.rr_nyd span.rr_span_text {
  color: #aaa !important;
}

.ra_wip span.ra_span_number {
  background-color: #555555 !important;
  border-color:  #555555 !important;
  color: white !important;
}
.ra_wip span.ra_span_text {
  color: #555555 !important;
}

.ra_done span.ra_span_number {
  background-color:  var(--secondary-teal-blue) !important;
  border-color:  var(--secondary-teal-blue) !important;
  color: white !important;
}
.ra_done span.ra_span_text {
  color: #aaa !important;
}


.rr_wip span.rr_span_number {
  background-color: #555555 !important;
  border-color:  #555555 !important;
  color: white !important;
}
.rr_wip span.rr_span_text {
  color: #555555 !important;
}

.rr_done span.rr_span_number {
  background-color:  var(--secondary-teal-blue) !important;
  border-color:  var(--secondary-teal-blue) !important;
  color: white !important;
}
.rr_done span.rr_span_text {
  color: #aaa !important;
}


.cr_wip span.cr_span_number {
  background-color: #555555 !important;
  border-color:  #555555 !important;
  color: white !important;
}
.cr_wip span.cr_span_text {
  color: #555555 !important;
}

.cr_done span.cr_span_number {
  background-color:  var(--secondary-teal-blue) !important;
  border-color:  var(--secondary-teal-blue) !important;
  color: white !important;
}
.cr_done span.cr_span_text {
  color: #aaa !important;
}

.cr_done span.cr_span_number {
  background-color:  var(--secondary-teal-blue) !important;
  border-color:  var(--secondary-teal-blue) !important;
  color: white !important;
}
.cr_done span.cr_span_text {
  color: #aaa !important;
}

@media (max-width: 720px) {
  .ra_breadcrumbs a {
    padding: 15px;
  }

  .ra_breadcrumbs a:before,
  .ra_breadcrumbs a:after {
    border-top-width: 26px;
    border-bottom-width: 26px;
    border-left-width: 13px;
  }

  .rr_breadcrumbs a {
    padding: 15px;
  }

  .rr_breadcrumbs a:before,
  .rr_breadcrumbs a:after {
    border-top-width: 26px;
    border-bottom-width: 26px;
    border-left-width: 13px;
  }

  .cr_breadcrumbs a {
    padding: 15px;
  }

  .cr_breadcrumbs a:before,
  .cr_breadcrumbs a:after {
    border-top-width: 26px;
    border-bottom-width: 26px;
    border-left-width: 13px;
  }
}

@media (max-width: 620px) {
  .ra_breadcrumbs a {
    padding: 10px;
    font-size: 12px;
  }

  .ra_breadcrumbs a:before,
  .ra_breadcrumbs a:after {
    border-top-width: 22px;
    border-bottom-width: 22px;
    border-left-width: 11px;
  }

  .rr_breadcrumbs a {
    padding: 10px;
    font-size: 12px;
  }

  .rr_breadcrumbs a:before,
  .rr_breadcrumbs a:after {
    border-top-width: 22px;
    border-bottom-width: 22px;
    border-left-width: 11px;
  }

  .cr_breadcrumbs a {
    padding: 10px;
    font-size: 12px;
  }

  .cr_breadcrumbs a:before,
  .cr_breadcrumbs a:after {
    border-top-width: 22px;
    border-bottom-width: 22px;
    border-left-width: 11px;
  }
}
@media (max-width: 520px) {
  .ra_breadcrumbs a {
    padding: 5px;
  }

  .ra_breadcrumbs a:before,
  .ra_breadcrumbs a:after {
    border-top-width: 16px;
    border-bottom-width: 16px;
    border-left-width: 8px;
  }

  .ra_breadcrumbs li a span:first-child {
    display: block;
    margin: 0 auto;
  }

  .ra_breadcrumbs li a span:last-child {
    display: none;
  }

   .rr_breadcrumbs a {
    padding: 5px;
  }

  .rr_breadcrumbs a:before,
  .rr_breadcrumbs a:after {
    border-top-width: 16px;
    border-bottom-width: 16px;
    border-left-width: 8px;
  }

  .rr_breadcrumbs li a span:first-child {
    display: block;
    margin: 0 auto;
  }

  .rr_breadcrumbs li a span:last-child {
    display: none;
  }

  .cr_breadcrumbs a {
    padding: 5px;
  }

  .cr_breadcrumbs a:before,
  .cr_breadcrumbs a:after {
    border-top-width: 16px;
    border-bottom-width: 16px;
    border-left-width: 8px;
  }

  .cr_breadcrumbs li a span:first-child {
    display: block;
    margin: 0 auto;
  }

  .cr_breadcrumbs li a span:last-child {
    display: none;
  }
}


.as_inner {
  max-width: 1000px;
  margin: 0 0 0 0;
}

.as_cf {
}

.as_breadcrumbs a { text-decoration: none; }
.as_breadcrumbs a:link { text-decoration: none; }
.as_breadcrumbs a:visited { text-decoration: none; }
.as_breadcrumbs a:hover { text-decoration: none; }
.as_breadcrumbs a:active { text-decoration: none; }

.as_span_number {
    padding: 0 2px 2px 2px;
}

.as_span_text {
    outline-color: transparent;
}

.as_cf:before, .as_cf:after {
  content: ' ';
  display: table;
}
.as_cf:after {
  clear: both;
}

.as_breadcrumbs {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  background-color: #f5f5f5;
  height: 65px;
}

.as_breadcrumbs ul {
  list-style: none;
  border-left: 1px solid #ddd;
  padding: 0 0 0 0;
}

.as_breadcrumbs li {
  float: left;
  width: 20%;
}

.as_breadcrumbs a {
  position: relative;
  display: block;
  padding: 20px;
  padding-right: 0 !important;
  /* important overrides media queries */
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  color: #aaa;
  cursor: pointer;
}

.as_breadcrumbs a:hover {
  background: #eee;
}

.as_breadcrumbs a.as_active {
  color: #555555;
  background-color: #fafafa;
}

.as_breadcrumbs a span:first-child {
  display: inline-block;
  width: 22px;
  height: 22px;
  padding: 0 2px 2px 2px;
  margin-right: 5px;
  border: 2px solid #aaa;
  border-radius: 50%;
  background-color: #fff;
}

.as_breadcrumbs a.active span:first-child {
  color: #fff;
  border-color: #555555;
  background-color: #555555;
}

.as_breadcrumbs a:before,
.as_breadcrumbs a:after {
  content: '';
  position: absolute;
  top: 0;
  left: 100%;
  z-index: 1;
  display: block;
  width: 0;
  height: 0;
  border-top: 32px solid transparent;
  border-bottom: 32px solid transparent;
  border-left: 16px solid transparent;
}

.as_breadcrumbs a:before {
  margin-left: 1px;
  border-left-color: #d5d5d5;
}

.as_breadcrumbs a:after {
  border-left-color: #f5f5f5;
}

.as_breadcrumbs a:hover:after {
  border-left-color: #eee;
}

.as_breadcrumbs a.as_active:after {
  border-left-color: #fafafa;
}


.as_nyd span.as_span_number {
  background-color: white !important;
  color: #aaa !important;
}
.as_nyd span.as_span_text {
  color: #aaa !important;
}

.as_wip span.as_span_number {
  background-color: #555555 !important;
  border-color:  #555555 !important;
  color: white !important;
}
.as_wip span.as_span_text {
  color: #555555 !important;
}

.as_done span.as_span_number {
  background-color:  var(--secondary-teal-blue) !important;
  border-color:  var(--secondary-teal-blue) !important;
  color: white !important;
}
.as_done span.as_span_text {
  color: #aaa !important;
}


@media (max-width: 720px) {
  .as_breadcrumbs a {
    padding: 15px;
  }

  .as_breadcrumbs a:before,
  .as_breadcrumbs a:after {
    border-top-width: 26px;
    border-bottom-width: 26px;
    border-left-width: 13px;
  }
}

@media (max-width: 620px) {
  .as_breadcrumbs a {
    padding: 10px;
    font-size: 12px;
  }

  .as_breadcrumbs a:before,
  .as_breadcrumbs a:after {
    border-top-width: 22px;
    border-bottom-width: 22px;
    border-left-width: 11px;
  }
}
@media (max-width: 520px) {
  .as_breadcrumbs a {
    padding: 5px;
  }

  .as_breadcrumbs a:before,
  .as_breadcrumbs a:after {
    border-top-width: 16px;
    border-bottom-width: 16px;
    border-left-width: 8px;
  }

  .as_breadcrumbs li a span:first-child {
    display: block;
    margin: 0 auto;
  }

  .as_breadcrumbs li a span:last-child {
    display: none;
  }
}

/* - RA KPI Breadcrumbs - */
.ra_kpi_inner {
  max-width: 1000px;
  margin: 0 0 0 0;
}

.ra_kpi_cf {
}

.ra_kpi_breadcrumbs a { text-decoration: none; }
.ra_kpi_breadcrumbs a:link { text-decoration: none; }
.ra_kpi_breadcrumbs a:visited { text-decoration: none; }
.ra_kpi_breadcrumbs a:hover { text-decoration: none; }
.ra_kpi_breadcrumbs a:active { text-decoration: none; }

.ra_kpi_span_number {
    padding: 0 2px 2px 2px;
}

.ra_kpi_span_text {
    outline-color: transparent;
}

.ra_kpi_cf:before, .ra_kpi_cf:after {
  content: ' ';
  display: table;
}
.ra_kpi_cf:after {
  clear: both;
}

.ra_kpi_breadcrumbs {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  background-color: #f5f5f5;
  height: 65px;
}

.ra_kpi_breadcrumbs ul {
  list-style: none;
  border-left: 1px solid #ddd;
  padding: 0 0 0 0;
}

.ra_kpi_breadcrumbs li {
  float: left;
  width: 20%;
}

.ra_kpi_breadcrumbs a {
  position: relative;
  display: block;
  padding: 20px;
  padding-right: 0 !important;
  /* important overrides media queries */
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  color: #aaa;
  cursor: pointer;
}

.ra_kpi_breadcrumbs a:hover {
  background: #eee;
}

.ra_kpi_breadcrumbs a.ra_kpi_active {
  color: #555555;
  background-color: #fafafa;
}

.ra_kpi_breadcrumbs a span:first-child {
  display: inline-block;
  width: 22px;
  height: 22px;
  padding: 0 2px 2px 2px;
  margin-right: 5px;
  border: 2px solid #aaa;
  border-radius: 50%;
  background-color: #fff;
}

.ra_kpi_breadcrumbs a.active span:first-child {
  color: #fff;
  border-color: #555555;
  background-color: #555555;
}

.ra_kpi_breadcrumbs a:before,
.ra_kpi_breadcrumbs a:after {
  content: '';
  position: absolute;
  top: 0;
  left: 100%;
  z-index: 1;
  display: block;
  width: 0;
  height: 0;
  border-top: 32px solid transparent;
  border-bottom: 32px solid transparent;
  border-left: 16px solid transparent;
}

.ra_kpi_breadcrumbs a:before {
  margin-left: 1px;
  border-left-color: #d5d5d5;
}

.ra_kpi_breadcrumbs a:after {
  border-left-color: #f5f5f5;
}

.ra_kpi_breadcrumbs a:hover:after {
  border-left-color: #eee;
}

.ra_kpi_breadcrumbs a.ra_kpi_active:after {
  border-left-color: #fafafa;
}


.ra_kpi_nyd span.ra_kpi_span_number {
  background-color: white !important;
  color: #aaa !important;
}
.ra_kpi_nyd span.ra_kpi_span_text {
  color: #aaa !important;
}

.ra_kpi_wip span.ra_kpi_span_number {
  background-color: #555555 !important;
  border-color:  #555555 !important;
  color: white !important;
}
.ra_kpi_wip span.ra_kpi_span_text {
  color: #555555 !important;
}

.ra_kpi_done span.ra_kpi_span_number {
  background-color:  var(--secondary-teal-blue) !important;
  border-color:  var(--secondary-teal-blue) !important;
  color: white !important;
}
.ra_kpi_done span.ra_kpi_span_text {
  color: #aaa !important;
}


@media (max-width: 720px) {
  .ra_kpi_breadcrumbs a {
    padding: 15px;
  }

  .ra_kpi_breadcrumbs a:before,
  .ra_kpi_breadcrumbs a:after {
    border-top-width: 26px;
    border-bottom-width: 26px;
    border-left-width: 13px;
  }
}

@media (max-width: 620px) {
  .ra_kpi_breadcrumbs a {
    padding: 10px;
    font-size: 12px;
  }

  .ra_kpi_breadcrumbs a:before,
  .ra_kpi_breadcrumbs a:after {
    border-top-width: 22px;
    border-bottom-width: 22px;
    border-left-width: 11px;
  }
}
@media (max-width: 520px) {
  .ra_kpi_breadcrumbs a {
    padding: 5px;
  }

  .ra_kpi_breadcrumbs a:before,
  .ra_kpi_breadcrumbs a:after {
    border-top-width: 16px;
    border-bottom-width: 16px;
    border-left-width: 8px;
  }

  .ra_kpi_breadcrumbs li a span:first-child {
    display: block;
    margin: 0 auto;
  }

  .ra_kpi_breadcrumbs li a span:last-child {
    display: none;
  }
}

/* - RA FAST Breadcrumbs - */
.ra_fast_inner {
  max-width: 1000px;
  margin: 0 0 0 0;
}

.ra_fast_cf {
}

.ra_fast_breadcrumbs a { text-decoration: none; }
.ra_fast_breadcrumbs a:link { text-decoration: none; }
.ra_fast_breadcrumbs a:visited { text-decoration: none; }
.ra_fast_breadcrumbs a:hover { text-decoration: none; }
.ra_fast_breadcrumbs a:active { text-decoration: none; }

.ra_fast_span_number {
    padding: 0 2px 2px 2px;
}

.ra_fast_span_text {
    outline-color: transparent;
}

.ra_fast_cf:before, .ra_fast_cf:after {
  content: ' ';
  display: table;
}
.ra_fast_cf:after {
  clear: both;
}

.ra_fast_breadcrumbs {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  background-color: #f5f5f5;
  height: 65px;
}

.ra_fast_breadcrumbs ul {
  list-style: none;
  border-left: 1px solid #ddd;
  padding: 0 0 0 0;
}

.ra_fast_breadcrumbs li {
  float: left;
  width: 20%;
}

.ra_fast_breadcrumbs a {
  position: relative;
  display: block;
  padding: 20px;
  padding-right: 0 !important;
  /* important overrides media queries */
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  color: #aaa;
  cursor: pointer;
}

.ra_fast_breadcrumbs a:hover {
  background: #eee;
}

.ra_fast_breadcrumbs a.ra_fast_active {
  color: #555555;
  background-color: #fafafa;
}

.ra_fast_breadcrumbs a span:first-child {
  display: inline-block;
  width: 22px;
  height: 22px;
  padding: 0 2px 2px 2px;
  margin-right: 5px;
  border: 2px solid #aaa;
  border-radius: 50%;
  background-color: #fff;
}

.ra_fast_breadcrumbs a.active span:first-child {
  color: #fff;
  border-color: #555555;
  background-color: #555555;
}

.ra_fast_breadcrumbs a:before,
.ra_fast_breadcrumbs a:after {
  content: '';
  position: absolute;
  top: 0;
  left: 100%;
  z-index: 1;
  display: block;
  width: 0;
  height: 0;
  border-top: 32px solid transparent;
  border-bottom: 32px solid transparent;
  border-left: 16px solid transparent;
}

.ra_fast_breadcrumbs a:before {
  margin-left: 1px;
  border-left-color: #d5d5d5;
}

.ra_fast_breadcrumbs a:after {
  border-left-color: #f5f5f5;
}

.ra_fast_breadcrumbs a:hover:after {
  border-left-color: #eee;
}

.ra_fast_breadcrumbs a.ra_fast_active:after {
  border-left-color: #fafafa;
}


.ra_fast_nyd span.ra_fast_span_number {
  background-color: white !important;
  color: #aaa !important;
}
.ra_fast_nyd span.ra_fast_span_text {
  color: #aaa !important;
}

.ra_fast_wip span.ra_fast_span_number {
  background-color: #555555 !important;
  border-color:  #555555 !important;
  color: white !important;
}
.ra_fast_wip span.ra_fast_span_text {
  color: #555555 !important;
}

.ra_fast_done span.ra_fast_span_number {
  background-color:  var(--secondary-teal-blue) !important;
  border-color:  var(--secondary-teal-blue) !important;
  color: white !important;
}
.ra_fast_done span.ra_fast_span_text {
  color: #aaa !important;
}


@media (max-width: 720px) {
  .ra_fast_breadcrumbs a {
    padding: 15px;
  }

  .ra_fast_breadcrumbs a:before,
  .ra_fast_breadcrumbs a:after {
    border-top-width: 26px;
    border-bottom-width: 26px;
    border-left-width: 13px;
  }
}

@media (max-width: 620px) {
  .ra_fast_breadcrumbs a {
    padding: 10px;
    font-size: 12px;
  }

  .ra_fast_breadcrumbs a:before,
  .ra_fast_breadcrumbs a:after {
    border-top-width: 22px;
    border-bottom-width: 22px;
    border-left-width: 11px;
  }
}
@media (max-width: 520px) {
  .ra_fast_breadcrumbs a {
    padding: 5px;
  }

  .ra_fast_breadcrumbs a:before,
  .ra_fast_breadcrumbs a:after {
    border-top-width: 16px;
    border-bottom-width: 16px;
    border-left-width: 8px;
  }

  .ra_fast_breadcrumbs li a span:first-child {
    display: block;
    margin: 0 auto;
  }

  .ra_fast_breadcrumbs li a span:last-child {
    display: none;
  }
}

.grid-rr-add-headings {
  background: var(--brown-grey);
  max-height: 36px;
  min-height: 36px;
  -ms-grid-columns: 285px 0 75px 0 240px 0 120px 0 120px 0 140px 0 42px;
  grid-template-columns: 285px 75px 240px 120px 120px 140px 42px;
  -ms-grid-rows: 35px;
  grid-template-rows: 35px;
  border: 1px solid var(--brown-grey);
}

.grid-rr-add {
  border: 1px none var(--very-light-pink);
  max-height: none;
  min-height: 23px;
  -ms-grid-columns: 285px 0 75px 0 240px 0 120px 0 120px 0 192px;
  grid-template-columns: 285px 75px 240px 120px 120px 192px;
  -ms-grid-rows: auto 0;
  grid-template-rows: auto;
}

.grid-rr-add-header {
  grid-column-start: 1;
  grid-column-end: 8;
  grid-row-start: 1;
  grid-row-end: 2;
  background-color: var(--brown-grey);
}



.grid-ra-add-headings {
  background: var(--brown-grey);
  max-height: 36px;
  min-height: 36px;
  -ms-grid-columns: 285px 0 75px 0 240px 0 120px 0 120px 0 140px 0 42px;
  grid-template-columns: 285px 75px 240px 120px 120px 140px 42px;
  -ms-grid-rows: 35px;
  grid-template-rows: 35px;
  border: 1px solid var(--brown-grey);
}

.grid-ra-add {
  border: 1px none var(--very-light-pink);
  max-height: none;
  min-height: 23px;
  -ms-grid-columns: 285px 0 75px 0 240px 0 120px 0 120px 0 192px;
  grid-template-columns: 285px 75px 240px 120px 120px 192px;
  -ms-grid-rows: auto 0;
  grid-template-rows: auto;
}

.grid-ra-add-header {
  grid-column-start: 1;
  grid-column-end: 8;
  grid-row-start: 1;
  grid-row-end: 2;
  background-color: var(--brown-grey);
}


.grid-ra-kpi-add-headings {
  background: var(--brown-grey);
  max-height: 36px;
  min-height: 36px;
  -ms-grid-columns: 230px 0 50px 0 200px 0 120px 0 120px 0 100px 0 160px 0 42px;
  grid-template-columns: 230px 50px 200px 120px 120px 100px 160px 42px;
  -ms-grid-rows: 35px;
  grid-template-rows: 35px;
  border: 1px solid var(--brown-grey);
}

.grid-ra-kpi-add {
  border: 1px none var(--very-light-pink);
  max-height: none;
  min-height: 23px;
  -ms-grid-columns: 230px 0 50px 0 200px 0 120px 0 12px 0 100px 0 212px;
  grid-template-columns: 230px 50px 200px 120px 120px 100px 212px;
  -ms-grid-rows: auto 0;
  grid-template-rows: auto;
}

.grid-ra-kpi-add-header {
  grid-column-start: 1;
  grid-column-end: 9;
  grid-row-start: 1;
  grid-row-end: 2;
  background-color: var(--brown-grey);
}


.grid-ra-fast-add-headings {
  background: var(--brown-grey);
  max-height: 36px;
  min-height: 36px;
  -ms-grid-columns: 305px 0 50px 0 250px 0 160px 0 200px 0 42px;
  grid-template-columns: 305px 50px 250px 160px 200px 42px;
  -ms-grid-rows: 35px;
  grid-template-rows: 35px;
  border: 1px solid var(--brown-grey);
}

.grid-ra-fast-add {
  border: 1px none var(--very-light-pink);
  max-height: none;
  min-height: 23px;
  -ms-grid-columns: 305px 0 50px 0 250px 0 160px 0 252px;
  grid-template-columns: 305px 50px 250px 160px 252px;
  -ms-grid-rows: auto 0;
  grid-template-rows: auto;
}

.grid-ra-fast-add-header {
  grid-column-start: 1;
  grid-column-end: 7;
  grid-row-start: 1;
  grid-row-end: 2;
  background-color: var(--brown-grey);
}

.grid-raremove-hos-headings {
  background: var(--brown-grey);
  max-height: 36px;
  min-height: 36px;
  -ms-grid-columns: 285px 0 75px 0 240px 0 120px 0 120px 0 42px;
  grid-template-columns: 285px 75px 240px 120px 120px 42px;
  -ms-grid-rows: 35px;
  grid-template-rows: 35px;
  border: 1px solid var(--brown-grey);
}

.grid-raremove-hos {
  border: 1px none var(--very-light-pink);
  max-height: none;
  min-height: 23px;
  -ms-grid-columns: 285px 0 75px 0 240px 0 120px 0 192px;
  grid-template-columns: 285px 75px 240px 120px 192px;
  -ms-grid-rows: auto 0;
  grid-template-rows: auto;
}

.grid-raremove-hos-header {
  grid-column-start: 1;
  grid-column-end: 7;
  grid-row-start: 1;
  grid-row-end: 2;
  background-color: var(--brown-grey);
}

.grid-as-add {
  border: 1px none var(--very-light-pink);
  max-height: none;
  min-height: 23px;
  -ms-grid-columns: 1fr 0 1fr 0 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  -ms-grid-rows: auto 0;
  grid-template-rows: auto;
}

.grid-mrb-card-ies {
  grid-column-start: 1;
  grid-column-end: 5;
  border: 1px none var(--very-light-pink);
  max-height: none;
  min-height: 23px;
  -ms-grid-columns: 1fr 0 1fr 0 120px 0 100px;
  grid-template-columns: 1fr 1fr 120px 100px;
  -ms-grid-rows: auto 0;
  grid-template-rows: auto;
  overflow-x: hidden;
  overflow-y: hidden;
}

.grid-mrb-card-mrs {
  grid-column-start: 1;
  grid-column-end: 5;
  border: 1px none var(--very-light-pink);
  max-height: none;
  min-height: 23px;
  -ms-grid-columns: 1fr 0 120px 0 160px 0 100px;
  grid-template-columns: 1fr 120px 160px 100px;
  -ms-grid-rows: auto 0;
  grid-template-rows: auto;
  overflow-x: hidden;
  overflow-y: hidden;
}


.grid-ra-card-ies {
  grid-column-start: 1;
  grid-column-end: 5;
  border: 1px none var(--very-light-pink);
  max-height: none;
  min-height: 23px;
  -ms-grid-columns: 1fr 0 1fr 0 1fr 0 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  -ms-grid-rows: auto 0;
  grid-template-rows: auto;
  overflow-x: hidden;
  overflow-y: hidden;
}

.grid-ra-card-ies-kpi {
  grid-column-start: 1;
  grid-column-end: 6;
  border: 1px none var(--very-light-pink);
  max-height: none;
  min-height: 23px;
  -ms-grid-columns: 1fr 0 1fr 0 1fr 0 70px 0 200px;
  grid-template-columns: 1fr 1fr 1fr 70px 200px;
  -ms-grid-rows: auto 0;
  grid-template-rows: auto;
  overflow-x: hidden;
  overflow-y: hidden;
}

.grid-ra-card-ies-percent {
  grid-column-start: 1;
  grid-column-end: 5;
  border: 1px none var(--very-light-pink);
  max-height: none;
  min-height: 23px;
  -ms-grid-columns: 1fr 0 1fr 0 1fr 0 200px;
  grid-template-columns: 1fr 1fr 1fr 200px;
  -ms-grid-rows: auto 0;
  grid-template-rows: auto;
  overflow-x: hidden;
  overflow-y: hidden;
}

/* - MRB Breadcrumbs - */
.mrb_inner {
  max-width: 1000px;
  margin: 0 0 0 0;
}

.mrb_cf {
}

.mrb_breadcrumbs a { text-decoration: none; }
.mrb_breadcrumbs a:link { text-decoration: none; }
.mrb_breadcrumbs a:visited { text-decoration: none; }
.mrb_breadcrumbs a:hover { text-decoration: none; }
.mrb_breadcrumbs a:active { text-decoration: none; }

.mrb_span_number {
    padding: 0 2px 2px 2px;
}

.mrb_span_text {
    outline-color: transparent;
}

.mrb_cf:before, .mrb_cf:after {
  content: ' ';
  display: table;
}
.mrb_cf:after {
  clear: both;
}

.mrb_breadcrumbs {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  background-color: #f5f5f5;
  height: 65px;
  margin-top: 5px;
}

.mrb_breadcrumbs ul {
  list-style: none;
  border-left: 1px solid #ddd;
  padding: 0 0 0 0;
}

.mrb_breadcrumbs li {
  float: left;
  width: 20%;
}

.mrb_breadcrumbs a {
  position: relative;
  display: block;
  padding: 20px;
  padding-right: 0 !important;
  /* important overrides media queries */
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  color: #aaa;
  cursor: pointer;
}

.mrb_breadcrumbs a:hover {
  background: #eee;
}

.mrb_breadcrumbs a.mrb_active {
  color: #555555;
  background-color: #fafafa;
}

.mrb_breadcrumbs a span:first-child {
  display: inline-block;
  width: 22px;
  height: 22px;
  padding: 0 2px 2px 2px;
  margin-right: 5px;
  border: 2px solid #aaa;
  border-radius: 50%;
  background-color: #fff;
}

.mrb_breadcrumbs a.active span:first-child {
  color: #fff;
  border-color: #555555;
  background-color: #555555;
}

.mrb_breadcrumbs a:before,
.mrb_breadcrumbs a:after {
  content: '';
  position: absolute;
  top: 0;
  left: 100%;
  z-index: 1;
  display: block;
  width: 0;
  height: 0;
  border-top: 32px solid transparent;
  border-bottom: 32px solid transparent;
  border-left: 16px solid transparent;
}

.mrb_breadcrumbs a:before {
  margin-left: 1px;
  border-left-color: #d5d5d5;
}

.mrb_breadcrumbs a:after {
  border-left-color: #f5f5f5;
}

.mrb_breadcrumbs a:hover:after {
  border-left-color: #eee;
}

.mrb_breadcrumbs a.mrb_active:after {
  border-left-color: #fafafa;
}


.mrb_nyd span.mrb_span_number {
  background-color: white !important;
  color: #aaa !important;
}
.mrb_nyd span.mrb_span_text {
  color: #aaa !important;
}

.mrb_wip span.mrb_span_number {
  background-color: #555555 !important;
  border-color:  #555555 !important;
  color: white !important;
}
.mrb_wip span.mrb_span_text {
  color: #555555 !important;
}

.mrb_done span.mrb_span_number {
  background-color:  var(--secondary-teal-blue) !important;
  border-color:  var(--secondary-teal-blue) !important;
  color: white !important;
}
.mrb_done span.mrb_span_text {
  color: #aaa !important;
}

.grid-mrb-add-headings {
  background: var(--brown-grey);
  max-height: 36px;
  min-height: 36px;
  -ms-grid-columns: 1fr 0 75px 0 160px 0 160px 0 160px 0 160px 0 42px;
  grid-template-columns: 1fr 75px 160px 160px 160px 160px 42px;
  -ms-grid-rows: 35px;
  grid-template-rows: 35px;
  border: 1px solid var(--brown-grey);
}

.grid-mrb-add {
  border: 1px none var(--very-light-pink);
  max-height: none;
  min-height: 23px;
  -ms-grid-columns: 1fr 0 75px 0 160px 0 160px 0 160px 0 160px 0 42px;
  grid-template-columns: 1fr 75px 160px 160px 160px 160px 42px;
  -ms-grid-rows: auto 0;
  grid-template-rows: auto;
}

.grid-mrb-add-header {
  grid-column-start: 1;
  grid-column-end: 8;
  grid-row-start: 1;
  grid-row-end: 2;
  background-color: var(--brown-grey);
}





@media (max-width: 720px) {
  .mrb_breadcrumbs a {
    padding: 15px;
  }

  .mrb_breadcrumbs a:before,
  .mrb_breadcrumbs a:after {
    border-top-width: 26px;
    border-bottom-width: 26px;
    border-left-width: 13px;
  }
}

@media (max-width: 620px) {
  .mrb_breadcrumbs a {
    padding: 10px;
    font-size: 12px;
  }

  .mrb_breadcrumbs a:before,
  .mrb_breadcrumbs a:after {
    border-top-width: 22px;
    border-bottom-width: 22px;
    border-left-width: 11px;
  }
}
@media (max-width: 520px) {
  .mrb_breadcrumbs a {
    padding: 5px;
  }

  .mrb_breadcrumbs a:before,
  .mrb_breadcrumbs a:after {
    border-top-width: 16px;
    border-bottom-width: 16px;
    border-left-width: 8px;
  }

  .mrb_breadcrumbs li a span:first-child {
    display: block;
    margin: 0 auto;
  }

  .mrb_breadcrumbs li a span:last-child {
    display: none;
  }
}

/* - vv Breadcrumbs - */
.vv_inner {
  max-width: 1000px;
  margin: 0 0 0 0;
}

.vv_cf {
}

.vv_breadcrumbs a { text-decoration: none; }
.vv_breadcrumbs a:link { text-decoration: none; }
.vv_breadcrumbs a:visited { text-decoration: none; }
.vv_breadcrumbs a:hover { text-decoration: none; }
.vv_breadcrumbs a:active { text-decoration: none; }

.vv_span_number {
    padding: 0 2px 2px 2px;
}

.vv_span_text {
    outline-color: transparent;
}

.vv_cf:before, .vv_cf:after {
  content: ' ';
  display: table;
}
.vv_cf:after {
  clear: both;
}

.vv_breadcrumbs {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  background-color: #f5f5f5;
  height: 65px;
  margin-top: 0;
}

.vv_breadcrumbs ul {
  list-style: none;
  border-left: 1px solid #ddd;
  padding: 0 0 0 0;
}

.vv_breadcrumbs li {
  float: left;
  width: 25%;
}

.vv_breadcrumbs a {
  position: relative;
  display: block;
  padding: 20px;
  padding-right: 0 !important;
  /* important overrides media queries */
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  color: #aaa;
  cursor: pointer;
}

.vv_breadcrumbs a:hover {
  background: #eee;
}

.vv_breadcrumbs a.vv_active {
  color: #555555;
  background-color: #fafafa;
}

.vv_breadcrumbs a span:first-child {
  display: inline-block;
  width: 22px;
  height: 22px;
  padding: 0 2px 2px 2px;
  margin-right: 5px;
  border: 2px solid #aaa;
  border-radius: 50%;
  background-color: #fff;
}

.vv_breadcrumbs a.active span:first-child {
  color: #fff;
  border-color: #555555;
  background-color: #555555;
}

.vv_breadcrumbs a:before,
.vv_breadcrumbs a:after {
  content: '';
  position: absolute;
  top: 0;
  left: 100%;
  z-index: 1;
  display: block;
  width: 0;
  height: 0;
  border-top: 32px solid transparent;
  border-bottom: 32px solid transparent;
  border-left: 16px solid transparent;
}

.vv_breadcrumbs a:before {
  margin-left: 1px;
  border-left-color: #d5d5d5;
}

.vv_breadcrumbs a:after {
  border-left-color: #f5f5f5;
}

.vv_breadcrumbs a:hover:after {
  border-left-color: #eee;
}

.vv_breadcrumbs a.vv_active:after {
  border-left-color: #fafafa;
}

.vv_left {
  text-align: left;
  font-family: proxima-nova, sans-serif;
  font-size: 12px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
}

.vv_center {
  text-align: center;
  font-family: proxima-nova, sans-serif;
  font-size: 12px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
}

.vv_right {
  text-align: right;
  font-family: proxima-nova, sans-serif;
  font-size: 12px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
}

.vv_tab4_list {
  text-align: left;
  font-family: proxima-nova, sans-serif;
  font-size: 16px;
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
}

.vv_tab4_list_center {
  text-align: center;
  font-family: proxima-nova, sans-serif;
  font-size: 16px;
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
}

.vv_tab4_list_right {
  text-align: right;
  font-family: proxima-nova, sans-serif;
  font-size: 16px;
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
}

.vv_tab4_list_green {
  text-align: center;
  font-family: proxima-nova, sans-serif;
  color: #00929c;
  font-size: 16px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
}

.vv_tab4_list_red {
  text-align: center;
  font-family: proxima-nova, sans-serif;
  color: #ee162d;
  font-size: 16px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
}

.grid-economy-vv-prepaid {
  border: 0 none;
  max-height: none;
  min-height: 14px;
  -ms-grid-columns: 40px 0 90px 0 120px 0 150px 0 10px 0 150px 0 100px 0 10px 0 100px 0 100px 0 100px;
  grid-template-columns: 40px 90px 120px 150px 10px 150px 100px 10px 100px 100px 100px;
  -ms-grid-rows: auto 0;
  grid-template-rows: auto;
}

.grid-economy-vv-prepaid-header {
  grid-column-start: 1;
  grid-column-end: 12;
  grid-row-start: 1;
  grid-row-end: 2;
  background-color: var(--brown-grey);
}

.grid-economy-vv-notprepaid {
  border: 0 none;
  max-height: none;
  min-height: 14px;
  -ms-grid-columns: 40px 0 90px 0 120px 0 150px 0 10px 0 150px 0 100px 0 10px 0 100px 0 100px 0 100px;
  grid-template-columns: 40px 90px 120px 150px 10px 150px 100px 10px 100px 100px 100px;
  -ms-grid-rows: auto 0;
  grid-template-rows: auto;
}

.grid-economy-vv-notprepaid-header {
  grid-column-start: 1;
  grid-column-end: 12;
  grid-row-start: 1;
  grid-row-end: 2;
  background-color: var(--brown-grey);
}

.grid-economy-vv-resting {
  border: 0 none;
  max-height: none;
  min-height: 14px;
  -ms-grid-columns: 1fr 0 80px 0 80px 0 120px 0 120px;
  grid-template-columns: 1fr 80px 80px 120px 120px;
  -ms-grid-rows: auto 0;
  grid-template-rows: auto;
}

.grid-economy-vv-resting-header {
  grid-column-start: 1;
  grid-column-end: 6;
  grid-row-start: 1;
  grid-row-end: 2;
  background-color: var(--brown-grey);
}

.grid-economy-vv-activation {
  border: 0 none;
  max-height: none;
  min-height: 14px;
  -ms-grid-columns: 1fr 0 80px 0 80px 0 120px 0 120px;
  grid-template-columns: 1fr 80px 80px 120px 120px;
  -ms-grid-rows: auto 0;
  grid-template-rows: auto;
}

.grid-economy-vv-activation-header {
  grid-column-start: 1;
  grid-column-end: 6;
  grid-row-start: 1;
  grid-row-end: 2;
  background-color: var(--brown-grey);
}


.grid-economy-vv-tab4list {
  border: 0 none;
  max-height: none;
  min-height: 14px;
  -ms-grid-columns: 150px 0 50px 0 120px 0 120px 0 120px 0 120px 0 120px 0 1fr;
  grid-template-columns: 150px 50px 120px 120px 120px 120px 120px 1fr;
  -ms-grid-rows: auto 0;
  grid-template-rows: auto;
}

.grid-economy-vv-tab4list-header {
  grid-column-start: 1;
  grid-column-end: 9;
  grid-row-start: 1;
  grid-row-end: 2;
  background-color: var(--brown-grey);
}

.grid-economy-vv-tab4created {
  border: 0 none;
  max-height: none;
  min-height: 14px;
  -ms-grid-columns: 100px 0 50px 0 300px 0 150px 0 120px;
  grid-template-columns: 100px 50px 300px 150px 120px;
  -ms-grid-rows: auto 0;
  grid-template-rows: auto;
}

.grid-economy-vv-tab4created-header {
  grid-column-start: 1;
  grid-column-end: 6;
  grid-row-start: 1;
  grid-row-end: 2;
  background-color: var(--brown-grey);
}

.grid-economy-vv-tab4errors {
  border: 0 none;
  max-height: none;
  min-height: 14px;
  -ms-grid-columns:  100px 0 50px 0 300px 0 150px 0 120px 0 1fr;
  grid-template-columns:  100px 50px 300px 150px 120px 1fr;
  -ms-grid-rows: auto 0;
  grid-template-rows: auto;
}

.grid-economy-vv-tab4errors-header {
  grid-column-start: 1;
  grid-column-end: 7;
  grid-row-start: 1;
  grid-row-end: 2;
  background-color: var(--brown-grey);
}

.vv_nyd span.vv_span_number {
  background-color: white !important;
  color: #aaa !important;
}
.vv_nyd span.vv_span_text {
  color: #aaa !important;
}

.vv_wip span.vv_span_number {
  background-color: #555555 !important;
  border-color:  #555555 !important;
  color: white !important;
}
.vv_wip span.vv_span_text {
  color: #555555 !important;
}

.vv_done span.vv_span_number {
  background-color:  var(--secondary-teal-blue) !important;
  border-color:  var(--secondary-teal-blue) !important;
  color: white !important;
}
.vv_done span.vv_span_text {
  color: #aaa !important;
}

.grid-vv-add-headings {
  background: var(--brown-grey);
  max-height: 36px;
  min-height: 36px;
  -ms-grid-columns: 1fr 0 75px 0 160px 0 160px 0 160px 0 160px 0 42px;
  grid-template-columns: 1fr 75px 160px 160px 160px 160px 42px;
  -ms-grid-rows: 35px;
  grid-template-rows: 35px;
  border: 1px solid var(--brown-grey);
}

.grid-vv-add {
  border: 1px none var(--very-light-pink);
  max-height: none;
  min-height: 23px;
  -ms-grid-columns: 1fr 0 75px 0 160px 0 160px 0 160px 0 160px 0 42px;
  grid-template-columns: 1fr 75px 160px 160px 160px 160px 42px;
  -ms-grid-rows: auto 0;
  grid-template-rows: auto;
}

.grid-vv-add-header {
  grid-column-start: 1;
  grid-column-end: 8;
  grid-row-start: 1;
  grid-row-end: 2;
  background-color: var(--brown-grey);
}





@media (max-width: 720px) {
  .vv_breadcrumbs a {
    padding: 15px;
  }

  .vv_breadcrumbs a:before,
  .vv_breadcrumbs a:after {
    border-top-width: 26px;
    border-bottom-width: 26px;
    border-left-width: 13px;
  }
}

@media (max-width: 620px) {
  .vv_breadcrumbs a {
    padding: 10px;
    font-size: 12px;
  }

  .vv_breadcrumbs a:before,
  .vv_breadcrumbs a:after {
    border-top-width: 22px;
    border-bottom-width: 22px;
    border-left-width: 11px;
  }
}
@media (max-width: 520px) {
  .vv_breadcrumbs a {
    padding: 5px;
  }

  .vv_breadcrumbs a:before,
  .vv_breadcrumbs a:after {
    border-top-width: 16px;
    border-bottom-width: 16px;
    border-left-width: 8px;
  }

  .vv_breadcrumbs li a span:first-child {
    display: block;
    margin: 0 auto;
  }

  .vv_breadcrumbs li a span:last-child {
    display: none;
  }
}

/* Create a custom checkbox */
.mow_tick-small_ra {
  position: absolute;
  top: 0;
  left: 0;
  height: 14px;
  width: 14px;
  background-color: var(--white);
  display: flex;
  align-items: center;
  border-radius: 2px;
  border: solid 1px #d8d8d8;
}

.mow_checkbox_container-small:hover input ~ .mow_tick-small_ra {
  border: solid 1px var(--primary-petrol-two);
}

.mow_checkbox_container-small:hover input ~ .mow_tick-small_ra {
  border: solid 1px var(--primary-petrol-two);
}

.mow_checkbox_container-small input:disabled ~ .mow_tick-small_ra {
  background-color: white
}

.mow_tick-small_ra:after {
  content: "";
  position: absolute;
  display: none;
}

.mow_checkbox_container-small input:checked ~ .mow_tick-small_ra:after {
  display: block;
  background-image: url('../images/new_icons/Actions/Check/30_green.svg');
  background-size: 100%;
}

.mow_checkbox_container-small input:disabled ~ .mow_tick-small_ra {
  background-color: var(--very-light-pink-two);
  background-image: none;
  display:block;
  border: solid 1px #d8d8d8;
  background-size: 100%;
}

.mow_checkbox_container-small .mow_tick-small_ra:after {
  width: 14px;
  height: 14px;
}

.gs-border-top {
  border-top: 1px solid var(--petrol);
}

.gs-border-left {
  border-left: 1px solid var(--petrol);
}

.gs-border-bottom {
  border-bottom: 1px solid var(--petrol);
}

.gs-border-right {
  border-right: 1px solid var(--petrol);
}

.ra_process_grid {
  display: grid;
  max-width: none;
  overflow-y: scroll;
  overflow-x: hidden;
  -webkit-box-pack: start;
  -webkit-justify-content: center;
  -ms-flex-pack: start;
  justify-content: stretch;
  -webkit-align-content: stretch;
  align-content: start;
  grid-auto-columns: 0.5fr;
  grid-column-gap: 0;
  grid-row-gap: 0;
  grid-template-areas: ".";
  -ms-grid-columns: 400px 0 175px;
  grid-template-columns: 400px 175px;
  -ms-grid-rows: auto 0;
  grid-template-rows: auto;
}

.ra_kpi_process_grid {
  display: grid;
  max-width: none;
  overflow-y: scroll;
  overflow-x: hidden;
  -webkit-box-pack: start;
  -webkit-justify-content: center;
  -ms-flex-pack: start;
  justify-content: stretch;
  -webkit-align-content: stretch;
  align-content: start;
  grid-auto-columns: 0.5fr;
  grid-column-gap: 0;
  grid-row-gap: 0;
  grid-template-areas: ".";
  -ms-grid-columns: 400px 0 175px;
  grid-template-columns: 400px 175px;
  -ms-grid-rows: auto 0;
  grid-template-rows: auto;
}

.ra_fast_process_grid {
  display: grid;
  max-width: none;
  overflow-y: scroll;
  overflow-x: hidden;
  -webkit-box-pack: start;
  -webkit-justify-content: center;
  -ms-flex-pack: start;
  justify-content: stretch;
  -webkit-align-content: stretch;
  align-content: start;
  grid-auto-columns: 0.5fr;
  grid-column-gap: 0;
  grid-row-gap: 0;
  grid-template-areas: ".";
  -ms-grid-columns: 400px 0 175px;
  grid-template-columns: 400px 175px;
  -ms-grid-rows: auto 0;
  grid-template-rows: auto;
}

.mrb_process_grid {
  display: grid;
  max-width: none;
  overflow-y: scroll;
  overflow-x: hidden;
  -webkit-box-pack: start;
  -webkit-justify-content: center;
  -ms-flex-pack: start;
  justify-content: stretch;
  -webkit-align-content: stretch;
  align-content: start;
  grid-auto-columns: 0.5fr;
  grid-column-gap: 0;
  grid-row-gap: 0;
  grid-template-areas: ".";
  -ms-grid-columns: 400px 0 175px;
  grid-template-columns: 400px 175px;
  -ms-grid-rows: auto 0;
  grid-template-rows: auto;
}

.ra_ho_link {
  color: var(--secondary-teal-blue);
  text-decoration: none;
}

.mrb_add_hos_two_column_grid {
  display: grid;
  max-width: none;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-box-pack: start;
  -webkit-justify-content: center;
  -ms-flex-pack: start;
  justify-content: stretch;
  -webkit-align-content: stretch;
  align-content: start;
  grid-auto-columns: 0.5fr;
  grid-column-gap: 0;
  grid-row-gap: 0;
  grid-template-areas: ".";
  -ms-grid-columns: 300px 0 1fr;
  grid-template-columns: 300px 1fr;
  -ms-grid-rows: auto 0;
  grid-template-rows: auto;
}


.ra_add_hos_two_column_grid {
  display: grid;
  max-width: none;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-box-pack: start;
  -webkit-justify-content: center;
  -ms-flex-pack: start;
  justify-content: stretch;
  -webkit-align-content: stretch;
  align-content: start;
  grid-auto-columns: 0.5fr;
  grid-column-gap: 0;
  grid-row-gap: 0;
  grid-template-areas: ".";
  -ms-grid-columns: 300px 0 1fr;
  grid-template-columns: 300px 1fr;
  -ms-grid-rows: auto 0;
  grid-template-rows: auto;
}


/* - Comms Add Grids - */

.grid-comms-add-grid {
  display: grid;
  max-width: none;
  overflow-y: hidden;   /* Scroll */
  overflow-x: hidden;
  -webkit-box-pack: start;
  -webkit-justify-content: center;
  -ms-flex-pack: start;
  justify-content: stretch;
  -webkit-align-content: stretch;
  align-content: start;
  grid-auto-columns: 1fr;
  grid-column-gap: 0;
  grid-row-gap: 0;
  grid-template-areas: ".";
}

.grid-comms_add_page_2 {
  border: 0 none transparent;
  height: 491px;
  min-height: 491px;
  max-height: 491px;
  -ms-grid-columns: 1fr 0 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

/* - Comms Add Breadcrumbs - */
.comms_add_inner {
  max-width: 1000px;
  margin: 0 0 0 0;
}

.comms_add_cf {
}

.comms_add_conversation_breadcrumbs a { text-decoration: none; }
.comms_add_conversation_breadcrumbs a:link { text-decoration: none; }
.comms_add_conversation_breadcrumbs a:visited { text-decoration: none; }
.comms_add_conversation_breadcrumbs a:hover { text-decoration: none; }
.comms_add_conversation_breadcrumbs a:active { text-decoration: none; }

.comms_add_span_number {
    padding: 0 2px 2px 2px;
}

.comms_add_span_text {
    outline-color: transparent;
}

.comms_add_cf:before, .comms_add_cf:after {
  content: ' ';
  display: table;
}
.comms_add_cf:after {
  clear: both;
}

.comms_add_conversation_breadcrumbs {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  background-color: #f5f5f5;
  height: 65px;
}

.comms_add_conversation_breadcrumbs ul {
  list-style: none;
  border-left: 1px solid #ddd;
  padding: 0 0 0 0;
}

.comms_add_conversation_breadcrumbs li {
  float: left;
  width: 20%;
}

.comms_add_conversation_breadcrumbs a {
  position: relative;
  display: block;
  padding: 20px;
  padding-right: 0 !important;
  /* important overrides media queries */
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  color: #aaa;
  cursor: pointer;
}

.comms_add_conversation_breadcrumbs a:hover {
  background: #eee;
}

.comms_add_conversation_breadcrumbs a.comms_add_active {
  color: #555555;
  background-color: #fafafa;
}

.comms_add_conversation_breadcrumbs a span:first-child {
  display: inline-block;
  width: 22px;
  height: 22px;
  padding: 0 2px 2px 2px;
  margin-right: 5px;
  border: 2px solid #aaa;
  border-radius: 50%;
  background-color: #fff;
}

.comms_add_conversation_breadcrumbs a.active span:first-child {
  color: #fff;
  border-color: #555555;
  background-color: #555555;
}

.comms_add_conversation_breadcrumbs a:before,
.comms_add_conversation_breadcrumbs a:after {
  content: '';
  position: absolute;
  top: 0;
  left: 100%;
  z-index: 1;
  display: block;
  width: 0;
  height: 0;
  border-top: 32px solid transparent;
  border-bottom: 32px solid transparent;
  border-left: 16px solid transparent;
}

.comms_add_conversation_breadcrumbs a:before {
  margin-left: 1px;
  border-left-color: #d5d5d5;
}

.comms_add_conversation_breadcrumbs a:after {
  border-left-color: #f5f5f5;
}

.comms_add_conversation_breadcrumbs a:hover:after {
  border-left-color: #eee;
}

.comms_add_conversation_breadcrumbs a.comms_add_active:after {
  border-left-color: #fafafa;
}


.comms_add_nyd span.comms_add_span_number {
  background-color: white !important;
  color: #aaa !important;
}
.comms_add_nyd span.comms_add_span_text {
  color: #aaa !important;
}

.comms_add_wip span.comms_add_span_number {
  background-color: #555555 !important;
  border-color:  #555555 !important;
  color: white !important;
}
.comms_add_wip span.comms_add_span_text {
  color: #555555 !important;
}

.comms_add_done span.comms_add_span_number {
  background-color:  var(--secondary-teal-blue) !important;
  border-color:  var(--secondary-teal-blue) !important;
  color: white !important;
}
.comms_add_done span.comms_add_span_text {
  color: #aaa !important;
}


@media (max-width: 720px) {
  .comms_add_conversation_breadcrumbs a {
    padding: 15px;
  }

  .comms_add_conversation_breadcrumbs a:before,
  .comms_add_conversation_breadcrumbs a:after {
    border-top-width: 26px;
    border-bottom-width: 26px;
    border-left-width: 13px;
  }
}
@media (max-width: 620px) {
  .comms_add_conversation_breadcrumbs a {
    padding: 10px;
    font-size: 12px;
  }

  .comms_add_conversation_breadcrumbs a:before,
  .comms_add_conversation_breadcrumbs a:after {
    border-top-width: 22px;
    border-bottom-width: 22px;
    border-left-width: 11px;
  }
}
@media (max-width: 520px) {
  .comms_add_conversation_breadcrumbs a {
    padding: 5px;
  }

  .comms_add_conversation_breadcrumbs a:before,
  .comms_add_conversation_breadcrumbs a:after {
    border-top-width: 16px;
    border-bottom-width: 16px;
    border-left-width: 8px;
  }

  .comms_add_conversation_breadcrumbs li a span:first-child {
    display: block;
    margin: 0 auto;
  }

  .comms_add_conversation_breadcrumbs li a span:last-child {
    display: none;
  }
}

.grid-comms-add-headings {
  background: var(--brown-grey);
  max-height: 36px;
  min-height: 36px;
  -ms-grid-columns: 285px 0 75px 0 240px 0 120px 0 120px 0 140px 0 42px;
  grid-template-columns: 285px 75px 240px 120px 120px 140px 42px;
  -ms-grid-rows: 35px;
  grid-template-rows: 35px;
  border: 1px solid var(--brown-grey);
}

.grid-comms-add {
  border: 1px none var(--very-light-pink);
  max-height: none;
  min-height: 23px;
  -ms-grid-columns: 285px 0 75px 0 240px 0 120px 0 120px 0 192px;
  grid-template-columns: 285px 75px 240px 120px 120px 192px;
  -ms-grid-rows: auto 0;
  grid-template-rows: auto;
}

.grid-comms-add-header {
  grid-column-start: 1;
  grid-column-end: 8;
  grid-row-start: 1;
  grid-row-end: 2;
  background-color: var(--brown-grey);
}

.grid-cids-invoice-configs {
  background: #ffffff;
  border: 1px none var(--very-light-pink);
  max-height: 40px;
  min-height: 40px;
  -ms-grid-columns: 250px 0 450px 0 130px 0 160px;
  grid-template-columns: 250px 450px 130px 160px;
  grid-auto-rows: 40px;
}

.grid-cids-invoice-configs-header {
  background: #ffffff;
  border: 1px none var(--very-light-pink);
  max-height: 35px;
  min-height: 35px;
  -ms-grid-columns: 250px 0 450px 0 130px 0 160px;
  grid-template-columns: 250px 450px 130px 160px;
}


.cavs-section {
  display: block;
  padding-top: 0;
  padding-bottom: 35px;
  -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;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background-color: #fff;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  margin-right: 1em;
}
.select2-container--default.select2-container--focus .select2-selection--multiple:active {
  border-color: #007d86 !important;
  background-color: #fff;
  box-shadow: 0 9px 22px 6px rgba(0, 0, 0, 0.14);
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #0060640a;
}
.select2--textarea {
  & textarea {
    width: 100%;
    margin: unset;
    vertical-align: baseline;
  }
}
.select2--additional {
  padding-top: 7px;
  padding-bottom: 7px;
  border: 1px solid #dbdbdb;
}


/* - Media CSS - */

@media screen and (max-width: 570px) {
  .heading-2 {
    font-size: 27px !important;
  }
  .modal-block-content {
    min-width: 90%;
  }
  .comm-modal-large {
    width: 95vw;
  }
  .comm-modal-large-header {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .comm-modal-large-headersection {
    padding: 0.5em 0em 0.5em 0.7em;
  }
  .comm-modal-large-content {
    padding: 1em;
  }
}

@media screen and (max-width: 570px) {
  .heading-2 {
    font-size: 30px;
  }
  .comm_message_card {
    width: 80%;
    font-size: 14px;
  }
  .thread_card_receiver_name {
    /*display: none;*/
    font-size: 13px;
  }
  .thread_card_receiver_name_short {
    display: flex;
  }
  /*.write-message-button {*/
  /*  width: 250px;*/
  /*}*/
  /*.comm_message_title {*/
  /*  width: 250px;*/
  /*}*/
  .thread_align_message_right {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
  }
  .thread_card_messages {
    margin: 50px 0 0 16px;
  }
  .comm_thread_card_top {
    margin: 0 20px 8px 16px;
  }
  .comm_thread_card {
    margin: 0 20px 8px 16px;
  }
  .conversation_card_tag {
    margin: 2px -5px 0 0;
  }
  .comm_notsent {
    width: 210px;
  }

  .ghost_message_trigger {
    margin: 12px 0 0 174px;
    font-size: 14px;
  }

  .container-communication {
    height: -webkit-calc(100% - 44px); /*Minus height of tabsection*/
    height: calc(100% - 44px);
    height: -moz-calc(100% - 44px);
  }
  .conversation_card_name {
    display: none;
  }
}
.data-menu-button-container {
  width: fit-content;
}
.data-menu-button-wrapper {
  padding: 0em 0.0em 0em 0.3em;

}
.data-menu-button-input {
  width: 135px !important;
  margin-top: 5px;
}

@media screen and (max-width: 400px) {
  .comm_message_card {
    width: 80%;
  }
  /*.write-message-button {*/
  /*  width: 200px;*/
  /*}*/
  /*.comm_message_title {*/
  /*  width: 200px;*/
  /*}*/
  .thread_align_message_right {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
  }
  .ghost_message_trigger {
    margin: 12px 0 0 124px;
  }
  .comm_notsent {
    width: 160px;
  }
  .internal_note_header {
    display: none;
  }
}

/* TABLET */
@media screen and (max-width: 767px) {

  .sign-up-left > .oath-buttons-login > .divider-login > .line {
    flex: 1 !important;
  }

  .sign-up-left {
    width: unset;
  }

  .action-button-block {
    order: unset;
    top: unset;
    padding-top: unset;
    align-self: center;
  }

  .comm_message_card {
    width: 80%;
  }
  /*.write-message-button {*/
  /*  width: 400px;*/
  /*}*/
  /*.comm_message_title {*/
  /*  width: 400px;*/
  /*}*/
  .thread_align_message_right {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
  }
  .ghost_message_trigger {
    margin: 12px 0 0 314px;
  }
  .internal_note_tag_narrow_screen {
    display: block; padding-top: 0; margin: 0 8px 0 -8px;
  }
  .internal_note_tag_wide_screen{
    display:none
  }

  .comm_thread_card {
    margin: 0 24px 8px 24px;
  }
  .comm_notsent {
    margin: 3px 0 24px 16px;
  }
  .conversation_list {
    position: absolute;
    width: 100vw;
    left:0;
    border: none;
    border-top: 1px solid var(--very-light-pink);
    border-radius: 0;
  }
  .conversation_list_external {
    border: none;
    border-radius: 0;
  }
  .comm_message_sent {
    display: block;
    float: none;
  }
  .comm_message_sender {
    display: block;
    float: none;
  }
  .comm_message { padding: 12px 8px 0 16px; }
  .comm_message_files { padding: 0 68px 0 16px; }
  .received_margin { padding-bottom: 12px; }

  .conversation_card_header {
    grid-template-columns: 56px 76px auto 66px;
    grid-template-rows: auto auto;
    background-color: #ffffff;
    border-radius: 10px;
  }
  .conversation_card_header_external {
    grid-template-columns: 76px 1fr 0px;
    grid-template-rows: auto auto;
    & .conversation-card-tags-container {
      margin-left: 0.5em;
    }
  }
  .conversation_card_subject {
    margin-left: 0;
    margin-right: 16px;
    grid-row: 2;
    grid-column: 2 / 5;
  }
  .conversation_card_right_buttons {
    grid-column: 4 / 5;
  }
  .conversation_card_tag {
    margin: 2px 3px 0 -8px;
  }
}

@media screen and (max-height: 880px) {
  .comm-modal-large {
    /*max-height: 75vh;*/
    /*grid-template-rows: auto minmax(40vh, 75vh) 55px;*/
    bottom: 0;
  }
  .comm-modal-large.additional-row {
    grid-template-rows: auto minmax(40vh, 50vh) 95px 55px;
  }
}

@media screen and (max-width: 991px) {
  .staffassist-dropdown-menu-item {
    display: inherit;
  }

  #div_bankid_logo {
    top: 1em;
  }

  #div_init > h4 {
    width: unset;
    margin-left: 6em;
    margin-right: 6em;
    margin: 0 auto 0 auto;
  }
  #div_failed > h4 {
    width: unset;
    margin-left: 6em;
    margin-right: 6em;
    margin: 0 auto 0 auto;
  }

  .list-header-overlay.sticky {
    top: 15px !important;
  }
  .search-filter-tags-container {
    padding-right: 1.5em;
  }
  .search-filter-tags-container.sticky {
    padding-left: 3.3em !important;
    padding-right: 3.3em !important;
  }
  .search-function {
    width: calc(100vw - 6em);
  }

  .tab-section-communication {
    display: block;
  }
  .container-communication {
    display: block;
    height: -webkit-calc(100% - 52px); /*Minus height of tabsection*/
    height: calc(100% - 52px);
    height: -moz-calc(100% - 52px);
  }
  .internal_note_arrow {
    margin: 7px 50px 0 0
  }
  .tabs-menu-communication {
    display: flex;
    overflow-x: auto;
  }
  .communication_page_container:not(:is(.comms-external-container)) {
    /*width: -webkit-calc(100vw - 60px);*/
    /*width: calc(100vw - 60px);*/
    /*width: -moz-calc(100vw - 60px);*/
    /*margin-left: 30px;*/
    margin-top: 7em;
  }
  .conversation_card_arrow {
    margin: 6px 50px 0 0;
  }
  div#menu_outer_div .drop-down-action-menu.w--open {
    top: 38px;
    right: unset;
  }
  .video-display-overview-section {
    padding-top: 30px;
  }
  .tab-section {
    margin-top: 90px !important;
  }
  .tab-section-margin-div {
    margin-left: unset !important;
    margin-right: unset !important;
  }
}

@media screen and (max-width: 1033px) {
  #mwp_list_div_choose_roles_list > .faq-grid-block > .gridlist-tenant-card > .sub-gridlist-tenant-card > .question > img,
  #mwp_list_div_staffassist_modal_list > .faq-grid-block > .gridlist-tenant-card > .sub-gridlist-tenant-card > .question > img {
    margin: unset;
  }
  #mwp_list_div_staffassist_modal_list > .faq-grid-block > .gridlist-tenant-card > .sub-gridlist-tenant-card > .question > .object-card-content > .object-content-info > .list_object_name {
    white-space: unset !important;
  }
  #mwp_list_div_staffassist_modal_list > .faq-grid-block > .gridlist-tenant-card > .sub-gridlist-tenant-card > .question > .object-card-content > .object-content-info {
    flex-wrap: wrap;
  }

  .search-filter-tags-container.sticky {
    padding-left: calc(50vw - 28.8rem);
    padding-right: calc(50vw - 29rem);
  }
  .search-function {
    width: calc(100vw - 6em);
  }
  .comm-contact-table-a {
    display: block;
    float: none;
  }
 }

@media screen and (max-width: 1200px) {
  .comm_message_card {
    width: 80%;
  }
  /*.write-message-button {*/
  /*  width: 500px;*/
  /*}*/
  /*.comm_message_title {*/
  /*  width: 80%;*/
  /*}*/
  .thread_align_message_right {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
  }
  .thread_align_message_right_external {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
  }
  .ghost_message_trigger {
    margin: 16px 0 0 404px;
  }
}

@media screen and (min-width: 1415px) and (max-width: 1700px) {
  /*div.tab-section div.w-container nav.drop-down-action-menu.w-dropdown-list.w--open:not(div.tab-content-top .w--open) {
    right: -5rem !important;
  }*/
  div.tab-section div.w-container nav.drop-down-action-menu.w-dropdown-list.w--open:not(div[id^="mwp_list_div"] .w--open):not([identity="plus-button"]) {
    right: 0rem !important;
  }
  div.tab-section div.w-container .drop-down-arrow-mwp-list-left:not(div.info-block .drop-down-arrow-mwp-list-left):not(div[id^="mwp_list_div"] .drop-down-arrow-mwp-list-left) {
    left: unset;
    right: 1rem;
  }
  div.tab-section div.w-container nav.drop-down-action-menu.w-dropdown-list.w--open:not([identity="plus-button"]) {
    right: -0.5rem !important;
  }
  div.tab-section div.w-container .drop-down-arrow-mwp-list-left:not(div.info-block .drop-down-arrow-mwp-list-left) {
    left: unset;
    right: 1em
  }
  /*div.tab-section div.w-container .drop-down-arrow-mwp-list-left:not(div.info-block .drop-down-arrow-mwp-list-left):not(div.tab-content-top .drop-down-arrow-mwp-list-left) {
    left: unset;
    right: 5rem;
  }*/
}

@media screen and (max-width: 1415px) {
  .message_overview_size {
    width: inherit;
  }

  .grouped-three-dot-menu.drop-down-list-left.w--open {
    right: 97%;
    left: unset;
  }
  .grouped-three-dot-menu.multip-drop-down-icon.multi-drop-down-icon-right {
    background-image: url('../images/new_icons/Arrows/Chevron/Left/30.svg');
  }
  .grouped-three-dot-menu.w-icon-dropdown-toggle {
    left: 1em;
    right: unset;
  }
  .grouped-three-dot-menu.drop-down-toogle-multi-text {
    margin-left: 0.6em;
  }

  div.objects-section nav.drop-down-action-menu.w-dropdown-list.w--open:not(div.tab-section .w--open):not(div.tab-content-top .w--open) {
    right: -1.1rem !important;
  }
  .drop-down-arrow-mwp-list-left:not(div.tab-section .drop-down-arrow-mwp-list-left):not(div.tab-content-top .drop-down-arrow-mwp-list-left) {
    left: unset !important;
    right: 1.5rem !important;
  }
  div.w-container nav.drop-down-action-menu.w-dropdown-list.w--open:not(div.tab-section .w--open):not(div.tab-content-top .w--open):not(div.objects-section .w--open) {
    right: -3rem !important;
  }
  .drop-down-arrow-mwp-list-left:not(div.tab-section .drop-down-arrow-mwp-list-left):not(div.tab-content-top .drop-down-arrow-mwp-list-left):not(div.objects-section .drop-down-arrow-mwp-list-left) {
    left: 80% !important;
  }
  div.tab-section div.w-container nav.drop-down-action-menu.w-dropdown-list.w--open:not(div[id^="mwp_list_div"] .w--open) {
    right: -1rem !important;
  }
  div.tab-section div.w-container .drop-down-arrow-mwp-list-left:not(div.info-block .drop-down-arrow-mwp-list-left):not(div.tab-content-top .drop-down-arrow-mwp-list-left) {
    left: unset;
    right: 1rem;
  }
  div.tab-section div.w-container nav.drop-down-action-menu.w-dropdown-list.w--open:not(div.tab-content-top .w--open) {
    right: -0.5em;
  }
}

@media screen and (min-width: 1700px) {
  /*div.tab-section div.w-container nav.drop-down-action-menu.w-dropdown-list.w--open:not(div[id^="mwp_list_div"] .w--open) {
    right: 0rem;
  }
  div.tab-section div.w-container .drop-down-arrow-mwp-list-left:not(div.info-block .drop-down-arrow-mwp-list-left):not(div.tab-content-top .drop-down-arrow-mwp-list-left) {
    left: unset;
    right: 1rem;
  }*/
  div.tab-section div.w-container nav.drop-down-action-menu.w-dropdown-list.w--open:not(div[id^="mwp_list_div"] .w--open):not(:has(div.grouped-three-dot-menu)):not(div[id="container"] .w--open):not(div.comment-content-block .w--open):not(div.tab-section div.w-container .w--open) {
    left: -1rem !important;
    width: fit-content;
  }
  div.tab-section div.w-container .drop-down-arrow-mwp-list-left:not(div.info-block .drop-down-arrow-mwp-list-left):not(div[id^="mwp_list_div"] .drop-down-arrow-mwp-list-left) {
    /*left: unset;*/
    /*right: 1em*/
  }
  div.tab-section div.w-container nav.drop-down-action-menu.w-dropdown-list.w--open:not([identity="plus-button"]) {
    right: -0.5rem !important;
  }
  div.tab-section div.w-container .drop-down-arrow-mwp-list-left:not(div.info-block .drop-down-arrow-mwp-list-left) {
    left: unset;
    right: 1em
  }
}

@media screen and (max-width: 1700px) {


  .grouped-three-dot-menu.drop-down-list-left.w--open {
    right: 97%;
    left: unset;
  }
  .grouped-three-dot-menu.multip-drop-down-icon.multi-drop-down-icon-right {
    background-image: url('../images/new_icons/Arrows/Chevron/Left/30.svg');
  }
  .grouped-three-dot-menu.w-icon-dropdown-toggle {
    left: 1em;
    right: unset;
  }
  .grouped-three-dot-menu.drop-down-toogle-multi-text {
    margin-left: 0.6em;
  }

  div.objects-section nav.drop-down-action-menu.w-dropdown-list.w--open:not(div.tab-section .w--open):not(div.tab-content-top .w--open):has(div.grouped-three-dot-menu) {
    right: -6rem;
  }

  div.objects-section nav.drop-down-action-menu.w-dropdown-list.w--open:not(div.tab-section .w--open):not(div.tab-content-top .w--open):not(:has(div.grouped-three-dot-menu)) {
    right: -6rem;
  }

  .drop-down-action-menu.w-dropdown-list.w-dropdown-list-autosized.w--open:has(div.grouped-three-dot-menu):not(div.tab-panes .w--open):not(div.tab-content-top .w--open):not(div.objects-section .w--open) {
    & .drop-down-arrow-mwp-list-left {
      left: 4.5em;
    }
  }

  .drop-down-arrow-mwp-list-left:not(div.tab-section .drop-down-arrow-mwp-list-left):not(div.tab-content-top .drop-down-arrow-mwp-list-left) {
    left: unset;
    right: 6.5rem;
  }
  div.w-container nav.drop-down-action-menu.w-dropdown-list.w--open:not(div.tab-section .w--open):not(div.tab-content-top .w--open):not(div.objects-section .w--open) {
    right: -12rem;
  }
  .drop-down-arrow-mwp-list-left:not(div.tab-section .drop-down-arrow-mwp-list-left):not(div.tab-content-top .drop-down-arrow-mwp-list-left):not(div.objects-section .drop-down-arrow-mwp-list-left) {
    left: 39%;
  }
  div.tab-section div.w-container nav.drop-down-action-menu.w-dropdown-list.w--open:not(div[id^="mwp_list_div"] .w--open) {
    right: -4rem;
  }
  div.tab-section div.w-container .drop-down-arrow-mwp-list-left:not(div.info-block .drop-down-arrow-mwp-list-left):not(div.tab-section .drop-down-arrow-mwp-list-left) {
    margin-left: 50%;
  }
}


@media screen and (max-width: 570px) {
  .grid-ara_new_page_2 {
    border: 0 none transparent;
    height: 900px;
    min-height: 900px;
    max-height: 900px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
  }

  .grid-arr_new_page_1 {
    border: 0 none transparent;
    height: 900px;
    min-height: 900px;
    max-height: 900px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
  }

  .grid-arr_new_page_2 {
    border: 0 none transparent;
    height: 900px;
    min-height: 900px;
    max-height: 900px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
  }

  .grid-arr_new_page_3 {
    border: 0 none transparent;
    height: 900px;
    min-height: 900px;
    max-height: 900px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
  }
}

/* ------[ END Media Queries] ------ */

.divider-large {
  width: 32px;
  height: 32px;
}

.divider-epic {
  width: 48px;
  height: 48px;
}

.drop-down-action-menu.w--open {
  min-width: 8em;
}

.einvoice_shortname_companies_grid {
  display: grid;
  overflow: visible;
  max-height: none;
  min-width: auto;
  margin-top: 0;
  margin-left: 0;
  padding-left: 0;
  grid-auto-columns: 1fr;
  grid-column-gap: 0;
  grid-row-gap: 0;
  grid-template-areas: ".";
  -ms-grid-columns: 250px 0 250px;
  grid-template-columns: 250px 250px;
  -ms-grid-rows: auto 0;
  grid-template-rows: auto;
}

.menubar-notification-div {
  position:fixed;
  z-index: 9999;
  bottom: 0;
  left: 10%;
  margin: auto;
  color: white;
  display: block;
  width: 80%;
  margin: 0;
  margin-top: 15px;
  text-align: left;
  color: white;
  background: transparent;
  transition: all 0.5s ease;
  height: auto;
  font-family: proxima-nova, sans-serif;
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
}

.menubar-notification-message {
  height: 50px;
  margin-bottom: 15px;
}

.menubar-notification-toggled {
  display:block;
}

.menubar-notification-icon-cross{
  background: var(--faded-red);
  height: 50px;
  width: 50px;
  grid-area: 1/1/2/2;
}

.menubar-notification-icon-tick{
  background: var(--secondary-teal-blue);
  height: 50px;
  width: 50px;
  grid-area: 1/1/2/2;
}

.menubar-notification-close{
  grid-area: 1/3/2/4;
  background: var(--text-charcoal-grey);
}

.menubar-notification-close-span{
  padding-right: 5px;
  padding-top: 5px;
}

.menubar-notification-close-image{
  width: 20px;
  height: 20px;
}

.menubar-notification-content {
  grid-area: 1/2/2/3;
  background: var(--text-charcoal-grey);
}

.menubar-notification-content-text {
  padding-top: 15px;
  padding-left: 20px;
}

.grid-notification-div {
  display: grid;
  border: 0 none transparent;
  height: 50px;
  min-height: 50px;
  max-height: 50px;
  -ms-grid-columns: 50px 1fr 0 30px;
  grid-template-columns: 50px 1fr 30px;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}


.expandable-accordion-block .generic-accordion-container {
  border-radius: 4px;
  border: 1px solid var(--very-light-pink);
  & .accordion-item {
    width: 100%;
    cursor: pointer;
    margin-bottom: 1px;
    align-content: center;
  }
  & .g-a-row-group:not([data-index="1"]):not(:has(.g-a-row-item input:not([disabled]))) {
    max-height: 0;
    & details { transform: scaley(0); }
  }
  & .g-a-row-group[data-index="1"]:not(:has(.g-a-row-item input:not([disabled]))) {
    pointer-events: none;
    filter: blur(1px) opacity(0.35);
  }
  & .g-a-row-group {
    display: flex;
    transition: max-height 0.25s ease-in-out;
    & .g-a-row-group {
      & .g-a-row-item:has(+ .g-a-row-group):has(input[type="checkbox"]) {
        background-color: #f9f9f9;
        &:hover { background-color: #f0f0f0; }
      }
      & .g-a-row-item:not(:has(+ .g-a-row-group)) {
        & summary { background-color: #FFFFFF; }
      }
      & :has(input[type="checkbox"]:checked) { }
      & .g-a-row-item:has(+ .g-a-row-group):has(input[type="checkbox"]:not(:checked)) {
        & + .g-a-row-group { }
      }
    }
  }
  & .g-a-row-item {
    width: 100%;
    margin-bottom: 1px;
    align-items: center;
    display: inline-flex;
    justify-content: space-between;
    transition: background 0.1s ease-in-out;
    &:has(+ .g-a-row-group) {
      background-color: #f9f9f9;
      transition: background 0.1s ease-in-out;
      &:hover { background-color: #f0f0f0; }
      & + .g-a-row-group .g-a-row-item {
        background-color: #fdfdfd9c;
        &:hover { background-color: #f0f0f0 !important; }
      }
    }
    & details:not(:has(table)) summary {
      list-style: none;
      &::after { display: none; }
    }
  }
  & .g-a-row-group details {
    width: 100%;
    font-size: 14px;
    font-weight: 300;
    display: inline-block;
  }
  & details { width: 100%; }
  & details[open] > summary::after { transform: rotate(180deg); }
  & summary {
    width: 100%;
    display: flex;
    cursor: pointer;
    list-style: none;
    margin-bottom: 1px;
    padding-left: 1em;
    padding-top: 0.2em;
    padding-bottom: 0.2em;
    background-color: #f9f9f9;
    align-items: center;
    justify-content: space-between;
    transition: background 0.1s ease-in-out;
    & label { width: inherit; }
    & .mow_tick { position: relative; }
    & summary::-webkit-details-marker { display: none; }
    &:has(input[type="checkbox"]:checked) { background-color: #e1f1ec !important; }
    &:hover { background-color: #f0f0f0; }
    &::after {
      content: '';
      width: 11px;
      height: 11px;
      background: url("/static/images/new_icons/Arrows/Chevron/Down/30.svg");
      background-size: cover;
      margin-right: 1em;
    }
    & label {
      gap: 0.5em;
      font-size: 14px;
      font-weight: 300;
      line-height: 1.5em;
      align-items: center;
      /*display: inline-flex;*/
      display: flex;
      gap: 0.5em;
      position: relative;
      & > input { order: -2; }
      & > .mow_tick { order: -1; }
    }
  }
  & table {
    width: 100%;
    font-size: 1em;
    text-indent: 1em;
    margin-top: 0.2em;
    border-bottom: 1px solid transparent;
    border-left: var(--very-light-pink-two) 1px solid;
    background-image: linear-gradient(to right, var(--very-light-pink-two) 65%, transparent);
    background-size: 100% 1px;
    background-repeat: no-repeat;
    background-position: bottom;
    & tr { margin: 0.1em 0px 0.1em 0px; }
  }
}


#django-like-notification-container {
  position: fixed;
  top: 29px;
  right: 20px;
  z-index: 2147483647;
  display: flex;
  flex-direction: column;
  gap: 12px;
  pointer-events: none;
  font-family: proxima-nova, sans-serif;
}

.django-msg {
  pointer-events: auto;
  min-width: 320px;
  max-width: 480px;
  background: #ffffff;
  color: #333;
  border-radius: 4px;
  padding: 7px 8px 14px 16px;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
  display: flex;
  align-items: flex-start;
  gap: 0px;
  animation: djangoSlideIn 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
  border-left: 5px solid #79aec8;
}

/* Django Message Levels */
.django-msg.debug { border-left-color: var(--border-grey); background: var(--almost-white); }
.django-msg.info { border-left-color: var(--petrol); }
.django-msg.success { border-left-color: var(--success-avocado-green); }
.django-msg.warning { border-left-color: #eda618; }
.django-msg.error { border-left-color: var(--faded-red); }

.django-msg-content {
  flex-grow: 1;
}

.django-msg-tag {
  text-transform: uppercase;
  font-weight: 900;
  font-size: 10px;
  letter-spacing: 0.1em;
  margin-bottom: 2px;
  display: block;
  color: #777;
}
.django-msg-header {
  display: inline-flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  align-items: flex-start;
}

.django-msg-text {
  font-size: 13px;
  line-height: 1.5;
  & ul {
    padding-left: 1.5em;
    margin-bottom: unset;
  }
  & li { width: 100%; }
}
.django-li-div {
  display: inline-flex;
  flex-direction: row;
  align-items: space-between;
  width: 100%;
}

.django-msg-close {
  background: none;
  border: none;
  color: #bbb;
  cursor: pointer;
  font-size: 20px;
  line-height: 1;
  padding: 0;
  margin-top: -2px;
}
.django-msg-close.header {
  margin-top: 0px;
}

.django-msg-close:hover { color: #333; }

@keyframes djangoSlideIn {
  from { transform: translateX(110%); opacity: 0; }
  to { transform: translateX(0); opacity: 1; }
}

@keyframes djangoFadeOut {
  from { opacity: 1; transform: scale(1); }
  to { opacity: 0; transform: scale(0.95); }
}

@media (max-width: 600px) {
  div[id^=id_modal_block_comms_].modal-block-new {
    min-height: unset !important;
    padding-bottom: 0 !important;
    & .modal-block-content-new {
      padding: 0 !important;
    }
    & .modal-top-bar-header {
      margin-left: 0.5em;
    }
    & .modal-content-data-new {
      margin-left: 0.7em;
      margin-right: 0.7em;
      margin-bottom: 1em;
    }
    & .save-bottom-container {
      padding-right: 0.6em;
    }
  }

  container .modal-block {
    & .comm-modal-large.additional-row {
      width: 99vw !important;
      margin-bottom: auto;
      max-height: 85vh;
      height: auto;
      display: flex;
      flex-direction: column;
      flex-wrap: nowrap;
      & .comm-modal-large-content {
        min-height: 9.5em;
      }
      & .comm-modal-bottom-bar {
        max-height: fit-content;
        align-self: end;
        width: 100%;
      }
      & > div.comm-modal-additional-row {
        padding-left: 0.5em;
        padding-top: 0.5em;
        padding-bottom: 2em;
      }
    }

    & div[id$=_comm_modal].modal-block {}
    & .modal-block-content {
      max-height: 60vh !important;
      min-width: 98vw !important;
      width: 100vw !important;
      padding: 0.7em  !important;
      overflow-x: hidden;
      & span.modal-close {}
      & div[id^=id_modal_content] {
        & .modal-heading {}
        & .modal-content {
          & .content-wide {
            flex-direction: column;
            & .content-section {
              margin-right: unset;
            }
          }
          & .content-section {
            & .section-part {
              display: flex;
              flex-direction: column;
              gap: 0.5em;
            }
            & p.modal-content-heading {
              margin-top: 1em;
            }
            & .section-item {
              flex-direction: column;
              text-indent: 0em;
              padding-left: 0.5em;
            }
          }

        }
      }
    }
  }

  container .modal-block .comm-modal-large,
  container .comm-modal-large {
    width: 99vw;
    min-width: unset;
    & .checkboxes-block {
      padding-right: 0;
    }
    & .comm-modal-large-top-bar {
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      justify-content: space-between;
      min-height: auto;
      & .comm-modal-large-headersection {
        max-width: 90%;
        & > div {
          flex-shrink: 1;
          height: min-content;
        }
      }
      & .comm-modal-large-close {
        margin-top: 0.1em;
        margin-right: 0;
      }
    }
    & .comm-modal-large-content {
      margin-left: 0em;
      margin-right: 0em;
      overflow-x: hidden;
      padding-top: 0;
      padding-left: 0.7em;
      padding-right: 0.7em;
      p.modal-content-section-heading {
        margin-top: 8px;
        font-size: 20px;
        line-height: 1.1;
      }
    }
  }
}

@media (max-width: 600px) {

  .expandable-accordion-block .generic-accordion-container summary label {
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: flex-start;
  }

  container[id^="id_modals_container_communication_add_conversation_modal"] .registration-left-info {
    margin-right: 0;
    & h1 { width: min-content; }
  }
  container[id^="id_modals_container_communication_add_conversation_modal"] .modal-block-new .modal-content-data-new {
    overflow-x: hidden;
  }

  div.tab-section:has(div.communication_page_container) {
    max-height: calc(100svh - 7em);
    padding-top: 0em !important;
    overflow: hidden;
    & .tab-section-margin-div {
      overflow: hidden;
    }
    & .tabs-container.w-container {
      height: 100%;
    }
    & .tabs.w-tabs {
      /*padding-top: 4em;*/
    }
    & .tabs-menu {
      justify-content: space-between;
    }
    & button.tab-links {
      overflow-wrap: anywhere;
      word-break: break-word;
      padding-left: 1.2em;
      padding-right: 1.2em;
      padding-top: 0.5em;
      padding-bottom: 0.5em;
    }
    & div.tab-panes {
      overflow-x: hidden !important;
      max-height: calc(100svh - 6.1em);
      &:is(.w--tab-active) {
        & > div {
          padding-top: 0em;
          margin-top: 0em;
          margin-left: 0 !important;
          margin-right: 0 !important;
          margin-bottom: 0px;
          /*overflow: hidden;*/
        }
      }
    }
  }

  div.communication_page_container {
    max-height: calc(100svh - 6.8em);
    & .list-header-overlay .divider-small:last-of-type {
      display: none;
    }
    & div.tab-content-top:first-of-type {
      margin: 0em 1em 0;
    }
    & div.tab-content-top:not(:first-of-type) {
      margin: 0em 1em 0;
    }
    & div.tab-content-top > h3 {
      margin: 0 !important;
    }

    /* --- Overview Tab --- */
    & h3.overview_message_list_header {
      font-size: 1.1em;
      margin: 0 0.5em;
    }

    & .grid-container-overview_message_card {
      display: grid;
      grid-template-columns: auto 1fr 40px;
      grid-template-rows: auto auto auto auto;
      gap: 0.3em 0em;
      align-items: start;
      padding: 8px 4px;
      grid-auto-rows: min-content;
      grid-template-areas:
        "overview_message_card_user_image overview_message_card_user_name message_card_overview_menu"
        "overview_message_card_message_subject overview_message_card_message_subject overview_message_card_message_subject"
        "overview_message_card_message_text overview_message_card_message_text overview_message_card_message_text"
        "overview_message_card_datetime overview_message_card_datetime overview_message_card_datetime";
      border-bottom: solid 1px var(--very-light-pink);
    }

    & .conversation_card_conversation_with {
      margin: 0 0 0 0;
    }
    & .circle-border:first-of-type {
      margin-left: unset !important;
    }
    & .overview_message_card_user_image {
      grid-area: overview_message_card_user_image;
      width: auto;
      height: var(--profileavatar-size);
      min-height: var(--profileavatar-size);
      border-radius: 50%;
      object-fit: cover;
      margin-left: unset;
    }

    & .overview_message_card_user_name {
      grid-area: overview_message_card_user_name;
      font-size: 14px;
      line-height: 1.2;
      margin-left: 0.5em;
      align-self: center;
      overflow-wrap: anywhere;
      word-break: break-word;
      padding-left: unset;
    }

    & .message_card_overview_menu {
      grid-area: message_card_overview_menu;
      justify-self: end;
      align-self: start;
      margin-right: 1em;
    }

    & .overview_message_card_message_subject {
      grid-area: overview_message_card_message_subject;
      font-weight: 600;
      font-size: 14px;
      overflow: hidden;
      text-overflow: ellipsis;
      padding-left: 1.2em;
      white-space: normal;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
    }

    & .overview_message_card_message_text {
      grid-area: overview_message_card_message_text;
      font-size: 13px;
      color: var(--brown-grey);
      padding-left: 1.2em;
      white-space: normal;
      overflow: visible;
      max-height: none;
    }

    & .overview_message_card_datetime {
      grid-area: overview_message_card_datetime;
      font-size: 12px;
      color: var(--brown-grey);
      margin-top: 0px;
      white-space: nowrap;
      line-height: 1.2;
      justify-self: end;
    }

    /* Ensure images and interactive elements are touch friendly */
    & .grid-container-overview_message_card img,
      .grid-container-overview_message_card button,
      .grid-container-overview_message_card a {
        touch-action: manipulation;
    }
    /* --- End Overview Tab--- */


    /* --- Conversation Tab --- */

    & .conversation_list {
      position: unset;
      left: unset;
      width: 100%;
      height: 100%;
      border-top: unset;
    }
    & .conversation_list_container {
    }

    .list-header-overlay.sticky {
      top: 4em !important;
      box-shadow: 0px 20px 20px 4px rgb(94 87 87 / 14%);
    }

    .conversation_list_external {
      & .conversation-list-section {
        border-top: 1px solid var(--very-light-pink);
        margin-top: 1em;
        height: auto;
        min-height: unset;
      }
    }

    & .conversation_card_header_external {
      display: grid;
      grid-template-columns: 30px auto 1fr auto;
      grid-template-rows: auto auto;
      grid-template-areas:
        "conversation_card_datetime conversation_card_conversation_with conversation_card_right_buttons"
        "emptyvalue conversation_card_subject conversation_card_right_buttons";
      gap: 0.3em 1em;
      align-items: normal;
      padding: 8px 8px;
      & .conversation-card-tags-container {
         margin-left: 0.5em;
      }
    }

    & .conversation_card_header {
      display: grid;
      grid-template-columns: 30px auto 1fr auto;
      grid-template-rows: auto auto;
      grid-template-areas:
        "conversation_card_pin conversation_card_datetime conversation_card_conversation_with conversation_card_right_buttons"
        "conversation_card_subject conversation_card_subject conversation_card_subject conversation_card_right_buttons";
      gap: 0.3em 0em;
      align-items: normal;
      padding: 8px 8px;
    }

    & .conversation_card_profile_picture {
      width: var(--profileavatar-size, 40px);
      height: var(--profileavatar-size, 40px);
      min-width: var(--profileavatar-size, 40px);
      min-height: var(--profileavatar-size, 40px);
      border-radius: 50%;
      object-fit: cover;
    }

    & .conversation_card_datetime {
      grid-area: conversation_card_datetime;
    }
    & .conversation_card_header .conversation_card_conversation_with {
      grid-area: conversation_card_conversation_with;
      display: flex;
      align-items: center;
      margin-left: 0.5em;
      line-height: 1.2em;
      font-size: 14px;
    }

    & .conversation_card_name {
      font-size: 14px;
      overflow-wrap: anywhere;
      white-space: normal;
      margin-top: unset;
    }

    & .conversation_card_subject {
      grid-area: conversation_card_subject;
      font-size: 13px;
      overflow-wrap: anywhere;
      white-space: normal;
      margin: 0;
    }

    & .conversation_card_datetime {
      font-size: 12px;
      color: var(--brown-grey);
      white-space: nowrap;
      align-content: center;
      margin: 0;
    }
    & .conversation_card_pin {
      grid-area: conversation_card_pin;
      margin: unset;
    }

    & .conversation_card_arrow {
      margin: unset;
    }

    & .conversation_card_right_buttons {
      display: flex;
      flex-direction: column-reverse;
      margin: unset;
      justify-content: space-around;
      align-items: center;
      align-self: start;
      & .action-button-block-columns { width: unset; }
      & .action-button-dropdown { position: inherit; }
      & .conversation_card_arrow {
        position: relative;
        top: 0.5em;
      }
    }

    /* Increase touch targets */
    & .conversation_card_header img,
      .conversation_card_header button,
      .conversation_card_header a {
        touch-action: manipulation;
    }
    .conversation_card_arrow {
      & img { margin: unset; }
    }

    .thread_card_arrow {
      margin: 16px 13px 15px 0;
    }

    & nav.drop-down-action-menu.w-dropdown-list-autosized.w--open {
      top: 1.3em !important;
      max-width: 85vw !important;
      right: -0.5em !important;
      & > *:not(.drop-down-arrow-mwp-list-right) {
        font-size: 13px !important;
        padding: 0.5em 1em 0.5em 1em;
      }
    }

    & .conversation-list-section:has(nav.w--open) {
      min-height: calc(100vh - 15em);
      overflow: hidden;
      margin-right: 8px;
    }

    &:has(.list-header-overlay.sticky) {
      & .conversation-list-section {
        margin-top: 3.8em;
          max-height: calc(100svh - 12.8em) !important;
      }
    }

    .conversation-list-section {
      height: 100%;
      border-top: unset;
      min-height: calc(100svh - 14.7em);

      & .modal-block-content-new {
        min-height: unset !important;
        padding-bottom: 0 !important;
        & .modal-top-bar-header {
          margin-left: 0.5em;
        }
        & .modal-content-data-new {
            margin-top: 0;
            padding-top: 0;
            margin-left: 0.7em;
            margin-right: 0.7em;
            margin-bottom: 1em;
        }
        & .save-bottom-container {
          padding-right: 0.6em;
        }
      }
    }

    & .conversation_card_content {
      padding: 0px;

      & .comm_thread_card {
        margin: 0 9px 4px 0px;
      }
      & .thread_card_profile_pic {
        margin: 9px 8px 9px 8px;
      }
      & .thread_card_messages {
        margin: 0 0 0 10px;
        padding-top: 0.5em;
        padding-right: 1em;
        padding-bottom: 0.5em;
        padding-left: 0.5em;
        & .btn_primary_small {
          margin-right: 0.6em;
        }
      }
      & .comm_message_title {
        font-size: 13px;
        display: inline-flex;
        flex-direction: row;
        justify-content: space-around;
        font-size: 13px;
        flex-wrap: wrap;
      }

      & .comm_message_title,
        .comm_message_card {
          width: 95%;
      }
      & .comm_message_sender {
        font-weight: 600;
        line-height: 1.2em;
        font-size: 11px;
        margin-right: auto;
      }
      .comm_message_sent {
        align-self: flex-end;
        font-weight: 300;
        font-size: 11px;
        line-height: 1.2em;
        margin-left: auto;
        margin-right: 0.5em;
      }
    }

    /* --- End Conversation Tab --- */
  }
}
.outer-grouping-select-wrap {
  display: inline-block;
  position: relative;
}

.outer-grouping-select-wrap::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0.05em;
  width: 0.55em;
  height: 0.55em;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: translateY(-65%) rotate(45deg);
  pointer-events: none;
  font-size: 0.6em;
  /* visibility: hidden; */
}

.outer-grouping-select {
  display: inline-block;
  width: auto;
  min-width: 0;
  max-width: none;

  font: inherit;
  font-size: 1.17em;
  font-weight: 700;
  line-height: 1.2;
  color: inherit;

  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  outline: none;

  margin: 0;
  padding: 0 1em 0 0;
  cursor: pointer;

  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  &::-ms-expand { display: none; } /* hide default arrow in old IE/Edge */
  &:focus { outline: none; }
  & option {
    &:checked {
      display: none;
      font-weight: 700;
    }
  }
}

/* Menubar calendar modal — scoped styles only (do not reset global body). */

@keyframes calendarModalFadeIn {
    from { opacity: 0; transform: scale(0.96) translateY(-10px); }
    to { opacity: 1; transform: scale(1) translateY(0); }
}

.calendar-modal-container {
    animation: calendarModalFadeIn 0.2s ease-out;
}

.calendar-day-cell {
    user-select: none;
}
.calendar-day-cell:active {
    transform: scale(0.95);
}

.calendar-pane-right::-webkit-scrollbar {
    width: 6px;
}
.calendar-pane-right::-webkit-scrollbar-track {
    background: transparent;
}
.calendar-pane-right::-webkit-scrollbar-thumb {
    background: #DADCE0;
    border-radius: 3px;
}

.header-icon-button.calendar-header-btn {
    background: none;
    border: 1px solid rgba(0, 0, 0, 0.08);
    cursor: pointer;
    width: 38px;
    height: 38px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #32313a;
    position: relative;
}
.header-icon-button.calendar-header-btn:hover {
    background-color: rgba(0, 0, 0, 0.04);
    border-color: rgba(0, 0, 0, 0.15);
}

.cal-button {
border: 0;
background-color: #006064;
font-size: 32px;
color: #ffffff;
font-weight: bold;
padding-bottom: 15px;
}