/* Start Custom CSS */
/* 
 * new CSS from www.outsystems.com 
 */

@import url('https://fonts.googleapis.com/css?family=Cabin&display=swap');


@charset "UTF-8";
/*@font-face {
    font-family: osicons;
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url("https://www.outsystems.com/-/media/themes/outsystems/website/site-theme/fonts/icons/osicons_woff.woff") format("woff")
}

@font-face {
    font-family: 'WorkSans';
    src: url('https://www.outsystems.com/-/media/themes/outsystems/website/site-theme/fonts/worksans-variablefont_wght.ttf') format('truetype supports variations'),url('https://www.outsystems.com/-/media/themes/outsystems/website/site-theme/fonts/worksans-variablefont_wght.ttf') format("truetype-variations");
    font-display: swap;
    font-weight: 100 900
}
*/
@font-face {
    font-family: 'Cabin', 'NotoSans';
/*    src: url('https://www.outsystems.com/-/media/themes/outsystems/website/site-theme/fonts/notosans-medium.ttf') format('truetype'); */
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Cabin', 'NotoSans';
/*    src: url('https://www.outsystems.com/-/media/themes/outsystems/website/site-theme/fonts/noto-sans-v9-latin-ext_latin-700.woff') format('woff'); */
    font-weight: 700;
    font-style: normal;
    font-display: swap
}


/* 
 * original CSS elements
 */


body {
  font-family: 'Cabin', 'NotoSans',Helvetica,Arial,sans-serif;
  background-color: #0A141E;
  font-weight: 300;
}

b,strong {
    font-weight: 700
}

/* * {-webkit-font-smoothing: antialiased;} */

div, .color-primary, .color-primary:hover, .layout-content.status.status-full-history .history-nav a.current,
.layout-content.status.status-full-history .history-nav a:not(.current):hover {
  color: white;
}

li.related-event {
  color: white;

}
 div.directions {
  color: white	;
}

div.select-input__option{
  color: #172B4D !important;
}

div.select-input__option--is-focused,div.select-input__option--is-selected {
  background-color: rgb(235, 236, 240);
  box-shadow: inset 3px 0px 0px 0px #F22800 !important;
}

div.tooltip-content {
  background-color: #0A141E;
}
div.tooltip-box {
  background-color: #0A141E;
}

div.uptime-tooltip {
  background-color: #0A141E;
}
.component-description-tooltip {
	  max-width: 550px !important;
}

/* main status background color */
.page-status.status-none {
  background-color: #0A141E !important;
  
}

/* font used in the main status */
.font-large {
/*  font-weight: 100 !important; */
  font-size: 1rem;
}


div.pointer-container {
  background-color: #0A141E;
}
.flat-button, .masthead .updates-dropdown-container .show-updates-dropdown, .layout-content.status-full-history .show-filter.open {
    background-color: #F22800;
}
.flat-button:hover, .masthead:hover .updates-dropdown-container:hover .show-updates-dropdown:hover, .layout-content.status-full-history:hover .show-filter.open:hover {
    background-color: #39414A;
}


/*
 * removing atlassian border around availability items
 */

.component-container.border-color.is-group {
    border-width: 0px;
}
 
.layout-content.status.status-index .components-section .components-container.one-column .component-container:first-child {
    border-top-width: 2px;
}

.layout-content.status.status-index .components-section .components-container.one-column .component-container {
    border-width: 2px;
    border-right-width: 2px;
    border-top-width: 2px;
    border-left-width: 2px !important;
}

/*
 * custom spacing to group categories within status page
 */

.component-container.border-color.is-group:has([aria-label="Toggle OutSystems Personal Edition"]) {
   margin-top: 40px; /* Add margin */
   border-top-width: 2px;
}


.component-container.border-color.is-group:has([aria-label="Toggle Mentor"]) {
   margin-top: 40px; /* Add margin */
   border-top-width: 2px;
}

.component-container.border-color.is-group:has([aria-label="Toggle Other OutSystems Services"]) {
   margin-top: 40px; /* Add margin */
   border-top-width: 2px;
}

.component-container.border-color.is-group:has([aria-label="Toggle Online Community"]) {
   margin-top: 40px; /* Add margin */
   border-top-width: 0px;
}


.updates-dropdown-sections-container .privacy_policy_information,.terms_and_privacy_information {
   color: #cfcfcf;
}

.modal-confirmation div {
    color:#555;
}


/* End Custom CSS */

/*
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.
Do the replacements described above and then paste the following into your Custom CSS section.
*/

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

<!-- 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. -->

<!-- Do the replacements described above and then paste the following into your Custom CSS section. -->

<script>
	$(function() {
		$('.status-day:nth-child(n+9)').remove();
	});
</script>