/* Styles for the card images in the form */
.cardImageDiv {
	margin-top: 20px;	
	margin-bottom: 20px;
}

.cardImage {
	border-style: inset; 
	border-color: #33b5e5; 
	border-width: 3px; 
	width: 300px; 
	height: auto;
}

/* Style used to show the number of items in a select */
.itemCountDiv {
	display: inline-block;
	float: right;
	margin-right: 60px;
}

/* Styles for the list of blocks and subjects. */
span.newCards {
	color: #2E7D32;
	font-weight: bold;
}

span.cardsToReview {
	color: #283593;
	font-weight: bold;
}

#content {
	padding-bottom: 0px;
}

div.homeBlockList {
	overflow: auto; 
	height: 386px; 
	columns: 2; 
	-webkit-columns: 2; 
	-moz-columns: 2;
	
	-webkit-column-gap: 40px; /* Chrome, Safari, Opera */
    -moz-column-gap: 40px; /* Firefox */
    column-gap: 40px;

    -webkit-column-rule: 2px outset #aaaaaa; /* Chrome, Safari, Opera */
    -moz-column-rule: 2px outset #aaaaaa; /* Firefox */
    column-rule: 2px outset #aaaaaa;
}

.navbar-default .navbar-nav>li>a:hover {
	color: #FCD383;
}

.navbar-default .navbar-nav>li>a:focus {
	color: #FCD383;
}

.navbar-default .navbar-nav>.active>a:hover {
	color: #FCD383;
}

.navbar-default .navbar-brand:hover {
	color: #FCD383;	
}

.navbar-default .navbar-brand:focus {
	color: #FCD383;	
}

/* Fix for the Summernote issue in Chrome-Windows */
.note-editable {
    min-height: 43px; 
}

/* Hack so that modals do not get hidden under the backdrop. */
.modal-backdrop {
	z-index: 1031;
}

.blurred {
	-webkit-filter: blur(5px);
	-moz-filter: blur(5px);
	-o-filter: blur(5px);
	-ms-filter: blur(5px);
	filter: blur(5px);
}

/* When the body has the loading class, we turn
the scrollbar off with overflow:hidden */
body.loading {
	overflow: hidden;
}