body.modal-open .navbar-default {
	margin-right: 17px;
}

#mainContent {
	margin-top: 50px;
}

h1 {
	padding: 0;
	margin: 15px 0;
}

.rounded-photo {
	border-radius: 50%;
}

p.indent {
	padding-left: 15px;
	margin-top: 15px;
	margin-bottom: 15px;
}

.navbar-default .navbar-toggle .icon-bar {
	background-color: #dddddd !important;
}

.navbar-default .navbar-toggle:hover .icon-bar {
	background-color: #888888 !important;
}

.navbar-default .navbar-toggle:focus .icon-bar {
	background-color: #888888 !important;
}

.nav-tabs {
	border-color: #147;
}

.nav-tabs > li.active {
	margin-bottom: -2px;
}

.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus {
	border-color: #147;
	border-bottom: transparent;
}

.nav-tabs > li.active > a:active,
.nav-tabs > li.active > a {
	border-color: #147;
	border-bottom: solid 1px #fff;
}

div.row.spaced {
	margin-top: 10px;
	margin-bottom: 10px;
}

div.row div.indent {
	padding-left: 30px;
}

@media only screen and (max-width: 500px) {
	div.row div.indent {
		padding-left: 0px;
	}
}

@media (min-width: 1200px) {
	.modal-lg {
	  width: 1100px;
	  margin-top: 60px;
	}
}

.toast {
  width: 40%;
  position: fixed;
  z-index: 10000;
  right: 30%;
  bottom: 70px;
  box-shadow: 2px 2px 5px #aaa;
  -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
	animation: fadein 0.5s, fadeout 0.5s 2.5s;
	font-size: 12pt;
}

@media only screen and (max-width: 700px) {
	.toast {
		width: 80%;
		right: 10%;
	}
}

.extraSpaceBefore, .ensure-space-before, .ensure-space-above {
	margin-top: 22px !important;
}

.extraSpaceAfter, .ensure-space-after, .ensure-space-below {
	margin-bottom: 22px !important;
}

.no-wrap {
	white-space: nowrap;
}

.link-cursor {
	cursor: pointer;
}

.button-bar {
	margin: 10px 0;
	text-align: right;
}

.button-bar.text-left, .btn-block.text-left {
	text-align: left !important;
}

	.button-bar .btn {
		margin: 2px;
	}

.btn.btn-transparent {
	border-style: none !important;
}

.btn.btn-default > span.glyphicon {
	color: #147;
}

tr.warning.text-warning .btn.btn-default {
	border-color: #e6cb9d;
}

tr.warning.text-warning .btn.btn-default > span.glyphicon {
	color: #8a6d3b;
}

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

@media only screen and (max-width: 700px) {
	.block-xs {
		display: block !important;
		margin: 4px 0 !important;
	}
	.btn.block-xs {
		width: 100% !important;
		margin: 4px 0 !important;
		overflow-x: hidden !important;
	}
}

.text-dim {
	color: #AAA !important;
}

.text-bold {
	font-weight: bold;
}

.table-responsive.table-info {
	border-color: #489;
}

table.table-info {
	border: solid 1px #489;
	color: #31708f;
}

.table-info > thead > tr > th, .table-info > tbody > tr > td {
	border: solid thin #489;
}

.table-default > thead > tr > th {
	background-color: #eee;
}

/* Glyphicon as 'main' icon in alert boxes */

.alert-body
{
	display: table-cell;
	vertical-align: top;
}

.alert .glyphicon-lg
{
	display: table-cell;
	font-size: 2em;
	padding-right: 15px;
}
.alert .alert-body
{
	display: table-cell;
}

.alert-danger .alert-body a.text-danger {
	text-decoration-line: underline;
}

.alert.alert-default {
	border: solid 1px #ccc;
}

/* Android style floating action button */

.floating-action-button
{
	position: fixed;
	bottom: 1em;
	right: 1em;
	width: 4em;
	height: 4em;
	border-radius: 2em;
	border-color: #ffffff00;
	background-color: #3dbaff;
	z-index: 1;
}
.floating-action-button > span.glyphicon
{
	font-size: 2em;
}

/* Fancy loader */

.loader, .loader:before, .loader:after
{
	border-radius: 50%;
}
.loader
{
	color: #3dbaff;
	font-size: 11px;
	text-indent: -99999em;
	margin: 55px auto;
	position: relative;
	width: 10em;
	height: 10em;
	box-shadow: inset 0 0 0 1em;
	transform: translateZ(0);
}
.loader:before, .loader:after
{
	position: absolute;
	content: '';
	background: #ffffffff;
}
.loader:before
{
	width: 5.2em;
	height: 10.2em;
	border-radius: 10.2em 0 0 10.2em;
	top: -0.1em;
	left: -0.1em;
	transform-origin: 5.2em 5.1em;
	animation: load2 2s infinite ease 1.5s;
}
.loader:after
{
	width: 5.2em;
	height: 10.2em;
	border-radius: 0 10.2em 10.2em 0;
	top: -0.1em;
	left: 5.1em;
	transform-origin: 0px 5.1em;
	animation: load2 2s infinite ease;
}
@keyframes load2 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}
.loader.error
{
	color: crimson;
}


/**********
 * Badges
 **********/
.badgeKey
{
	border-spacing: 1em 1ex;
	border-collapse: separate;
	border: 1px solid lightgray;
	border-radius: 4px;
}

.badgeKey > tbody > tr > td, .badgeKey > thead > tr > th
{
	border: 0px;
}

.bkcSkillsBadge
{
	display: inline-block;
	width: 2em;
	height: 2em;
	border-radius: 2em;
	border: 2px solid #eee;
	padding-top: 0.2em;
}

.bkcSkillsBadge:after
{
	display: inline-block;
	text-align: center;
	vertical-align: top;
	content: attr(data-stars);
	width: 100%
}

.bkcSkillsBadge[data-level]:not([data-level='0']) { border-color: silver; }
.ep .bkcSkillsBadge[data-level]:not([data-level='0']) { border-color: dodgerblue; }
.warning .bkcSkillsBadge[data-level]:not([data-level='0']) { border-color: #e6cb9d; }
/*
.ep .bkcSkillsBadge[data-level='1']   { border-color: skyblue; }
.ep .bkcSkillsBadge[data-level='2']   { border-color: skyblue; }
.ep .bkcSkillsBadge[data-level='3']   { border-color: skyblue; }
.ep .bkcSkillsBadge[data-level='4']   { border-color: skyblue; }
.ep .bkcSkillsBadge[data-level='5']   { border-color: skyblue; }
.ep .bkcSkillsBadge[data-level='SWC'] { border-color: skyblue; }
.ep .bkcSkillsBadge[data-level='MWC'] { border-color: skyblue; }
.ep .bkcSkillsBadge[data-level='EP']  { border-color: skyblue; }
*/

td.no-border
{
	border-top-style: none !important;
}