/* Start Custom font CSS */
@import url('//fonts.googleapis.com/css2?family=Noto+Sans:wght@400;500;600;700&family=Poppins:wght@400;500;600;700');
body { font-family: 'Noto Sans', 'Segoe UI', sans-serif; }
/* End Custom font CSS */

/* Start Custom CSS */

.status-day:nth-child(n+5) { 
    display:none; 
}

.incidents-list { 
    display: none; 
}

a { 
    font-family: 'Poppins', sans-serif; 
    font-weight: 500; 
}

.container { 
    max-width: 1120px; 
    position: relative; 
}

.top-nav { 
    background-color: white; 
    border-bottom: 1px solid #8D94A0; 
    padding: 32px 0 16px; 
}

.top-nav .container { 
    display: flex; 
    flex-wrap: wrap; 
    align-items: center; 
    justify-content: space-between; 
}

.page-status, .unresolved-incidents { 
    position: relative; 
    margin: -2rem auto 5rem;
}

.company__logo img { 
    height: 40px; 
    width: auto;
}

.top-nav__links { 
    display: flex;
    align-items: start;
}

.top-nav__links a { 
    color: #1a1a1a; 
    display: block; 
    padding: 16px;
    margin: 0 8px; 
}

.top-nav__links a.active {
    border-bottom: 3px solid #44D62C;
    color: #1a1a1a;
}

a.btn { 
    background-color: #1a1a1a; 
    border-radius: 4px; 
    color: white; 
    padding: 16px 24px; 
    opacity: 1; 
}

a.btn:hover {
    background-color: white;
    border: 2px solid #1a1a1a;
    color: #1a1a1a;
    padding: 14px 22px;
}

a.btn--secondary { 
    border: 2px solid #1a1a1a; 
    background-color: white; 
    border-radius: 4px;
    color: #1a1a1a;
    opacity: 1;
    padding: 14px 22px;
}

a.btn--secondary:hover {
    background-color: #1a1a1a;
    color: white;
}

.top-nav__links a:last-child {
    margin-right: 0;
}

.hero-section { 
    background-color: #eff3ff; 
    background-image: url('https://beconnsharedprodsa01.blob.core.windows.net/contentfile/en/uxstatusdashboard.jpg?sv=2018-03-28&sr=b&sig=Vmc4m2e7n4fp7FVhWsXWy1nhQm95nzJ7czpRbz3HgQE%3D&st=2023-04-05T20%3A08%3A59Z&se=2073-04-05T20%3A08%3A59Z&sp=r');
    background-repeat: no-repeat;
    background-size: cover;
    padding: 80px 0 112px; 
}

.hero__content { 
    display: flex; 
    justify-content: space-between; 
    align-items: center; 
}

.hero__text { 
    margin-right: 32px; 
    width: 70%; 
}

.hero__text a {
  				  color: #1a1a1a;
    text-decoration: underline;
}

.updates-dropdown-container {  
    background-color: #fff; 
    display: block;  
    text-align: center; 
}

.updates-dropdown-container a.show-updates-dropdown { 
    background-color: white;
    border: 2px solid #1a1a1a; 
    border-radius: 4px;
    color: #1a1a1a;
    display: block;
    padding: 16px 32px;
    position: relative;
}

.updates-dropdown-container a.show-updates-dropdown:active { 
    /*background-color: black;
    color: white;*/
    top: 3px;
}

h2 { 
    font-family: 'Poppins', Segoe UI, sans-serif; 
    font-weight: 700; 
}

.layout-content.status .custom-header-container { 
    margin-bottom: 0; 
}

.layout-content.status.status-index .page-status { 
    align-items: center; 
    box-shadow: 0 0 24px rgba(0,0,0, .2); 
    border-radius: 8px;
    display: flex; 
    font-family: 'Poppins', Segoe UI, sans-serif; 
    padding: 20px 24px 24px; 
    position: relative; 
    margin: -2.5rem auto 3.5rem; 
    max-width: 920px; 
}

.layout-content.status.status-index .unresolved-incidents .incident-title {
    font-family: 'Poppins', Segoe UI, sans-serif;
}

.layout-content.status.status-index .unresolved-incidents {
    max-width: 920px;
}

.status.font-large { 
    font-size: 24px; 
    font-weight: 600; 
}

.layout-content.status.status-index .page-status.status-none { 
    background-color: white; 
}

.layout-content.status.status-index .page-status .status { 
    color: #1a1a1a; 
}

.status-maintenance .layout-content.status.status-index .page-status .status {
    color: white;
}

