/*RESET*/

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  font-family: "myriadPro";
  vertical-align: baseline;
}

html {
  width: 100%;
  height: 100%;
}

html {
  overflow-x: hidden;
}

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

a,
a:hover {
  text-decoration: none;
}

/* ======= TYPOGRAPHY =========== */

/* Icons Font */

@font-face {
  font-family: "IBWIconsFont" !important;
  src:
    url("/FECC/resource/IBWIconsFont/IBWIconsFont/IBWIconsFont.eot")
      format("embedded-opentype"),
    url("/FECC/resource/IBWIconsFont/IBWIconsFont/IBWIconsFont.ttf")
      format("truetype"),
    url("/FECC/resource/IBWIconsFont/IBWIconsFont/IBWIconsFont.woff")
      format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

/* Myriad Pro */

@font-face {
  font-family: "myriadPro";
  src:
    url("/FECC/resource/myriadPro/myriadPro/MyriadPro-Light.eot")
      format("embedded-opentype"),
    url("/FECC/resource/myriadPro/myriadPro/MyriadPro-Light.ttf")
      format("truetype"),
    url("/FECC/resource/myriadPro/myriadPro/MyriadPro-Light.woff")
      format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: "myriadPro";
  src:
    url("/FECC/resource/myriadPro/myriadPro/MyriadPro-LightIt.eot")
      format("embedded-opentype"),
    url("/FECC/resource/myriadPro/myriadPro/MyriadPro-LightIt.ttf")
      format("truetype"),
    url("/FECC/resource/myriadPro/myriadPro/MyriadPro-LightIt.woff")
      format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: block;
}

@font-face {
  font-family: "myriadPro";
  src:
    url("/FECC/resource/myriadPro/myriadPro/MyriadPro-Regular.eot")
      format("embedded-opentype"),
    url("/FECC/resource/myriadPro/myriadPro/MyriadPro-Regular.ttf")
      format("truetype"),
    url("/FECC/resource/myriadPro/myriadPro/MyriadPro-Regular.woff")
      format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: "myriadPro";
  src:
    url("/FECC/resource/myriadPro/myriadPro/MyriadPro-It.eot")
      format("embedded-opentype"),
    url("/FECC/resource/myriadPro/myriadPro/MyriadPro-It.ttf")
      format("truetype"),
    url("/FECC/resource/myriadPro/myriadPro/MyriadPro-It.woff") format("woff");
  font-weight: normal;
  font-style: italic;
  font-display: block;
}

@font-face {
  font-family: "myriadPro";
  src:
    url("/FECC/resource/myriadPro/myriadPro/MyriadPro-Semibold.eot")
      format("embedded-opentype"),
    url("/FECC/resource/myriadPro/myriadPro/MyriadPro-Semibold.ttf")
      format("truetype"),
    url("/FECC/resource/myriadPro/myriadPro/MyriadPro-Semibold.woff")
      format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: "myriadPro";
  src:
    url("/FECC/resource/myriadPro/myriadPro/MyriadPro-SemiboldIt.eot")
      format("embedded-opentype"),
    url("/FECC/resource/myriadPro/myriadPro/MyriadPro-SemiboldIt.ttf")
      format("truetype"),
    url("/FECC/resource/myriadPro/myriadPro/MyriadPro-SemiboldIt.woff")
      format("woff");
  font-weight: 600;
  font-style: italic;
  font-display: block;
}

@font-face {
  font-family: "myriadPro";
  src:
    url("/FECC/resource/myriadPro/myriadPro/MyriadPro-Bold.eot")
      format("embedded-opentype"),
    url("/FECC/resource/myriadPro/myriadPro/MyriadPro-Bold.ttf")
      format("truetype"),
    url("/FECC/resource/myriadPro/myriadPro/MyriadPro-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: "myriadPro";
  src:
    url("/FECC/resource/myriadPro/myriadPro/MyriadPro-BoldIt.eot")
      format("embedded-opentype"),
    url("/FECC/resource/myriadPro/myriadPro/MyriadPro-BoldIt.ttf")
      format("truetype"),
    url("/FECC/resource/myriadPro/myriadPro/MyriadPro-BoldIt.woff")
      format("woff");
  font-weight: bold;
  font-style: italic;
  font-display: block;
}

/*VARIABLES COLORS*/

:root {
  --primary-blue: #00a3da;
  --secondary-blue: #002a6f;
  --green: #b1c801;
  --text: #4d4f5c;
  --orange: #ffe200;
  --red: #d3001b;
  --navigation-blue: #009ee0;
  --gray: #85858594;
}

/*========================== CUSTOM THEME ==========================*/

.body h1,
.body h2,
.body h3,
.body h4,
.body h5,
.body h6 {
  font-family: "myriadPro";
}

h2,
.body .siteforceContentArea h2,
.body .forceCommunityRecordListStandard .listTitle {
  font-size: 30px;
  text-align: left;
  font-weight: 300;
  text-transform: none;
}

.slds-accordion__summary-heading {
  font-size: 14.3px !important;
}

/* CUSTOM SCROLLBAR */

::-webkit-scrollbar {
  width: 8px;
  background-color: #b7b7b7;
}

::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px lightgray;
  border-radius: 10px;
  background-color: #b7b7b7;
}

::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px lightgray;
  background-color: #b7b7b7;
}

/* BUTTONS */

.slds-button.slds-button_brand {
  background: var(--green);
  padding: 14px 32px;
  color: white;
  font-size: 16px;
  font-family: "myriadPro";
  border-radius: 3px;
  text-decoration: none;
  line-height: 1;
  border: 0;
  font-weight: 600;
  line-height: 1;
  outline: none;
}

.slds-button.slds-button_brand:hover,
.slds-button.slds-button_brand:focus,
.slds-button.slds-button_brand:active {
  background: #9baf08;
}

.slds-button.slds-button_brand:disabled,
.slds-button.slds-button_brand:disabled:hover,
.slds-button.slds-button_brand:disabled:active,
.slds-button.slds-button_brand:disabled:hover:active {
  background: #c9c7c5 !important;
}

