html, body {
	 height: 100%;
}

 body {
	 margin: 0;
	 background-color: #fff;
	 color: #000 !important;
	 font-family: Roboto, "Helvetica Neue", sans-serif !important;
}

 .navbar {
	 background-color: #2363ad;
	 color: #000;
	 flex: 0 0 70px;
	 -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23);
	 box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23);
}

 .navbar img {
	 height: 46px;
}

 .navbar .page-name {
	 font-family: "font-regular";
	 font-size: 1rem;
	 text-decoration-style: solid;
	 text-decoration-thickness: auto;
}

 .notification-bar {
	 background-color: #3c3c3c;
	 color: #fff;
}

 .project-summary {
	 -webkit-transition: all 0.3s ease-in-out;
	 transition: all 0.3s ease-in-out;
	 box-shadow: 0 1px 2px #000, 0 1px 3px #000;
	 outline: 1px solid transparent;
	 background-color: #f5f5f5;
	 margin: 10px 0 0 10px;
}

 .project-summary:hover {
	 background-color: #eee;
}

 .project-title {
	 font-size: 1.5625rem;
}

.component-contents {
	 background-color: #eee;
}
 
.spinner {
  	border: 13px solid #cbc9c9 !important;
  	border-top: 13px solid #2363ad !important;
}

.header h2 {
    color: #f7f7f7 !important;
	font-weight: 500 !important;
}

.page-name {
    color: white !important;
}

.current-tab {
    color: white !important;
}

div.tabs button:not(.current-tab) {
    color: white !important;
}

p.collapsible-symbol.material-icons {
    color: white !important;
}

.dropdown-toggle {
    color: white !important;
}

.dropdown-item {
    color: white !important;
}

.proceed-button.primary {
    color: white !important;	
}

.toggle-button.primary {
    color: white !important;	
}

/* Language selector - sign in page */
div.below-panel select[formcontrolname="language"] {
    color: white !important;
}

/* Ensure non-active li elements have black text */
li.dropdown-item:not(.active) .option-label {
    color: black !important;
}

/* Override hover state for non-active li elements to have white text */
li.dropdown-item:not(.active):hover .option-label,
li.dropdown-item:not(.active):active .option-label {
    color: white !important;
}