.page-status.status-none::before { 
    content: '';
    width: 48px; 
    height: 48px; 
    margin-right: .75rem;
    background-size: contain;
    background-repeat: no-repeat;
    	background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m12,24C5.4,24,0,18.6,0,12v-.2C.1,5.2,5.6-.1,12.2,0c6.6.1,11.9,5.5,11.8,12.1,0,6.6-5.4,11.9-12,11.9Zm-5.5-12.5l-1.7,1.7,4.8,4.8,9.6-9.6-1.7-1.7-7.9,7.9s-3.1-3.1-3.1-3.1Z' fill='%2344d62c'/%3E%3C/svg%3E");
    
}

.layout-content.status.status-index .components-section .component-container.is-group.open>.component-inner-container .icon-indicator {
    display: block;
}

.layout-content.status.status-index .unresolved-incidents .unresolved-incident .incident-title {
    border-radius: 8px 8px 0 0;
    display: flex;
    align-items: center;
    padding: 16px 24px;
}

.layout-content.status.status-index .unresolved-incidents .unresolved-incident .updates {
    border-radius: 0 0 8px 8px;
}

.layout-content.status.status-index .unresolved-incidents .unresolved-incident .updates {
    padding: 1.5rem 2rem;
}

.layout-content.status.status-index .unresolved-incidents .unresolved-incident.impact-maintenance .incident-title::before, .layout-content.status.status-index .unresolved-incidents .unresolved-incident.impact-minor .incident-title::before, .layout-content.status.status-index .unresolved-incidents .unresolved-incident.impact-major .incident-title::before, .layout-content.status.status-index .unresolved-incidents .unresolved-incident.impact-critical .incident-title::before  {
    content: '';
    background-repeat: no-repeat;
    background-size: 100% auto;
    width: 40px;
    height: 40px;
    margin-right: .75rem;
}

.layout-content.status.status-index .unresolved-incidents .unresolved-incident.impact-minor .incident-title::before, .layout-content.status.status-index .unresolved-incidents .unresolved-incident.impact-none .incident-title::before {
    	background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.5012 24C5.87614 23.9927 0.507276 18.6244 0.5 12V11.76C0.631931 5.16545 6.06206 -0.0864308 12.658 0.00107786C19.254 0.0885865 24.5428 5.48268 24.4997 12.0784C24.4566 18.6742 19.0977 23.9987 12.5012 24ZM6.5006 10.8V13.2H18.5018V10.8H6.5006Z' fill='white'/%3E%3C/svg%3E");
  	  
}

.layout-content.status.status-index .unresolved-incidents .unresolved-incident.impact-maintenance .incident-title::before {
    background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.5 24C19.1274 24 24.5 18.6274 24.5 12C24.5 5.37258 19.1274 0 12.5 0C5.87258 0 0.5 5.37258 0.5 12C0.5 18.6274 5.87258 24 12.5 24ZM17.9284 8.42785C18.0826 8.27363 18.3475 8.34535 18.4 8.55699C18.6763 9.66816 18.3803 10.8928 17.5114 11.7616C16.5763 12.6967 15.2322 12.9553 14.0575 12.5636L9.06037 17.5607C8.47466 18.1464 7.52498 18.1464 6.93928 17.5607C6.35357 16.975 6.35357 16.0253 6.93928 15.4396L11.9406 10.4383C11.5539 9.2641 11.8096 7.91738 12.7386 6.98832C13.6065 6.12067 14.8293 5.82418 15.9397 6.09934C16.1528 6.15231 16.2275 6.41668 16.0724 6.57184L14.3296 8.31465L14.5947 9.90558L16.1856 10.1707L17.9284 8.42785ZM7.43756 16.4999C7.43756 16.8105 7.68951 17.0624 8.00006 17.0624C8.3106 17.0624 8.56255 16.8105 8.56255 16.4999C8.56255 16.1892 8.3106 15.9374 8.00006 15.9374C7.68951 15.9374 7.43756 16.1892 7.43756 16.4999Z' fill='white'/%3E%3C/svg%3E");  	  
}

.layout-content.status.status-index .unresolved-incidents .unresolved-incident.impact-major .incident-title::before {
    	background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.3334 24H1.66894C1.25131 24 0.865413 23.7458 0.656604 23.3333C0.447796 22.9207 0.447799 22.4124 0.656612 21.9999L11.4883 0.665488C11.6972 0.253616 12.0828 0 12.5 0C12.9172 0 13.3028 0.253616 13.5117 0.665488L24.3434 21.9999C24.5521 22.4122 24.5522 22.9202 24.3437 23.3327C24.1352 23.7452 23.7496 23.9995 23.3322 24H23.3334ZM11.3328 17.333V19.9998H12.4234H12.4994H12.5754H13.6684V17.333H11.3328ZM11.3328 7.99919V14.6662H13.6707V7.99919H11.3328Z' fill='white'/%3E%3C/svg%3E");
    background-size: 85% auto;
}

