/* GLOBAL */
:root {
  --dark-green-primary: #015945;
  --light-green-primary: #7befb2;
  --green-alt-1: #002920;
  --green-alt-2: #247360;
  --green-alt-3: #02a67f;
  --green-alt-4: #c4f2da;
  --grey-1: #f1f2f2;
  --grey-2: #dcddde;
  --grey-3: #bcbec0;
  --grey-4: #808285;

  --radius: 5px;
}

body {
  font-family: Arial, sans-serif;
}

/* 11.05.2023 */

.impact-minor a {
  color: var(--green-alt-1) !important;
}

.unresolved-incidents .updates {
  display: none;
}

.page-title .impact-minor {
  color: var(--green-alt-1) !important;
}

/* /11.05.2023 */ /*hva trengs denne koden for? Den strekker kontainere, ser ikke ut til å berøre mobilvisning eller desktop i nevneverdig grad, kommenterer den ut 04.01

.container,
.masthead-container.basic {
    width: 100% !important;
    max-width: 1130px !important;
    padding: 0 16px !important;
}

.font-largest {
    color: var(--green-alt-1);
    font-size: 2rem;
    line-height: 1.5;
}

.font-large {}

.font-regular {}
*/
/* /GLOBAL */

/* HEADER */
#logo:hover {
  fill: var(--green-alt-3);
}

.nhn-header {
  background-color: #fff;
  border-bottom: 1px solid var(--grey-2);
}

.nhn-header .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 40px 16px 40px 16px !important;
}

#show-updates-dropdown {
  border-radius: 50px;
  border: 2px solid var(--green-alt-1);
  padding: 15px 25px 15px 25px;
  color: var(--green-alt-1);
}

#show-updates-dropdown:hover,
#show-updates-dropdown[aria-expanded="true"] {
  background-color: var(--green-alt-1);
  color: #fff;
}


.updates-dropdown {
  right: 0px;
  top: 50px !important;
}

.page-status {
  /* Den store knappen som viser global status. */
  border-radius: 50px !important;
  padding: 15px 25px 15px 25px !important;
}

/* /HEADER */

/* FOOTER */
.nhn-footer {
  background-color: var(--green-alt-1);
  color: #ffffff;
  margin-top: 72px;
  padding: 72px 0;
  
}

/*
.nhn-footer .columns {
    display: flex;
    align-items: top;
    justify-content: space-between;
    width: 100%;
    padding: 40px 0 40px 0;
}

.nhn-footer .columns> :first-child {
    width: 66%;
    padding-right: 25px;
}

.nhn-footer a {
    color: var(--green-alt-4);
}
*/
.nhn-footer-goto {
  padding: 15px 25px 15px 25px;
  border-radius: 50px;
  background-color: #7befb2;
  color: #002920 !important;
  display: inline-block;
  margin-top: 25px;
  transition: 0.3s all ease;
}

.nhn-footer-goto:hover {
  background-color: #ffffff;
}

/* /FOOTER */

/* INCIDENTS LIST */
.status-day {
  border-radius: var(--radius);
  padding: 20px;
  margin-bottom: 20px;
  background-color: #fff;
}

.status-day .date {
  border: 0 !important;
}

.incident-container {
  margin-top: 19px;
  padding-top: 19px;
  border-top: 1px solid var(--grey-2);
}

/* /INCIDENTS LIST */

/* (aleks)
CSS for å fjerne eller modifisere historikk på forsiden.
Replace "x" with the number of days you want to show + 2.
For example, if you wanted to show the last 3 days of history, you would replace x with 5.
*/

.status-day:nth-child(n + 3) {
  display: none;
}

/* (aleks) Kode for å fjerne "past incidents" - fjerner foreløpig også Historikk knappen så denne må tweakes.
.incidents-list{
display:none;
}
*/

/* UNSORTED */
.name {
  font-weight: bold !important;
}
.showcased {
  margin: 0 !important;
}
.child-components-container .name {
  font-weight: normal !important;
}
.child-components-container .component-inner-container {
  padding: 16px 16px 16px 32px !important;
  border: 0 !important;
} 

/* Martine Nilsen - 31.01.2024: Scrollbar på tjeneste-komponentene*/
.child-components-container {
  background-color: #fff;
  border-top: 1px solid var(--grey-2);
  z-index: 2 !important;
  height: 310px;
  overflow: auto;
}

