body {
	padding-top: 50px;
	background: #eee;
}
body,
body .navbar {
	min-width: 992px;
}

.mt-2 {
	margin-top: 0.5rem !important;
}
.mb-2 {
	margin-bottom: 0.5rem !important;
}
.mb-3 {
	margin-bottom: 1rem !important;
}
.mr-2 {
	margin-right: 0.5rem !important;
}

.bolder {
	font-weight: 700;
}

.d-none {
	display: none !important;
}

.fw-normal {
	font-weight: 400;
}

.bg-inactive {
	background-color: #e7e7e7;
	opacity: 0.5;
}

#navbar {
	display: block;
}
#nav-separator {
	display: block;
	width: 1px;
	background: #999;
	height: 30px;
	padding: 0;
	margin: 10px;
}

body > .container,
body > .container-fluid {
	background: #fff;
	padding-top: 15px;
	padding-bottom: 30px;
	/*border-bottom-left-radius: 15px;*/
	/*border-bottom-right-radius: 15px;*/
	margin-bottom: 50px;
	box-shadow: 0px 0px 50px #999;
	max-width: 1600px;
}

@media (min-width: 1200px) {
	body > .container,
	body > .container-fluid {
		padding-left: 30px;
		padding-right: 30px;
	}
}

nav > .container,
nav > .container-fluid {
	background: #37465a;
	max-width: 1600px;
}

#loading {
	position: fixed;
	margin: 100px auto 0 auto;
	max-width: 600px;
	right: 0;
	left: 0;
	z-index: 1032;
	text-align: center;
	display: none;
}
#loading-bg {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: black;
	opacity: 0.6;
	z-index: 1031;
}
#loading span {
	position: relative;
	z-index: 1040;
	color: #fff;
	font-size: 25px;
	word-break: break-word;
	text-shadow: 2px 2px 2px #000;
}

table {
	width: 100% !important;
}

table .btn .glyphicon {
	top: 3px;
	cursor: pointer;
}

.table-condensed.table-mini {
	font-size: 0.9em;
}

.table-condensed.table-mini > tbody > tr > th,
.table-condensed.table-mini > tbody > tr > td {
	padding: 7px 5px 3px 5px;
	vertical-align: middle;
	line-height: 1.1;
}

#page_analytics_sessions #overview table {
	table-layout: fixed;
	font-size: 1.1rem;
}

#page_analytics_sessions #overview table th,
#page_analytics_sessions #overview table td {
	text-align: right;
	font-weight: 600;
}

#page_analytics_sessions #overview table > tbody > tr > th,
#page_analytics_sessions #overview table > tbody > tr > td {
	padding: 0 5px;
}

.table-condensed.table-mini > tbody > tr > th.table-btns,
.table-condensed.table-mini > tbody > tr > td.table-btns {
	text-align: center;
	padding: 2px 5px;
}

/*
.table-condensed.table-mini.table-btns > tbody > tr > td:last-child {
	padding: 3px 5px;
}
*/

.table tr.shown {
	background-color: #37465a;
	color: white;
}

.table tr button > .glyphicon-menu-up {
	display: none;
}
.table tr.shown button > .glyphicon-menu-up {
	display: initial;
}

.table tr button > .glyphicon-menu-down {
	display: initial;
}
.table tr.shown button > .glyphicon-menu-down {
	display: none;
}

.ind-details {
	padding-left: 15px;
}

.ind-details > .glyphicon-menu-up {
	display: none;
}

.ind-details.shown > .glyphicon-menu-up {
	display: initial;
}

.ind-details > .glyphicon-menu-down {
	display: initial;
}

.ind-details.shown > .glyphicon-menu-down {
	display: none;
}

h2 {
	max-width: 800px;
}
.h2-sub {
	margin-top: 10px;
	font-size: 16px;
}

hr {
	border-top: 2px solid #ddd;
}

.btn-archive {
	color: #999;
}

.navbar-inverse {
	background: #222;
}

.navbar-inverse .navbar-brand {
	background: #222;
	margin-right: 10px;
}
.navbar-inverse .navbar-brand,
.navbar-inverse .navbar-nav > li > a {
	color: #fff;
}
.navbar-inverse .navbar-brand:focus,
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-nav > li > a:focus,
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:focus,
.navbar-inverse .navbar-nav > .active > a:hover {
	color: #00bfff;
	background: #25374e;
}

#view-dashboard {
	margin-top: 50px;
	text-align: center;
}

