body, label {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Open Sans", "Ubuntu", "Droid Sans", "Helvetica Neue", sans-serif !important;
  -webkit-font-smoothing: antialiased!important;
}

body.status small {
  color: #6b7280;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}

small, .small {
  color: #6B7280 ; 
}

h4 {
 font-size: 30px;
 font-weight: 600;
 line-height: 36px;
 margin-bottom: 32px;
}

label {
  font-size: 14px;
  font-weight: 400;
}

.font-large {
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
}

.font-largest {
  font-size: 24px;
  font-weight: 600;
  line-height: 30px;
}

.font-regular {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.font-small {
  font-size: 12px;
}

.layout-content.status .masthead-container.basic .masthead {
  margin-bottom: 64px;
}

/* LW Logo */
.layout-content.status .masthead-container.basic .masthead .logo-container img {
    max-height: 30px;
}

/* Subscribe Button(s) */
.updates-dropdown-container .show-updates-dropdown:after {
  content: '';
}

#subscribe-btn-email, #subscribe-btn-sms, #show-updates-dropdown, #subscribe-btn-slack, #subscribe-btn-webhook {
  border-bottom-style: none;
  border-radius: 6px;
  box-shadow: 0px 0px 0;
  background-color: #236847; 
  padding: 8px 16px;
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 0;
  text-transform: none;
  text-shadow: none;
  transition-duration: 0.25s, 0.25s;
  transition-timing-function: ease-in-out, ease-in-out;
  transition-delay: 0s, 0s;
}

#show-updates-dropdown:hover, #subscribe-btn-email:hover, #subscribe-btn-sms:hover, #subscribe-btn-slack:hover, #subscribe-btn-webhook:hover {
  background-color: #488563; 
}

.layout-content.status.status-index .page-status .status {
  top: 0;
}

/* --- Alert Start --- */

/* Status Alert */
.layout-content.status.status-index .page-status {
  border: none;
  border-radius: 0px;
  font-weight: 600;
  margin-bottom: 2rem;
  	padding: 18px;
  text-shadow: none;
}

.layout-content.status.status-index .page-status .status {
  margin-bottom: 0 !important;
  font-size: 14px !important;
}

/* Alert - Operational - (Green) */
.layout-content.status.status-index .page-status.status-none {
  background-color: #ECFDF5 !important;
}

.layout-content.status.status-index .page-status .status {
  color: #064E3B !important;
}

/* Alert - Maintenance - (Blue) */
.layout-content.status.status-index .page-status.status-maintenance {
  background-color: #EFF6FF !important;
}

.layout-content.status.status-index .page-status.status-maintenance h2 {
  color: #1e3a8a  !important;
}

/* Alert Minor Outage (Yellow) */
.layout-content.status.status-index .page-status.status-minor {
  background-color: #FFFBEB !important;
}

.layout-content.status.status-index .page-status.status-minor h2 {
  color: #78350F !important;
}

/* Alert Major Outage (Orange) */
.layout-content.status.status-index .page-status.status-major {
  background-color: #FFF7ED !important;
}

.layout-content.status.status-index .page-status.status-major h2 {
  color: #7C2D12 !important;
}

/* Alert Critical (Red) */
.layout-content.status.status-index .page-status.status-critical {
  background-color: #FEF2F2 !important;
}

.layout-content.status.status-index .page-status.status-critical h2 {
  color: #7F1D1D !important;
}

/* --- Alert End --- */

.incidents-list {
  display: none;
}

.updates-dropdown-container .updates-dropdown .updates-dropdown-nav {
  background-color: #ffffff;
  border-radius: 4px 4px 0 0;
  border: none;
}

.layout-content.status .masthead-container .updates-dropdown-container .updates-dropdown {
  box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 1px, rgba(0, 0, 0, 0.1) 0px 4px 8px;
  border-radius: 4px 0px;
  overflow: hidden;
  z-index: 10;
  display: block;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 1px, rgba(0, 0, 0, 0.1) 0px 4px 8px;
  transform: translate3d(0, 0.3rem, 0rem);
}

.updates-dropdown-container .updates-dropdown .updates-dropdown-section {
  background-color: #ffffff;
  border: none;
  border-radius: 0px 4px !important;
  padding: 8px;
  background-color: rgb(255, 255, 255);
  border-radius: 4px;
  overflow: hidden;
  z-index: 10;
  display: block;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 1px, rgba(0, 0, 0, 0.1) 0px 4px 8px;
  padding: 12px;
}