.slds-button.slds-button_neutral,
.slds-button.slds-button_outline-brand {
  background: white;
  padding: 14px 32px;
  color: var(--green);
  font-size: 16px;
  font-family: "myriadPro";
  border-radius: 3px;
  border: 1px solid var(--green);
  text-decoration: none;
  line-height: 1;
  font-weight: 600;
  line-height: 1;
  box-sizing: border-box;
  transition:
    background-color 0.15s ease-in-out,
    color 0.15s ease-in-out;
  outline: none;
  -webkit-transition:
    background-color 0.15s ease-in-out,
    color 0.15s ease-in-out;
  -moz-transition:
    background-color 0.15s ease-in-out,
    color 0.15s ease-in-out;
  -ms-transition:
    background-color 0.15s ease-in-out,
    color 0.15s ease-in-out;
  -o-transition:
    background-color 0.15s ease-in-out,
    color 0.15s ease-in-out;
}

.slds-button.slds-button_neutral:hover,
.slds-button.slds-button_outline-brand:hover,
.slds-button.slds-button_neutral:focus,
.slds-button.slds-button_outline-brand:focus,
.slds-button.slds-button_neutral:active,
.slds-button.slds-button_outline-brand:active {
  background-color: #b1c8011a;
  color: var(--green);
}

.slds-button.slds-button_destructive {
  background-color: #00a3da;
  color: white;
  border: 0px;
  padding: 14px 32px;
  font-size: 16px;
  font-family: "myriadPro";
  border-radius: 3px;
  text-decoration: none;
  line-height: 1;
  border: 0;
  font-weight: 600;
  line-height: 1;
  outline: none;
}

.slds-button.slds-button_destructive:hover,
.slds-button.slds-button_destructive:focus,
.slds-button.slds-button_destructive:active {
  background-color: #0089be;
}

/* Pagination */

.pagination {
  justify-content: flex-end;
  margin-top: 11px;
}

.pagination-item .slds-button.slds-button_neutral {
  font-size: 14px;
  border: 0;
  color: var(--primary-blue);
  padding: 5px;
  outline: none;
  box-shadow: none;
  background: none;
}

.pagination-item .slds-button.slds-button_neutral:hover {
  color: var(--text);
}

/* FORMS */

.body .slds-form-element {
  text-align: left;
}

.body label.slds-form-element__label {
  font-weight: 600;
  font-size: 14px;
  padding-top: 24px;
  padding-bottom: 8px;
}

.body .slds-form-element__control input,
.body .slds-combobox__form-element input,
.body [role="combobox"] input[readonly]:focus {
  font-size: 14px !important;
  font-weight: normal;
  border: 1px solid #dddbda;
  line-height: 32px;
  min-height: 0;
  color: var(--text);
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
}

lightning-datepicker button lightning-primitive-icon svg {
  width: 16px;
  height: 16px;
  margin-top: -5px;
}

lightning-datepicker lightning-button-icon {
  right: 12px;
}

.slds-datepicker__month tbody tr {
  border: 0 !important;
}
lightning-input + lightning-formatted-text {
  color: rgb(194, 57, 52);
  font-size: 14px;
  margin-top: 8px;
  display: block;
  line-height: 18px;
}

.body lightning-calendar .slds-datepicker__filter_month h2 {
  font-size: 14px;
}

/* Modals */

.body .slds-modal .slds-modal__header .slds-modal__close.slds-button_icon {
  background: transparent !important;
  box-shadow: none;
  border: 0;
}

.slds-modal .slds-modal__close .slds-icon-text-default {
  fill: white;
}

/* ========== HEADER ========== */

.header .forceCommunityThemeHeaderBase .themeBottomBorder {
  display: none;
}

.header .forceCommunityThemeHeaderCompact .themeHeaderInner {
  align-items: flex-end;
}

.header {
  margin-bottom: 5vmin;
}

/* HEADER - Navigation */

@media only screen and (min-width: 48em) {
  .header .forceCommunityThemeNav .mainNavItem {
    padding-left: 50px;
  }
  .header .forceCommunityThemeNav .mainNavItem .linkBtn {
    font-size: 16px;
  }
  .header
    .forceCommunityThemeNav.cypressHomeHeader
    .mainNavItem
    .linkBtn.comm-navigation__top-level-item-link--active,
  .header
    .forceCommunityThemeNav.navMenuType-expanded
    .mainNavItem
    .linkBtn.comm-navigation__top-level-item-link--active {
    border-bottom: 2px solid var(--navigation-blue);
  }
}

/* HEADER - User Profile */

.forceCommunityThemeProfileMenu .profile-icon {
  display: none;
}

.forceCommunityThemeProfileMenu.cypressHomeHeader .profile-menuTrigger,
.forceCommunityThemeProfileMenu.cypressInnerHeader .profile-menuTrigger {
  display: inline-block;
  width: 14px;
  height: 16px;
  background-size: 100% auto;
  background: url("/FECC/resource/IconProfileUser") no-repeat 0 0;
}

.forceCommunityThemeProfileMenu .profile-menuList.uiMenuList > div {
  padding: 16px;
  box-sizing: border-box;
}

.forceCommunityThemeProfileMenu .profile-menuItem.uiMenuItem {
  font-size: 14px;
}

/* ========== HOME ========== */

.comm-page-home {
  background: rgb(245, 245, 245);
}

.comm-page-home .header {
  margin-bottom: 0;
}

/* Home - Slider */

body.comm-page-home .siteforceContentArea .comm-content-header {
  padding-top: 0px;
}

/* body.comm-page-home .siteforceContentArea>.slds-wrap {
    padding-top: calc(31vmin + 40px);
} */

body.comm-page-home .invoice-overview {
  padding-top: calc(31vmin + 40px);
}

body.comm-page-home .slider-home {
  width: 100vw;
  position: absolute;
  left: 0;
  right: 0;
  height: 31vmin;
  margin: 0;
  padding: 0;
}

body.comm-page-home .slider-home .slds-carousel__panel {
  position: relative;
}

body.comm-page-home .slider-home .slds-carousel__content {
  position: absolute;
  bottom: 28%;
  left: 17%;
  color: white;
  font-size: 16px;
  background: rgba(0, 163, 218, 0.75);
  border-radius: 50px 50px 50px 0;
  padding: 24px 50px;
  box-sizing: border-box;
  max-width: 540px;
  text-align: left;
  height: auto;
}

