:root{--color-primary:#69bd45;--color-secondary:#007ab8;--color-tertiary:#1ea4a9;--color-state:#4b7e2b;--color-state-hover:#3c6721;--color-state-focus:#3c6721;--color-state-active:#30541a;--color-state-highlight:#f6f9d7;--color-state-highlight-neutral:var(--color-neutral-3);--color-state-disabled:var(--color-neutral-5);--color-neutral-1:#fff;--color-neutral-2:#fafafa;--color-neutral-3:#f7f7f7;--color-neutral-4:#e6e4e4;--color-neutral-5:#c7c7c7;--color-neutral-6:#767676;--color-neutral-7:#262626;--color-background:var(--color-neutral-1);--color-border:var(--color-neutral-5);--color-text:var(--color-neutral-7);--color-text-disabled:var(--color-neutral-5);--color-text-hint:var(--color-neutral-6);--link-color:var(--color-state);--link-color-hover:var(--color-state-hover);--nav-bg-color:#fff;--nav-text-color:var(--color-text);--footer-bg-color:#fff;--footer-text-color:var(--color-text);--footer-text-color-hover:var(--footer-text-color);--btn-accent-color:var(--color-state);--btn-accent-color-active:var(--color-state-active);--btn-accent-color-focus:var(--color-state-focus);--btn-accent-color-disabled:var(--color-state-disabled);--btn-prim-accent-color:var(--color-state);--btn-prim-accent-color-active:var(--color-state-active);--btn-prim-accent-color-focus:var(--color-state-focus);--btn-prim-accent-color-disabled:var(--color-state-disabled)}:root{--nav-bg-color: #ffffff;--nav-text-color: #262626;--color-primary: #d7ebe8;--btn-prim-accent-color: #f26127;--btn-accent-color: #f26127;--link-color: #f26127;--color-state: #f26127;--color-text: #262626;--footer-bg-color: #ffffff;--footer-text-color: #262626;--btn-prim-accent-color-focus: #e8571d;--btn-prim-accent-color-active: #d7460c;--btn-accent-color-focus: #e8571d;--btn-accent-color-active: #d7460c;--link-color-hover: #e8571d;--color-state-hover: #e8571d;--color-state-focus: #e8571d;--color-state-active: #d7460c;--footer-text-color-hover: #1c1c1c;}
/* Vars */

:root {
	--color-blink-dark-blue: #458495;
	--color-blink-light-blue: #d4eae7;
	--color-blink-orange: #f26127;
	--color-blink-yellow: #f0c916;
	--color-blink-green: #85ba96;
}

/* General page layout */

.row:not(#region-top) {
	margin: 0 5%;
}

@media only screen and (max-width: 1200px) {
	.row:not(#region-top) {
		margin: 0 3%;
	}
}

@media only screen and (max-width: 1000px) {
	.row:not(#region-top) {
		margin: 0 2%;
	}
}

/* Header image */

#region-top p {
	display: block;
	margin-bottom: -4px;
	overflow-y: hidden;
}

#region-top img {
	margin: 0;
	max-width: 100%;
}

#block-region-top {
	padding: 0;
}

.path-totara-dashboard .block-totara-featured-links-layout .block-totara-featured-links-tile {
	box-shadow: inset 0 0 0 2000px rgba(255, 255, 255, 0);
	transition: box-shadow .25s linear;
	border-radius: 10px;
}

.path-totara-dashboard .block-totara-featured-links-layout .block-totara-featured-links-content {
	text-align: center;
	background: none;
	height: auto;
	margin: 0 auto;
	padding: 10px;
	position: relative;
}

.path-totara-dashboard .block-totara-featured-links-layout .block-totara-featured-links-content h3 {
	font-size: 18px;
	text-transform: uppercase;
	color: white;
	font-size: 47px;
}

.path-totara-dashboard .block-totara-featured-links-layout .block-totara-featured-links-tile:hover {
	box-shadow: inset 0 0 0 2000px rgba(133, 186, 150, .8);
}

/* CSS oud platform / productie */
/* alles voor cursus block en cursus informatie  */
.tw-catalogItemNarrow,
.tw-grid .tw-catalogItemWide,
.loginbox.twocolumns .loginpanel,
.loginbox.twocolumns .signuppanel {
	border-radius: 20px;
	background-color: #D4EAE7;
}

#page-course-view-topics .activityinstance > a {
	/*margin-left: 30px !important;*/
}

#page-course-view-topics .activityinstance a {
	background-color: #84BA96;
}

#page-course-view-topics #section-0 .activityinstance a {
	background-color: #84BA96;
}

#page-course-view-topics #section-1 .activityinstance a {
	background-color: #5fb0c6;
}

#page-course-view-topics #section-2 .activityinstance a {
	background-color: #F2C900;
}

#page-course-view-topics #section-3 .activityinstance a {
	/* background-color: #428497; */
background-color: #ea5513;
}

#page-course-view-topics #section-4 .activityinstance a {
	background-color: #f3c900;
}

#page-course-view-topics #section-5 .activityinstance a {
	background-color: #ea5513;
}