.layout-content.status.status-index .unresolved-incidents .unresolved-incident.impact-critical .incident-title::before {
    	background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.4963 24C9.31382 24.0029 6.26084 22.7396 4.01048 20.4886C1.76011 18.2377 0.497142 15.184 0.500005 12.0007V11.7607C0.59812 6.95166 3.55642 2.66543 8.01732 0.869021C12.4782 -0.927387 17.5804 0.112865 20.9825 3.5124C24.4164 6.94429 25.4441 12.1079 23.5861 16.5936C21.7281 21.0793 17.3505 24.0028 12.4963 24ZM12.4963 13.6926L15.6034 16.8004L17.2948 15.1085L14.1878 12.0007L17.2948 8.89288L15.6034 7.20098L12.4963 10.3088L9.38927 7.20098L7.69779 8.89288L10.8048 12.0007L7.69779 15.1085L9.38927 16.8004L12.4963 13.6938V13.6926Z' fill='white'/%3E%3C/svg%3E");
}

.layout-content.status.status-index .unresolved-incidents .unresolved-incident .incident-title .subscribe {
    float: none;
    margin-left: auto;
}

.layout-content.status.status-index .components-section .components-container { 
    display: grid; 
    grid-template-columns: repeat(2, 1fr); 
    grid-gap: 1.5rem; 
    align-items: start; 
    order: 2;
}

.layout-content.status.status-index .components-section .components-container.two-columns .component-container { 
    border: 2px solid #DADFE6 !important; 
    border-radius: 8px !important; 
    width: 100%; 
}

.layout-content.status.status-index .components-section .component-container.is-group { 
    background-color:#f8fbfe; 
    padding: 0; 
    margin-bottom: 0; 
}

.layout-content.status.status-index .components-section .components-container.two-columns .component-container:first-child { 
    border-radius: 8px; 
}

.layout-content.status.status-index .components-section .components-container.two-columns .component-container:nth-last-child(2):nth-child(odd) { 
    border-radius: 8px; 
    border-top: 2px solid #DADFE6; 
}

.layout-content.status.status-index .components-section .components-container.two-columns .component-container:nth-last-child(3) { 
    border-radius: 8px !important; 
}

.layout-content.status.status-index .components-section .components-container.two-columns .component-container:nth-last-child(1):nth-child(even) { 
    border-radius: 8px;
    border-left: 2px solid #DADFE6; 
}

.component-inner-container { 
    background-color: white; 
    border-radius: 8px; 
    border-bottom: 2px solid white; 
    display: flex; 
    font-family: 'Poppins', sans-serif; 
    padding: 1.5rem;  
    position: relative;
}

.open .component-inner-container { 
    border-bottom-color: #DADFE6; 
}

.shared-partial.uptime-90-days-wrapper {
    display: none !important;
}

.layout-content.status.status-index .components-section .component-container .name { 
    display: flex; 
    align-items: center; 
    justify-content: space-between; 
    width: 100%; 
    max-width: 100%; 
    margin-left: 1rem; 
    order: 2; 
}

.component-inner-container .name .group-parent-indicator { 
    order: 2; 
}

.layout-content.status.status-index .components-section .component-container.is-group.open .child-components-container { 
    padding: 0; 
}

.layout-content.status.status-index .components-section .component-container.is-group.open .child-components-container .component-inner-container { 
    align-items: center;
    background-color: transparent; 
    border-radius: 0; 
    margin-top: 0; 
    padding: 1rem 1.5rem; 
}

.layout-content.status.status-index .components-section .component-container.is-group.open .child-components-container .component-inner-container:last-child { 
    border-bottom: none; 
}

.layout-content.status.status-index .components-section .component-container.is-group.open .child-components-container .component-inner-container .icon-indicator { 
    order: 1; 
}

.layout-content.status.status-index .components-section .component-container .child-components-container .component-inner-container .name { 
    font-family: 'Noto Sans', sans-serif; 
    margin-left: 1rem; 
}

.tooltip-base { 
    color: lightgray;
    display: flex; 
    align-items: center;
    font-family: Courier New, monospace;
    font-weight: 600;
    justify-content: center; 
    margin: 0; 
    order: 3;
    width: 1.25rem;
}

.component-container .component-inner-container .tooltip-base {
    height: 1.25rem;
    padding-left: .125rem;
    position: absolute;
    right: 10%;
    top: 38%;
}