body.comm-page-home .slider-home .slds-carousel__content:hover {
  background: rgba(0, 163, 218, 1);
}

body.comm-page-home .slider-home .slds-carousel__content p {
  font-size: 14px;
  padding-top: 24px;
  line-height: 1.3;
}

body.comm-page-home .slider-home .slds-carousel__autoplay {
  display: none;
}

.slds-carousel__indicators {
  position: absolute;
  bottom: 0;
}

.slds-carousel__indicators .slds-carousel__indicator-action {
  visibility: hidden;
}

/*.slds-carousel__indicators .slds-carousel__indicator-action {
    width: 16px;
    height: 16px;
}

.slds-carousel__indicators .slds-carousel__indicator-action.slds-is-active,
.slds-carousel__indicators .slds-carousel__indicator-action.slds-is-active:hover {
    background: var(--primary-blue);
    border-color: var(--primary-blue);
}
*/

/* ========== RECORD LIST ========== */

.forceCommunityRecordListStandard h2 {
  margin-bottom: 30px;
}

.forceCommunityRecordListStandard {
  background: white;
  border-radius: 6px;
  padding: 30px;
  box-sizing: border-box;
  outline: none;
}

.forceCommunityRecordListStandard .forceBaseListView thead th {
  font-size: 14px;
  font-weight: bold;
  padding: 0 0 16px 0;
}

.forceCommunityRecordListStandard .forceBaseListView tbody tr:hover td {
  background: rgba(0, 163, 218, 0.06);
}

.forceCommunityRecordListStandard
  .forceBaseListView
  tbody
  tr:hover
  td:first-child:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  border: 0;
  height: 100%;
  width: 3px;
  background: var(--primary-blue);
}

.forceCommunityRecordListStandard
  .forceBaseListView
  tbody
  tr:hover
  td:first-child
  a {
  text-shadow: 0.5px 0px 0px var(--primary-blue);
}

.forceCommunityRecordListStandard .forceBaseListView tbody tr:hover td span {
  text-shadow: 0.5px 0px 0px rgba(0, 0, 0, 0.69);
}

.forceCommunityRecordListStandard .forceBaseListView tbody td {
  position: relative;
  font-size: 14px;
  padding: 16px 0;
}

.body
  .forceCommunityRecordListStandard
  .forceBaseListView
  tbody
  td:first-child {
  padding-left: 8px;
}

.forceCommunityRecordListStandard .forceBaseListView tbody td:last-child {
  padding-right: 8px;
}

.forceCommunityRecordListStandard .forceBaseListView tbody td a {
  text-decoration: none;
}

.forceCommunityRecordListStandard .viewAllLink {
  text-align: center;
  margin-top: 20px;
}

.forceCommunityRecordListStandard .viewAllLink a {
  background: var(--green);
  padding: 14px 32px;
  color: white;
  font-size: 16px;
  border-radius: 3px;
  text-decoration: none;
}

/* ======= INVOICES ===== */

/* Invoices - Home */

.comm-page-home .invoices-cmp {
  background: white;
  border-radius: 6px;
  padding: 30px;
  box-sizing: border-box;
  outline: none;
}

.comm-page-home .invoices-cmp .invoices-account,
.comm-page-home .invoices-cmp .invoices-filters {
  display: none;
}

.comm-page-home .invoices-cmp .dataTable tbody td,
.comm-page-home .invoices-cmp .dataTable thead th {
  max-width: 120px;
}

.comm-page-home .invoices-cmp .dataTable tbody td div {
  font-size: 14px;
}

.comm-page-home .invoices-cmp .dataTable th.invoice-reference,
.comm-page-home .invoices-cmp .dataTable td.invoice-reference {
  min-width: 110px;
}

.comm-page-home .invoices-cmp .dataTable th.invoice-status,
.comm-page-home .invoices-cmp .dataTable td.invoice-status {
  min-width: 110px;
}

.comm-page-home .invoices-cmp .dataTable thead .pdf,
.comm-page-home .invoices-cmp .dataTable tbody .pdf {
  max-width: 60px;
  padding-right: 0.5rem;
}
.comm-page-home .invoices-mobile lightning-button-menu .slds-dropdown_left {
  left: auto;
  right: -15px;
  box-shadow: 0px 2px 10px #00000027;
  border: 0;
  z-index: 2;
}

/* Invoices - Internal Page */

.comm-page-custom-invoices-and-payments .invoices-cmp .invoices-account {
  display: none;
}

/* Invoices - All pages */

.invoices-cmp .invoices-filters .invoice-filter-button {
  padding: 0;
  margin: 0;
  align-self: end;
  margin-top: 22px;
}

.invoices-cmp
  .invoices-filters
  .invoice-filter-button
  .slds-button.slds-button_brand {
  line-height: 32px;
  padding: 0 32px;
}

.invoices-cmp .slds-container .slds-content {
  padding: 0;
}

.body .invoices-cmp .dataTable {
  margin-top: 20px;
  overflow: visible;
  max-height: none;
}

.invoices-cmp .dataTable table {
  margin-top: 0;
  border: 0;
}

.invoices-cmp .dataTable thead {
  border-top: 1px solid #d2d2d5;
  border-bottom: 1px solid #d2d2d5;
}

.invoices-cmp .dataTable thead tr {
  background: white;
}

.invoices-cmp .dataTable thead tr:after {
  content: "";
}

.invoices-cmp .dataTable thead th {
  border: 0;
  background: white;
  padding: 20px 0.5rem;
  text-transform: none;
}

.invoices-cmp .dataTable thead th:first-child,
.invoices-cmp .dataTable tbody td:first-child {
  padding-left: 10px;
  max-width: 110px;
}

.invoices-cmp .dataTable thead th div {
  font-size: 14px;
  /*font-weight: bold;*/
  line-height: 21px;
  text-align: left;
  white-space: normal;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  text-overflow: initial;
  overflow: visible;
}

.invoices-cmp .dataTable tbody tr {
  border: 0;
}