#page-course-view-topics #section-6 .activityinstance a {
	background-color: #ea5513;
}

#page-course-view-topics #section-7 .activityinstance a {
	background-color: #5fb0c6;
}

.section .activity .activityinstance a {
	padding: 1rem;
	color: #fff;
	border-radius: 5px;
	margin-bottom: 2rem;
}

#page-course-view-topics .section .activity .activityinstance {
	margin-bottom: 1rem;
}

#page-course-view-topics .section .activity .activityinstance {
	text-align: left;
}

.tw-catalogItemNarrow__image_ratio_img {
	border-radius: 20px 20px 0px 0px;
}

.tw-catalogItemWide__image_ratio_img {
	border-radius: 20px 0px 0px 20px;
}

.tw-grid__item--multi-column {
	padding: 14px;
	flex-basis: 100%;
}

@media (min-width: 768px) {
	.tw-grid__item--multi-column {
		flex-basis: 50%;
	}
}

@media (min-width: 1200px) {
	.tw-grid__item--multi-column {
		flex-basis: 33.33%;
	}
}

@media (min-width: 1400px) {
	.tw-grid__item--multi-column {
		flex-basis: 25%;
	}
}

.tw-grid__item_active>a,
.tw-catalogItemNarrow:active,
.tw-catalogDetails__content {
	background-color: #D4EAE7;
	border-radius: 20px;
}

.tw-catalogDetails .tw-catalogDetails__arrow::after,
.tw-catalogDetails .tw-catalogDetails__arrow::before {
	border-bottom-color: #D4EAE7;
}

#catalog_fts_input,
.tw-selectSearchText__btn {
	border-radius: 30px;
	border: 0;
	background-color: var(--color-blink-yellow);
	color: black;
	padding: 6px 12px;
	font-size: 13px;
}

#catalog_fts_input::placeholder {
	color: black;
	opacity: 0.3;
}

#catalog_fts_input:-ms-input-placeholder {
	color: black;
	opacity: 0.3;
}

#catalog_fts_input::-ms-input-placeholder {
	color: black;
	opacity: 0.3;
}

.tw-selectSearchText button.tw-selectSearchText__btn {
	margin: 0px 0px 0px 10px;
}

.tw-catalog__primaryFilter {
	border-top: none;
}

.tw-catalogDetailsLink__option_description {
	color: black;
}

.tw-catalogItemNarrow__content {
	text-align: center;
}

/* Login screen */

@media (min-width: 768px) {
	.loginpanel,
	.signuppanel {
		width: 44% !important;
	}
}

.loginbox.twocolumns .loginpanel,
.loginbox.twocolumns .signuppanel {
	padding: 2% 8.88%;
	margin: 2%;
}

.loginpanel h2,
.signuppanel h2 {
	color: var(--link-color);
}

.loginbox .loginform .form-input input[type="text"] {
	background: url(/pix/t/user.png) no-repeat scroll 8px 10px;
	background-color: white;
	padding-left: 30px;
}

.loginbox .loginform .form-input input[type="password"] {
	background: url(/pix/t/locked.png) no-repeat scroll 8px 10px;
	background-color: white;
	padding-left: 30px;
}

#page-login-index .langmenu {
	// display: none;
}

/* Dashboard blocks */

.block .block-title {
	box-shadow: none;
}

.block .block-header h2 {
	text-transform: none;	
}

.block_myprofile {
	background: #5EAFC5;
	padding: 10px !important;
	border-radius: 8px;
}

.block_calendar_upcoming {
	border-radius: 8px;
	background: var(--color-blink-yellow);
	padding: 10px !important;
}

.block_last_course_accessed .content.block-content {
	padding: 0 0.7rem;
}

.block_last_course_accessed .content.block-content .block_last_course_accessed_content {
	border-radius: 8px;
	background: var(--color-blink-yellow);
	padding: 15px;
}

.block_last_course_accessed .content.block-content a {
	font-size: 14px;
	line-height: 1.3;
	font-weight: 700;
}

.block .block-header {
	min-height: 0;
}

.block.chromeless .title.block-title {
	padding-bottom: 10px;
	padding-top: 0;
}

.block.chromeless .content img {
	border-radius: 12px;
}

/* Dashboard current learning block */

.block_current_learning .panel-body ul li {
	border: 0;
}

.block_current_learning .flex-icon {
	display: none;
}

.block_current_learning .content .block_current_learning-row-item {
	padding-left: 0;
}

.block_current_learning .panel-body ul li:nth-of-type(even) {
	background-color: rgba(255, 255, 255, 0.3);
}

.block_current_learning .content.block-content .tab-content {
	background-color: var(--color-blink-light-blue);
	border-radius: 8px;
}

.block_current_learning .panel-footer {
	background-color: white;
	border: 0;
}

.block_current_learning .pagination>li>a,
.block_current_learning .pagination>li>span {
	font-size: 90%;
	color: #888;
	border: 0;
}

