.demo {
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 4px 4px 4px 4px;
	margin: 30px 0 15px;
	padding: 39px 19px 14px;
	position: relative;
	text-align: left;
}
.demo:after {
	position: absolute;
	top: -13px;
	left: 17px;
	border: 1px solid #ddd;
	border-radius: 3px;
	padding: 3px 13px;
	background-color: #fff;
	color: #9da0a4;
	font-size: 12px;
	content: "Sleep uw Antwoord";
}
.demo p {
	text-align: left;
	color: #777;
}
.fr-counter {
	bottom: 0px;
	margin-right: 15px!important;
	position: absolute;
	z-index: 100000;
	float: right;
	right: 5px;
	padding: 1px 1px 0px 3px ;
}
@media (min-width: 992px) {
	.sideBySide {
	overflow: hidden;
	margin: auto;
	width: 100%;
	text-align: left;
}
.sideBySide .left {
	float: left;
}

.sideBySide .left, .sideBySide .right {
	display: inline-block;
	width: 48%;
	padding: 0;
	margin: 0;
} 
.sideBySide .right {
	float: right;
}

.sideBySide .left {
	float: left;
}
.sideBySide .right {
	float: right;
}
.sideBySide {
	overflow: hidden;
	margin: auto;
	width: 90%;
}
}

@media (max-width: 767px) {
	.demo {
	overflow: auto;
}

.demo:after {
	top: -2px;
}
}

ul.source, ul.sourcejQ, ul.stockSource {
	border-color: #f8e0b1;
}

.source li, .sourcejQ li, .stockSource li {
	background-color: #fcf8e3;
	border: 1px solid #fbeed5;
	color: #c09853;
}
ol.targetjQ {
	list-style-type: decimal;
}

ul.target, ul.targetjQ, ul.stockTarget, ol.targetjQ {
	border-color: #add38d;
}
ul.source, ul.sourcejQ, ul.stockSource, ul.target, ul.targetjQ, ul.stockTarget, ol.targetjQ {
	min-height: 50px;
	margin: 0px 25px 10px 0px;
	padding: 2px;
	border-width: 1px;
	border-style: solid;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	list-style-type: none;
	list-style-position: inside;
}
.target li, .targetjQ li, .stockTarget li {
	background-color: #ebf5e6;
	border: 1px solid #d6e9c6;
	color: #468847;
}