.invoices-cmp .dataTable tbody td {
  border: 0;
  padding: 24px 0.5rem;
  border-bottom: 1px solid #d2d2d5;
  box-shadow: none;
}

.invoices-cmp .dataTable tbody td div {
  font-size: 16px;
  color: var(--text);
  white-space: normal;
  hyphens: auto;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  text-overflow: initial;
}

.invoices-cmp .dataTable td.invoice-status div {
  margin-left: 15px;
}

.invoices-cmp .dataTable tbody td div[data-invoicestatus="3"]:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  background: var(--green);
  border-radius: 30px;
  width: 8px;
  height: 8px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  position: absolute;
  left: 0.5rem;
  margin-top: 3px;
}
.invoices-cmp .dataTable tbody td div[data-invoicestatus="1"]:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  background: var(--orange);
  border-radius: 30px;
  width: 8px;
  height: 8px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  position: absolute;
  left: 0.5rem;
  margin-top: 3px;
}
.invoices-cmp .dataTable tbody td div[data-invoicestatus="2"]:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  background: var(--orange);
  border-radius: 30px;
  width: 8px;
  height: 8px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  position: absolute;
  left: 0.5rem;
  margin-top: 3px;
}
.invoices-cmp .dataTable tbody td div[data-invoicestatus="4"]:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  background: var(--orange);
  border-radius: 30px;
  width: 8px;
  height: 8px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  position: absolute;
  left: 0.5rem;
  margin-top: 3px;
}
.invoices-cmp .dataTable tbody td div[data-invoicestatus="5"]:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  background: var(--red);
  border-radius: 30px;
  width: 8px;
  height: 8px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  position: absolute;
  left: 0.5rem;
  margin-top: 3px;
}

.invoices-cmp .dataTable tbody .contractAccount div {
  font-weight: normal;
}

.invoices-cmp .dataTable tbody td .slds-dropdown {
  left: auto;
  right: -15px;
  box-shadow: 0px 2px 10px #00000027;
  border: 0;
  z-index: 2;
}

.invoices-cmp .dataTable tbody td .slds-dropdown:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: -8px;
  right: 20px;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 8px solid white;
  box-shadow: -1px -1px 0px #00000027;
  z-index: 1;
}

.invoices-cmp .dataTable tbody td .slds-dropdown lightning-layout-item {
  width: 100%;
}

.invoices-cmp .dataTable tbody td .slds-dropdown .slds-dropdown__item {
  width: 100%;
  margin: 1px 0;
}

.invoices-cmp .dataTable tbody td .slds-dropdown .slds-dropdown__item:hover {
  background: #00a3da3b;
  text-shadow: none;
}

.invoices-cmp .dataTable tbody td .slds-dropdown-trigger button {
  width: 20px;
  height: 20px;
}

.invoices-cmp .dataTable tbody td .slds-dropdown-trigger button svg {
  width: 10px;
}

.invoices-cmp .dataTable tbody tr:hover > td {
  background: rgba(0, 163, 218, 0.06);
  box-shadow: none !important;
}

.invoices-cmp .dataTable tbody tr:hover td:first-child:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  border: 0;
  height: 100%;
  width: 3px;
  background: var(--primary-blue);
}

.invoices-cmp .dataTable tbody tr:hover td:first-child div {
  text-shadow: 0.5px 0px 0px var(--primary-blue);
}

/*.invoices-cmp .dataTable tbody tr:hover td div {
    text-shadow: 0.5px 0px 0px rgba(0, 0, 0, 0.69);
}*/

/* ========= CASES & SERVICES ========== */

.comm-page-list-500 {
  background: rgb(245, 245, 245);
}

.service-layout .slds-slot {
  display: flex;
  flex-wrap: wrap;
}

/* ========= SERVICES ========== */

.all-services .slds-modal__header,
.all-services .slds-modal__content,
.all-services .slds-modal__footer,
.modal-services .slds-modal__header,
.modal-services .slds-modal__content,
.modal-services .slds-modal__footer {
  width: calc(100% - 40px);
  max-width: 1200px;
  margin: 0 auto;
  text-align: left;
  border: 0;
  padding: 50px;
}

.all-services .slds-modal__header,
.modal-services .slds-modal__header {
  text-align: left;
  font-size: 30px;
  text-transform: capitalize;
  font-weight: 300;
  font-family: "myriadPro";
  color: #1a1919;
}

.all-services .slds-modal__header img:first-of-type,
.modal-services .slds-modal__header img:first-of-type {
  max-width: 60px;
  margin-right: 32px;
}

.body .all-services .slds-modal__container,
.body .modal-services .slds-modal__container {
  position: fixed;
  background: rgba(126, 140, 153, 0.8);
  width: 100%;
  max-width: 100%;
}

.all-services .slds-modal__content,
.modal-services .slds-modal__content {
  min-height: 40vh;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-top: 0;
}

.all-services .slds-modal__container .slds-modal__content,
.modal-services .slds-modal__container .slds-modal__content {
  padding: 15px 40px 30px 40px;
  box-shadow: 0px 2px 10px #00000026;
}

.all-services .slds-backdrop,
.modal-services .slds-backdrop {
  background: none;
}

.all-services .slds-modal__container .slds-modal__content lightning-button,
.modal-services .slds-modal__container .slds-modal__content lightning-button {
  align-self: flex-end;
  margin-top: 32px;
}

.attach-file {
  margin-top: 32px;
  font-size: 14px;
}

.attach-file a {
  margin-left: 10px;
}

.meterReadingsTable .slds-truncate,
lightning-primitive-header-factory .slds-truncate {
  white-space: normal;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  text-overflow: initial;
  overflow: visible;
}

/* ========== MY PRODUCTS ============= */

.my-products .forceBaseListView .listViewContent {
  position: relative;
  margin-bottom: 10vh;
}
.communityAccPremise-cmp .myProducts {
  display: flex;
  flex-direction: column;
  background-color: #fff;
  border-radius: 6px;
  padding: 24px 16px;
}

.communityAccPremise-cmp.cFE_P001_CommunityAccountPremise
  .listViewContent
  thead,