.block_current_learning .pagination>li>a:hover, 
.block_current_learning .pagination>li>a:focus, 
.block_current_learning .pagination>li>span:hover, 
.block_current_learning .pagination>li>span:focus {
	background: transparent;
	color: var(--color-blink-dark-blue);
}

.block_current_learning .pagination>li>a[data-page="next"] {
	padding-right: 0;
}

.block_current_learning .pagination>.active>a, 
.block_current_learning .pagination>.active>a:hover, 
.block_current_learning .pagination>.active>a:focus, 
.block_current_learning .pagination>.active>span, 
.block_current_learning .pagination>.active>span:hover, 
.block_current_learning .pagination>.active>span:focus {
	background: transparent;
	border: 0;
	color: var(--color-blink-dark-blue);
	font-weight: 700;
}

.block_current_learning .panel-footer .count {
	font-size: 90%;
	color: #888;
}

.headerslider .headersliderinnercontainer {
	top: 50px;
	background-color: #d7ebe8;
}

.purgecaches {
	visibility: hidden;
	margin-bottom: auto !important;
}

.headersliderinnercontainer ul,
.headersliderinnercontainer ul:after {
	top: 9px !important;
}

.content ul.teachers {
	display: none;
}

.modtype_hvp {
	display: none;
}

body.editing .modtype_hvp {
	display: initial;
}

/* Progress bars */

.progress {
	border: 0;
	box-shadow: none;
}

.progress .bar {
	box-shadow: none;
	background-color: var(--color-blink-dark-blue);
}

.progress-invert .progressbar__text {
	color: var(--color-blink-dark-blue);
}

/* E-modules overview */

.tw-catalog__results_overview_row {
	display: none;
}

.tw-selectRegionPanel__heading {
	color: var(--color-blink-dark-blue);
}

.tw-selectRegionPanel__heading_text {
	letter-spacing: 0;
	font-size: var(--font-size-12);
}

.tw-selectRegionPanel__heading_clear_link {
	vertical-align: initial;
	padding: 0;
	color: var(--color-blink-dark-blue);
	text-decoration: underline;
}

.tw-selectRegionPanel__selector_header {
	text-transform: none;
	font-size: var(--font-size-12);
	font-weight: 700;
	letter-spacing: 0;
	color: var(--color-blink-dark-blue);
}

.tw-selectMulti__link_active {
	background-color: var(--color-blink-light-blue);	
}

.tw-selectMulti__link_active:hover {
	background-color: var(--color-blink-light-blue);	
}

.tw-selectMulti__link_close .flex-icon {
	color: var(--color-blink-dark-blue);
	font-weight: 700;	
}

.tw-selectMulti__list {
	line-height: 1.3;
}

.tw-catalogItemNarrow__title {
	line-height: 1.3;
	opacity: 0.6;
}

.tw-catalogItemNarrow {
	border: 0;
}

.tw-catalogItemNarrow__description, .tw-catalogItemNarrow__textarea_group {
	display: none;
}

.tw-catalogItemNarrow {
	color: black;
}

.tw-catalogItemNarrow:not([data-redirect-url*="neo_auto_self_enrol"]) {
	// color: white;
	// background-color: var(--color-blink-green);
}

.tw-catalogItemNarrow[data-redirect-url*="neo_auto_self_enrol"] {
	padding-bottom: 20px;
}

.tw-catalogItemNarrow:not([data-redirect-url*="neo_auto_self_enrol"]) .progress .bar {
	background-color: var(--color-blink-orange);
}

.tw-catalogItemNarrow[data-redirect-url*="neo_auto_self_enrol"]:active, 
.tw-catalogItemNarrow[data-redirect-url*="neo_auto_self_enrol"]:focus, 
.tw-catalogItemNarrow[data-redirect-url*="neo_auto_self_enrol"]:hover {
	color: black;
}

.tw-catalogItemNarrow[data-redirect-url*="neo_auto_self_enrol"] .tw-catalogItemNarrow__noprogress {
	display: none;
}

.tw-catalog__primaryFilter {
	border: 0;
}

#region-main div[role="main"] h2.tw-catalog__title {
	text-align: left;
	float: none;
	color: var(--color-blink-orange);
}

@media (min-width: 768px) {
	#region-main div[role="main"] h2.tw-catalog__title {
		margin-bottom: -7rem;
	}
}

/* E-module page */

#page-mod-lesson-view #region-main .box.branchbuttoncontainer.horizontal {
	justify-content: space-between;
	display: flex;
	padding: 2rem 0;
}

#page-mod-lesson-view #region-main .box.branchbuttoncontainer.horizontal .singlebutton div {
	margin: 0;
}

#page-mod-lesson-view #region-main .box.branchbuttoncontainer.horizontal input[type=submit] {
	margin: 0;
}

#page-mod-lesson-view #region-main .progressbar_container {
	width: auto !important;
}

#page-mod-lesson-view #region-main .box.progress_bar {
	margin-bottom: 3rem;
}

#page-mod-lesson-view #region-main .box.progress_bar .progress_bar {
	color: transparent;
}

#page-enrol-index #id_totara_learningplanheader {
         display: none;
}
