@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap');

:root {
  --font-color: #333;
  --font-color-555: #555;
  --white-color: #fff;
  --gray-color: #777;
  --light-gray-color: #ccc;

  --axis-yellow-1: #fc3;
  --axis-yellow-2: #f5c430;

  --color-warm-gray-03: #e6e3e0;

  /* Bar */
  --bar-color: #9a8b7d;

  /* Border */
  --border-color: #e5e5e5;

  /* Imapct none */
  --impact-none-bg: var(--white-color);

  /* Under maintenance */
  --under-maintenance-color: #0079a8;

  /* Operational */
  --operational-bg: #f4f9ec;
  --operational-border: #8dc63f;
  --operational-color: #557726;

  /* Minor */
  --minor-bg: #fffae9;
  --minor-border: #f5c430;
  --minor-color: #bc8d00;

  /* Major */
  --major-bg: #fff1e8;
  --major-border: #ff6700;
  --major-color: #bc4b00;

  /* Critical */
  --critical-bg: #fff5f7;
  --critical-border: #b5121b;
  --critical-color: #b5121b;

  /* Box shadow */
  --box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
}

* {
  font-family: 'Open Sans', 'Arial', san-serif;
}

a {
  font-weight: 600;
  color: var(--font-color);
  border-bottom: 2px solid transparent;
  position: relative;
  text-decoration: none !important;
}

a:hover,
a:focus {
  text-decoration: none !important;
  color: var(--font-color) !important;
  border-bottom: 2px solid var(--axis-yellow-1);
}

.terms_and_privacy_information {
  color: var(--gray-color) !important;
}

.color-secondary {
  color: var(--gray-color) !important;
}

/***********************/
/******* COLORS ********/
/***********************/

.status-blue .component-status {
  color: var(--under-maintenance-color) !important;
}

.status-green .component-status {
  color: var(--operational-color) !important;
}

.status-yellow .component-status {
  color: var(--minor-color) !important;
}

.status-orange .component-status {
  color: var(--minor-color) !important;
}

.status-red .component-status {
  color: var(--major-color) !important;
}

/***********************/
/******* TOOLTIP ********/
/***********************/

.tooltip-box {
  background: rgba(0, 0, 0, 0.85) !important;
  color: var(--white-color);
  border-radius: 5px !important;
}

.pointer-container .pointer-smaller,
.pointer-container .pointer-larger {
  border-bottom-color: rgba(0, 0, 0, 0.85) !important;
  transform: translateY(1px);
}

.tooltip-content .related-events * {
  color: var(--white-color) !important;
}

/******************************/
/******* FORM ELEMENTS ********/
/******************************/

input[type='text'],
input[type='password'],
input[type='email'],
input[type='number'],
textarea,
select,
.chzn-container-single .chzn-single {
  font-size: 1rem;
  line-height: 1.625;
  font-weight: 400;
  border: 1px solid var(--light-gray-color);
  border-radius: 4px;
  color: var(--font-color);
  padding: 1rem 1.25rem;
  width: 100%;
  height: auto;
  font-family: 'Open Sans', Arial, sans-serif;
  -webkit-box-shadow: 0 0 0 1px transparent;
  box-shadow: 0 0 0 1px transparent;
  -webkit-transition: border 0.2s ease, -webkit-box-shadow 0.2s ease;
  transition: border 0.2s ease, -webkit-box-shadow 0.2s ease;
  -o-transition: border 0.2s ease, box-shadow 0.2s ease;
  transition: border 0.2s ease, box-shadow 0.2s ease;
  transition: border 0.2s ease, box-shadow 0.2s ease,
    -webkit-box-shadow 0.2s ease;
}

input[type='text']:focus,
input[type='password']:focus,
input[type='email']:focus,
input[type='number']:focus,
textarea:focus,
select:focus,
.chzn-container-single .chzn-single:focus {
  outline: 0;
  border-color: var(--font-color);
  -webkit-box-shadow: 0 0 0 1px var(--font-color);
  box-shadow: 0 0 0 1px var(--font-color);
}

