streams/view/css/bootstrap-red.css

/* override some bootstrap settings */

/* nav overrides */

nav .badge {
	position: absolute;
	font-size: 0.75rem;
}

@media screen and (min-width: 767px) {
	nav .badge {
		top: 0px;
		left: 0px;
	}
}

@media screen and (max-width: 767px) {
	nav .badge {
		top: 0.5rem;
		left: 1.5rem;
	}
}

.widget .badge {
	font-size: 100%;
}

.nav-item.nav-item-hack {
	height: 2.3rem;
}

.navbar-toggler-right {
	padding: 0.2rem 0;
}

#navbar-collapse-1 i {
	font-size: 1rem;
}

nav .dropdown-menu {
	max-height: 70vh;
	overflow: auto;
}

nav.navbar {
	max-height: 100vh;
}

#navbar-collapse-2 {
	flex-basis: 100%;
	max-height: 70vh;
}

#navbar-collapse-2.show {
	overflow: auto;
}

.navbar-inverse .navbar-toggler {
	color: rgba(255,255,255,1);
}
/* nav overrides end */

.wall-item-tools .dropdown-menu {
	min-width: auto;
}

code {
	white-space: normal;
}

/* Bootstrap assumes that checkboxes are on the left of labels, while it's usually the opposite in Red */
.field.checkbox input[type="checkbox"] { margin-left: 0px; }
.field.checkbox label { padding-left: 0px; font-weight: 700}