.updates-dropdown-container .updates-dropdown .updates-dropdown-section.email input[type='text'] {
  margin: 0.2rem 0 0.75rem;
}

.directions {
  margin-bottom: 14px;
}

.component-container {
	background-color: #ffffff; 
}

.layout-content.status.status-index .components-section .component-container .group-parent-indicator {
  margin-right: 16px;
}

/* Caret Right */
.fa-plus-square-o:before {
  content: "\f0da";
  font-size: 14px;
}

/* Caret Down */
.fa-minus-square-o:before {
  content: "\f0d7";
  font-size: 14px;
}

.layout-content.status.status-index .components-section .component-container .name {
  font-weight: 600;
}

.components-container .component-inner-container.status-green .component-status {
 color: #047857;
}

.components-container .component-inner-container.status-green .component-status.tool {
 color: #047857;
}

.components-container .component-inner-container.status-yellow .component-status {
 color: #B45309;
}

.components-container .component-inner-container.status-yellow .component-status.tool {
 color: #B45309;
}

.components-container .component-inner-container.status-orange .component-status {
 color: #C2410C;
}

.components-container .component-inner-container.status-orange .component-status.tool {
 color: #C2410C;
}

.components-container .component-inner-container.status-blue .component-status {
 color: #2563eb;
}

.components-container .component-inner-container.status-blue .component-status.tool {
 color: #2563eb;
}

.components-container .component-inner-container.status-red .component-status {
 color: #DC2626;
}

.components-container .component-inner-container.status-red .component-status.tool {
 color: #DC2626;
}

.layout-content.status.status-index .components-section .components-container.one-column .component-container {
  border: none;
  border-color: #F3F4F6;
}

.layout-content.status.status-index .components-section .components-container.one-column .component-container:first-child {
  border-top: 1px solid #F3F4F6;
  border-radius: 12px 12px 0px 0px !important;
}

.layout-content.status.status-index .components-section .components-container.one-column .component-container:last-child {
  border-bottom: 1px solid #F3F4F6;
  border-radius: 0px 0px 12px 12px !important;
  padding: 24px 24px 24px !important;
}

.layout-content.status.status-index .components-section .component-container.is-group {
  padding: 24px 24px 0 !important;
}


.layout-content.status.status-index .components-section {
  margin-bottom: 24px;
}

/* .layout-content.status.status-index .components-section {
  margin-bottom: 2rem;
} */

.layout-content.status.status-index .components-section .component-container .child-components-container {
  padding-left: 30px;
}

.layout-content.status.status-index .components-section .component-container .child-components-container .component-inner-container {
  margin-top: 24px;
}

/* Tool tip */
.tooltip-base {
  background-color: #111827;
  border-color: #111827;
  border-radius: 99px;
  cursor: default;
  color: #FFFFFF;
  display: inline-block;
  border-width: 1px;
  border-style: solid;
  height: 18px;
  width: 18px;
  text-align: center;
  font-size: 1.1rem;
  line-height: 16px;
  margin-left: 5px;
  position: relative;
  top: 3px;
}

.tooltip-base:hover {
  color: #FFFFFF;
}

/* Scheduled Maintenance */
.layout-content.status.status-index .scheduled-maintenances-container {
  margin: 24px 0;
}

/* Scheduled Maintenance */
/* .layout-content.status.status-index .scheduled-maintenances-container {
  margin: 2rem 0;
} */

.scheduled-maintenances-container {
  background-color: #ffffff;
  border: 1px solid #F3F4F6;
  border-radius: 12px;
  padding: 24px;
}

.layout-content.status.status-index .scheduled-maintenances-container .scheduled-maintenance {
  margin-top: 24px;
}

.layout-content.status.status-index .scheduled-maintenances-container .scheduled-maintenance .incident-title {
  border: none !important;
  margin-bottom: 8px;
  padding-bottom: 0;
}

.layout-content.status.status-index .scheduled-maintenances-container .scheduled-maintenance .incident-title .color-primary:hover {
  color: #236847; 
}

.layout-content.status.status-index .scheduled-maintenances-container .scheduled-maintenance .updates-container .update {
  margin: 0 0 !important;
}

/* History Tab */
.layout-content.status.status-full-history .history-header, .layout-content.status.status-full-history .uptime-header {
  margin-bottom: 24px;
}

/* Incident History Month Container */
.layout-content.status.status-full-history .months-container .month {
  background-color: #ffffff;
  padding: 24px;
  border: 1px solid #f3f4f6;
  border-radius: 12px;
}

