body {
	background-color: #E2E2E2;
	font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
}

button.multiselect {
	height: 40px;
	text-align: left;
}

.footer-version {
	color: #6f6f6f;
	font-size: 10px;
}

.navbar-info, navbar-info:hover {
	cursor: default;
	color: white !important;
}

.navbar-inverse, .navbar-inverse .navbar-toggle, .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
	background-color: #F91515;
	border-color: white;
}

	.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
		background-color: #F91515 !important;
	}

	.navbar-inverse .navbar-nav > li > a, .navbar-inverse .navbar-brand, .navbar-inverse .navbar-text {
		color: white;
	}

		.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
			color: #E2E2E2;
		}

	.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
		background-color: #FF5E42;
	}

	.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
		background-color: #FF5E42;
	}

	.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
		background-color: #FF5E42 !important;
	}

.dropdown-menu > li > a {
	color: white;
}

	.dropdown-menu > li > a:hover {
		color: white;
		background-color: #FF5E42;
	}

.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
	color: white !important;
}

.navbar-inverse .navbar-nav .open .dropdown-menu .divider {
	background-color: white;
}

.navbar-nav > li > .dropdown-menu {
	background-color: #F91515;
	border-color: white;
}

.databyte-menu-item > a {
	color: white;
	background-color: #F91515 !important;
}

	.databyte-menu-item > a:hover, .databyte-menu-item > a:active {
		background-color: #ff5e42 !important;
		color: #E2E2E2 !important;
	}

.databyte-submenu-item {
	color: white !important;
	background-color: #F91515 !important;
}

	.databyte-submenu-item:hover {
		background-color: #ff5e42 !important;
	}

.databyte-sub-menu-item {
	background-color: #F91515 !important;
	border-color: #26A8D0 !important;
}

.databyte-menu-blok {
	background-color: #F91515 !important;
	padding: 20px 30px 20px 30px;
	margin-top: 0;
	color: white;
}

.VolutionLogo {
	background: url('/Content/Images/TalentLogoTransparant.png') no-repeat top left;
	display: block;
	width: 160px;
	height: 50px;
	text-indent: -9999px; /* hides the link text */
}

.red-color {
	color: #d73814;
}

.gray-color {
	color: #666
}



.blok {
	color: white;
}

.blok-with-header {
	color: #666;
}

.blok-lichtblauw {
	background-color: #45BADD;
}


.blok-lichtgrijs {
	background-color: #F5F5F5;
	border-bottom: solid 10px #F5F5F5;
}

.blok-donkerblauw {
	background-color: #229FD9;
}

.blok-wit {
	background-color: white;
	color: darkslategrey;
}

.blok-groen {
	background-color: #00A049;
}

.blok-lichtpaars {
	background-color: #B0B1E0;
}

.blok-grijs {
	background-color: #F5F5F5;
}

.blok-donkergrijs {
	background-color: #C0C0C0;
}

.blok-paars {
	background-color: #B270C7;
}

.blok-oranje {
	background-color: orange;
}

.blok-zalmkleur {
	background-color: #EF8A42;
}

.blok-rood {
	background-color: #F48A8A;
}

.blok-lichtrood {
	background-color: #FF5E42;
}

.blok-geel {
	background-color: #CABA06;
}

.blok-myaccount {
	background-color: #CABA06;
}

.blok-competences {
	background-color: #CABA06;
}

.kleur-donkerblauw {
	background-color: #229FD9;
}

.kleur-groen {
	background-color: #BBD239;
}

.kleur-paars {
	background-color: #B270C7;
}

.kleur-oranje {
	background-color: orange;
}

.kleur-zalmkleur {
	background-color: #EF8A42;
}

.progress {
	border: 2px solid #E2E2E2;
}

.progress-bar-inactive {
	background-color: #E2E2E2;
}


.blok-beroepskeuze-oneven {
	background-color: #E99243;
}