.layout-content.status.status-index .components-section .component-container.is-group.open .child-components-container .component-inner-container .tooltip-base {
    position: relative;
    right: 0 !important;
    top: 0;
}

.layout-content.status.status-index .components-section .component-statuses-legend {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0;
    margin-bottom: 2.5rem;
    order: 1;
}

.layout-content.status.status-index .components-section .component-statuses-legend { 
     
}

.layout-content.status.status-index .components-section .component-statuses-legend .legend-item {
    display: flex;
}

.layout-content.status.status-index .components-section .component-container .icon-indicator.fa {
    font-size: 2rem;
    top: 0;
}

.layout-content.status.status-index .components-section .component-statuses-legend .legend-item .icon-indicator.fa, .layout-content.status.status-index .components-section .component-container .child-components-container .icon-indicator.fa {
    font-size: 1.5rem;
}

.icon-indicator::before {
    content: '';
    display: block;
    width: 2rem;
    height: 2rem;
    background-repeat: no-repeat;
    background-size: contain;
}

.layout-content.status.status-index .components-section .component-container .child-components-container .icon-indicator::before, .layout-content.status.status-index .components-section .component-statuses-legend .legend-item .icon-indicator::before {
    width: 1.5rem;
    height: 1.5rem;
}

.icon-indicator.fa-wrench::before {
    background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.5 24C19.1274 24 24.5 18.6274 24.5 12C24.5 5.37258 19.1274 0 12.5 0C5.87258 0 0.5 5.37258 0.5 12C0.5 18.6274 5.87258 24 12.5 24ZM17.9284 8.42785C18.0826 8.27363 18.3475 8.34535 18.4 8.55699C18.6763 9.66816 18.3803 10.8928 17.5114 11.7616C16.5763 12.6967 15.2322 12.9553 14.0575 12.5636L9.06037 17.5607C8.47466 18.1464 7.52498 18.1464 6.93928 17.5607C6.35357 16.975 6.35357 16.0253 6.93928 15.4396L11.9406 10.4383C11.5539 9.2641 11.8096 7.91738 12.7386 6.98832C13.6065 6.12067 14.8293 5.82418 15.9397 6.09934C16.1528 6.15231 16.2275 6.41668 16.0724 6.57184L14.3296 8.31465L14.5947 9.90558L16.1856 10.1707L17.9284 8.42785ZM7.43756 16.4999C7.43756 16.8105 7.68951 17.0624 8.00006 17.0624C8.3106 17.0624 8.56255 16.8105 8.56255 16.4999C8.56255 16.1892 8.3106 15.9374 8.00006 15.9374C7.68951 15.9374 7.43756 16.1892 7.43756 16.4999Z' fill='%232A5FFF'/%3E%3C/svg%3E");
}

.icon-indicator.fa-check::before {
    	background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m12,24C5.4,24,0,18.6,0,12v-.2C.1,5.2,5.6-.1,12.2,0c6.6.1,11.9,5.5,11.8,12.1,0,6.6-5.4,11.9-12,11.9Zm-5.5-12.5l-1.7,1.7,4.8,4.8,9.6-9.6-1.7-1.7-7.9,7.9s-3.1-3.1-3.1-3.1Z' fill='%2344d62c'/%3E%3C/svg%3E");
}

.icon-indicator.fa-minus-square::before {
    		background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.5012 24C5.87614 23.9927 0.507276 18.6244 0.5 12V11.76C0.631931 5.16545 6.06206 -0.0864308 12.658 0.00107786C19.254 0.0885865 24.5428 5.48268 24.4997 12.0784C24.4566 18.6742 19.0977 23.9987 12.5012 24ZM6.5006 10.8V13.2H18.5018V10.8H6.5006Z' fill='%23FFAB00'/%3E%3C/svg%3E");
}

.icon-indicator.fa-exclamation-triangle::before {
    	background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.3334 24H1.66894C1.25131 24 0.865413 23.7458 0.656604 23.3333C0.447796 22.9207 0.447799 22.4124 0.656612 21.9999L11.4883 0.665488C11.6972 0.253616 12.0828 0 12.5 0C12.9172 0 13.3028 0.253616 13.5117 0.665488L24.3434 21.9999C24.5521 22.4122 24.5522 22.9202 24.3437 23.3327C24.1352 23.7452 23.7496 23.9995 23.3322 24H23.3334ZM11.3328 17.333V19.9998H12.4234H12.4994H12.5754H13.6684V17.333H11.3328ZM11.3328 7.99919V14.6662H13.6707V7.99919H11.3328Z' fill='%23EE870E'/%3E%3C/svg%3E");
}