.source li, .sourcejQ li, .stockSource li, .target li, .targetjQ li, .stockTarget li {
	margin: 5px;
	padding: 5px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
/* Specify class=linenums on a pre to get line numbering */
ol.linenums {
	margin: 0 0 0 33px; /* IE indents via margin-left */
}
ol.linenums li {
	padding-left: 12px;
	color: #bebec5;
	line-height: 20px;
	text-shadow: 0 1px 0 #fff;
}

/* HTML5 Sortable classes */
ul.source,
ul.sourcejQ,
ul.stockSource,
ul.target,
ul.targetjQ,
ul.stockTarget,
ol.targetjQ {
	min-height: 50px;
	margin: 0px 5px 10px 0px;
	padding: 2px;
	border-width: 1px;
	border-style: solid;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	list-style-type: none;
	list-style-position: inside;
}
ul.source,
ul.sourcejQ,
ul.stockSource {
	border-color:  #f8e0b1;
}
ul.target,
ul.targetjQ,
ul.stockTarget,
ol.targetjQ {
	border-color: #add38d;    
}
ol.targetjQ {
	list-style-type: decimal;
}
.source li,
.sourcejQ li,
.stockSource li,
.target li,
.targetjQ li,
.stockTarget li {
	margin: 5px;
	padding: 5px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
.source li,
.sourcejQ li,
.stockSource li {
	background-color: #fcf8e3;
	border: 1px solid #fbeed5;
	color: #c09853;    
}
.target li,
.targetjQ li,
.stockTarget li {
	background-color: #ebf5e6;
	border: 1px solid #d6e9c6;
	color: #468847;
	text-align: left;
}
.sortable-dragging {
	border-color: #ccc !important;
	background-color: #fafafa !important;
	color: #bbb !important;
}
.sortable-placeholder {
	height: 40px;
}
.source .sortable-placeholder,
.stockSource .sortable-placeholder {
	border: 2px dashed #f8e0b1 !important;
	background-color: #fefcf5 !important;
}
.target .sortable-placeholder,
.stockTarget .sortable-placeholder {
	border: 2px dashed #add38d !important;
	background-color: #f6fbf4 !important;
}


/* jQuery UI classes */
.lock > li {
	width: 40%;
	margin: 5px;
	padding: 5px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	list-style-type: none;
	list-style-position: inside;
	border-width: 1px;
	border-style: solid;
	border-color: #ccc !important;
	background-color: #fafafa !important;
	color: #bbb !important;
}
.listHover {
}
.listActive {
	border: 1px solid #ccc;
	background-color: #fcfcfc;
	padding: 0.5em 0 3em 0 !important;
}
.placeholder {
	list-style-type: none;
	text-align: center;
	font-style: italic;
	border: 1px dashed #ddd !important;
	background-color: #fff !important;
	color: #aaa !important;
}
.dismiss {
	float: right;
	position: relative;
	top: -8px;
	line-height: 20px;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none !important;
	color: #468847;
	/*margin:4px 0 10px 0; padding:1px 4px 11px 20px; border:1px solid #000080; */
}
.dismiss_action {
	float: right;
	position: relative;
	top: -8px;
	line-height: 20px;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none !important;
}
.alert {
	padding: 8px 35px 8px 14px;
	margin-bottom: 20px;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	background-color: #fcf8e3;
	border: 1px solid #fbeed5;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.alert,
.alert h6 {
	color: #0000CC;
}
.alert h6 {
	margin:0px 0 5px 0;
}
.alert .close {
	position: relative;
	top: -2px;
	right: -21px;
	line-height: 20px;
}
.alert-success {
	background-color: #dff0d8;
	border-color: #d6e9c6;
	color: #468847;
}
.alert-success h6 {
	color: #468847;
}
.alert-danger,
.alert-error {
	background-color: #f2dede;
	border-color: #eed3d7;
	color: #b94a48;
}
.alert-danger h6,
.alert-error h6 {
	color: #b94a48;
}
.alert-info {
	background-color: #d9edf7;
	border-color: #bce8f1;
	color: #3a87ad;
}
.alert-info h6 {
	color: #3a87ad;
}
.alert-memo {
	background-color: #FFFFC0;
	border-color: #808000;
	color: #0000CC;
}
.alert-memo h6 {
	color: #0000CC;
}
.alert-block {
	padding-top: 14px;
	padding-bottom: 14px;
}
.alert-block > p,
.alert-block > ul {
	margin-bottom: 0;
}
.alert-block p + p {
	margin-top: 5px;
}

/*
Document   : jquery.pnotify.default.css
Created on : Nov 23, 2009, 3:14:10 PM
Author     : Hunter Perrin
Version    : 1.2.0
Link       : http://pinesframework.org/pnotify/
Description:
Default styling for Pines Notify jQuery plugin.
*/
/* -- Notice */
.ui-pnotify {
	top: 25px;
	right: 10px;
	position: absolute;
	height: auto;
	/* Ensures notices are above everything */
	z-index: 9999;
}
/* Hides position: fixed from IE6 */
html > body .ui-pnotify {
	position: fixed;
}
.ui-pnotify .ui-pnotify-shadow {
	-webkit-box-shadow: 0px 2px 10px rgba(50, 50, 50, 0.5);
	-moz-box-shadow: 0px 2px 10px rgba(50, 50, 50, 0.5);
	box-shadow: 0px 2px 10px rgba(50, 50, 50, 0.5);
	border-radius:5px;
}
.ui-pnotify-container {
	background-position: 0 0;
	padding: .8em;
	height: 100%;
	margin: 0;
}
.ui-pnotify-sharp {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
.ui-pnotify-closer, .ui-pnotify-sticker {
	float: right;
	margin-left: .2em;
	margin-top: -6px;
}
.ui-pnotify-title {
	display: block;
	min-height: 25px;
	margin-bottom: .4em;
}
.ui-pnotify-text {
	display: block;
}
.ui-pnotify-icon, .ui-pnotify-icon span {
	display: block;
	float: left;
	margin-right: .2em;
	margin-top: 1.5px;
}
/* -- History Pulldown */
.ui-pnotify-history-container {
	position: absolute;
	top: 0;
	right: 58px!important;
	width: 70px;
	border-top: none;
	padding: 0;
	-webkit-border-top-left-radius: 0;
	-moz-border-top-left-radius: 0;
	border-top-left-radius: 0;
	-webkit-border-top-right-radius: 0;
	-moz-border-top-right-radius: 0;
	border-top-right-radius: 0;
	/* Ensures history container is above notices. */
	z-index: 10000;
}
.ui-pnotify-history-all {
	text-align: center;
	padding: 19px 48px 20px 38px!important;
	left:0px;
}
.ui-pnotify-history-last {
	padding: 19px 44px 20px 35px!important;
}
.history-btn {
	text-align: center!important;
	width:100px!important;
}
.ui-pnotify-history-container .ui-pnotify-history-header {
	padding: 2px 0px 2px 12.5px;
}
.ui-pnotify-history-container button {
	cursor: pointer;
	display: block;
	width: 100%;
}
.ui-pnotify-history-container .ui-pnotify-history-pulldown {
	display: block;
	margin: 0 auto;
}
/*  Font Awesome styles
------------------------------------------------------- */
[class^="icon-"],
[class*=" icon-"] {
	font-family: FontAwesome;
	font-weight: normal;
	font-style: normal;
	text-decoration: inherit;
	-webkit-font-smoothing: antialiased;

	/* sprites.less reset */
	display: inline;
	width: auto;
	height: auto;
	line-height: normal;
	vertical-align: baseline;
	background-image: none;
	background-position: 0% 0%;
	background-repeat: repeat;
	margin-top: 0;
}
[class^="icon-"]:before, [class*=" icon-"]:before {
	text-decoration: inherit;
	display: inline-block;
	speak: none;
}
/*  Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */
.icon-glass:before                { content: "\f000"; }
.icon-music:before                { content: "\f001"; }
.icon-search:before               { content: "\f002"; }
.icon-envelope:before             { content: "\f003"; }
.icon-heart:before                { content: "\f004"; }
.icon-star:before                 { content: "\f005"; }
.icon-star-empty:before           { content: "\f006"; }
.icon-user:before                 { content: "\f007"; }
.icon-film:before                 { content: "\f008"; }
.icon-th-large:before             { content: "\f009"; }
.icon-th:before                   { content: "\f00a"; }
.icon-th-list:before              { content: "\f00b"; }
.icon-ok:before                   { content: "\f00c"; }
.icon-remove:before               { content: "\f00d"; }
.icon-zoom-in:before              { content: "\f00e"; }

.icon-zoom-out:before             { content: "\f010"; }
.icon-off:before                  { content: "\f011"; }
.icon-signal:before               { content: "\f012"; }
.icon-cog:before                  { content: "\f013"; }
.icon-trash:before                { content: "\f014"; }
.icon-home:before                 { content: "\f015"; }
.icon-file:before                 { content: "\f016"; }
.icon-time:before                 { content: "\f017"; }
.icon-road:before                 { content: "\f018"; }
.icon-download-alt:before         { content: "\f019"; }
.icon-download:before             { content: "\f01a"; }
.icon-upload:before               { content: "\f01b"; }
.icon-inbox:before                { content: "\f01c"; }
.icon-play-circle:before          { content: "\f01d"; }
.icon-repeat:before               { content: "\f01e"; }

/* \f020 doesn't work in Safari. all shifted one down */
.icon-refresh:before              { content: "\f021"; }
.icon-list-alt:before             { content: "\f022"; }
.icon-lock:before                 { content: "\f023"; }
.icon-flag:before                 { content: "\f024"; }
.icon-headphones:before           { content: "\f025"; }
.icon-volume-off:before           { content: "\f026"; }
.icon-volume-down:before          { content: "\f027"; }
.icon-volume-up:before            { content: "\f028"; }
.icon-qrcode:before               { content: "\f029"; }
.icon-barcode:before              { content: "\f02a"; }
.icon-tag:before                  { content: "\f02b"; }
.icon-tags:before                 { content: "\f02c"; }
.icon-book:before                 { content: "\f02d"; }
.icon-bookmark:before             { content: "\f02e"; }
.icon-print:before                { content: "\f02f"; }

.icon-camera:before               { content: "\f030"; }
.icon-font:before                 { content: "\f031"; }
.icon-bold:before                 { content: "\f032"; }
.icon-italic:before               { content: "\f033"; }
.icon-text-height:before          { content: "\f034"; }
.icon-text-width:before           { content: "\f035"; }
.icon-align-left:before           { content: "\f036"; }
.icon-align-center:before         { content: "\f037"; }
.icon-align-right:before          { content: "\f038"; }
.icon-align-justify:before        { content: "\f039"; }
.icon-list:before                 { content: "\f03a"; }
.icon-indent-left:before          { content: "\f03b"; }
.icon-indent-right:before         { content: "\f03c"; }
.icon-facetime-video:before       { content: "\f03d"; }
.icon-picture:before              { content: "\f03e"; }

.icon-pencil:before               { content: "\f040"; }
.icon-map-marker:before           { content: "\f041"; }
.icon-adjust:before               { content: "\f042"; }
.icon-tint:before                 { content: "\f043"; }
.icon-edit:before                 { content: "\f044"; }
.icon-share:before                { content: "\f045"; }
.icon-check:before                { content: "\f046"; }
.icon-move:before                 { content: "\f047"; }
.icon-step-backward:before        { content: "\f048"; }
.icon-fast-backward:before        { content: "\f049"; }
.icon-backward:before             { content: "\f04a"; }
.icon-play:before                 { content: "\f04b"; }
.icon-pause:before                { content: "\f04c"; }
.icon-stop:before                 { content: "\f04d"; }
.icon-forward:before              { content: "\f04e"; }

.icon-fast-forward:before         { content: "\f050"; }
.icon-step-forward:before         { content: "\f051"; }
.icon-eject:before                { content: "\f052"; }
.icon-chevron-left:before         { content: "\f053"; }
.icon-chevron-right:before        { content: "\f054"; }
.icon-plus-sign:before            { content: "\f055"; }
.icon-minus-sign:before           { content: "\f056"; }
.icon-remove-sign:before          { content: "\f057"; }
.icon-ok-sign:before              { content: "\f058"; }
.icon-question-sign:before        { content: "\f059"; }
.icon-info-sign:before            { content: "\f05a"; }
.icon-screenshot:before           { content: "\f05b"; }
.icon-remove-circle:before        { content: "\f05c"; }
.icon-ok-circle:before            { content: "\f05d"; }
.icon-ban-circle:before           { content: "\f05e"; }

.icon-arrow-left:before           { content: "\f060"; }
.icon-arrow-right:before          { content: "\f061"; }
.icon-arrow-up:before             { content: "\f062"; }
.icon-arrow-down:before           { content: "\f063"; }
.icon-share-alt:before            { content: "\f064"; }
.icon-resize-full:before          { content: "\f065"; }
.icon-resize-small:before         { content: "\f066"; }
.icon-plus:before                 { content: "\f067"; }
.icon-minus:before                { content: "\f068"; }
.icon-asterisk:before             { content: "\f069"; }
.icon-exclamation-sign:before     { content: "\f06a"; }
.icon-gift:before                 { content: "\f06b"; }
.icon-leaf:before                 { content: "\f06c"; }
.icon-fire:before                 { content: "\f06d"; }
.icon-eye-open:before             { content: "\f06e"; }

.icon-eye-close:before            { content: "\f070"; }
.icon-warning-sign:before         { content: "\f071"; }
.icon-plane:before                { content: "\f072"; }
.icon-calendar:before             { content: "\f073"; }
.icon-random:before               { content: "\f074"; }
.icon-comment:before              { content: "\f075"; }
.icon-magnet:before               { content: "\f076"; }
.icon-chevron-up:before           { content: "\f077"; }
.icon-chevron-down:before         { content: "\f078"; }
.icon-retweet:before              { content: "\f079"; }
.icon-shopping-cart:before        { content: "\f07a"; }
.icon-folder-close:before         { content: "\f07b"; }
.icon-folder-open:before          { content: "\f07c"; }
.icon-resize-vertical:before      { content: "\f07d"; }
.icon-resize-horizontal:before    { content: "\f07e"; }

.icon-bar-chart:before            { content: "\f080"; }
.icon-twitter-sign:before         { content: "\f081"; }
.icon-facebook-sign:before        { content: "\f082"; }
.icon-camera-retro:before         { content: "\f083"; }
.icon-key:before                  { content: "\f084"; }
.icon-cogs:before                 { content: "\f085"; }
.icon-comments:before             { content: "\f086"; }
.icon-thumbs-up:before            { content: "\f087"; }
.icon-thumbs-down:before          { content: "\f088"; }
.icon-star-half:before            { content: "\f089"; }
.icon-heart-empty:before          { content: "\f08a"; }
.icon-signout:before              { content: "\f08b"; }
.icon-linkedin-sign:before        { content: "\f08c"; }
.icon-pushpin:before              { content: "\f08d"; }
.icon-external-link:before        { content: "\f08e"; }

.icon-signin:before               { content: "\f090"; }
.icon-trophy:before               { content: "\f091"; }
.icon-github-sign:before          { content: "\f092"; }
.icon-upload-alt:before           { content: "\f093"; }
.icon-lemon:before                { content: "\f094"; }
.icon-phone:before                { content: "\f095"; }
.icon-check-empty:before          { content: "\f096"; }
.icon-bookmark-empty:before       { content: "\f097"; }
.icon-phone-sign:before           { content: "\f098"; }
.icon-twitter:before              { content: "\f099"; }
.icon-facebook:before             { content: "\f09a"; }
.icon-github:before               { content: "\f09b"; }
.icon-unlock:before               { content: "\f09c"; }
.icon-credit-card:before          { content: "\f09d"; }
.icon-rss:before                  { content: "\f09e"; }

.icon-hdd:before                  { content: "\f0a0"; }
.icon-bullhorn:before             { content: "\f0a1"; }
.icon-bell:before                 { content: "\f0a2"; }
.icon-certificate:before          { content: "\f0a3"; }
.icon-hand-right:before           { content: "\f0a4"; }
.icon-hand-left:before            { content: "\f0a5"; }
.icon-hand-up:before              { content: "\f0a6"; }
.icon-hand-down:before            { content: "\f0a7"; }
.icon-circle-arrow-left:before    { content: "\f0a8"; }
.icon-circle-arrow-right:before   { content: "\f0a9"; }
.icon-circle-arrow-up:before      { content: "\f0aa"; }
.icon-circle-arrow-down:before    { content: "\f0ab"; }
.icon-globe:before                { content: "\f0ac"; }
.icon-wrench:before               { content: "\f0ad"; }
.icon-tasks:before                { content: "\f0ae"; }

.icon-filter:before               { content: "\f0b0"; }
.icon-briefcase:before            { content: "\f0b1"; }
.icon-fullscreen:before           { content: "\f0b2"; }

.icon-group:before                { content: "\f0c0"; }
.icon-link:before                 { content: "\f0c1"; }
.icon-cloud:before                { content: "\f0c2"; }
.icon-beaker:before               { content: "\f0c3"; }
.icon-cut:before                  { content: "\f0c4"; }
.icon-copy:before                 { content: "\f0c5"; }
.icon-paper-clip:before           { content: "\f0c6"; }
.icon-save:before                 { content: "\f0c7"; }
.icon-sign-blank:before           { content: "\f0c8"; }
.icon-reorder:before              { content: "\f0c9"; }
.icon-list-ul:before              { content: "\f0ca"; }
.icon-list-ol:before              { content: "\f0cb"; }
.icon-strikethrough:before        { content: "\f0cc"; }
.icon-underline:before            { content: "\f0cd"; }
.icon-table:before                { content: "\f0ce"; }

.icon-magic:before                { content: "\f0d0"; }
.icon-truck:before                { content: "\f0d1"; }
.icon-pinterest:before            { content: "\f0d2"; }
.icon-pinterest-sign:before       { content: "\f0d3"; }
.icon-google-plus-sign:before     { content: "\f0d4"; }
.icon-google-plus:before          { content: "\f0d5"; }
.icon-money:before                { content: "\f0d6"; }
.icon-caret-down:before           { content: "\f0d7"; }
.icon-caret-up:before             { content: "\f0d8"; }
.icon-caret-left:before           { content: "\f0d9"; }
.icon-caret-right:before          { content: "\f0da"; }
.icon-columns:before              { content: "\f0db"; }
.icon-sort:before                 { content: "\f0dc"; }
.icon-sort-down:before            { content: "\f0dd"; }
.icon-sort-up:before              { content: "\f0de"; }

.icon-envelope-alt:before         { content: "\f0e0"; }
.icon-linkedin:before             { content: "\f0e1"; }
.icon-undo:before                 { content: "\f0e2"; }
.icon-legal:before                { content: "\f0e3"; }
.icon-dashboard:before            { content: "\f0e4"; }
.icon-comment-alt:before          { content: "\f0e5"; }
.icon-comments-alt:before         { content: "\f0e6"; }
.icon-bolt:before                 { content: "\f0e7"; }
.icon-sitemap:before              { content: "\f0e8"; }
.icon-umbrella:before             { content: "\f0e9"; }
.icon-paste:before                { content: "\f0ea"; }
.icon-lightbulb:before            { content: "\f0eb"; }
.icon-exchange:before             { content: "\f0ec"; }
.icon-cloud-download:before       { content: "\f0ed"; }
.icon-cloud-upload:before         { content: "\f0ee"; }

.icon-user-md:before              { content: "\f0f0"; }
.icon-stethoscope:before          { content: "\f0f1"; }
.icon-suitcase:before             { content: "\f0f2"; }
.icon-bell-alt:before             { content: "\f0f3"; }
.icon-coffee:before               { content: "\f0f4"; }
.icon-food:before                 { content: "\f0f5"; }
.icon-file-alt:before             { content: "\f0f6"; }
.icon-building:before             { content: "\f0f7"; }
.icon-hospital:before             { content: "\f0f8"; }
.icon-ambulance:before            { content: "\f0f9"; }
.icon-medkit:before               { content: "\f0fa"; }
.icon-fighter-jet:before          { content: "\f0fb"; }
.icon-beer:before                 { content: "\f0fc"; }
.icon-h-sign:before               { content: "\f0fd"; }
.icon-plus-sign-alt:before        { content: "\f0fe"; }

.icon-double-angle-left:before    { content: "\f100"; }
.icon-double-angle-right:before   { content: "\f101"; }
.icon-double-angle-up:before      { content: "\f102"; }
.icon-double-angle-down:before    { content: "\f103"; }
.icon-angle-left:before           { content: "\f104"; }
.icon-angle-right:before          { content: "\f105"; }
.icon-angle-up:before             { content: "\f106"; }
.icon-angle-down:before           { content: "\f107"; }
.icon-desktop:before              { content: "\f108"; }
.icon-laptop:before               { content: "\f109"; }
.icon-tablet:before               { content: "\f10a"; }
.icon-mobile-phone:before         { content: "\f10b"; }
.icon-circle-blank:before         { content: "\f10c"; }
.icon-quote-left:before           { content: "\f10d"; }
.icon-quote-right:before          { content: "\f10e"; }

.icon-spinner:before              { content: "\f110"; }
.icon-circle:before               { content: "\f111"; }
.icon-reply:before                { content: "\f112"; }
.icon-github-alt:before           { content: "\f113"; }
.icon-folder-close-alt:before     { content: "\f114"; }
.icon-folder-open-alt:before      { content: "\f115"; }

.inline{    
	margin:2px 5px 2px 5px;
	border-radius:5px;
	padding:0 10px 0 10px;
	border-bottom: 1px solid gray;
	border-top: none;
	border-left: none;
	border-right: none;
}
.focus{
	background-color: #FF0000;
}
/* hier heb ik body weggehaald 20190101! ;-) deze staat nu in head.php */
.achtergrond {
	border-radius:5px;
	border:1px solid gray;
	-webkit-box-shadow: 3px 4px 21px -4px rgba(0,0,0,0.78);
	-moz-box-shadow: 3px 4px 21px -4px rgba(0,0,0,0.78);
	box-shadow: 3px 4px 21px -4px rgba(0,0,0,0.78);
}
.elearning {
	max-width: 1100px;
	background-color: white;
	padding: 15px;
	border-radius: 10px;
	-webkit-box-shadow: 0px 1px 5px 1px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 1px 5px 1px rgba(0,0,0,0.15);
	box-shadow: 0px 1px 5px 1px rgba(0,0,0,0.15);
}
#radio {
	margin:4px;
	text-align: center!important;
}
#blind {
	display:none;
}
#radio label {
	float:left;
	width:170px;
	margin:4px;
	background-color:#EFEFEF;
	border-radius:4px;
	border:1px solid #D0D0D0;
	overflow:auto;

}

#radio label span {
	text-align:center;
	font-size: 32px;
	padding:13px 0px 0px 0px;
	display:block;
}