.blok-beroepskeuze-even {
	background-color: #F6AB68;
}

.blok-jouwinteresse {
	background-color: #F0F0F0;
	color: #666;
}

.compententielijst-oneven {
	background-color: #F0F0F0;
	color: #666;
}

.compententielijst-even {
	background-color: #e8e8e8;
	color: #666;
}

.blok-taken {
	background-color: white;
	color: #666;
}


	.blok-taken .glyphicons-exclamation-sign {
		color: red;
	}

.takencheckbox {
	color: #337AB7;
}

.takencheckbox-wait {
	color: #337AB7;
}

.takencheckbox-rejected {
	color: #b73333;
}

.takencheckbox input:checked::before {
	color: #BBD239;
}


.blok-onderwerpen, .blok-onderwerpen:hover, .blok-onderwerpen:active, .blok-onderwerpen:link, .blok-onderwerpen:visited {
	color: #666;
}

.portfolio {
	background-color: white;
}

.portfolio-kop {
	color: #009dd9;
}

.portfolio-commentaar {
	color: #333;
}

.portfolio-attachment {
	color: #333;
}

.portfolio-account {
	background-color: #FF5E42;
}

.portfolio-profiel {
	background-color: #FF5E42;
}

.portfolio-profiel-settings {
	background-color: white;
}

	.portfolio-profiel-settings > .blok-kop {
		color: #009dd9;
	}

.trots-default {
	color: #666;
}

.portfolio-titel {
	background-color: orange;
}

.portfolio-laadmeer {
	background-color: #F3F3F3;
}

.btn-download-portfolio,
.btn-download-portfolio a {
	color: black;
}

.taak-lichtblauw {
	background-color: #45BADD;
}

.taak-donkerblauw {
	background-color: #229FD9;
}

.taak-groen {
	background-color: #BBD239;
}

.taak-paars {
	background-color: #B270C7;
}

.taak-oranje {
	background-color: orange;
}

.taak-zalmkleur {
	background-color: #EF8A42;
}

.taak-overzicht {
	background-color: #45BADD;
}

.taak-account {
	background-color: orange;
}

.taak-uploaden {
	background-color: #B270C7;
}

.taak-kop {
	background-color: #BBD239;
}

.taak-uitleg {
	background-color: #F2F2F2;
	color: #666;
}

.taak-opdracht {
	background-color: white;
	color: #666;
}

.taak-opdracht-footer {
	background-color: #F6F6F6;
}

.btn-success {
	background-color: #00A049;
	border-color: none;
	border: none;
}

	.btn-success:hover,
	.btn-success:focus,
	.btn-success.focus,
	.btn-success:active,
	.btn-success.active {
		background-color: #00A049;
		border-color: none !important;
		border: none !important;
	}

.btn-info {
	background-color: #00B0EB;
	border-color: none;
	border: none;
}

	.btn-info:hover,
	.btn-info:focus,
	.btn-info.focus,
	.btn-info:active,
	.btn-info.active {
		background-color: #00B0EB !important;
		border-color: none !important;
		border: none !important;
	}

.btn-cancel {
	background-color: #b9b9b9;
	border-color: #b9b9b9;
	color: white;
}

	.btn-cancel:hover, .btn-cancel:active, .btn-cancel:focus {
		background-color: #a2a2a2 !important;
		border-color: #a2a2a2 !important;
		color: white !important;
	}

.taak-tips {
	background-color: #BBD239;
}

.taak-overige {
	background-color: white;
	color: #BBD239;
}

.taak-onderwerpen-oneven, .taak-onderwerpen-oneven:hover, .taak-onderwerpen-oneven:active, .taak-onderwerpen-oneven:link, .taak-onderwerpen-oneven:visited {
	background-color: #F0F0F0;
	color: #666;
}