.communityAccPremise-cmp.cFE_P001_CommunityAccountPremise_OneShot
  .listViewContent
  thead {
  background-color: white;
  border: 1px solid #d2d2d5;
}

.communityAccPremise-cmp.cFE_P001_CommunityAccountPremise
  .listViewContent
  thead
  th,
.communityAccPremise-cmp.cFE_P001_CommunityAccountPremise_OneShot
  .listViewContent
  thead
  th {
  background-color: white;
  padding: 24px 10px;
  font-size: 14px;
  font-weight: bold;
  white-space: normal;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  text-align: left;
}

.communityAccPremise-cmp.cFE_P001_CommunityAccountPremise
  .listViewContent
  tbody
  td.productType,
.communityAccPremise-cmp.cFE_P001_CommunityAccountPremise_OneShot
  .listViewContent
  tbody
  td.productType {
  white-space: pre-line;
}

.cFE_P001_CommunityAccountPremise_OneShot .slds-card__body {
  padding: 0;
}
.communityAccPremise-cmp.cFE_P001_CommunityAccountPremise
  .slds-button.slds-button_brand,
.communityAccPremise-cmp.cFE_P001_CommunityAccountPremise_OneShot
  .slds-button.slds-button_brand {
  white-space: nowrap;
}
.communityAccPremise-cmp.cFE_P001_CommunityAccountPremise h2.portal-title,
.communityAccPremise-cmp.cFE_P001_CommunityAccountPremise_OneShot
  h2.portal-title {
  display: block;
  margin-bottom: 32px;
}

.communityAccPremise-cmp.cFE_P001_CommunityAccountPremise .slds-card__header,
.communityAccPremise-cmp.cFE_P001_CommunityAccountPremise_OneShot
  .slds-card__header {
  display: none;
}

.communityAccPremise-cmp.cFE_P001_CommunityAccountPremise
  .forceRelatedListCardDesktop,
.communityAccPremise-cmp.cFE_P001_CommunityAccountPremise_OneShot
  .forceRelatedListCardDesktop {
  border: 0;
}

.communityAccPremise-cmp.cFE_P001_CommunityAccountPremise .slds-card__footer,
.communityAccPremise-cmp.cFE_P001_CommunityAccountPremise_OneShot
  .slds-card__footer {
  display: none;
}

article.cFE_P001_CommunityAccountPremise .content,
article.cFE_P001_CommunityAccountPremise_OneShot .content {
  position: fixed;
  /*display: flex;*/
  justify-content: center;
  align-items: center;
  z-index: 10000000;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  background: rgba(196, 196, 196, 0.8);
}

article.cFE_P001_CommunityAccountPremise
  c-f-e_-p001_-move_-confirmation_-information
  > div,
article.cFE_P001_CommunityAccountPremise_OneShot
  c-f-e_-p001_-move_-confirmation_-information
  > div,
article.cFE_P001_CommunityAccountPremise c-f-e_-p001_-move_-details > div,
article.cFE_P001_CommunityAccountPremise c-f-e_-p001_-move_-dates > div,
article.cFE_P001_CommunityAccountPremise c-f-e_-p001_-move_-confirmation > div,
article.cFE_P001_CommunityAccountPremise_OneShot
  c-f-e_-p001_-move_-details
  > div,
article.cFE_P001_CommunityAccountPremise_OneShot c-f-e_-p001_-move_-dates > div,
article.cFE_P001_CommunityAccountPremise_OneShot
  c-f-e_-p001_-move_-confirmation
  > div {
  border: 0 !important;
  background: white;
  box-shadow: 0px 2px 10px #00000026 !important;
  max-width: 1270px;
  margin: auto;
  padding: 54px;
  max-height: 90vh;
  overflow: auto;
}

article.cFE_P001_CommunityAccountPremise
  c-f-e_-p001_-move_-confirmation_-information
  .slds-box,
article.cFE_P001_CommunityAccountPremise_OneShot
  c-f-e_-p001_-move_-confirmation_-information
  .slds-box,
c-f-e_-p001_-move_-details .slds-box {
  border: 0;
}

article.cFE_P001_CommunityAccountPremise .slds-accordion__section thead {
  display: none;
}

article.cFE_P001_CommunityAccountPremise .slds-accordion__section tr {
  border: 0;
}

article.cFE_P001_CommunityAccountPremise c-fe-p001-move-buttons,
article.cFE_P001_CommunityAccountPremise_OneShot c-fe-p001-move-buttons {
  width: 100%;
}

article.cFE_P001_CommunityAccountPremise
  c-fe-p001-move-buttons
  .slds-align_absolute-center,
article.cFE_P001_CommunityAccountPremise_OneShot
  c-fe-p001-move-buttons
  .slds-align_absolute-center {
  width: 100%;
  justify-content: flex-end;
}

article.cFE_P001_CommunityAccountPremise .slds-card,
article.cFE_P001_CommunityAccountPremise_OneShot .slds-card {
  border: 0;
}

article.cFE_P001_CommunityAccountPremise .slds-path__nav .slds-is-incomplete,
article.cFE_P001_CommunityAccountPremise_OneShot
  .slds-path__nav
  .slds-is-incomplete {
  background: white;
  color: var(--primary-blue);
}

article.cFE_P001_CommunityAccountPremise .slds-path__nav .slds-is-active,
article.cFE_P001_CommunityAccountPremise .slds-path__nav .slds-is-active:before,
article.cFE_P001_CommunityAccountPremise .slds-path__nav .slds-is-active:after,
article.cFE_P001_CommunityAccountPremise_OneShot
  .slds-path__nav
  .slds-is-active,
article.cFE_P001_CommunityAccountPremise_OneShot
  .slds-path__nav
  .slds-is-active:before,
article.cFE_P001_CommunityAccountPremise_OneShot
  .slds-path__nav
  .slds-is-active:after {
  background: var(--primary-blue);
  background-image: none !important;
}

article.cFE_P001_CommunityAccountPremise .slds-path__nav .slds-is-active:before,
article.cFE_P001_CommunityAccountPremise .slds-path__nav .slds-is-active:after,
article.cFE_P001_CommunityAccountPremise .slds-path__nav .slds-is-active:hover,
article.cFE_P001_CommunityAccountPremise_OneShot
  .slds-path__nav
  .slds-is-active:before,