.component-container {
  border: 0 !important;
  background-color: #fff;
  padding: 0px !important;
  margin: 0 16px 32px 16px !important;
  width: calc(50% - 32px) !important;
}

.component-inner-container {
  padding: 32px !important;
}


.scheduled-maintenance {
  background-color: #fff;
  padding: 20px;
  border: 1px solid #808285;
  border-radius: 4px;
}

.incident-title {
  border: 0 !important;
  font-size: 1.2rem;
  line-height: 1.2;
}

.shared-partial {
  display: none !important;
}

.components-container {
  margin: 0 -25px 0 -25px !important;
}

/* /UNSORTED */

/* History page*/
.uptime-calendar,
.months-container {
  background-color: #fff !important;
  padding: 32px !important;
}
.history-nav {
  margin-bottom: 0 !important;
}
.history-nav .current {
  background-color: #fff !important;
}
.history-header {
  background-color: #fff !important;
  margin: 0 !important;
  padding: 32px !important;
}
.month-title {
  border: 0 !important;
}

.nhn-incidents-list-history {
  text-align: center;
  padding: 25px 0 25px 0;
}
.nhn-history-link {
  border: 2px solid var(--green-alt-1);
  border-radius: 50px;
  padding: 15px 25px 15px 25px;
  color: var(--green-alt-1);
  background-color: #fff;
}
.nhn-history-link:hover {
  background-color: var(--green-alt-1);
  color: #fff;
}
.page-footer {
  display: none;
}

.scheduled-maintenance {
  border: 0 !important;
}

/* 09.01.2024 - Martine Nilsen (Knapp på history page) */
.pagination .previous-page,
.pagination .next-page,
.expand-incidents {
  border-radius: 50px !important;
  background-color: #fff !important;
}
.show-filter,
.expand-incidents {
  padding: 15px 25px 15px 25px !important;
}
.expand-incidents {
  display: inline-block;
}
.show-filter {
  border-radius: 50px !important;
}

.history-header {
  margin-bottom: 25px !important;
  background-image: linear-gradient(#ffffff, #f1f2f2) !important;
}

.months-container {
  background-color: transparent !important;
}
.month-content .incident-container {
  background-color: #fff !important;
  border: 0 !important;
  padding: 25px;
}

/* 03.02.2023 */
.components-affected {
  border: 0px !important;
  border-radius: 100px !important;
  padding: 15px 25px 15px 25px !important;
  background-color: #7befb2;
  color: #002920 !important;
  margin-top: 3rem !important;
}

.flat-button {
  border-radius: 100px !important;
  padding: 15px 25px 15px 25px !important;
  background-color: #7befb2;
}

.page-title .incident-name {
  font-size: 2.6rem !important;
  line-height: 1.3;
}

.page-title .subheader {
  font-size: 1.6rem !important;
  margin-top: 1rem !important;
}

.flat-button {
  box-shadow: none !important;
}

/* 28.04.2023 */
.scheduled-maintenance {
  border: 1px solid #fff !important;
  transition: 0.3s ease;
}
.scheduled-maintenance:hover {
  border: 1px solid #002920 !important;
}
.scheduled-maintenance .updates-container {
  display: none;
}
.scheduled-maintenance__title {
  font-size: 1.2rem;
  color: #002920;
}

/* 05.09.2023 */
.incident-title .subscribe {
  display: none;
}

/* Media queries */
@media (max-width: 900px) {
  .nhn-footer .columns {
    display: block;
  }

  .nhn-footer-shortcuts {
    padding-top: 25px !important;
  }

  .component-container {
    width: 100% !important;
    margin: 0 16px 20px 0 !important;
  }

  .components-container {
    margin: 0 !important;
  }
}

/* 04.10.2023  kode for å fikse tekstwrapping i component tooltips*/
.layout-content.status.status-index
  .components-section
  .component-description-tooltip {
  /* display: inline; */
  position: flex;
  
  top: -7px;
  left: 115%;
  font-size: 12px;
  width: fit-content;
  max-width: 200vw;
  background-color: #333;
  color: #fff;
  padding: 2px 10px;
  border-radius: 4px;
  z-index: 1;
  max-height: 300px;
  overflow: visible;
}