.taak-onderwerpen-even, .taak-onderwerpen-even:hover, .taak-onderwerpen-even:active, .taak-onderwerpen-even:link, .taak-onderwerpen-even:visited {
	background-color: #F9F9F9;
	color: #666;
}

.taak-onderwerpen-taken {
	background-color: white;
	color: #666;
}

.blok-opdrachten-oneven {
	background-color: #F0F0F0;
	color: #666;
}

.blok-opdrachten-even {
	background-color: #F5F5F5;
	color: #666;
}


.blok-opdracht-header {
	background-color: #F0F0F0;
	color: #666 !important;
}

.blok-opdracht-footer {
	background-color: #F0F0F0;
	color: #666;
}

.blok-publisher-opdracht-footer {
	background-color: #F0F0F0;
	color: #666;
}

.blok-opdracht {
	background-color: white;
	color: #666;
}

.blok-boeken {
	background-color: white;
	color: #666;
}

fieldset.title {
	border-top: 1px solid #aaa;
}


.teacher-portfolio-divider {
	color: #666;
}


li fieldset.title {
	border-top: 1px solid white;
}


li .teacher-portfolio-divider {
	color: white;
}

.menu-school .menu-item,
.menu-school .menu-item:hover,
.menu-school .menu-item:active {
	background-color: #F91515 !important;
	color: white !important;
}

.blok-studentassignments {
	background-color: #E8E8E8;
	color: #666;
}

#studentapprovals .glyphicons-exclamation-sign {
	color: red;
}

.student-documents {
	background-color: #f0f0f0 !important;
}

.portfolio-preview {
	background-color: orange;
}

.portfolio-previewoptions {
	background-color: orange;
}

#editassignment #AssignmentTitle {
	color: #666;
}

.cke_editable {
	border: 1px solid #CCC;
	background: white;
}

.cke_focus {
	border: 1px dashed #AAA;
}

.configschoolslijst-oneven {
	background-color: #F0F0F0;
	color: #666;
}

.configschoolslijst-even {
	background-color: #e8e8e8;
	color: #666;
}

.configclasseslijst-oneven {
	background-color: #F0F0F0;
	color: #666;
}

.configclasseslijst-even {
	background-color: #e8e8e8;
	color: #666;
}

#Klaslln > .lijst-item, #Klasdoc > .lijst-item {
	border: 1px solid #D1D1D1;
	background-color: white;
}

#Leerlingen > .lijst-item, #Docenten > .lijst-item {
	border: 1px solid lightgray;
	background-color: whitesmoke;
}

#AssignedClass > .lijst-item, #AssignedRol > .lijst-item {
	border: 1px solid #D1D1D1;
	background-color: white;
}

#NotAssignedClass > .lijst-item, #NotAssignedRol > .lijst-item {
	border: 1px solid lightgray;
	background-color: whitesmoke;
}

.color-square {
	background: red;
}

.ui-state-default:nth-child(1n+2) {
	border: none;
	background-color: #F0F0F0;
	color: #666;
}

.ui-state-default:nth-child(3n+2) {
	border: none;
	background-color: #F5F5F5;
	color: #666;
}

.ui-state-active {
	border: none;
	background-color: #666 !important;
	color: #F0F0F0 !important;
}

.error-message {
	color: #c53a37;
}


/* TROTS NEW */
.trots, .trotsshow {
	background-color: white;
}

.trotsgrid-titel {
	background-color: orange;
}

.trots-kop {
	color: #009dd9;
}

.trots-commentaar {
	color: #333;
}

.trots-hyperlink {
	color: #333;
}

.trots-attachment {
	color: #333;
}

.body-background {
	background-color: #E2E2E2;
}

.paging-container .pagination > li > a,
.paging-container .pagination > li > span {
	border: 1px solid #229FD9;
	background-color: #ffffff;
}

.pagination > li > a {
	color: #229FD9;
}

.pagination > li.active > a, .pagination > .active > span, .pagination > .active > a:hover {
	background: #229FD9;
	color: #fff;
}