article.cFE_P001_CommunityAccountPremise_OneShot
  .slds-path__nav
  .slds-is-active:after,
article.cFE_P001_CommunityAccountPremise_OneShot
  .slds-path__nav
  .slds-is-active:hover {
  border: 0;
}

article.cFE_P001_CommunityAccountPremise
  .slds-path__nav
  .slds-is-incomplete::before,
article.cFE_P001_CommunityAccountPremise
  .slds-path__nav
  .slds-is-incomplete::after,
article.cFE_P001_CommunityAccountPremise_OneShot
  .slds-path__nav
  .slds-is-incomplete::before,
article.cFE_P001_CommunityAccountPremise_OneShot
  .slds-path__nav
  .slds-is-incomplete::after {
  background: white;
}

article.cFE_P001_CommunityAccountPremise
  .slds-path__nav
  .slds-is-incomplete::before,
article.cFE_P001_CommunityAccountPremise_OneShot
  .slds-path__nav
  .slds-is-incomplete::before {
  border: 1px solid var(--primary-blue);
  border-bottom: 1px solid white;
  z-index: 2;
}

article.cFE_P001_CommunityAccountPremise
  .slds-path__nav
  .slds-is-incomplete:after,
article.cFE_P001_CommunityAccountPremise_OneShot
  .slds-path__nav
  .slds-is-incomplete:after {
  border: 1px solid var(--primary-blue);
  border-top: 1px solid white;
  z-index: 2;
}

article.cFE_P001_CommunityAccountPremise .slds-path__title,
article.cFE_P001_CommunityAccountPremise_OneShot .slds-path__title {
  font-size: 16px;
  text-decoration: none;
  text-overflow: initial;
  white-space: normal;
}

article.cFE_P001_CommunityAccountPremise
  .slds-path__nav
  .slds-is-incomplete
  .slds-path__title,
article.cFE_P001_CommunityAccountPremise_OneShot
  .slds-path__nav
  .slds-is-incomplete
  .slds-path__title {
  color: var(--primary-blue);
  text-overflow: initial;
  white-space: normal;
}

/* MY PRODUCTS: No Results */

/* .communityAccPremise-cmp.cFE_P001_CommunityAccountPremise .crm,
.communityAccPremise-cmp.cFE_P001_CommunityAccountPremise_OneShot .crm {
    display: none;
}

.communityAccPremise-cmp.cFE_P001_CommunityAccountPremise .portal,
.communityAccPremise-cmp.cFE_P001_CommunityAccountPremise_OneShot .portal {
    text-align: center;
    display: block;
    padding: 0;
}

.communityAccPremise-cmp.cFE_P001_CommunityAccountPremise .portal img,
.communityAccPremise-cmp.cFE_P001_CommunityAccountPremise_OneShot .portal img {
    text-align: center;
} */

/********* MY CASES ********/

/*Hide status columns*/

.comm-page-detail-500
  .slds-form.slds-grid.slds-page-header__detail-row
  .slds-page-header__detail-block:nth-child(3),
.comm-page-detail-500
  .record-home-details
  .forcePageBlockSectionView:first-child
  .forcePageBlockSectionRow:nth-child(1)
  .forcePageBlockItemView:nth-child(2) {
  display: none;
}

.comm-page-detail-500
  .record-home-details
  .forcePageBlockSectionView:first-child
  .slds-form {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.comm-page-detail-500
  .record-home-details
  .forcePageBlockSectionView:first-child
  .slds-form
  .forcePageBlockSectionRow {
  display: contents;
}

.comm-page-detail-500
  .record-home-details
  .forcePageBlockSectionView:first-child
  .slds-form
  .forcePageBlockSectionRow
  .forcePageBlockItemView {
  margin: 0;
}

.comm-page-detail-500 .record-home-details .forcePageBlockItemView {
  margin-bottom: 8px;
}

/* .comm-page-detail-500 .slds-form-element__label {
    font-size: 14px;
    color: #9D9D9D;
} */

/*COST AND CONSUMPTION*/

.cost-consumption .slds-table_tree [aria-level="1"] > .slds-tree__item,
.slds-table--tree [aria-level="1"] > .slds-tree__item {
  padding-left: 0.5rem !important;
}

.cost-consumption .slds-table_tree [aria-level="2"] > .slds-tree__item,
.slds-table--tree [aria-level="2"] > .slds-tree__item {
  padding-left: 1rem !important;
}
.cost-consumption .checkbox-right {
  float: right !important;
}

.cost-consumption .time-radio .slds-form-element__control .slds-radio {
  display: inline !important;
  padding-left: 5% !important;
  padding-bottom: 5% !important;
}

.cost-consumption
  .time-radio
  .slds-radio
  .slds-form-element__label[c-fe_p001_cost_consumption_fe_p001_cost_consumption] {
  padding-right: 10% !important;
}

.cost-consumption
  .combobox[c-fE_P001_Cost_Consumption_fE_P001_Cost_Consumption]
  .combobox-left {
  float: left;
}

.cost-consumption
  .combobox[c-fE_P001_Cost_Consumption_fE_P001_Cost_Consumption]
  .combobox-right {
  float: right;
}

.cost-consumption .slds-form-element__control .slds-checkbox {
  padding-bottom: 10% !important;
}
.cost-consumption
  lightning-tree-grid[c-fe_p001_cost_consumption_fe_p001_cost_consumption]
  th.Strom
  svg {
  fill: #ffcb00;
}

.cost-consumption
  lightning-tree-grid[c-fe_p001_cost_consumption_fe_p001_cost_consumption]
  th.Gas
  svg {
  fill: #8cb366;
}
.cost-consumption
  lightning-tree-grid[c-fe_p001_cost_consumption_fe_p001_cost_consumption]
  th.Wasser
  svg {
  fill: #6ab6dc;
}

.cost-consumption
  lightning-tree-grid[c-fe_p001_cost_consumption_fe_p001_cost_consumption]
  th.Fernwärme
  svg {
  fill: #dc6442;
}

/* load curve */

/*
.cost-consumption .time-radio .slds-radio .slds-form-element__label[c-cost_consumption_loadcurve_cost_consumption_loadcurve] {
    padding-right: 0px;
}
*/

.cost-consumption
  lightning-tree-grid[c-cost_consumption_loadcurve_cost_consumption_loadcurve]
  th.Strom
  svg {
  fill: #ffcb00;
}

.cost-consumption
  lightning-tree-grid[c-cost_consumption_loadcurve_cost_consumption_loadcurve]
  th.Gas
  svg {
  fill: #8cb366;
}
.cost-consumption
  lightning-tree-grid[c-cost_consumption_loadcurve_cost_consumption_loadcurve]
  th.Wasser
  svg {
  fill: #6ab6dc;
}

.cost-consumption
  lightning-tree-grid[c-cost_consumption_loadcurve_cost_consumption_loadcurve]
  th.Fernwärme
  svg {
  fill: #dc6442;
}

/********* MY ACCOUNT ********/

.null.comm-page-detail
  .forceHighlightsPanel.forceCommunityRecordHeadline
  .profilePicWrapper.slds-media.slds-no-space {
  display: none;
}

.null.comm-page-detail .test-id__section-header-title.slds-truncate {
  color: var(--primary-blue);
}
.null.comm-page-detail .slds-icon.slds-icon_xx-small {
  color: var(--primary-blue);
}
.null.comm-page-detail
  .forceHighlightsPanel.forceCommunityRecordHeadline
  .slds-button.slds-button--neutral.not-selected.slds-not-selected.uiButton {
  display: none;
}

.null.comm-page-detail span.uiOutputText,
.null.comm-page-detail .span.uiOutputDate,
.null.comm-page-detail
  span.test-id__field-value.slds-form-element__static.slds-grow.is-read-only,
.null.comm-page-detail .recordTypeName.slds-grow.slds-truncate span {
  color: black;
  font-weight: 500;
  font-size: 16px;
}

.null.comm-page-detail span.test-id__field-label,
.null.comm-page-detail .entityNameTitle.slds-line-height_reset,
.null.comm-page-detail span.slds-form-element__label.slds-truncate {
  color: var(--gray);
}

/*SELF REGISTER BACKGROUND*/

.null.comm-page-self-register div#LoginNew.salesforceIdentityLoginBody2 {
  height: 150%;
  background-image: url("/FECC/resource/FE_P001_SelfRegisterBackground");
  background-size: 850px 100%;
  align-items: flex-start;
  background-position: left;
  background-color: white;
  position: absolute;
}