#view-dashboard a {
	width: 150px;
	margin: 10px;
	padding-top: 15px;
	white-space: normal;
}
#view-dashboard .glyphicon {
	font-size: 32px;
	height: 48px;
}

#view-dashboard.more a,
#view-dashboard.view-dashboard-app-api a {
	width: 200px;
}

#side-nav {
	float: left;
	border: 1px solid #ddd;
	border-radius: 5px;
	width: 135px;
	font-size: 13px;
	padding: 5px;
	margin-top: 10px;
	position: fixed;
}
#side-nav a {
	display: inline-block;
	margin: 2px;
	color: #666;
	text-decoration: none;
}
#side-nav a:hover {
	color: #337ab7;
}

.form-center-block {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	max-width: 800px;
}

#fixed-footer {
	background: #f7f7f7;
	background: #333;
	background: #ccc;
}

#fixed-footer .container {
	max-width: 800px !important;
	height: 50px;
	padding: 8px;
}

.form-group {
	margin-bottom: 10px;
}
.form-group .form-group {
	margin-bottom: 0;
}

label input[type='checkbox'],
label input[type='radio'] {
	/*margin-right: 5px;*/
}
.category_icon-radio {
	margin-left: -15px !important;
}
.category-icon {
	display: inline-block;
	width: 30px;
	height: 30px;
	padding: 6px;
	background: #0b0;
	border-radius: 100%;
	text-align: center;
}
.category-icon .fas {
	color: #fff;
	font-size: 18px;
}
.category-icon .fas.fa-chalkboard-teacher {
	font-size: 16px;
	margin-left: -2px;
}
table .show-full-text {
	font-size: 15px;
	color: #999;
	cursor: pointer;
}

fieldset {
	border: 1px solid #ddd;
	border-radius: 5px;
	padding: 15px;
}

.answer-container fieldset {
	margin-bottom: 15px;
}

#view-response {
	position: relative;
}

#view-response table,
#view-response h2 {
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
}

#view-response .result-num {
	position: absolute;
	left: 20px;
	font-size: 50px;
	font-weight: bold;
	color: #e7e7e7;
}

.navbar-nav {
	float: left;
	margin: 0;
}
.navbar-nav > li {
	float: left;
}
.navbar-header {
	float: left;
}
.navbar-nav > li > a {
	padding: 15px 8px;
}
.navbar > .container .navbar-brand,
.navbar > .container-fluid .navbar-brand {
	margin-left: -15px;
}

.container-fluid > .navbar-collapse,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container > .navbar-header {
	margin-left: 0;
	margin-right: 0;
}

.form-horizontal .form-group > label {
	margin-top: 7px;
}
input[type='checkbox'],
input[type='radio'] {
	cursor: pointer;
}