.pagination > li > a:hover {
	background: #229FD9;
	border: 1px solid #229FD9;
	color: #fff;
}

.pagination > .disabled > a, .pagination > .disabled > a:hover {
	background: #fff;
	border: 1px solid #229FD9;
	color: #45badd;
}

.natural-background {
	background-color: white !important;
}

table.publisher-table > tbody > tr > td, .table > tfoot > tr > td {
	border-top: 0px solid white !important;
}

.approval-list {
	color: #666 !important;
}

	.approval-list:hover {
		background-color: #d3cfcf !important;
		color: white !important;
	}

.publisher-item {
	color: #666;
	background-color: #F5F5F5;
}

.publisher-item-lichtblauw {
	background-color: #45BADD !important;
}

.publisher-item-donkerblauw {
	background-color: #229FD9 !important;
}

.publisher-item-groen {
	background-color: #BBD239 !important;
}

.publisher-item-lichtpaars {
	background-color: #B0B1E0 !important;
}

.publisher-item-paars {
	background-color: #B270C7 !important;
}

.publisher-item-oranje {
	background-color: orange !important;
}

.publisher-item-zalmkleur {
	background-color: #EF8A42 !important;
}

.publisher-item-rood {
	background-color: #F48A8A !important;
}

.publisher-item-geel {
	background-color: #CABA06 !important;
}

.Odd_true {
	background-color: #f0f0f0;
	color: #666;
}

.Odd_false {
	background-color: #f9f9f9;
	color: #666;
}

.nav-progress {
	background-color: white;
}

.btn-primary .class {
	color: white;
	background-color: #BBD239;
}

#sortable1 .unchecked, #sortable3 .unchecked, #sortable5 .unchecked, #sortable7 .unchecked, #sortable9 .unchecked, #sortable11 .unchecked {
	background-color: #ff6767;
}

#sortable2 .checked, #sortable4 .checked, #sortable6 .checked, #sortable8 .checked, #sortable10 .checked, #sortable12 .checked {
	background-color: #ff6767;
}

#sortable1 li, #sortable2 li, #sortable3 li, #sortable4 li, #sortable5 li, #sortable6 li, #sortable7 li, #sortable8 li, #sortable9 li, #sortable10 li, #sortable11 li, #sortable12 li {
	color: black;
	background-color: white;
}

.selected {
	background: #B270C7 !important;
	color: white !important;
}

.moved {
	background: #ff6767 !important;
}

.btn-primary {
	background-color: #0081B8;
}

/*BOOTSTRAP*/
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
	background-color: #fff;
	border-color: #ccc;
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
	background-color: #337ab7;
	border-color: #2e6da4;
}

.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
	background-color: #5cb85c;
	border-color: #4cae4c;
}

.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
	background-color: #5bc0de;
	border-color: #46b8da;
}

.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
	background-color: #f0ad4e;
	border-color: #eea236;
}

.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
	background-color: #d9534f;
	border-color: #d43f3a;
}

.btn-new {
	color: #fff;
	background-color: #337AB7;
	border-color: #337AB7;
}

	.btn-new:hover {
		background-color: #2b5b85;
		border-color: #2b5b85;
		color: #fff;
	}

#sortable1 .ui-state-highlight,
#sortable2 .ui-state-highlight {
	background-color: #B0B1E0 !important;
	-webkit-box-shadow: 0 8px 6px -6px #666;
	-moz-box-shadow: 0 8px 6px -6px #666;
	box-shadow: 0 8px 6px -6px #666;
}

.account-drag-and-drop-darkgrey {
	background-color: #F0F0F0;
	border-bottom: solid 10px white;
}

.account-drag-and-drop-lightgrey {
	background-color: #F5F5F5;
	border-bottom: solid 10px white;
}

.teacher-item {
	color: #666;
	background-color: white;
}