.null.comm-page-self-register div#centerPanel.cCenterPanel {
  left: 25%;
  top: 0%;
}

.null.comm-page-self-register
  lightning-tab#mainUser-1.slds-tabs_default__content.slds-show {
  display: none;
}

.null.comm-page-self-register
  lightning-tab#invitedUser-1.slds-tabs_default__content.slds-show {
  display: none;
}

.null.comm-page-self-register
  .salesforceIdentityLoginBody2
  .cCenterPanel
  .slds-col--padded
  .ui-widget {
  padding-left: 3%;
}
/*LOGIN BACKGROUND*/

.null.comm-page-login-home div#LoginNew.salesforceIdentityLoginBody2 {
  height: 150%;
  background-image: url("/FECC/resource/FE_P001_LoginBackground");
  background-size: 800px 100%;
  align-items: flex-start;
  background-position: left;
  background-color: white;
  position: absolute;
}
.null.comm-page-login-home div#centerPanel.cCenterPanel {
  position: fixed;
  left: 60%;
  top: 10%;
  width: 25%;
}

/*SHARE ACCESS*/

c-f-e-p001-d-x-p-share-access
  button.section-control.slds-button.slds-button_reset.slds-accordion__summary-action
  span {
  color: #00a3da;
}
article.cFE_P001_CommunityAccountPremise
  .content
  button.section-control.slds-button.slds-button_reset.slds-accordion__summary-action
  span,
article.cFE_P001_CommunityAccountPremise_OneShot
  .content
  button.section-control.slds-button.slds-button_reset.slds-accordion__summary-action
  span {
  color: black;
  font-size: 18px;
}
article.cFE_P001_CommunityAccountPremise
  .content
  c-f-e_-p001_-move_-details
  .slds-accordion__summary-action-icon.slds-button__icon.slds-button__icon_left.slds-icon.slds-icon-text-default.slds-icon_x-small,
article.cFE_P001_CommunityAccountPremise_OneShot
  .content
  c-f-e_-p001_-move_-details
  .slds-accordion__summary-action-icon.slds-button__icon.slds-button__icon_left.slds-icon.slds-icon-text-default.slds-icon_x-small {
  display: none;
}

/*MOBILE*/