.icon-indicator.fa-times::before {
    	background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.4963 24C9.31382 24.0029 6.26084 22.7396 4.01048 20.4886C1.76011 18.2377 0.497142 15.184 0.500005 12.0007V11.7607C0.59812 6.95166 3.55642 2.66543 8.01732 0.869021C12.4782 -0.927387 17.5804 0.112865 20.9825 3.5124C24.4164 6.94429 25.4441 12.1079 23.5861 16.5936C21.7281 21.0793 17.3505 24.0028 12.4963 24ZM12.4963 13.6926L15.6034 16.8004L17.2948 15.1085L14.1878 12.0007L17.2948 8.89288L15.6034 7.20098L12.4963 10.3088L9.38927 7.20098L7.69779 8.89288L10.8048 12.0007L7.69779 15.1085L9.38927 16.8004L12.4963 13.6938V13.6926Z' fill='%23E32A00'/%3E%3C/svg%3E");
}

.layout-content.status.status-index .components-section .component-container .group-parent-indicator {
    margin-right: 0;
}

.layout-content.status.status-index .components-section .component-container .group-parent-indicator.fa-minus-square-o:before, .layout-content.status.status-index .components-section .component-container .group-parent-indicator.fa-plus-square-o:before {
    content: '';
    display: block;
    width: 1rem;
    height: 1rem;
    background-size: contain;
    background-repeat: no-repeat;
}

.layout-content.status.status-index .components-section .component-container .group-parent-indicator.fa-minus-square-o:before {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.00023 4.28809L1.99023 10.2981L3.40423 11.7131L8.00423 7.11309L12.6042 11.7131L14.0112 10.2981L8.00023 4.28809Z' fill='%23212B36'/%3E%3C/svg%3E");
}

.layout-content.status.status-index .components-section .component-container .group-parent-indicator.fa-plus-square-o:before {
   	 background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.00023 11.7131L14.0102 5.70309L12.5972 4.28809L8.00023 8.88809L3.40423 4.28809L1.99023 5.70209L8.00023 11.7131Z' fill='%23212B36'/%3E%3C/svg%3E");
}

.page-footer {
    display: none;
}

.layout-content.status.status-index .components-section .components-uptime-link {
    display: none;
}

.layout-content.status.status-index .custom-footer-container .page-footer {
    display: flex;
    justify-content: space-between;
}

span.powered-by a { 
    display: none; 
}

.footer { 
    background-color: #1a1a1a; 
}

.footer .container { 
    display: flex; 
    flex-wrap: wrap; 
}

.footer a, .footer span { 
    color: white; 
    font-family: 'Noto Sans',sans-serif; 
    font-size: 12px; 
    font-weight: 400; 
    padding: 16px; 
}

.last-link { 
    margin-left: auto; 
}

h4 { 
    margin-top: 4rem; 
}

.history-backpage { 
    margin-top: 2rem; 
}