/* Incident History Month Title */
.layout-content.status.status-full-history .months-container .month .month-title {
  border: none;
  margin-bottom: 0.50rem;
}

.layout-content.status.status-full-history .months-container .month .incident-container .incident-title {
  color: #111827;
  line-height: 30px;
}

.layout-content.status.status-full-history .months-container .month .incident-container .incident-title:hover {
  color: #236847;
}

.layout-content.status.status-full-history .months-container .month .incident-container .font-small {
  line-height: 16px;
} 

/* Incident History Filter Button & Dropdown */
.layout-content.status.status-full-history .show-filter {
  background-color: #e5e7eb;
  border: none;
  border-radius: 6px;
  box-sizing: border-box;
  color: #4B5563;
  height: fit-content;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  min-height: 36px;
  max-height: 36px;
  padding: 8px 16px;
  transition-duration: 0.1s, 0.1s;
  transition-timing-function: ease-in-out, ease-in-out;
  transition-delay: 0s, 0s;
  vertical-align: middle;
}

.layout-content.status.status-full-history .show-filter:hover {
  background-color: #F3F4F6 !important;
}

.layout-content.status.status-full-history .show-filter.open {
  background-color: #F3F4F6 !important;
  color: #4B5563;
}

.grouped-items {
  background-color: #ffffff;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 1px, rgba(0, 0, 0, 0.1) 0px 4px 8px;
  border-radius: 4px !important;
  display: block;
  max-width: 300px;
  overflow: hidden;
  padding: 8px;
  width: fit-content !important;
  transform: translate3d(0, 0.3rem, 0rem);
  z-index: 10;
}

.grouped-items-selector .body .grouped-items .fa{
  margin-right: 14px; 
}

.grouped-items-selector .body .grouped-items .grouped-item-label {
  padding: 8px;
}

.grouped-items-selector .body .grouped-items .grouped-item {
  border: none;
  font-size: 14px;
  padding: 0px;
  position: relative;
}

.grouped-items-selector .body .grouped-items .grouped-item-label:hover, .grouped-items-selector .body .grouped-items .grouped-item label:hover {
  background-color: #F3F4F6;
  border: 1px solid transparent;
  border-radius: 4px;
}

.grouped-items-selector .body .grouped-items .grouped-item svg {
	margin: 8px;
}

.grouped-items-selector .body .grouped-items .grouped-item.group-parent .grouped-item {
  margin-left: 20px;
}

.grouped-items-selector .body .grouped-items .grouped-item.group-parent {
  border: none;
}

.grouped-items-selector .body .grouped-items .grouped-item.group-parent:first-child {
  border: none;
  border-radius: 4px;
}

.grouped-items-selector .body .grouped-items .grouped-item.group-parent:last-child {
  border: none;
  border-radius: 4px;
}

.grouped-items-selector {
  border: none;
  box-shadow: none;
}

/* Pagination Buttons */
.layout-content.status.status-full-history .history-header .pagination a, .layout-content.status.status-full-history .uptime-header .pagination a {
  background-color: #FFFFFF;
  border-radius: 0px;
  border-top: solid 1px #E5E7EB;
  border-bottom: solid 1px #E5E7EB;
  border-right: solid 1px #E5E7EB;
  color: #4B5563; 
  min-width: 35px;
  min-height: 38px;
}

/* Pagination Buttons */
.layout-content.status.status-full-history .history-header .left-arrow:before, .layout-content.status.status-full-history .uptime-header .left-arrow:before {
  color: #4B5563;
  content: "\f104";
}

/* Pagination Buttons */
.layout-content.status.status-full-history .history-header .right-arrow:before, .layout-content.status.status-full-history .uptime-header .right-arrow:before {
  color: #4B5563;
  content: "\f105";
}

.current {
  font-size: 14px;
}

.layout-content.status.status-full-history .history-header .pagination a:hover {
  background-color: #e5ede7; 
}

.layout-content.status.status-full-history .history-header .pagination a.disabled:hover {
  background-color: white;  
}

.incident-body {
  font-size: 14px;
}

.layout-content.status.status-full-history .months-container .expand-incidents {
  border: none;
  color: #111827;
  font-weight: 500;
  font-size: 14px !important;
  padding: 0 0 0;
}

.layout-content.status.status-full-history .months-container .expand-incidents:hover {
  color: #236847;
}

.layout-content.status.status-full-history .months-container .month+.month {
  margin-top: 2rem;
}

.page-footer {
  margin: 64px 0 64px 0;
}