@media only screen and (max-width: 600px) {
  .null.comm-page-detail
    .forceHighlightsPanel.forceCommunityRecordHeadline
    .forceHighlightsStencil
    .secondaryFields {
    display: none;
    max-height: 0;
    overflow: hidden;
  }
  .null.comm-page-detail
    .forceHighlightsPanel.forceCommunityRecordHeadline
    .forceHighlightsStencil
    .profilePicWrapper,
  * [aria-labelledby="profilePicWrapper"] {
    display: none;
    max-height: 0;
    overflow: hidden;
  }

  div.uiTabBar li.record-home-related.record-home-tab.tabs__item.uiTabItem,
  * [aria-labelledby="uiTabItem"] {
    display: none;
    max-height: 0;
    overflow: hidden;
  }

  div.dark.forceHighlightsStencil.forceRecordLayout {
    width: 100%;
  }

  .slds-icon_container_circle,
  .slds-icon_container--circle,
  .slds-icon__container_circle,
  .slds-icon__container--circle {
    border-radius: inherit !important;
  }

  .forceHighlightsStencil .header.dark {
    background: white !important;
  }

  .forceHighlightsStencil.forceRecordLayout::before {
    content: "Account";
    padding: var(--lwc-spacingSmall, 0.75rem);
  }
  .slds-grid.slds-grid--vertical-align-start.slds-line-height--reset.forceCommunityActionsContainerMobile.forceCommunityRecordHeadline {
    display: none;
  }
  header.forceHighlightsPanel.forceCommunityRecordHeadline {
    width: 100%;
    margin: 0;
  }
  body.null.comm-page-my-account
    div.cb-section.forceCommunitySection
    div.js-tabset.uiTabset--base.uiTabset--default.uiTabset.forceCommunityTabset
    section {
    padding-top: 5%;
  }
  .forceHighlightsStencil .header.dark .secondaryFields {
    display: none;
    max-height: 0;
    overflow: hidden;
  }
  .forceHighlightsStencil .header.dark .primaryField {
    font-weight: 500;
  }
  .forceHighlightsStencil .header.dark div.profilePicWrapper {
    display: none;
  }
  div.ui-widget c-f-e_-p001_-invoice_-component {
    display: none !important;
    max-height: 0;
    overflow: hidden;
  }
  div.ui-widget c-f-e_-p001_-chart {
    display: none !important;
    max-height: 0;
    overflow: hidden;
  }

  div.ui-widget c-cost_-consumption_-load-curve {
    display: none !important;
    max-height: 0;
    overflow: hidden;
  }

  a.slds-carousel__panel-action.slds-text-link_reset
    div.slds-carousel__image
    img {
    height: 120px;
    content: url("/FECC/resource/FE_P001_CarouselMobile");
  }
  body.comm-page-home .slider-home .slds-carousel__content:hover {
    background: rgb(255, 255, 255);
  }
  body.comm-page-home .slider-home .slds-carousel__content {
    position: relative;
    bottom: 0%;
    left: 0%;
    color: black;
    font-size: 16px;
    background: white;
    border-radius: 0px 0px 0px 0;
    padding: 14px 20px;
    box-sizing: border-box;
    max-width: 540px;
    text-align: left;
    width: 100%;
  }
  body.comm-page-home .slider-home .slds-carousel__content h2 {
    font-size: 20px;
    text-align: left;
    text-transform: capitalize;
    font-weight: 300;
    color: #00a3da;
  }
  body.comm-page-home .slider-home .slds-carousel__content p {
    font-size: 14px;
    padding-top: 8px;
    color: #4f4f4f;
  }
  body.comm-page-home .slider-home .slds-carousel__autoplay {
    display: none;
  }

  .slds-carousel__indicators {
    position: absolute;
    bottom: 0;
  }

  .slds-carousel__indicators .slds-carousel__indicator-action {
    visibility: hidden;
  }
  .invoices-mobile lightning-button-menu .slds-dropdown_left {
    left: auto;
    right: -15px;
    box-shadow: 0px 2px 10px #00000027;
    border: 0;
    z-index: 2;
  }
  body.null.comm-page-list-500
    div.ui-widget
    .forceCommunityRecordListMobile.forceCommunityObjectHome {
    display: none !important;
  }
}
button.profile-menuTrigger span.uiImage {
  display: none;
  max-height: 0;
  overflow: hidden;
}

@media only screen and (min-width: 850px) {
  .cFE_P001_ProductsCallDXP {
    display: none !important;
    max-height: 0;
    overflow: hidden;
  }
}
/*LOGIN AND SELF REGISTER MOBILE*/
.null.comm-page-login-home div#centerPanel.cCenterPanel div.cLoginForm input {
  width: 100%;
  border-width: 1px;
  border-style: solid;
  border-color: silver;
  margin-left: 0px;
}

@media only screen and (max-width: 600px) {
  body.null.comm-page-login-home
    div#LoginNew.salesforceIdentityLoginBody2
    div#header.cHeaderPanel {
    background-image: url("/FECC/resource/FE_P001_LoginMobile");
    height: 25%;
    background-size: cover;
  }
  .null.comm-page-login-home div#LoginNew.salesforceIdentityLoginBody2 {
    background: white;
  }
  .null.comm-page-login-home div#centerPanel.cCenterPanel {
    top: 20%;
    width: 100%;
    margin-left: 5%;
    margin-right: 5%;
    left: 0%;
    position: relative;
  }
  body.null.comm-page-self-register
    div#LoginNew.salesforceIdentityLoginBody2
    div#header.cHeaderPanel {
    background-image: url("/FECC/resource/FE_P001_SelfRegMobile");
    height: 25%;
    background-size: cover;
  }
  .null.comm-page-self-register div#LoginNew.salesforceIdentityLoginBody2 {
    background: white;
  }
  .null.comm-page-self-register div#centerPanel.cCenterPanel {
    background: white;
    top: 20%;
    width: 100%;
    margin-left: 5%;
    margin-right: 5%;
    left: 0%;
    position: relative;
  }
  body.comm-page-home .siteforceContentArea .comm-content-header {
    width: 100vw;
    position: relative;
    left: 0;
    right: 0;
    height: 31vmin;
    padding: 0;
    margin: 0;
  }
  body.comm-page-home .siteforceContentArea > .slds-wrap {
    padding-top: calc(31vmin + 40px);
  }
}

/*APP GUIDANCE*/
@media only screen and (max-width: 600px) {
  c-f-e-_-p001-_-app-guidance .slds-button {
    width: 105px !important;
  }
}

/* DELETE HYPERLINKS*/
.null.comm-page-detail
  .siteforceSldsOneColLayout.siteforceContentArea
  .slds-grid.slds-gutters_small.full.cols-2.forcePageBlockSectionRow:nth-child(
    5
  ) {
  display: none;
}
.slds-grid.slds-page-header.forceRelatedListCardHeader
  h2.slds-card__header-title {
  font-size: 16px;
}

/*Hide Follow Button Community Case Layout*/

.slds-button.slds-button--neutral.not-selected.slds-not-selected {
  display: none;
}
.slds-button.slds-button--neutral.is-selected.slds-is-selected {
  display: none;
}

lightning-input[c-fe_p001_move_details_fe_p001_move_details].question label {
  color: black;
  font-weight: bold;
  font-size: 17px;
}

lightning-input[c-fep001dxpservicetilecapturemr_fep001dxpservicetilecapturemr]
  lightning-helptext
  div.slds-form-element__icon {
  top: 17px;
}