.btn-default:focus, .btn-default.focus {
	background-color: white;
}

.ui-dialog .ui-dialog-titlebar {
	background-color: #45BADD;
	color: white;
}

.class-btn {
	background-color: #F6F6F6 !important;
	color: #666 !important;
	border: none;
}

.coursebtn {
	background-color: #F6F6F6 !important;
	color: #666 !important;
	border: none;
}

.coursebtn {
	background-color: #F6F6F6 !important;
	color: #666 !important;
	border: none;
}

	.coursebtn:hover {
		box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23) !important;
	}

.class-description {
	background-color: #B270C7;
	border-color: none;
}

.rubrix-container input:checked + .rubrix-element {
	outline: 3px solid #666;
	box-shadow: 5px 5px 5px #b8b8b8;
}

.rubrix-element {
	border: 1px solid #666;
}

.rubrix-element-admin {
	border: 1px solid #666;
}

.rubrix-comment-square {
	color: white;
	background-color: #45badd;
}

.activitytable th, td {
	border-bottom: 1px solid black;
}

.grey-text {
	color: #555;
}

.multiselect-container li a label {
	color: black;
}

.multiselect-container li a label {
	color: black;
}

.white-background {
	background-color: white !important;
}

.message-container {
	background: #e0e0de;
	border: solid 1px #cccccc;
}

.message-left {
	background: white;
}

	.message-left:before {
		border-color: transparent #ffffff transparent;
	}

.message-right {
	background: #e3ffca;
}

	.message-right:after {
		border-color: #e3ffca transparent transparent;
	}

.message-text > p:last-of-type {
	color: silver;
}

.addon-school-color {
	background-color: #2E80A7;
	border-color: #2E80A7;
}

.green-color {
	color: #6ec53f;
}

.status-bar {
	background: #e59916;
}

	.status-bar .accepted {
		background: #0aaa1e;
	}

.checkmark {
	border: 1px solid #a9a9a9;
}

.lta-light {
	background-color: #45BADD;
	color: white;
}


.lta-dark {
	background-color: #229FD9;
	color: white;
	padding-top: 10px;
}


.card {
	background-color: white;
}

.color-red {
	color: red;
}

.color-orange {
	color: orange !important;
}

.color-green {
	color: lawngreen;
}

.color-blue {
	color: deepskyblue;
}

.font-red {
	color: #B73333;
}

.font-green {
	color: #BBD239;
}

.font-blue {
	color: #337AB7;
}



@media (max-width: 991px) {

	.teacher-portfolio-divider {
		color: #666;
	}
}

@media (max-width: 767px) {
	.teacher-portfolio-divider {
		color: #666;
	}

	.right-navbar {
		border-top: 1px solid white;
	}
}


.menu-item > a.active {
	background-color: #ff5e42;
	color: white !important;
}

.menu-item:hover {
	background-color: #ff5e42;
	color: white !important;
}

.notification-icon .badge {
	color: white;
	background-color: #FF5E42;
	font-family: cursive;
}

.link-container {
	background-color: #F6F6F6 !important;
}

.glyphicon-button {
	background-color: transparent !important;
	color: white !important;
}

	.glyphicon-button:hover {
		color: #F6F6F6 !important;
	}

.form-control {
	box-shadow: none;
}

.icon-button-container.green {
	background-color: #00A049;
}

.icon-button-container.blue {
	background-color: #45BADD;
}

.icon-button-container.orange {
	background-color: #F1AC2F;
}

.icon-button-container.red {
	background-color: #FF5E42;
}

.icon-button-container-sm.green {
	background-color: #00A049;
}

.icon-button-container-sm.blue {
	background-color: #45BADD;
}

.icon-button-container-sm.orange {
	background-color: #F1AC2F;
}

.icon-button-container-sm.red {
	background-color: #FF5E42;
}

.login-blok > .blok-lichtrood {
	background: rgba(255,94,66,0.8);
}