#radio label input {
	position:absolute;
	top:-20px;
}

#radio input:checked + span {
	background-color:#0000CC;
	color:#F7F7F7;
}

#radio .yellow {
	background-color:#FFFFC0;
	color:#333;
}

#radio .blue {
	background-color:#C0C0FF;
	color:#333;
}

#radio .pink {
	background-color:#FFC0FF;
	color:#333;
}

#radio .green {
	background-color:#d3fbd3;
	color:#333;
}
#radio .purple {
	background-color:#FFC0C0;
	color:#333;
}
.quest-type {height: 45px; width: 45px; margin:-5px 3px 0 -5px;}
.quest-type-openvraag {background: url(/images/Question_Icons.png) -186px 0 no-repeat; }
.quest-type-openvraag:hover {background: url(/images/Question_Icons.png) -186px -46px no-repeat;}
.quest-type-radiobox {background: url(/images/Question_Icons.png) 0px 0 no-repeat; }
.quest-type-radiobox:hover {background: url(/images/Question_Icons.png) 0px -46px no-repeat;}
.quest-type-radiogridbox {background: url(/images/Question_Icons.png) -598px 0 no-repeat; }
.quest-type-radiogridbox:hover {background: url(/images/Question_Icons.png) -598px -46px no-repeat;}
.quest-type-checkbox {background: url(/images/Question_Icons.png) -140px 0 no-repeat; }
.quest-type-checkbox:hover {background: url(/images/Question_Icons.png) -140px -46px no-repeat;}
.quest-type-dropdown {background: url(/images/Question_Icons.png) -95px 0 no-repeat; }
.quest-type-dropdown:hover {background: url(/images/Question_Icons.png) -95px -46px no-repeat;}
.quest-type-ingeslotenvragen {background: url(/images/Question_Icons.png) -1195px 0 no-repeat; }
.quest-type-ingeslotenvragen:hover {background: url(/images/Question_Icons.png) -1195px -46px no-repeat;}
.quest-type-dragdrop {background: url(/images/Question_Icons.png) -1615px 0 no-repeat; }
.quest-type-dragdrop:hover {background: url(/images/Question_Icons.png) -1615px -46px no-repeat;}
.quest-type-textarea {background: url(/images/Question_Icons.png) -230px 0 no-repeat; }
.quest-type-textarea:hover {background: url(/images/Question_Icons.png) -230px -46px no-repeat;}
.quest-type-media {background: url(/images/Question_Icons.png) -875px 0 no-repeat; }
.quest-type-media:hover {background: url(/images/Question_Icons.png) -875px -46px no-repeat;}