.layout-content.status.status-full-history .history-header, .layout-content.status.status-full-history .uptime-header {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.layout-content.status.status-full-history .history-header .pagination-container, .layout-content.status.status-full-history .uptime-header .pagination-container {
    margin-left: auto;
}

.component-selector {
    border: 2px solid #1a1a1a;
    border-radius: 4px;
    color: #1a1a1a;
    font-family: 'Poppins', sens-serif;
    font-size: 1rem;
    font-weight: 600;
}

.layout-content.status.status-full-history .show-filter {
    color: #1a1a1a;
    display: flex;
    padding: .75rem 1.5rem;
    padding-right: .5rem;
    width: 100%;
}

.layout-content.status.status-full-history .show-filter::after {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.00023 11.7131L14.0102 5.70309L12.5972 4.28809L8.00023 8.88809L3.40423 4.28809L1.99023 5.70209L8.00023 11.7131Z' fill='%23212B36'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    margin-left: auto;
    height: 24px;
    width: 24px;
}

.flat-button, .masthead .updates-dropdown-container .show-updates-dropdown {
    background-color: #1a1a1a;
}

.updates-dropdown-container .updates-dropdown {
    right: 0;
    top: 120%;
}

.layout-content.status.status-full-history .show-filter.open {
    background-color: white;
    color: #1a1a1a;
}

.layout-content.status.status-full-history .grouped-items-selector {
    margin-top: .5rem;
}

.layout-content.status.status-full-history .history-header .pagination a, .layout-content.status.status-full-history .uptime-header .pagination a {
    border: none;
}

.layout-content.status.status-full-history .months-container .month .month-title {
    border: none;
    font-family: 'Poppins', sans-serif;
    padding-bottom: 0.75rem;
  		  margin-bottom: 0;
}

.month .font-largest { 
    font-size: 1.5rem;
}

.incident-list, .layout-content.status.status-index .scheduled-maintenances-container .scheduled-maintenance .updates-container {
    margin-bottom: 1.5rem;
    padding: 24px;
}

.layout-content.status.status-full-history .months-container .month .incident-container {
    border: 2px solid #DADFE6;
    border-radius: 6px;
    display: block;
    margin-bottom: 1.5rem;
    padding: 1.25rem 1.5rem;
}

.layout-content.status.status-full-history .months-container .month .incident-container:hover {
    background-color: #F8FBFE;
}

.layout-content.status.status-full-history .months-container .month .incident-container a.incident-title {
    color: inherit !important;
    display: flex;
    align-items: center;
    margin-bottom: .5rem;
    position: relative;
}

.layout-content.status.status-full-history .months-container .month .incident-container a.incident-title:hover {
     text-decoration: underline;
}

.incident-container a.incident-title::before {
    content: '';
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 80px;
    border: 2px solid #DADFE6;
    position: absolute;
    width: 32px;
    height: 32px;
    left: -43px;
}

a.impact-maintenance.incident-title::before {
    background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.5 24C19.1274 24 24.5 18.6274 24.5 12C24.5 5.37258 19.1274 0 12.5 0C5.87258 0 0.5 5.37258 0.5 12C0.5 18.6274 5.87258 24 12.5 24ZM17.9284 8.42785C18.0826 8.27363 18.3475 8.34535 18.4 8.55699C18.6763 9.66816 18.3803 10.8928 17.5114 11.7616C16.5763 12.6967 15.2322 12.9553 14.0575 12.5636L9.06037 17.5607C8.47466 18.1464 7.52498 18.1464 6.93928 17.5607C6.35357 16.975 6.35357 16.0253 6.93928 15.4396L11.9406 10.4383C11.5539 9.2641 11.8096 7.91738 12.7386 6.98832C13.6065 6.12067 14.8293 5.82418 15.9397 6.09934C16.1528 6.15231 16.2275 6.41668 16.0724 6.57184L14.3296 8.31465L14.5947 9.90558L16.1856 10.1707L17.9284 8.42785ZM7.43756 16.4999C7.43756 16.8105 7.68951 17.0624 8.00006 17.0624C8.3106 17.0624 8.56255 16.8105 8.56255 16.4999C8.56255 16.1892 8.3106 15.9374 8.00006 15.9374C7.68951 15.9374 7.43756 16.1892 7.43756 16.4999Z' fill='%232A5FFF'/%3E%3C/svg%3E");
}

a.impact-critical.incident-title::before {
   background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.4963 24C9.31382 24.0029 6.26084 22.7396 4.01048 20.4886C1.76011 18.2377 0.497142 15.184 0.500005 12.0007V11.7607C0.59812 6.95166 3.55642 2.66543 8.01732 0.869021C12.4782 -0.927387 17.5804 0.112865 20.9825 3.5124C24.4164 6.94429 25.4441 12.1079 23.5861 16.5936C21.7281 21.0793 17.3505 24.0028 12.4963 24ZM12.4963 13.6926L15.6034 16.8004L17.2948 15.1085L14.1878 12.0007L17.2948 8.89288L15.6034 7.20098L12.4963 10.3088L9.38927 7.20098L7.69779 8.89288L10.8048 12.0007L7.69779 15.1085L9.38927 16.8004L12.4963 13.6938V13.6926Z' fill='%23E32A00'/%3E%3C/svg%3E");
}

a.impact-minor.incident-title::before {
   	background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.5012 24C5.87614 23.9927 0.507276 18.6244 0.5 12V11.76C0.631931 5.16545 6.06206 -0.0864308 12.658 0.00107786C19.254 0.0885865 24.5428 5.48268 24.4997 12.0784C24.4566 18.6742 19.0977 23.9987 12.5012 24ZM6.5006 10.8V13.2H18.5018V10.8H6.5006Z' fill='%23FFAB00'/%3E%3C/svg%3E");
}

a.impact-major.incident-title::before {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_108_2401)'%3E%3Cpath d='M12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12C23.9927 18.6244 18.6244 23.9927 12 24ZM10.8 15.6V18H13.2V15.6H10.8ZM10.8 6V13.2H13.2V6H10.8Z' fill='%23EE870E'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_108_2401'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

a.impact-none.incident-title::before {
   	background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.5012 24C5.87614 23.9927 0.507276 18.6244 0.5 12V11.76C0.631931 5.16545 6.06206 -0.0864308 12.658 0.00107786C19.254 0.0885865 24.5428 5.48268 24.4997 12.0784C24.4566 18.6742 19.0977 23.9987 12.5012 24ZM6.5006 10.8V13.2H18.5018V10.8H6.5006Z' fill='%23919EAB'/%3E%3C/svg%3E");
}

.layout-content.status.status-full-history .months-container .expand-incidents {
    border-color: #1a1a1a;
    border-width: 2px;
    color: #1a1a1a;
}

.layout-content.status.status-incident>.container {
    max-width: 1120px;
}

.layout-content.status.status-incident .page-title {
    font-family: 'Poppins', sans-serif;
    text-align: left;
}

.layout-content.status.status-incident .subscribe-button {
    background-color: black;
}

.scheduled-maintenances-container .font-largest {
    font-size: 2rem;
}

.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: 1.5rem;
}

