.component-container { 
	background: #fff; color: #192851; 
}

.component-container.border-color { 
	border-color: #ccc !important; 
}

.incidents-list,
.incident-container {
	background: #fff;
	color: #1A2343;
	padding: 1.1rem 1.25rem 1rem;
	border-radius: 5px;
}

.incidents-list .incident-container {
	padding: 0;
}

.incident-body.color-primary {
	color: #1A2343;
}

body.status .incidents-list .border-color {
  	border-color: #ccc !important; 
}

.logo-container img {
    max-height: 45px !important;
}

.unresolved-incident .updates { 
	color: #1A2343;
	background: #fff;
	border-radius: 0 0 5px 5px;
}

.unresolved-incident .incident-title { 
	border-radius: 5px 5px 0 0;
}

.modal,
.updates-dropdown-sections-container {
	color: #6935D3;
}

body.incident .incident-updates-container {
	background: #fff;
	border-radius: 5px;
	padding: 2.1rem 2.25rem 2rem;
	color: #1A2343;
}


.layout-content.status-incident .subheader a:hover {
	color: #fff !important;
}

@media screen and (max-width: 450px) {
	body.incident .incident-updates-container,
	.incidents-list{
		padding: .6rem .75rem .5rem;
	}
}

@media screen and (max-width: 650px) {
		body.incident .incident-updates-container,
		.incidents-list {
    	padding: .85rem 1rem .75rem;
	}
}

@media screen and (max-width: 450px) {
	.layout-content.status.status-index .components-section .component-container .name {
		width: auto;
		max-width: 100%;
	}
	.layout-content.status.status-index .components-section .components-container.one-column .component-container .component-status {
		float: none;
		width: 100%;
		display: block;
	}
}