.circles-integer {
	font-size: 16pt;
}
.circles-decimals {
	font-size: 12pt;
}
.circle {
	width: 150px;
}
.morris-hover{position:absolute;z-index:1000}.morris-hover.morris-default-style{border-radius:10px;padding:6px;color:#666;background:rgba(255,255,255,0.8);border:solid 2px rgba(230,230,230,0.8);font-family:sans-serif;font-size:12px;text-align:center}.morris-hover.morris-default-style .morris-hover-row-label{font-weight:bold;margin:0.25em 0}
.morris-hover.morris-default-style .morris-hover-point{white-space:nowrap;margin:0.1em 0}
.fill_in {
	margin: 4px 0 2px 0;
	border:1px solid #D0D0D0;
	color: #585858;
	border-bottom:1px solid #000000;
	padding:3px 10px 3px 15px;
	border-radius:5px;
}

.niettebreed150 { display:inline-block; width:150px; white-space: nowrap; overflow:hidden !important; text-overflow: ellipsis; }
.niettebreed160 { display:inline-block; width:160px; white-space: nowrap; overflow:hidden !important; text-overflow: ellipsis; }
.niettebreed170 { display:inline-block; width:170px; white-space: nowrap; overflow:hidden !important; text-overflow: ellipsis; }
.niettebreed180 { display:inline-block; width:180px; white-space: nowrap; overflow:hidden !important; text-overflow: ellipsis; }
.niettebreed190 { display:inline-block; width:190px; white-space: nowrap; overflow:hidden !important; text-overflow: ellipsis; }
.niettebreed200 { display:inline-block; width:200px; white-space: nowrap; overflow:hidden !important; text-overflow: ellipsis; }
.niettebreed210 { display:inline-block; width:210px; white-space: nowrap; overflow:hidden !important; text-overflow: ellipsis; }
.niettebreed220 { display:inline-block; width:220px; white-space: nowrap; overflow:hidden !important; text-overflow: ellipsis; }
.niettebreed230 { display:inline-block; width:230px; white-space: nowrap; overflow:hidden !important; text-overflow: ellipsis; }
.niettebreed240 { display:inline-block; width:240px; white-space: nowrap; overflow:hidden !important; text-overflow: ellipsis; }
.niettebreed250 { display:inline-block; width:250px; white-space: nowrap; overflow:hidden !important; text-overflow: ellipsis; }
.width80 {width:80px!important;}
.width90 {width:90px!important;}
.width100 {width:100px!important;}
.width110 {width:110px!important;}
.width120 {width:120px!important;}
.width130 {width:130px!important;}
.width140 {width:140px!important;}
.width150 {width:150px!important;}
.width200 {width:200px!important;}
.eclips {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.smalltext { font-size: 80%; }

@media (max-width: 967px) {
	.hiddenwidth100 { 
	display:inline-block; 
	width:100px; 
	white-space: nowrap; 
	overflow:hidden !important; 
	text-overflow: ellipsis; 
}
.maxwidth100{
	display:none;
}
}
.Search{
	/* http://jsfiddle.net/5XKrc/1/ */
	float:right;
	padding-top:1px;
	font-size:22px;color:blue;
	background-image:url('/images/search.jpg');
	background-repeat:no-repeat;
	background-position:center;outline:0;
}

.Search::-webkit-search-cancel-button{
	position:relative;
	right:20px;    
}
#wrapper
{
	width:800px;
	margin:0 auto;
	color:#333;
	font-family:Tahoma,Verdana,sans-serif;
	line-height:1.5;
	font-size:14px;
}
.demo { margin:30px 0;}
.date-picker-wrapper .month-wrapper table .day.lalala { background-color:orange; }
.options { display:none; border-left:6px solid #8ae; padding:10px; font-size:12px; line-height:1.4; background-color:#eee; border-radius:4px;}
.date-picker-wrapper.date-range-picker19 .day.first-date-selected { background-color: red !important; }
.date-picker-wrapper.date-range-picker19 .day.last-date-selected { background-color: orange !important; }
.tableshadow {
	box-shadow: 0px 0px 14px 2px #5761ad; 
	border-radius:10px; 
	padding: 20px;
	background-color: white;
}
.navbar_test {
  overflow: hidden;
  background-color: #2e72ef;
  position: fixed;
  bottom: 0;
  width: 100%;
  text-align: center;
}

.navbar_test span {
  text-align: center;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 3px 2px;
  text-decoration: none;
  font-size: 11px;
}