.layout-content.status.status-index .scheduled-maintenances-container .scheduled-maintenance .incident-title {
    padding-bottom: .75rem;
    margin-bottom: 0;
}

.layout-content.status.status-index .scheduled-maintenances-container .scheduled-maintenance .updates-container .update {
    margin-top: 0;
}

.layout-content.status.status-index .scheduled-maintenances-container .scheduled-maintenance .updates-container {
    background-color: #F8FBFE;
}

.layout-content.status.status-incident .page-title .incident-name {
    font-size: 1.75rem;
    color: black;
}

.layout-content.status.status-incident .page-title .subheader {
    font-size: 1.375rem;
}

.layout-content.status.status-full-history .history-nav a.current {
    border-color: transparent;
    border-bottom: 3px solid #62BB46;
}

.layout-content.status.status-full-history .history-nav a {
    color: black;
}

.css-wjj10o-control {
    background-color: transparent !important;
    border-color: transparent !important;
}

.css-164r41r {
    margin-top: 0 !important;
}

.css-1b6odlt {
    padding: .75rem 1rem .75rem 1.5rem !important;
}

.css-hkzqy0-singleValue {
    font-family: 'Poppins', sens-serif;
}

.css-hkzqy0-singleValue, .css-1bhtqla-indicatorContainer {
    color: #1a1a1a !important;
}

.layout-content.status.status-full-history.starter .custom-footer-container .page-footer, .layout-content.status.status-incident .custom-footer-container .page-footer {
    display: none !important;
}

.layout-content.status.status-full-history.starter .page-footer, .layout-content.status.status-incident .page-footer {
    display: block;
}

.update-title.font-large {
    color: #747C8A;
    font-size: 1.125rem;
    font-weight: 400;
}

.update-container {
    border-left: 2px solid #DFE1E6;
    padding-bottom: 2rem;
    padding-left: 1.5rem;
    position: relative;
}

.update-container::before {
    content: '';
    width: 14px;
    height: 14px;
    display: block;
    align-items: center;
    position: absolute;
    background-color: #DFE1E6;
    border-radius: 80px;
    left: -8px;
    top: 0;
}

.layout-content.status.status-incident .update-row {
    margin-bottom: 0;
}

.layout-content.status.status-index .components-section {
    display: flex;
    flex-direction: column;
}

.layout-content.status.status-incident hr {
    margin: 40px 0;
}

