[type=range] { -webkit-appearance: none; height: 20px; margin: 20px 0; }
[type=range]:focus { outline: none; }
[type=range]::-webkit-slider-thumb { border: 1px solid #fff; height: 40px; width: 40px; border-radius: 15px; background: #619a33; cursor: pointer; -webkit-appearance: none; /* margin-top: ((-$track-border-width * 2 + $track-height) / 2) - ($thumb-height / 2); */ }
[type=range]:focus::-webkit-slider-runnable-track { background: #d7e507; }
[type=range]::-moz-range-thumb { -moz-appearance: none; border: 1px solid #fff; height: 40px; width: 40px; border-radius: 15px; background: #619a33; cursor: pointer; }
[type=range]::-ms-thumb { border: 1px solid #fff; height: 40px; width: 40px; border-radius: 15px; background: #619a33; cursor: pointer; }

@media screen { #printSection { display: none; } }
@media print { body.modal-open { visibility: hidden; }
  /* body.modal-open .modal .modal-header, */
  body.modal-open .modal .modal-body { visibility: visible; /* make visible modal body and header */ } }
#boost-content, .modal-body { word-spacing: 0.5em; line-height: 2em; font-kerning: normal; }
#boost-content .item, .modal-body .item { border: 1px solid #fff; display: block; font-size: 16px; background: #ecf0b4; padding: 10px 10px 10px 20px; }
#boost-content .item:hover, .modal-body .item:hover { background: #00afaa; cursor: pointer; }/* 鼠标放这颜色改变 */
#boost-content .item .glyphicon-chevron-right, .modal-body .item .glyphicon-chevron-right { color: #90B421; line-height: 1.8em; }
#boost-content .item .glyphicon-chevron-right:before, .modal-body .item .glyphicon-chevron-right:before { color: #90B421; }
#boost-content .btn-default, .modal-body .btn-default { font-size: 24px; margin-top: 20px; }
#boost-content .btn-link, .modal-body .btn-link { color: #008c84; }
#boost-content .btn-link:hover, .modal-body .btn-link:hover { color: #ecf0b4; }
#boost-content .btn-primary[disabled], .modal-body .btn-primary[disabled] { opacity: 0.65; background-color: #eca100; }
#boost-content .cursus h2, .modal-body .cursus h2 { /* word-wrap: break-word; */ }
#boost-content .box-content, .modal-body .box-content { clear: both; }
#boost-content .box-content .well, .modal-body .box-content .well { width: 100%; height: auto; padding: 20px; }
#boost-content .box-content .well h2, #boost-content .box-content .well p, .modal-body .box-content .well h2, .modal-body .box-content .well p { text-align: left; margin: 0; }
#boost-content .box-content .well p, .modal-body .box-content .well p { margin-bottom: 30px; }
#boost-content .box-content .well span, .modal-body .box-content .well span { display: inline-block; width: auto; margin: 0 auto; text-align: center; }
#boost-content .box-content .well span .btn-default, .modal-body .box-content .well span .btn-default { margin: 10px 5px; padding: 10px 20px; }
#boost-content .box-content .well .btn-primary, .modal-body .box-content .well .btn-primary { margin: 0; font-size: 18px; padding: 10px 20px; }
#boost-content .box-content .well .btn-default, .modal-body .box-content .well .btn-default { font-size: 18px; margin-top: 20px; padding: 10px 20px !important; }
#boost-content ul, .modal-body ul { list-style: none; margin-left: 0; padding-left: 0; }
#boost-content ul li, .modal-body ul li { padding-left: 10px; display: table-row; }
#boost-content ul li:before, .modal-body ul li:before { content: "★"; font-family: FontAwesome; color: #90B421; display: inline-block; padding-right: 15px; }
#boost-content ul.rating li, .modal-body ul.rating li { padding-left: 0; font-size: 140%; color: #eca100; display: inline-block; padding-left: 0; }
#boost-content ul.rating li:before, .modal-body ul.rating li:before { content: ""; display: inline-block; }

header.isupport { background-color: #008c84; height: 84px; padding: 5px 20px; margin-bottom: 24px; }/* 顶上正文本上的大标题 */
header.isupport h2 { color: #FFFFFF; /*font-size: 42px;*/ font-weight: bolder; margin: 0; line-height: 84px; }

progress { width: 100%; }

progress[value]::-moz-progress-bar { background-color: #f0ad4e; }

progress[value] { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; color: #f0ad4e; }

progress[value]::-webkit-progress-value { background-color: #f0ad4e; }

progress[value]::-webkit-progress-bar { background-color: #eee; }

.button-assertive { background-color: #619a33; color: #fff; font-size: 16px; line-height: 1.8em; margin: 0 10px; padding: 0 10px; }
.button-assertive span:after { content: "\f014"; font-family: 'FontAwesome'; margin-left: 5px; font-weight: normal; font-size: 20px; }

#boost-content .display.item:hover { background: #ecf0b4; }

/*.modal-body {word-spacing: 0.5em;line-height: 2em;}*/
.popover { max-width: 100%; /* Max Width of the popover (depending on the container!) */ }

.radio-container label { font-weight: normal; }

.tooltip { font-size: 90%; }

#dagboek datepicker { margin-top: 20px; }
#dagboek datepicker input { padding: 0 10px; font-weight: bold; color: #619a33; }
#dagboek .score:hover { background-color: #ecf0b4; }
#dagboek .score p { text-align: center; margin-top: 70px; }
#dagboek .score p span { line-height: 54px; display: inline-block; border: 3px solid green; width: 60px; height: 60px; border-radius: 60px; background-color: rgba(255, 255, 255, 0.7); }
#dagboek .range { padding: 20px 10px; }
#dagboek .range input[type="range"] { border: 1px solid white; border-top: 1px solid #90B421; background-color: #c0cc06; border-radius: 10px; }
#dagboek .range input[type="range"]:hover { background-color: rgba(192, 204, 6, 0.5); }

.list .cursus { border: 1px solid #619a33; background-color: #c0cc06; margin-bottom: 10px; }
.list .cursus .vragen { border-top: 1px solid #619a33; background-color: #ecf0b4; padding-left: 65px; }

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak { display: none !important; }

.videomodal .modal-dialog { width: 800px; }