/* Select */
.select-input__control {
  color: rgba(0, 0, 0, 0.8);
  padding: 0.75rem !important;
  border: 1px solid var(--light-gray-color) !important;
  border-radius: 4px !important;
  cursor: pointer !important;
  min-width: 120px;
  text-overflow: ellipsis;
  font-size: 0.875rem;
  line-height: 1.36;
  letter-spacing: 1px;
  font-weight: 700;
  text-transform: uppercase;
  background: url('data:image/svg + xml;charset=utf-8,%3Csvgxmlns="http://www.w3.org/2000/svg"viewBox="0 0 24 24"fill="%23333"%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:none;%7D.cls-2%7Bfill-opacity:1;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3EAsset4%3C/title%3E%3Cgid="Layer_2"data-name="Layer 2"%3E%3Cgid="Layer_1-2"data-name="Layer 1"%3E%3Cpathclass="cls-1"d="M24,24H0V0H24Z"/%3E%3Cpathclass="cls-2"d="M18.59,7.59,12,14.17,5.41,7.59,4,9l8,8,8-8Z"/%3E%3C/g%3E%3C/g%3E%3C/svg%3E')
    no-repeat var(--white-color) !important;
  background-position: right 0.75rem center;
  background-size: 1.5rem 1.5rem;
  box-shadow: inset 0 0 0 1px rgb(0 0 0 / 0%);
  transition: box-shadow 0.2s ease-out;
}

.select-input__control:hover,
.select-input__control:focus {
  box-shadow: inset 0 0 0 1px rgb(0 0 0 / 80%) !important;
  background: var(--white-color) !important;
}

.select-input__control > .select-input__value-container {
  padding: 0;
  margin: 0;
}

.select-input__menu-portal .select-input__option {
  color: var(--font-color);
  background: var(--white-color);
  box-shadow: inset 2px 0px 0px var(--axis-yellow-1);
}

.select-input__menu-portal .select-input__option--is-selected,
.select-input__menu-portal .select-input__option--is-focused {
  background: #f7f3f1;
  color: var(--font-color);
}

.select-input__menu-portal .select-input__option--is-selected {
  font-weight: 600;
}

/**********************/
/******* MODAL ********/
/**********************/
.modal,
.modal-footer {
  background: var(--white-color) !important;
}

.modal .modal-content .modal-header {
  padding: 30px;
  border: none;
}

.modal .modal-content .modal-header > h4 {
  font-size: 22px;
  font-weight: 600;
  letter-spacing: -0.3px;
  line-height: 31.9px;
}

.modal .modal-content .modal-body {
  padding: 0 30px 30px 30px;
}

/************************/
/******* BUTTONS ********/
/************************/

.cpt-button,
.flat-button,
.updates-dropdown-container .show-updates-dropdown {
  display: inline-block;
  border-radius: 4px;
  text-decoration: none;
  text-align: center;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.35714;
  letter-spacing: 1px;
  color: rgba(0, 0, 0, 0.8) !important;
  height: auto !important;
  min-width: 11rem;
  position: relative;
  z-index: 1;
  padding: 14px 20px;
  background: var(--axis-yellow-1) !important;
  text-shadow: none;
  box-shadow: none;
  white-space: nowrap;
  border: none !important;
  font-family: 'Open Sans', 'Arial', san-serif;
}
.cpt-button:after,
.flat-button:after,
.updates-dropdown-container .show-updates-dropdown::after {
  border: none;
  position: static;
}

.custom-header-container .custom-header-bar .updates-dropdown-container {
  float: right;
}

.unresolved-incidents > .unresolved-incident > .incident-title > a.subscribe {
  border-bottom: 2px solid transparent !important;
  line-height: 23px;
  transform: translateY(5px);
}

.unresolved-incidents
  > .unresolved-incident
  > .incident-title
  > a.subscribe:hover,
.unresolved-incidents
  > .unresolved-incident
  > .incident-title
  > a.subscribe:focus {
  border-bottom-color: inherit !important;
}