@media screen and (max-width: 450px) {
  .top-nav .container {
      justify-content: center;
  }
  
  .company__logo { margin-bottom: .75rem !important; }
  
  .company__logo img {
      height: 32px;
  }

  .top-nav__links {
      flex-wrap: wrap;
      justify-content: space-evenly;
  }

  .top-nav__links a {
      font-size: 14px;
      padding: 8px 16px;
  }

  .top-nav__links a.btn {
      margin-top: 1rem;
  }
  
  .hero-section { padding: 48px 0 80px; }

  .hero__content {
      flex-wrap: wrap;
      justify-content: center;
  }

  .hero__text {
      margin-right: 0;
      margin-bottom: 1rem;
      text-align: center;
      width: 100%;
  }
  
  .hero__text h2 {
      font-size: 1.875rem;
      line-height: 2.25rem;
  }
  
  .hero__text p { font-size: 0.875rem; }
  
  .updates-dropdown-container a.show-updates-dropdown { padding: 12px 32px; }

  .status.font-large {
      font-size: 18px;
  }

  .page-status.status-none::before {
      width: 36px;
      height: 36px;
  }
  
  .unresolved-incidents {
      margin: -2rem 0 5rem;
  }

  .layout-content.status.status-index .unresolved-incidents .unresolved-incident.impact-maintenance .incident-title::before, .layout-content.status.status-index .unresolved-incidents .unresolved-incident.impact-minor .incident-title::before, .layout-content.status.status-index .unresolved-incidents .unresolved-incident.impact-major .incident-title::before, .layout-content.status.status-index .unresolved-incidents .unresolved-incident.impact-critical .incident-title::before {
  margin-right: 0;
  width: 0;
  
  }

  .layout-content.status.status-index .components-section .components-container {
      display: flex;
      flex-wrap: wrap;
  }

  .layout-content.status.status-index .components-section .components-container.two-columns .component-container .component-status {
      display: none;
  }

  .layout-content.status.status-index .components-section .components-container.two-columns .component-container .icon-indicator {
      display: block;
  }

  .layout-content.status.status-index .components-section .components-container.two-columns .component-container {
      border: 2px solid rgb(218, 223, 230) !important;
      border-radius: 8px !important;
  }

  .layout-content.status.status-index .components-section .components-container.two-columns .component-container:first-child {
      border-radius: 8px !important;
  }

  .layout-content.status.status-index .components-section .components-container.two-columns .component-container:nth-last-child(2):nth-child(odd) {
      border-radius: 8px !important;
  }

  .layout-content.status.status-index .components-section .component-container .name {
      white-space: normal;
  }

  .layout-content.status.status-index .components-section .component-container .group-parent-indicator {
      display: block;
      margin-left: auto;
  }

  .layout-content.status.status-index .components-section .components-container.two-columns .component-container:last-child {
      border-radius: 8px !important;
  }

  .footer .container {
      justify-content: center;
  }

  .last-link {
      margin-left: 0;
  }

  .show-filter.border-color {
      border-color: transparent;
  }

  .layout-content.status.status-full-history .history-header .component-selector, .layout-content.status.status-full-history .uptime-header .component-selector { width: 100%; }
}

@media screen and (max-width: 700px) {
  .layout-content.status.status-index .components-section .components-container.two-columns .component-container .component-status {
      display: none;
  }

  .layout-content.status.status-index .components-section .components-container.two-columns .component-container .icon-indicator {
      display: block;
  }

.layout-content.status.status-index .components-section .components-container.two-columns .component-container {
      border: 2px solid rgb(218, 223, 230) !important;
      border-radius: 8px !important;
  }

  .layout-content.status.status-index .components-section .components-container.two-columns .component-container:first-child {
      border-radius: 8px !important;
  }

  .layout-content.status.status-index .components-section .components-container.two-columns .component-container:nth-last-child(2):nth-child(odd) {
      border-radius: 8px !important;
  }

  .layout-content.status.status-index .components-section .components-container.two-columns .component-container:last-child {
      border-radius: 8px !important;
  }
  
  /*.layout-content.status.status-index .components-section .components-container.two-columns+.component-statuses-legend {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-evenly;
      margin: 2.5rem 0 1rem;
      order: 3;
  }
  
  .layout-content.status.status-index .components-section .component-statuses-legend .legend-item {
      margin-right: 0;
      align-items: center;
  }*/
  
  .component-container .component-inner-container .tooltip-base { right: 15%; }
}

@media screen and (max-width: 872px) {
    .top-nav .container {
        justify-content: center;
    }

    .company__logo {
        margin-bottom: 1.5rem;
    }

    .layout-content.status.status-index .components-section .components-container {
        display: flex;
        flex-wrap: wrap;
    }
}

@media screen and (min-width: 768px) {
  .top-nav {
        padding: 32px 0 0;
  }
  
  .top-nav__links {
        min-height: 72px;
  }
  
  .top-nav__links a.active {
        padding-bottom: 32px;
  }
  
  .layout-content.status.status-index .scheduled-maintenances-container .scheduled-maintenance .incident-title a {
        max-width: 60%;
  }
  
  .update-container { 
       margin-left: 0 !important;
  }
  
  .layout-content.status.status-full-history .history-header .component-selector, .layout-content.status.status-full-history .uptime-header .component-selector, .layout-content.status.status-full-history .grouped-items-selector {
    width: 30%;
  }
}

/* @media screen and (min-width: 1024px) {
  .status.index.status-none, .status.uptime.status-none {
    min-height: 100vh;
    position: relative;
  }
  
  .status.index.status-none .footer, .status.uptime.status-none .footer {
    position: absolute;
    bottom: 0;
    width: 100%;
  }
} */

@media screen and (min-width: 1280px) {
    .layout-content.status.status-index .scheduled-maintenances-container .scheduled-maintenance .incident-title a {
        max-width: 75%;
    }
}