/* instead of bootstrap stripes */
_table tr {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+25,f6f6f6+75,f9f9f9+100 */
	background: rgb(255, 255, 255); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 25%, rgba(246, 246, 246, 1) 75%, rgba(249, 249, 249, 1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 25%, rgba(246, 246, 246, 1) 75%, rgba(249, 249, 249, 1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 25%, rgba(246, 246, 246, 1) 75%, rgba(249, 249, 249, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9f9f9',GradientType=0 ); /* IE6-9 */
}

.pell-content img {
	max-width: 100%;
}
.pell-actionbar {
	font-size: 18px;
}
div.dataTables_wrapper .col-sm-5 {
	float: left;
	width: 41.66666667%;
}
div.dataTables_wrapper .col-sm-6 {
	float: left;
	width: 50%;
}
div.dataTables_wrapper .col-sm-7 {
	float: left;
	width: 58.33333333%;
}
@media screen and (max-width: 767px) {
	div.dataTables_wrapper div.dataTables_length,
	div.dataTables_wrapper div.dataTables_info {
		text-align: left;
	}
	div.dataTables_wrapper div.dataTables_filter,
	div.dataTables_wrapper div.dataTables_paginate {
		text-align: right;
	}
}

div.dataTables_wrapper div.dataTables_processing {
	box-shadow: 0 0 100px 150px #fff;
}

table.dataTable.table-condensed .sorting:after,
table.dataTable.table-condensed .sorting_asc:after,
table.dataTable.table-condensed .sorting_desc:after {
	opacity: 0.5;
	font-weight: 300;
}
table.dataTable.table-condensed .sorting_asc:after,
table.dataTable.table-condensed .sorting_desc:after {
	opacity: 1;
	color: orange;
}
.dataTables_filter input[type='search']::-webkit-search-cancel-button {
	-webkit-appearance: searchfield-cancel-button;
	cursor: pointer;
}

.break-word {
	word-break: break-word;
}

.onkowissen-tv {
	margin-top: 20px;
}

.onkohead img {
	max-height: 100px;
}

#page_register label,
#page_finishRegister label {
	min-width: unset;
}

.glyphicon-info-sign {
	cursor: pointer;
}

.form-desc {
	min-width: 100px;
	float: left;
}

.specialization-selection {
	padding-top: 15px;
	padding-left: 100px;
}

.specialization-selection label {
	min-width: 155px !important;
}

.checkbox-inline {
	margin-left: 10px !important;
}

.checkbox-inline.offset {
	margin-left: 40px !important;
}

.d-flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.flex-wrap {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.align-items-center {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.space-between {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.justify-center {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.enf {
	margin-left: 20px;
}

.info-box {
	background-color: rgba(239, 239, 239, 0.4);
	padding: 50px 50px;
	border: 1px solid #ddd;
	border-radius: 15px;
	box-shadow: 1px 4px 10px #ddd;
}

.center-button {
	display: block;
	margin: auto;
}

.content-section {
	padding: 50px 150px 20px 150px;
}

@media (max-width: 1024px) {
	.content-section {
		padding-left: 20px;
		padding-right: 20px;
	}
	.col-md-12,
	.col-md-6 {
		width: 100%;
	}

	input[type='text'],
	input[type='email'],
	input[type='password'] {
		max-width: unset;
	}
}

@media (max-width: 425px) {
	.onkowissen-tv {
		width: 100%;
	}
}

@media (min-width: 320px) and (max-width: 992px) {
	.container {
		width: 100%;
	}

	.five-logos {
		justify-content: center;
	}

	.onkowissen-tv {
		margin-top: 35px;
	}

	h3 {
		font-size: 29px;
	}
}

/* add bigger breakpoint */
@media (min-width: 1660px) {
	.container.wide {
		width: 1600px;
	}
}

.edit-fi-msg {
	margin: 7px 0 0 20%;
}

td.videos-top-5 {
	padding: 0 !important;
}

td.videos-top-5 table {
	table-layout: fixed;
	margin-bottom: 0;
}

td.videos-top-5 td {
	word-break: break-word;
}

td.videos-top-5 .videos-top-5 td {
	padding: 0 5px;
}

.loading-gif {
	display: block;
	margin: 50px auto 0 auto;
}

.label-sm {
	width: 80px;
}

table.nowrap-col1 td:nth-child(1),
table.nowrap-col2 td:nth-child(2),
table.nowrap-col3 td:nth-child(3) {
	white-space: nowrap;
}

#page_sideeffect_management .nav-tabs li a,
#page_analytics_sessions .nav-tabs li a {
	font-size: 1.2em;
	font-weight: bold;
}

#page_sideeffect_management table textarea {
	resize: vertical;
}

#page_sideeffect_management .pell-content {
	background-color: #fff;
}

#page_sideeffect_management .pell-button:hover {
	background-color: rgba(0, 0, 0, 0.1);
}

#page_sideeffect_management table th {
	background: rgba(0, 0, 0, 0.075);
}

#page_sideeffect_management .substance-block:last-child .btn-delete-combo-substance {
	/*	display: none;*/
}

#sources-list {
	position: fixed;
	top: 50px;
	right: 0;
	padding: 0.5rem;
	background: #fff;
	z-index: 2;
}

#sources-list .btn {
	/*	float: right;*/
}

#sources-list .col-table {
	min-width: 200px;
	max-width: 500px;
	max-height: 700px;
	overflow: auto;
	box-shadow: 0 0 10px #444;
}

#sources-list .col-table table {
}

#page_sponsors table td {
	line-height: 1.5;
}

#page_sponsors h3 {
	font-weight: bolder;
	margin-top: 2.5rem;
	margin-bottom: 1rem;
}

.app-sponsor-logo {
	display: inline-block;
	width: 180px;
	height: 60px;
	background-size: contain !important;
	border: 1px solid #ddd;
	border-radius: 0.5rem;
}

.app-sponsor-logo.w-double {
	width: 360px;
}

.grades-table-num {
	position: absolute;
	left: -15px;
	opacity: 0.2;
	font-size: 32px;
}

td.col-last-status-check {
	white-space: nowrap;
}