.cancel-btn,
.show-filter {
  display: inline-block;
  border-radius: 4px;
  text-decoration: none;
  text-align: center;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.35714;
  letter-spacing: 1px;
  color: rgba(0, 0, 0, 0.8) !important;
  min-width: 11rem;
  position: relative;
  overflow: hidden;
  z-index: 1;
  padding: 12px 18px !important;
  border: 2px solid var(--axis-yellow-1) !important;
}
.cancel-btn::after,
.show-filter::after {
  position: absolute;
  content: '';
  height: 100%;
  width: 0;
  left: 0;
  top: 0;
  z-index: -1;
  -webkit-transition: width 0.35s cubic-bezier(0.58, 0.3, 0.005, 1);
  -o-transition: width 0.35s cubic-bezier(0.58, 0.3, 0.005, 1);
  transition: width 0.35s cubic-bezier(0.58, 0.3, 0.005, 1);
  background-color: var(--axis-yellow-1);
}
.cancel-btn:hover::after,
.show-filter.open::after,
.show-filter:hover::after {
  width: 100%;
}

/***********************/
/******* HEADER ********/
/***********************/

/* Axis Tracks */
.axis-tracks {
  display: flex;
  justify-content: center;
  background: linear-gradient(135deg, #d8cfc6 50%, var(--axis-yellow-1) 50%);
  height: 1rem;
}

.axis-tracks__parallelogram {
  background-color: var(--white-color);
  width: 0.6875rem;
  transform: skew(-45deg);
}

/* Header */
header {
  background: var(--white-color);
  box-shadow: 0 0.3125rem 0.375rem -0.1875rem rgb(0 0 0 / 18%);
  min-height: 103px;
  max-height: 103px;
}

.custom-header__parent {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* Axis Logo */
.branding-wrapper {
  padding: 28px 28px 28px 0;
}

.axis-logo {
  height: 47px;
  width: 130px;
  display: block;
}

.axis-logo:hover,
.axis-logo:focus {
  border-bottom: none;
}

.font-large {
  font-size: 18px;
  line-height: 32px;
  font-weight: 600;
  transform: translateY(-2px);
  display: block;
}

.incidents-list {
  display: none;
}

/***********************/
/******* BANNER ********/
/***********************/

.banner {
	 font-size: 0.875rem;
	 letter-spacing: -0.0125rem;
	 padding: 0.75rem 0;
}
 .banner--body p {
	 padding: 0;
}
 .banner--status {
	 background-color: #D8CFC6;
}
 

/******************************/
/******* UPTIME HEADER ********/
/******************************/

.uptime-header .component-selector {
  width: 100%;
}

.uptime-header .component-selector > .control-group > div {
  margin: 0 !important;
}

/* PAGINATION */
.pagination-container {
  position: absolute;
  top: 5px;
  right: 0;
  background: var(--white-color);
  padding: 10px 15px;
  border-radius: 4px;
  border: 1px solid var(--border-color);
}

.pagination-container > .pagination > a {
  border: none !important;
}

/************************/
/******* CONTENT ********/
/************************/

.component-status.major_outage {
  display: none;
}
.layout-content .component-status {
  margin-top: 5px;
}

.components-section .components-uptime-link {
  color: var(--font-color-555);
  padding-bottom: 10px;
  margin-bottom: 30px;
  border-bottom: 1px solid var(--border-color);
}
.components-uptime-link > a {
  margin-left: 15px;
}
.components-uptime-link > a:before {
  content: '';
  width: 1px;
  height: 100%;
  background-color: var(--light-gray-color);
  position: absolute;
  left: -10px;
  top: 0;
}

.layout-content.status.status-index
  .components-section
  .component-container.is-group
  > .component-inner-container
  > .name {
  position: relative;
  padding-left: 35px;
}

.layout-content.status.status-index
  .components-section
  .component-container.is-group
  > .component-inner-container
  > .name
  > .fa {
  position: absolute;
  left: 0;
  top: -3px;
}

.layout-content.status.status-index
  .components-section
  .component-container
  .component-inner-container
  > .name {
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: -0.3px;
  margin-bottom: 0px;
}

.layout-content.status.status-index
  .components-section
  .component-container
  .component-inner-container
  > .component-status {
  margin: 0px;
}

.layout-content.status.status-index
  .components-section
  .component-container
  .component-inner-container
  > .shared-partial {
  padding-top: 8px;
  margin-bottom: 0;
}

/* Inner child */
.layout-content.status.status-index
  .components-section
  .component-container
  .child-components-container {
  margin: 15px 0 0 0;
  padding-left: 35px;
}

.layout-content.status.status-index
  .components-section
  .component-container
  .child-components-container
  .component-inner-container {
  margin-top: 0 !important;
  border-bottom: 1px dashed var(--light-gray-color);
  padding: 10px;
  transition: background-color 0.3s;
}

.layout-content.status.status-index
  .components-section
  .component-container
  .child-components-container
  .component-inner-container:hover,
.layout-content.status.status-index
  .components-section
  .component-container
  .child-components-container
  .component-inner-container:focus {
  background-color: var(--color-warm-gray-03);
}

.layout-content.status.status-index
  .components-section
  .component-container
  .child-components-container
  .component-inner-container:last-child {
  border-bottom: none;
}

.layout-content.status.status-index
  .components-section
  .component-container
  .child-components-container
  .component-inner-container
  .name {
  font-size: 16px;
}

.layout-content.status.status-index
  .components-section
  .component-container
  .child-components-container
  .component-inner-container
  .component-status {
  text-align: right;
  margin: 0;
}

.shared-partial.uptime-90-days-wrapper .legend {
  margin-top: 5px;
}

.shared-partial.uptime-90-days-wrapper .legend > * {
  color: var(--font-color-555) !important;
  opacity: 1 !important;
}

.layout-content.status.status-index
  .components-section
  .components-container.one-column
  .component-container {
  border: 0;
  border-bottom: 1px solid var(--border-color);
  padding: 20px 0;
  margin: 0;
  border-radius: 0;
}

.layout-content.status.status-index
  .components-section
  .components-container.one-column
  .component-container:first-child {
  margin: 0;
}

.component-container.is-group .name .group-parent-indicator:before {
  content: '';
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='%23333'%3E%3Cpath d='M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z'/%3E%3Cpath fill='none' d='M0 0h24v24H0V0z'/%3E%3C/svg%3E")
    no-repeat center;
  background-size: 30px;
  margin-left: auto;
  height: 1.9375rem;
  width: 1.9375rem;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-transition: -webkit-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  -o-transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  display: block;
}

.component-container.is-group.open .name .group-parent-indicator:before {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.layout-content.status.status-index
  .components-section
  .components-container.one-column
  .component-container {
  padding-left: 35px;
}

.layout-content.status.status-index
  .components-section
  .components-container.one-column
  .component-container.is-group {
  padding-left: 0px;
}

/*************************/
/******* STATUSES ********/
/*************************/

/* Subscribe */
.layout-content.status.status-index .page-status {
  padding: 20px 30px 20px 106px;
  border: none;
  box-shadow: 0 0.25rem 0.625rem 0 rgb(0 0 0 / 15%);
}

.layout-content.status.status-index .page-status > *{
  margin-bottom: 0;
}

/* Operational - Green */
.layout-content.status.status-index .page-status.status-none {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24' fill='%238dc63f'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm4.59-12.42L10 14.17l-2.59-2.58L6 13l4 4 8-8z'/%3E%3C/svg%3E")
    no-repeat var(--operational-bg);
  background-size: 2.875rem 2.875rem;
  background-position: 1.875rem center;
  border-left: 5px solid var(--operational-border);
}

.layout-content.status.status-index .page-status.status-none .status {
  color: var(--operational-color);
  text-shadow: none;
}

/* Status default */
.unresolved-incidents > .unresolved-incident {
  padding: 20px 30px 20px 106px;
  border: none;
  box-shadow: 0 0.25rem 0.625rem 0 rgb(0 0 0 / 15%);
  border-radius: 5px;
}
.unresolved-incidents > .unresolved-incident .incident-title {
  background: none !important;
  padding: 0 !important;
}
.unresolved-incidents > .unresolved-incident .incident-title > .actual-title {
  width: auto !important;
}
.unresolved-incidents > .unresolved-incident .incident-title > a {
  text-shadow: none !important;
}
.unresolved-incidents > .unresolved-incident .incident-title > a:hover,
.unresolved-incidents > .unresolved-incident .incident-title > a:focus {
  border-bottom: 2px solid var(--font-color);
}
.unresolved-incidents > .unresolved-incident .updates {
  border: none !important;
  padding: 20px 0 0 0 !important;
}
.unresolved-incidents > .unresolved-incident .updates > .update > small {
  color: var(--font-color-555) !important;
}

/* None */
.unresolved-incidents > .impact-none,
.unresolved-incidents > .impact-maintenance {
  background: var(--impact-none-bg);
  border-left: none;
  padding: 20px 30px;
}

.unresolved-incidents > .impact-none .incident-title > a,
.unresolved-incidents > .impact-maintenance .incident-title > a {
  color: var(--font-color) !important;
  font-weight: 700 !important;
  border-bottom: 2px solid var(--font-color);
}

/* Minor */
.layout-content.status.status-index .page-status.status-minor {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24' fill='%23f5c430'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M11 7h2v2h-2zm0 4h2v6h-2zm1-9C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z'/%3E%3C/svg%3E")
    no-repeat var(--minor-bg);
  background-size: 2.875rem 2.875rem;
  background-position: 1.875rem center;
  border-left: 5px solid var(--minor-border);
}

.layout-content.status.status-index .page-status.status-minor .status {
  color: var(--minor-color);
  text-shadow: none;
}

.unresolved-incidents > .impact-minor {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24' fill='%23f5c430'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M11 7h2v2h-2zm0 4h2v6h-2zm1-9C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z'/%3E%3C/svg%3E")
    no-repeat var(--minor-bg);
  background-size: 2.875rem 2.875rem;
  background-position: 1.875rem center;
  border-left: 5px solid var(--minor-border);
}

.unresolved-incidents > .impact-minor .incident-title > a {
  color: var(--minor-color) !important;
  font-weight: 700 !important;
  border-bottom: 2px solid var(--minor-color);
}

/* Major */
.layout-content.status.status-index .page-status.status-major {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24' fill='%23ff6700'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M11 7h2v2h-2zm0 4h2v6h-2zm1-9C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z'/%3E%3C/svg%3E")
    no-repeat var(--major-bg);
  background-size: 2.875rem 2.875rem;
  background-position: 1.875rem center;
  border-left: 5px solid var(--major-border);
}

.layout-content.status.status-index .page-status.status-major .status {
  color: var(--major-color);
  text-shadow: none;
}

.unresolved-incidents > .impact-major {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24' fill='%23ff6700'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M11 7h2v2h-2zm0 4h2v6h-2zm1-9C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z'/%3E%3C/svg%3E")
    no-repeat var(--major-bg);
  background-size: 2.875rem 2.875rem;
  background-position: 1.875rem center;
  border-left: 5px solid var(--major-border);
}

.unresolved-incidents > .impact-major .incident-title > a {
  color: var(--major-color) !important;
  font-weight: 700 !important;
  border-bottom: 2px solid var(--major-color);
}

/* Critical */
.unresolved-incidents > .impact-critical {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='%23b5121b'%3E%3Cpath d='M11 15h2v2h-2v-2zm0-8h2v6h-2V7zm.99-5C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z'/%3E%3C/svg%3E")
    no-repeat var(--critical-bg);
  background-size: 2.875rem 2.875rem;
  background-position: 1.875rem center;
  border-left: 5px solid var(--critical-border);
}

.unresolved-incidents > .impact-critical .incident-title > a {
  color: var(--critical-color) !important;
  font-weight: 700 !important;
  border-bottom: 2px solid var(--critical-color);
}

/* Bar colors */
.shared-partial.uptime-90-days-wrapper svg rect:hover {
  fill: var(--bar-color);
}

/*********************************/
/******* COMPONENT STATUS ********/
/*********************************/

/* Under maintenance */
.components-container
  > .component-container
  > div[data-component-status='under_maintenance']
  > .component-status {
  color: var(--under-maintenance-color) !important;
}

/* Operational */
.components-container
  > .component-container
  > div[data-component-status='operational']
  > .component-status {
  color: var(--operational-color) !important;
}

/* Degraded performance */
.components-container
  > .component-container
  > div[data-component-status='degraded_performance']
  > .component-status {
  color: var(--minor-color) !important;
}

/* Partial Outage */
.components-container
  > .component-container
  > div[data-component-status='partial_outage']
  > .component-status {
  color: var(--minor-color) !important;
}

/* Major Outage */
.components-container
  > .component-container
  > div[data-component-status='major_outage']
  > .component-status {
  color: var(--major-color) !important;
}

/*****************************/
/******* HISTORY PAGE ********/
/*****************************/

.history-header {
  margin-bottom: 30px !important;
}

/* Tabs */
.layout-content.status.status-full-history .history-nav {
  margin: 0 0 35px 0;
  display: flex;
  align-items: center;
  border: none;
}
.layout-content.status.status-full-history .history-nav:after,
.layout-content.status.status-full-history .history-nav:before {
  display: none;
}

.layout-content.status.status-full-history .history-nav > .button {
  float: none;
  margin: 0 2.5rem 0 0;
  text-decoration: none;
  background: none;
  height: 70px;
  transition: border-bottom 0.2s ease;
  text-align: center;
  text-decoration: none;
  border-left: none !important;
  border-right: none !important;
  border-bottom: 4px solid transparent !important;
  border-top: 4px solid transparent !important;
  text-transform: uppercase;
  white-space: nowrap;
  font-weight: 600;
  color: var(--font-color);
  padding: 0;
  font-size: 14px;
  line-height: 24.92px;
  display: flex;
  align-items: center;
  border-radius: 0;
}

.layout-content.status.status-full-history .history-nav > a:not(.current) {
  border-bottom: 4px solid transparent !important;
  border-top: 4px solid transparent !important;
}

.layout-content.status.status-full-history .history-nav > .button:hover,
.layout-content.status.status-full-history .history-nav > .button:focus {
  border-bottom: 4px solid var(--axis-yellow-2) !important;
}

.layout-content.status.status-full-history .history-nav > .button.current {
  border-bottom: 4px solid var(--axis-yellow-2) !important;
  font-weight: 700;
}

/* Calender */
.months-container > .month > .month-title {
  font-size: 22px;
  font-weight: 600;
  line-height: 31.9px;
  letter-spacing: -0.3px;
  margin-bottom: 30px !important;
  padding-bottom: 10px !important;
  border-bottom: 1px solid var(--border-color) !important;
}

.incident-history > .incident-list > .incident-data {
  align-items: center;
  border-left: 0.625rem solid var(--axis-yellow-1);
  border-radius: 0.5rem;
  box-shadow: 0 0.0625rem 0.3125rem rgb(0 0 0 / 10%);
  display: flex;
  flex-direction: row;
  gap: 0 2.5rem;
  justify-content: space-between;
  margin-bottom: 0.625rem !important;
  min-height: 4.8125rem;
  padding: 0.7188rem 1.25rem;
  background: var(--white-color);
}

.incident-history > .incident-list > .incident-data:has(a.impact-none) {
  border-left: 0.625rem solid var(--bar-color);
}
.incident-history > .incident-list > .incident-data:has(a.impact-minor) {
  border-left: 0.625rem solid var(--minor-border);
}
.incident-history > .incident-list > .incident-data:has(a.impact-major) {
  border-left: 0.625rem solid var(--major-border);
}
.incident-history > .incident-list > .incident-data:has(a.impact-critical) {
  border-left: 0.625rem solid var(--critical-border);
}

.incident-history > .incident-list > .incident-data > .font-large {
  color: var(--font-color) !important;
  display: inline-block;
  font-weight: 600 !important;
}

.incident-history > .incident-list > .incident-data > .font-small,
.incident-history > .incident-list > .small {
  color: var(--gray-color);
}

/* Grouped item selector */

.grouped-items-selector {
  border-radius: 5px;
  overflow: hidden;
}

.grouped-items-selector .grouped-item {
  padding-left: 10px !important;
  background: var(--white-color);
  border-color: #e5e5e5 !important;
}

.grouped-items-selector .grouped-item > label > span {
  padding: 0;
}

.grouped-items-selector .grouped-item > label > span > input {
  display: none;
}

.grouped-items-selector .grouped-item-label {
  padding-left: 0 !important;
}

.grouped-items-selector .grouped-item.group-parent > .grouped-item-label {
  padding-left: 0 !important;
}

.grouped-items-selector
  .grouped-item.group-parent
  > .grouped-item-label
  > div
  > i {
  width: 18px;
  text-align: center;
  font-size: 22px;
  transform: rotate(-90deg);
  transition: transform 0.3s ease-out;
}

.grouped-items-selector
  .grouped-item.group-parent.open
  > .grouped-item-label
  > div
  > i {
  transform: rotate(0deg);
}

.grouped-items-selector
  .grouped-item.group-parent
  > .grouped-item-label
  > div
  > span {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

.grouped-items-selector .grouped-items .grouped-item > label {
  align-items: center;
}

.grouped-items-selector .grouped-items .grouped-item > label > svg {
  transform: translateX(-3px);
}

.grouped-items-selector
  .grouped-items
  .grouped-item
  > label
  > span:first-child
  > span
  > span {
  display: none;
}

.grouped-items-selector
  .grouped-items
  .grouped-item
  > label
  > span:first-child
  > span {
  width: 1.25rem;
  height: 1.25rem;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg fill='none' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 3h12a3 3 0 0 1 3 3v12a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3V6a3 3 0 0 1 3-3Zm0 2a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1H6Z' fill='%23A0A0A0'/%3E%3C/svg%3E");
  left: 0;
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: -1;
  order: -1;
}

.grouped-items-selector
  .grouped-items
  .grouped-item.active
  > label
  > span:first-child
  > span {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg fill='none' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 3a3 3 0 0 1 3 3v12a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3V6a3 3 0 0 1 3-3h12Zm-1.53 4.97L10 14.44l-2.47-2.47a.75.75 0 0 0-1.06 1.06l3 3a.75.75 0 0 0 1.06 0l7-7a.75.75 0 0 0-1.06-1.06Z' fill='%23333'/%3E%3C/svg%3E");
}

/****************************/
/***** New Subscription *****/
/****************************/
.new-subscription .heading > h5.title {
  font-size: 34px;
  font-weight: 300;
  letter-spacing: -0.3px;
  line-height: 47.6px;
  margin-bottom: 15px;
}

.new-subscription .heading > .instructions {
  font-size: 18px;
  font-weight: 400;
  line-height: 32.04px;
  margin: 15px 0 30px;
}

.new-subscription .component-form > div > span {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}

.new-subscription .component-form > div > span > strong {
  font-size: 22px;
  font-weight: 600;
  letter-spacing: -0.3px;
  line-height: 31.9px;
}

.new-subscription .component-form > .form-actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/**************************/
/******* INCIDENTS ********/
/**************************/
.layout-content.status-incident .incident-name.impact-none {
  color: var(--font-color) !important;
}
.layout-content.status-incident .incident-name.impact-minor {
  color: var(--minor-color) !important;
}
.layout-content.status-incident .incident-name.impact-major {
  color: var(--major-color) !important;
}
.layout-content.status-incident .incident-name.impact-critical {
  color: var(--critical-color) !important;
}

/* Incident page */
.layout-content.status-incident .page-title {
  padding: 30px;
  background: var(--white-color);
  border-radius: 8px;
  box-shadow: var(--box-shadow);
}

.layout-content.status-incident .page-title > .incident-name {
  margin-bottom: 10px;
}

/**************************************/
/******* Scheduled Maintenance ********/
/**************************************/

.scheduled-maintenances-container .scheduled-maintenance {
  box-shadow: var(--box-shadow);
  border-radius: 5px;
  padding: 20px;
  background: var(--white-color);
}

.layout-content.status.status-index
  .scheduled-maintenances-container
  .scheduled-maintenance,
.layout-content.status.status-index
  .scheduled-maintenances-container
  .scheduled-maintenance:nth-child(2) {
  margin-top: 22px;
}

.layout-content.status.status-index
  .scheduled-maintenances-container
  .scheduled-maintenance
  .incident-title {
  display: flex;
  flex-direction: column-reverse;
  border: 0;
}

.layout-content.status.status-index
  .scheduled-maintenances-container
  .scheduled-maintenance
  .incident-title
  a {
  display: inline-block;
  max-width: initial;
}

/***********************/
/******* FOOTER ********/
/***********************/
.page-footer {
  overflow: initial;
}

.page-footer > a > span {
  display: none;
}

.powered-by > a {
  text-transform: capitalize;
  font-weight: 400;
  color: var(--font-color-555);
  letter-spacing: normal;
  padding: 0;
  overflow: initial;
}

.powered-by > a:hover,
.powered-by > a:focus {
  color: var(--font-color) !important;
}