/* COLOR VARIABLES */
:root {
	--white: #ffffff;
	--light-grey: #EBEEF1;
	--dark-grey: #B5B5B5;
	--element-grey: #B3C3D3;
	--element-bckgrnd-grey: #718CA7;
	--black: #022449;
	--body-text: #333333;
	--orange: #D1581C;
	--primary-blue: #0099CC;
	--primary-blue-hover: #00779F;
	--dark-blue: #022953;
	--border-blue: #344F6D;
	--text-blue: #00BFFF;
	--header-blue: #3C5B7E;
	--font-light: 100;
	--font-normal: normal;
	--font-semibold: 600;
	--font-bold: 800;
	--z-index-popup: 50;
	--z-index-tooltip: 48;
	--z-index-dropdown: 5;
	--z-index-popup-backdrop: 10;
	--z-index-dropdown-backdrop: 4;
	--primary-red: red;
	--primary-grey: lightgrey;
}

form {
	margin-block-end: 0;
}

select:focus,
textarea:focus,
input:focus {
	outline: none !important;
	border-radius: 5px;
}

button:focus {
	outline: none !important;
	border-radius: 20px;
}

input, textarea, select {
	border: none;
	border: 1px solid var(--element-grey);
	border-radius: 5px;
}

.body-fixed {
	overflow: hidden;
}

/* SCROLLBAR desktop*/
@media only screen and (min-device-width : 1024px) {
	::-webkit-scrollbar {
		width: 12px;
	}

	::-webkit-scrollbar-track {
		border-radius: 5px;
	}

	::-webkit-scrollbar-thumb {
		background: var(--element-grey);
		border-radius: 5px;
	}
}

/* GLOBAL PLACEHOLDER */
::placeholder {
	color: var(--element-grey);
	opacity: 1;
}

html, body {
	background-color: white;
	width: 100%;
	height: 100%;
}

body {
	/* background: #C8D7EE; */
	/* background: #ffffff; */
}

body, td, th, a, input, button, .lvstext {
	font-family: 'Open Sans', Arial, Helvetica;
	font-size: 12px;
	color: #4c6387;
}

a {
	font-size: 14px;
	text-decoration: none;
}

td {
	margin: 0px;
}
td,th
{
	text-align: left; vertical-align: top;
}
table,td,th { border: 0px solid #93a9ca; }
table { border-collapse: collapse; }
a { color: #2D6DB4; }
img { border: 0; }
#speedresults th:hover, #theoriecompact th:hover, th.nosort:hover { text-decoration:none }

/*
#lijst th,#lijst td, .bordered td, .bordered th { border: 1px solid #93a9ca; }
#lijst th
{
	border-top: 0;
	padding-left: 8px;
}
#lijst td
{
	vertical-align: middle;
	padding-left: 8px;
	padding-right: 8px;
}
#lijst th.center { padding: 0; }
#lijst td.center { padding-left: 5px; padding-right: 5px; }
#loginform td { vertical-align: middle; }

th#noright,td#noright,#lijst td.noright { border-right: 0; }
th#noleft,td#noleft,#lijst td.noleft { border-left: 0; }
th#noleftright,td#noleftright,#lijst td.noleftright { border-left: 0; border-right: 0; }
td#dotleft,td.dotleft { border-left: 1px dashed; }
td.center,th.center { text-align:center; }
	*/

/*
.hl { background: #d8e3f3; }
.ready { background:#B4E4BA; color: #345C5B }
.notready { background:#FFB0BB; color: #BF0824; }
.busy { background:#ffffff; color: #BF0824; }
.loginput
{
	padding: 3px;
	height: 24px;
}
.logon
{
	font-size: 13px;
	font-weight: bold;
}
.schooltitle,.logoff,.speedbutton
{
	font-size: 13px;
	font-weight: bold;
	color: #2D6DB4;
}
.schooltitle
{
	height: 40px;
	background-image: url(images/hor_baan.gif);
	background-repeat: repeat-x;
	padding-top: 10px;
}
.logoff
{
	position: absolute;
	left: 34px;
	top: 8px;
	z-index: 2;
	cursor: pointer;
}
.speedbutton
{
	width:120px;
	height:30px;
	display:inline-block;
	background-image:url(images/speedtheorie.gif);
	background-repeat: no-repeat;
	text-align:center;
	padding-top:7px;
	cursor: pointer;
}
.speedbutton.back
{
	margin-bottom: 19px;
}

.hide_student
{
	cursor:pointer;
	opacity: 0.4;
}
.hide_student.enabled
{
	opacity: 1;
}
button.hideall
{
	max-width: 100px;
}

#loginmessage
{
	width: 700px;
	margin: 10px;
	font-size: 14px;
	display: none;
}

#img1, #img2 { position:absolute; left:0; top:0 }

.asb
{
	padding: 2px 10px;
	background: #d8e3f3;
	border: 1px solid #2D6DB4;
	cursor: pointer;
	border-radius: 7px;
}
a.asb
{
	text-decoration: none;
	color:#000;
	margin: 0 0 10px 0;
	display: inline-block;
}
.asbtest:hover
{
	background: #ecf4ff;
}
	
*/


/*/////////   REDESIGN   /////////*/
button {
	display: flex;
	align-items: center;
	justify-content: center;
	border: none;
	outline: none;
	background: none;
}

button:focus {
	border: none;
	outline: none;
}

button:hover {
	border: none;
	outline: none;
	background: none;
	cursor: pointer;
}

input:focus {
	outline: none;
}

a {
	text-decoration: none;
}

.vk-container {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	width: 1080px;
	margin: 0 auto;
	overflow: hidden;
}

header
{
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 86px;
	width: 100%;
}
header span.title_top_centre
{
	font-size: 24px;
	font-weight: 300;
	line-height: 80px;
	color: #00720b;
}
header img
{
	vertical-align: middle;
}
header img#vtologo {
	/* float: left; */
}
header .product_of {
	font-size: 24px;
	color: #718CA7;
}

header .header-block-right {
	display: flex;
	max-height: 36px;
	font-size: 14px;
}

header .header-block-right p {
	font-size: 13px;
	color: var(--black);
	margin: 0;
	font-weight: var(--font-semibold);
	text-align: right;
}

header .header-block-right p:first-child {
	font-size: 12px;
	color: var(--primary-blue);
}

header .header-block-right p.vk-header-text {
	font-size: 24px;
	font-weight: var(--font-normal);
	color: var(--primary-blue);
}

header .header-block-right img {
	width: 36px;
	height: 36px;
	border-radius: 50%;
	margin: 0 5px;
}

.vk-dropdown {
	position: relative;
	display: inline-block;
	min-width: 36px;
	min-height: 36px;
	margin-left: 16px;
	z-index: var(--z-index-dropdown);
} .vk-dropdown-content {
	display: none;
	position: absolute;
	background-color: #f9f9f9;
	width: 150px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	padding: 6px 2px;
	margin: 0;
	right: -46px;
	top: 61px;
	z-index: 3;
} .vk-dropdown-content li {
	padding: 3px 6px;
	list-style: none;
	color: var(--primary-blue);
	cursor: pointer;
} .vk-dropdown-content li:hover {
	color: #ffffff;
	background-color: var(--orange);
} .vk-dropdown-icon {
	min-width: 36px;
	min-height: 36px;
} #vk-user-dropdown .vk-dropdown-icon {
	cursor: pointer;
	background-image: url("images/btn_Inloggegevens.svg");
} #vk-user-dropdown .vk-dropdown-icon:hover {
	background-image: url("images/btn_Inloggegevens_hover.svg");
}

.vk-content {
	background-image: url("images/bkgnd_login.svg");
	height: 700px;
}

.vk-form-title {
	color: var(--primary-blue);
	margin: 0;
}

.vk-form-row {
	display: flex;
	justify-content: space-between;
	position: relative;
	align-items: center;
	margin: 15px 0;
}

.vk-form-row label {
	color: var(--primary-blue);
}

.vk-form-row input {
	height: 30px;
	width: 60%;
	border: 2px solid var(--primary-grey);
	border-radius: 5px;
	outline: none;
	padding: 10px;
}

.vk-forgot-pass {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 30px;
	color: var(--primary-blue);
	position: absolute;
	top: 0;
	right: 10px;
}

.vk-birthdate-row {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 259px;
}

.vk-form-submit {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	height: 30px;
	border-radius: 20px;
	background-color: var(--primary-blue);
	color: var(--white);
	border: none;
	border-radius: 20px;
	margin-left: auto;
	cursor: pointer;
}

.vk-mailform-submit {
	width: 130px;
}

.vk-login-btn {
	background-color: var(--primary-blue);
	color: white;
	height: 30px;
	width: 120px;
	border-radius: 15px;
	padding: 10px;
	margin: 10px 0;
}

.vk-login-btn:hover {
	background-color: var(--primary-blue);
}

.vk-adjust-login {
	margin-right: 10px;
}

.vk-adjust-login:hover {
	cursor: pointer;
}

.vk-speedtheory-btn:hover {
	cursor: pointer;
}

.vk-student-search {
	padding: 15px 10px;
}

.vk-student-search-header {
	display: flex;
	justify-content: space-between;
}

.vk-student-search-header p {
	margin: 0;
}

.vk-student-search-header p:first-child {
	color: var(--primary-blue);
}

th, th:hover {
	text-decoration: none !important;
}

.vk-footer {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 12px;
	color: var(--dark-grey);
	margin-top: 10px;
	margin-bottom: 20px;
}

.vk-footer a {
	font-size: 12px;
	text-decoration: none;
	color: var(--dark-grey);
}

.vk-footer-logo {
	display: flex;
	align-items: center;
}

.vk-footer-logo p {
	font-size: 11px;
	margin-right: 2px;
}

.vk-logo-icon {
	width: 42px;
	height: 38px;
	background-image: url("images/vekabestlogo.svg");
	background-size: contain;
	background-repeat: no-repeat;
}

#vk-popup-backdrop {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,0.3);
	z-index: var(--z-index-popup-backdrop);
}


#vk-dropdown-backdrop {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: transparent;
	z-index: var(--z-index-dropdown-backdrop);
}

.lvs-overview-header {
	padding: 14px 20px 14px 14px;
	background-image: url(images/header.svg);
	background-repeat: no-repeat;
	background-size: cover;
	height: 146px;
}

.lvs-overview-header h1 {
    font-size: 24px;
    font-weight: var(--font-light);
    color: var(--primary-blue);
    margin: 0 0 10px 14px;
}

#content h1 {
    font-size: 20px;
    margin: 10px 0;
    font-weight: normal;
}

input.entry_box
{
	width: 230px;
	margin: 5px 0;
}

.vk-popup {
	display: none;
	background-color: var(--white);
	position: absolute;
	padding: 20px 25px;
	box-shadow: 0px 3px 6px #00000029;
	border-radius: 15px;
	z-index: var(--z-index-popup);
}

#loginform {
	display: block;
}

.vk-popup-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 50px;
	margin-bottom: 20px;
}

.vk-popup-header-icon {
	width: 30px;
	height: 27px;
	margin-right: 13px;
	background-repeat: no-repeat;
}

.vk-popup-header-text {
	display: flex;
	align-items: center;
	font-size: 24px;
	font-weight: var(--font-normal);
	color: var(--primary-blue);
}

.vk-popup-close-button {
	width: 19px;
	height: 19px;
	background-image: url(images/btn_sluiten_wit.svg);
	background-size: cover;
	cursor: pointer;
}

.vk-popup-footer {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.vk-popup-close-button:hover {
    background-image: url(images/btn_sluiten_wit_hover.svg);
}

.vk-popup-prompt {
	top: 400px;
	left: calc(50% - 185px);
	width: 322px;
}

.vk-popup-prompt .vk-popup-header {
    font-size: 16px;
    font-weight: bold;
    color: var(--header-blue);
    margin-bottom: 20px;
}

.vk-popup-prompt .vk-popup-body {
	font-size: 12px;
	font-weight: var(--font-normal);
	color: var(--body-text);
	margin-bottom: 35px;
}

.vk-submit-btn,
.vk-popup-prompt-button {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 16px;
	width: 100px;
	height: 30px;
	color: var(--white);
	background-color: var(--primary-blue);
	border: none;
	border-radius: 20px;
	margin-left: 15px;
	cursor: pointer;
}

.vk-submit-btn:hover,
.vk-popup-prompt-button:hover {
	background-color: var(--primary-blue-hover);
}

.vk-submit-btn:disabled,
.vk-popup-prompt-button:disabled {
	background-color: var(--primary-blue);
}

.vk-submit-btn:disabled:hover,
.vk-popup-prompt-button:disabled:hover {
	background-color: var(--primary-blue);
	cursor: default;
}

#mailresponse {
	color: #333;
	font-size: 14px;
}

.vk-submit-btn {
	width: 125px;
}

.vk-frame-popup {
	width: 557px;
	top: 95px;
	left: calc(50% - 300px);
}

.vk-frame-popup .vk-frame-popup-body p {
	font-size: 14px;
	color: var(--primary-blue);
}

#vk-student-mail-popup .vk-popup-header-icon {
	width: 26px;
	height: 20px;
	background-image: url(images/icn_mail_popup.svg);
	background-size: cover;
}

#less10messagemoped,
#less10messagebike,
#less10messagecar {
	width: 420px;
	top: 75px;
	left: calc(50% - 235px);
}

#less10messagemoped .vk-frame-popup-header,
#less10messagebike .vk-frame-popup-header,
#less10messagecar .vk-frame-popup-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 24px;
	color: var(--primary-blue);
	margin-bottom: 20px;
}

#less10messagemoped .vk-frame-popup-body,
#less10messagebike .vk-frame-popup-body,
#less10messagecar .vk-frame-popup-body {
	font-size: 14px;
	color: var(--body-text);
	margin-bottom: 30px;
}

#less10messagemoped .body-text,
#less10messagebike .body-text,
#less10messagecar .body-text {
	font-weight: var(--font-bold);
	margin-top: 20px;
}


#vk-student-mail-popup label {
	width: 180px;
}

#vk-student-mail-popup input {
	width: 376px;
	padding: 8px 10px;
}

#vk-student-mail-popup textarea {
	font-family: 'Open Sans', Arial, Helvetica;
	width: 376px;
	height: 214px;
	padding: 8px 10px;
	resize: none;
	border: none;
	border: 1px solid var(--element-grey);
	border-radius: 5px;
}

#vk-student-mail-popup .vk-form-submit-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.vk-partial-page {
	display: none;
	position: absolute;
	top: 260px;
	height: 527px;
	width: 1080px;
	z-index: var(--z-index-partial);
	background-color: var(--white);
	overflow: hidden;
}

.vk-partial-page-header {
	display: flex;
	position: inherit;
	justify-content: space-between;
	align-items: center;
	font-size: 24px;
	max-height: 21px;
	width: 1040px;
	font-weight: var(--font-normal);
	color: var(--white);
	padding: 25px 20px;
	background-color: var(--dark-blue);
	box-shadow: 0px 5px 10px #3C5B7E65;
}

.vk-partial-page-header-text {
	display: flex;
	align-items: center;
}

.lvs-video-close-button,
.vk-partial-page .vk-close-button {
	width: 19px;
	height: 19px;
	background-image: url(images/btn_sluiten_blauw.svg);
	background-size: cover;
	cursor: pointer;
}

.lvs-video-close-button:hover,
.vk-partial-page .vk-close-button:hover {
	background-image: url(images/btn_sluiten_blauw_hover.svg);
}

.vk-partial-page-body {
	width: 100%;
	height: 460px;
	margin-top: 71px;
}

#vk-partial-compacttheory .vk-partial-page-body,
#vk-partial-speedtheorie-page .vk-partial-page-body {
	height: 527px;
	margin-top: 0;
	width: 1080px;
}

#vk-partial-user-info-page .vk-partial-page-body {
	height: 456px;
	width: 1080px;
}

#vk-partial-compacttheory iframe,
#vk-partial-speedtheorie-page iframe {
	height: 525px;
	width: 100%;
	border: none;
}

#vk-partial-user-info-page iframe {
	height: 456px;
	width: 100%;
	border: none;
}

#vk-partial-user-info-page .vk-popup-header-icon {
	width: 30px;
	height: 21px;
	background-image: url(images/icn_cursist.svg);
}

.vk-form-row {
	display: flex;
	justify-content: space-between;
	position: relative;
	align-items: center;
	margin: 0 0 20px 0;
}

.vk-form-row label {
	color: var(--primary-blue);
	font-size: 14px;
	font-weight: normal;
}

.vk-form-row input {
	color: #333;
    border: 1px solid var(--element-grey);
    border-radius: 5px;
    font-size: 14px;
    font-weight: var(--font-normal);
	padding: 5px 10px;
	margin: 0;
}

.vk-form-message {
	font-size: 14px;
	color: #333;
	height: 19px;
	margin: 15px 0;
}

.vk-form-message span {
	width: 100%;
	text-align: right;
}

.vk-submit-row {
	justify-content: flex-end;
	margin: 0 0 10px 0;
}

.vk-birthday-row {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 259px;
}

.vk-form-submit {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	line-height: 28px;
	font-weight: normal;
	width: 130px;
	height: 30px;
	background-color: var(--primary-blue);
	color: var(--white);
	border: none;
	border-radius: 14px;
	padding: 0 20px;
	cursor: pointer;
}

.vk-form-submit:hover {
	background-color: var(--primary-blue-hover);
}

.vk-form-message span {
	width: 100%;
	text-align: right;
}

#loginform {
	width: 400px;
	margin-top: 100px;
	left: calc(50% - 225px);
}

#loginform h1 {
	font-size: 20px;
    font-weight: normal;
    color: var(--primary-blue);
    margin-top: 0;
    margin-bottom: 50px;
}

#loginform label {
	width: 136px;
}

#loginform input {
    width: 263px;
    float: right;
    position: relative;
}

#vk-student-mail-popup .vk-form-row:nth-child(3) {
	align-items: flex-start;
}


#vk-addstudent-popup.vk-popup,
#vk-unhide-student-popup.vk-popup
{
	display: none;
	width: 410px;
	height: 350px;
	top: 270px;
	left: calc(50% - 225px);
	padding-top: 10px;
}
#vk-unhide-student-popup.vk-popup
{
	width: 560px;
	top: calc(50% - 250px);
	height: 450px;
}
#vk-unhide-student-popup .vk-frame
{
	width: 560px;
	height: 380px;
	border: none;
}

#vk-addstudent-popup .vk-popup-header-icon {
	background-image: url(images/icn_popup_cursisttoevoegen.svg);
}

.vk-popup-text
{
	font-size: 13px;
}

.vk-retrieve-student-btn,
.vk-delete-student-btn {
	width: 14px;
	height: 16px;
	background-repeat: no-repeat;
	margin-left: auto;
	margin-right: auto;
	cursor: pointer;
}

.vk-retrieve-student-btn {
	background-image: url("images/btn_return.svg");
}

.vk-retrieve-student-btn:hover {
	background-image: url("images/btn_return_hover.svg");
}

.vk-delete-student-btn {
	background-image: url("images/btn_trash.svg");
}

.vk-delete-student-btn:hover {
	background-image: url("images/btn_trash_hover.svg");
}

#archief-lijst,
#studentselecttable table {
	background-image: url("images/bkgnd_table.svg");
	background-size: cover;
}
#archief-lijst tbody tr:nth-child(odd),
.hist tbody tr:nth-child(odd),
#studentselecttable tbody tr:nth-child(odd) {
	background-color: var(--light-grey);
}

#archief-lijst tbody tr:nth-child(even),
#studentselecttable tbody tr:nth-child(even) {
	background-color: transparent;
}
#archief-lijst thead {
	display: block;
	position: relative;
	background-color: var(--dark-blue);
	box-shadow: 0px 5px 10px #3C5B7E65;
}

#archief-lijst th .vk-flex-cell {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 20px;
	border-right: 1px solid var(--border-blue);
}

#archief-lijst th {
	font-size: 11px;
	font-weight: var(--font-bold);
	text-align: center;
	color: var(--white);
	padding: 10px 0;
}

#archief-lijst tbody {
	display: block;
	height: 300px;
	overflow-y: scroll;
}

#archief-lijst td {
	font-size: 13px;
	color: #333;
	vertical-align: middle;
	height: 30px;
	padding: 0;
}

#archief-lijst th:first-child {
	min-width: 175px;
	max-width: 175px;
	text-align: left;
}

#archief-lijst td:first-child {
	min-width: 165px;
	max-width: 165px;
	text-align: left;
}

#archief-lijst th:first-child .vk-flex-cell {
	padding-left: 10px;
	justify-content: flex-start;
}

#archief-lijst td:first-child {
	padding-left: 10px;
}

#archief-lijst th:nth-child(2) {
	min-width: 85px;
	max-width: 85px;
}

#archief-lijst td:nth-child(2) {
	min-width: 80px;
	max-width: 80px;
	text-align: center;
}

#archief-lijst th:nth-child(3),
#archief-lijst td:nth-child(3) {
	min-width: 115px;
	max-width: 115px;
}

#archief-lijst td:nth-child(3) {
	text-align: center;
}

#archief-lijst th:nth-child(4),
#archief-lijst td:nth-child(4),
#archief-lijst th:nth-child(5),
#archief-lijst td:nth-child(5) {
	min-width: 84px;
	max-width: 84px;
}

#archief-lijst th:last-child .vk-flex-cell,
#archief-lijst td:last-child .vk-flex-cell {
	border: none;
}




#addstudent {
	margin: 40px 0 0 0;
}

#addstudent hr {
	margin-bottom: 15px;
	opacity: 0.7;
}

#vk-unhide-student-popup .vk-frame-popup-body,
#vk-unhide-student-popup iframe {
    height: 350px;
}
#vk-unhide-student-popup .vk-popup-header-icon {
	background-image: url(images/icn_cursisten.svg);
	background-size: contain;
}

#vk-unhide-student-popup .vk-frame-popup-body
{
	width: 100%;
	height: 100%;
}

.vk-search-form button {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 88px;
	height: 25px;
	font-size: 14px;
	color: var(--white);
	background-color: var(--text-blue);
	border-radius: 20px;
	padding: 0 10px 0 20px;
}

.vk-search-form button:hover {
	background-color: var(--primary-blue-hover);
}

.vk-search-form button .search-icon {
	width: 13px;
	height: 13px;
	background-image: url("images/icn_zoek.svg");
	background-size: cover;
}

.vk-search-container {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.vk-search {
	display: flex;
	align-items: center;
	border-radius: 20px;
	font-size: 13px;
	height: 40px;
	background-color: var(--primary-blue);
	color: var(--white);
	padding: 0 10px 0 20px;
	margin-bottom: 5px;
}

.vk-search p {
	margin: 0;
}

.vk-search-links {
	display: flex;
	align-items: center;
}

.vk-theoriecompact-btn:nth-child(2) {
	margin-left: 30px;
}

.vk-home-icon {
	min-width: 36px;
	min-height: 36px;
	margin-left: 20px;
	margin-right: 10px;
	background-image: url(images/btn_homeklein.svg);
	cursor: pointer;
}

.vk-home-icon:hover {
	background-image: url(images/btn_homeklein_hover.svg);
}

.vk-search-sub {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 374px;
	margin: 5px 0 15px 14px;
}

.vk-search-sub label {
	display: flex;
	align-items: center;
}

.vk-search-sub input {
	height: 18px;
	width: 18px;
	margin: 0 5px 0 0;
}

.vk-label span {
	font-size: 14px;
	font-weight: var(--font-semibold);
	margin-right: 10px;
}

.vk-search input {
	width: 84px;
	height: 20px;
}

.input-with-icon {
	position: relative;
	height: 20px;
	box-sizing: border-box;
	margin: 0 10px;
}

.input-with-icon input {
	width: 88px;
	height: 20px;
}

.input-with-icon .vk-search-date-icon {
	width: 13px;
	height: 15px;
	background-image: url("images/icn_datepicker.svg");
	background-size: cover;
	position: absolute;
	right: 5px;
	top: 2px;
	display: flex;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
	margin: 0;
	cursor: pointer;
}

.vk-search-info {
	display: flex;
	align-items: center;
	font-size: 14px;
	font-weight: var(--font-bold);
	color: #333;
	margin: 0;
}

.vk-table-icon-small {
	min-width: 15px;
	max-width: 15px;
	min-height: 15px;
	max-height: 15px;
	border: none;
	background-repeat: no-repeat;
	background-color: transparent;
	background-position: center;
}

.vk-table-icon {
	min-width: 30px;
	max-width: 30px;
	min-height: 30px;
	max-height: 30px;
	border: none;
	background-repeat: no-repeat;
	background-color: transparent;
	background-position: center;
}

.vk-icon-search-persons {
	min-width: 22px;
	max-width: 22px;
	min-height: 17px;
	max-height: 17px;
	border: none;
	background-color: transparent;
	background-image: url(images/icn_cursisten.svg);
	margin-left: 15px;
	margin-right: 12px;
}

.vk-speedtheory-btn {
	width: 97px;
	height: 33px;
	background-image: url("images/logo_speedtheorie.svg");
	background-size: cover;
	cursor: pointer;
}

.vk-speedtheory-btn:hover {
	background-image: url("images/logo_speedtheorie_hover.svg");
}

.vk-theoriecompact-btn {
	width: 136px;
	height: 29px;
	background-image: url("images/logo_theoriecompact.svg");
	background-size: cover;
	cursor: pointer;
}

.vk-theoriecompact-btn:hover {
	background-image: url("images/logo_theoriecompact_hover.svg");
}

#tabel {
	height: 526px;
	background: url(images/bkgnd_table.svg);
}

#theoriecompact thead,
.vk-preorder-table thead,
#speedresults thead,
#lijst thead,
.vk-overview-table thead {
	display: block;
	position: relative;
	background-color: var(--dark-blue);
	box-shadow: 0px 5px 10px #3C5B7E65;
}

#theoriecompact thead th,
.vk-preorder-table thead th,
#speedresults thead th,
#lijst .vk-table-top-header th,
.vk-overview-top-header th {
	font-size: 10px;
	font-weight: var(--font-bold);
	text-align: center;
	color: var(--text-blue);
	padding-top: 7px;
	padding-bottom: 7px;
}

#theoriecompact thead th,
.vk-preorder-table thead th,
#speedresults thead th {
	color: var(--white);
	vertical-align: middle;
	padding: 5px 0;
}

.vk-overview-header th {
	font-size: 11px;
	font-weight: var(--font-bold);
	text-align: center;
	color: var(--white);
	padding-bottom: 10px;
}

.vk-overview-table th,
.vk-overview-table td {
	min-width: 67px;
	max-width: 67px;
}

.vk-overview-table td input {
	text-align: center;
	max-width: 74px;
}

.vk-overview-table th:first-child,
.vk-overview-table td:first-child {
	min-width: 202px;
	max-width: 202px;
	padding-left: 10px;
}

.vk-overview-table th:nth-child(13),
.vk-overview-table td:nth-child(13)	{
	min-width: 50px;
	max-width: 50px;
}

.vk-overview-table th:last-child,
.vk-overview-table td:last-child {
	min-width: 50px;
	max-width: 50px;
}

#theoriecompact th .vk-flex-cell,
#speedresults th .vk-flex-cell,
.hist th .vk-flex-cell,
#lijst th .vk-flex-cell,
.vk-overview-table th .vk-flex-cell {
	display: flex;
	flex: 1;
	flex-direction: column;
	align-items: center;
	height: 100%;
	padding: 0 5px;
	border-right: 1px solid var(--border-blue);
}

#speedresults th:first-child .vk-flex-cell,
#lijst th:first-child .vk-flex-cell,
.vk-overview-table th:first-child .vk-flex-cell {
	flex-direction: row;
	justify-content: space-between;
}

#theoriecompact th:last-child .vk-flex-cell,
#speedresults th:last-child .vk-flex-cell,
.hist th:last-child .vk-flex-cell,
#lijst th:last-child .vk-flex-cell,
.vk-overview-table th:last-child .vk-flex-cell {
	border-right: none;
}

.vk-overview-top-header .vk-flex-cell {
	border: none;
}

.vk-overview-table .vk-overview-top-header th .vk-flex-cell {
	border: none;
}
#lijst th .vk-flex-cell.nopadding {
	padding: 0;
}

#lijst #noright .vk-flex-cell {
	height: 53px;
}

#lijst tbody {
	display: block;
	max-height: 457px;
	overflow-x: hidden;
	overflow-y: scroll;
}

#speedresults tbody {
	display: block;
	max-height: 90px;
	overflow-x: hidden;
	overflow-y: scroll;
}

#theoriecompact tbody {
	display: block;
	max-height: 210px;
	overflow-x: hidden;
	overflow-y: scroll;
}

.vk-preorder-table {
	display: block;
}

#lijst th:first-child,
#lijst td:first-child {
	display: none;
}

#lijst th:nth-child(2),
#lijst td:nth-child(2) {
	min-width: 246px;
	max-width: 246px;
}

#lijst .vk-table-top-header th:nth-child(3) {
	min-width: 150px;
	max-width: 150px;
}

#lijst .vk-table-header th:nth-child(3),
#lijst td:nth-child(3) {
	min-width: 150px;
	max-width: 150px;
}

#lijst .vk-table-top-header th:nth-child(4) {
	min-width: 446px;
	max-width: 446px;
}

body.speedtheory #lijst .vk-table-header th:nth-child(4),
body.speedtheory #lijst .vk-table-header th:nth-child(5),
body.speedtheory #lijst .vk-table-header th:nth-child(6),
body.speedtheory #lijst .vk-table-header th:nth-child(7),
body.speedtheory #lijst .vk-table-header th:nth-child(8),
body.speedtheory #lijst .vk-table-header th:nth-child(9),
body.speedtheory #lijst .vk-table-header th:nth-child(10),
body.speedtheory #lijst .vk-table-header th:nth-child(11),
body.speedtheory #lijst .vk-table-header th:nth-child(12),
body.speedtheory #lijst .vk-table-header th:nth-child(13),
body.speedtheory #lijst .vk-table-header th:nth-child(14),
body.speedtheory #lijst .vk-table-header th:nth-child(15),
body.speedtheory #lijst .vk-table-header th:nth-child(16),
body.speedtheory #lijst .vk-table-header th:nth-child(17),
body.speedtheory #lijst td:nth-child(4),
body.speedtheory #lijst td:nth-child(5),
body.speedtheory #lijst td:nth-child(6),
body.speedtheory #lijst td:nth-child(7),
body.speedtheory #lijst td:nth-child(8),
body.speedtheory #lijst td:nth-child(9),
body.speedtheory #lijst td:nth-child(10),
body.speedtheory #lijst td:nth-child(11),
body.speedtheory #lijst td:nth-child(12),
body.speedtheory #lijst td:nth-child(13),
body.speedtheory #lijst td:nth-child(14),
body.speedtheory #lijst td:nth-child(15),
body.speedtheory #lijst td:nth-child(16),
body.speedtheory #lijst td:nth-child(17) {
	min-width: 30px !important;
	max-width: 30px !important;
}

body.jit #lijst .vk-table-header th:nth-child(4),
body.jit #lijst .vk-table-header th:nth-child(5),
body.jit #lijst .vk-table-header th:nth-child(6),
body.jit #lijst .vk-table-header th:nth-child(7),
body.jit #lijst .vk-table-header th:nth-child(8),
body.jit #lijst .vk-table-header th:nth-child(9),
body.jit #lijst .vk-table-header th:nth-child(10),
body.jit #lijst .vk-table-header th:nth-child(11),
body.jit #lijst .vk-table-header th:nth-child(12),
body.jit #lijst .vk-table-header th:nth-child(13),
body.jit #lijst td:nth-child(4),
body.jit #lijst td:nth-child(5),
body.jit #lijst td:nth-child(6),
body.jit #lijst td:nth-child(7),
body.jit #lijst td:nth-child(8),
body.jit #lijst td:nth-child(9),
body.jit #lijst td:nth-child(10),
body.jit #lijst td:nth-child(11),
body.jit #lijst td:nth-child(12),
body.jit #lijst td:nth-child(13) {
	min-width: 43px !important;
	max-width: 43px !important;
}

#lijst .vk-table-top-header th:nth-child(5),
body.speedtheory #lijst .vk-table-header th:nth-child(18),
body.speedtheory #lijst td:nth-child(18),
body.jit #lijst .vk-table-header th:nth-child(14),
body.jit #lijst td:nth-child(14) {
	min-width: 80px;
	max-width: 80px;
}

#lijst .vk-table-top-header th:nth-child(6),
body.speedtheory #lijst .vk-table-header th:nth-child(19),
body.speedtheory #lijst td:nth-child(19),
body.speedtheory #lijst .vk-table-header th:nth-child(15),
body.speedtheory #lijst td:nth-child(15) {
	min-width: 80px;
	max-width: 80px;
}

#lijst .vk-table-top-header th:nth-child(7),
#lijst .vk-table-header th:nth-child(20),
#lijst td:nth-child(20) {
	min-width: 58px;
	max-width: 58px;
}

#lijst th:nth-child(2) .vk-flex-cell {
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}

#lijst td.withoutemail {
	color: red;
}

.vk-preorder-table th:first-child,
.vk-preorder-table td:first-child {
	min-width: 100px;
	max-width: 100px;
}

.vk-preorder-table th:nth-child(2),
.vk-preorder-table td:nth-child(2) {
	min-width: 280px;
	max-width: 280px;
}

.vk-preorder-table th:nth-child(3),
.vk-preorder-table td:nth-child(3) {
	min-width: 140px;
	max-width: 140px;
}

.vk-preorder-table thead th,
.vk-preorder-table td {
	text-align: left;
	padding-left: 5px;
	padding-right: 5px;
}

.vk-preorder-table thead th {
	padding: 5px 0;
}

.vk-preorder-table thead th .vk-flex-cell {
	height: 30px;
	display: flex;
	align-content: center;
	justify-content: center;
	border-right: 1px solid var(--border-blue);
}

.vk-preorder-table thead th:last-child .vk-flex-cell {
	border: none;
}

.vk-preorder-table tbody {
	height: 184px;
	overflow-y: scroll;
	display: block;
}

button {
	color: var(--white);
}

.lvs-print-btn,
.lvs-add-student-btn,
.lvs-archive-btn {
	display: flex;
	flex-direction: column;
	align-items: center;
	font-size: 11px;
	color: var(--white);
	float: right;
	margin-right: 10px;
	cursor: pointer;
}

.lvs-print-btn .vk-print-icon {
	background-image: url("images/btn_print.svg");
	margin-bottom: 5px;
}

.lvs-print-btn:hover .vk-print-icon{
	background-image: url("images/btn_print_hover.svg");
}

.lvs-add-student-btn .vk-add-icon {
	background-image: url("images/btn_toevoegen.svg");
	margin-bottom: 5px;
}

.lvs-add-student-btn:hover .vk-add-icon {
	background-image: url("images/btn_toevoegen_hover.svg");
}

.lvs-archive-btn .vk-archive-icon {
	background-image: url("images/btn_llarchief.svg");
	margin-bottom: 5px;
	background-size: contain;
}

.lvs-archive-btn:hover .vk-archive-icon {
	background-image: url("images/btn_llarchief_hover.svg");
}

.vk-delete-students-btn {
	flex-direction: column;
	font-size: 11px;
	font-weight: var(--font-bold);
	color: var(--white);
	cursor: pointer;
}

.vk-delete-students-btn:disabled {
	cursor: default;
}

.vk-delete-students-btn .vk-delete-users-icon {
	min-width: 31px;
	max-width: 31px;
	min-height: 31px;
	max-height: 31px;
	background-image: url(images/btn_wissen_active.svg);
	margin-bottom: 5px;
}

.vk-delete-students-btn:hover .vk-delete-users-icon {
    background-image: url(images/btn_wissen_hover.svg);
}

.vk-delete-students-btn.disabled .vk-delete-users-icon {
	background-image: url(images/btn_wissen.svg);
	cursor: default;
}

.vk-delete-students-btn.disabled:hover .vk-delete-users-icon {
	background-image: url(images/btn_wissen.svg);
}

.vk-hide-student-check {
	width: 18px;
	height: 18px;
	margin-left: auto;
	margin-right: auto;
	background-color: var(--white);
	border: 1px solid var(--element-grey);
	border-radius: 3px;
	opacity: 0.4;
	cursor: pointer;
}

.vk-deactivate-student-check {
	width: 33px;
	height: 18px;
	margin-left: auto;
	margin-right: auto;
	cursor: pointer;
}

.vk-deactivate-student-check.activate_student {
	background-image: url("images/btn_inactive.svg");
}

.vk-deactivate-student-check.deactivate_student {
	background-image: url("images/btn_active.svg");
}

.vk-hide-student-check.enabled {
	background-image: url("images/aankruisen.svg");
	background-repeat: no-repeat;
	background-position: center;
	opacity: 1;
}

.vk-deactivate-students-btn {
	flex-direction: column;
	font-size: 11px;
	font-weight: var(--font-bold);
	color: var(--white);
	cursor: pointer;
}

.vk-deactivate-students-btn.disabled {
	cursor: default;
}

.vk-deactivate-students-btn .vk-deactivate-icon {
	min-width: 31px;
	max-width: 31px;
	min-height: 31px;
	max-height: 31px;
	background-image: url(images/active_geentoegang.svg);
	cursor: pointer;
	margin-bottom: 5px;
}

.vk-deactivate-students-btn:hover .vk-deactivate-icon {
	background-image: url(images/hover_geentoegang.svg);
}

.vk-deactivate-students-btn.disabled .vk-deactivate-icon {
	background-image: url(images/btn_geentoegang.svg);
	cursor: default;
}

.vk-deactivate-students-btn.disabled:hover .vk-deactivate-icon {
	background-image: url(images/btn_geentoegang.svg);
}

.vk-home-btn {
	display: flex;
	flex-direction: column;
	align-items: center;
	font-size: 11px;
	font-weight: var(--font-bold);
	color: var(--white);
	margin: 0;
}

.vk-home-btn .vk-home-icon {
	min-width: 31px;
	max-width: 31px;
	min-height: 31px;
	max-height: 31px;
	background-image: url(images/btn_homeklein.svg);
	margin: 0 0 5px 0;
	border-radius: 50%;
}

.vk-home-btn:hover .vk-home-icon {
	background-image: url(images/btn_homeklein_hover.svg);
}

.vk-sort-icon {
	width: 10px;
	height: 5px;
	margin: 5px auto;
}

.vk-sorteer-dwn {
	background-image: url("images/btn_sorteer_dwn.svg");
}

.vk-sorteer-up {
	background-image: url("images/btn_sorteer_dwn.svg");
	transform: rotate(180deg);
}

.hist th:hover .vk-sorteer-dwn {
	background-image: url("images/btn_sorteer_dwn_hover.svg");
}

.hist th:hover .vk-sorteer-up {
	background-image: url("images/btn_sorteer_dwn_hover.svg");
}

.vk-mail-icon {
	min-width: 16px;
	max-width: 16px;
	min-height: 13px;
	max-height: 13px;
	border: none;
	background-color: transparent;
	background-image: url(images/icn_mailen.svg);
	cursor: pointer;
	margin-left: 29px;
}

.vk-mail-icon:hover {
	background-image: url("images/icn_mailen_hover.svg");
}

#tabel th:hover {
	text-decoration: none !important;
}

#tabel th:hover .vk-sorteer-dwn {
	background-image: url("images/btn_sorteer_dwn_hover.svg");
}

#tabel th:hover .vk-sorteer-up {
	background-image: url("images/btn_sorteer_dwn_hover.svg");
}

.vk-overview-table {
	width: 1080px;
}

.vk-overview-table tbody {
	display: block;
	max-height: 442px;
	overflow-x: hidden;
	overflow-y: scroll;
}

.vk-preorder-table tbody tr,
#lijst tbody tr,
.vk-overview-table tbody tr {
	height: 30px;
}

#theoriecompact tbody tr:nth-child(odd),
.vk-preorder-table tbody tr:nth-child(odd),
#speedresults tbody tr:nth-child(odd),
.hist tbody tr:nth-child(odd),
#lijst tbody tr:nth-child(odd),
.vk-overview-table tbody tr:nth-child(odd) {
	background-color: var(--light-grey);
}

#theoriecompact tbody tr:nth-child(even),
.vk-preorder-table tbody tr:nth-child(even),
#speedresults tbody tr:nth-child(even),
.hist tbody tr:nth-child(even),
#lijst tbody tr:nth-child(even),
.vk-overview-table tbody tr:nth-child(even) {
	background-color: transparent;
}

.vk-preorder-table th,
#lijst th {
	font-weight: var(--font-bold);
}

.vk-preorder-table td,
#lijst td,
.vk-overview-table td {
	font-size: 13px;
	color: #333;
	vertical-align: middle;
	text-align: center;
}

#theoriecompact td,
#speedresults td {
	text-align: center;
	vertical-align: middle;
	height: 30px;
}

#speedresults th:first-child,
#speedresults td:first-child,
#lijst th:nth-child(2),
#lijst td:nth-child(2),
.vk-overview-table td:first-child {
	text-align: left;
	padding-left: 10px;
}

#lijst td:nth-child(2):hover,
.vk-overview-table td:first-child:hover {
	font-weight: var(--font-bold);
}

#theoriecompact th .vk-flex-cell {
	justify-content: flex-start;
	height: 30px;
}

.vk-overview-header th .vk-flex-cell {
	height: 45px;
}

.lvs-print-header-btn,
.vk-overview-header th .vk-flex-cell button {
	margin-top: -10px;
}

.vk-overview-top-header {
	display: block;
}

.vk-overview-top-header th:first-child {
	min-width: 199px;
	max-width: 199px;
}

.vk-overview-top-header th:nth-child(3) {
	min-width: 226px;
	max-width: 226px;
	padding-top: 10px;
	padding-bottom: 0;
}

.vk-overview-top-header th:nth-child(3) .vk-flex-cell {
	border-left: 1px solid var(--border-blue);
	border-right: 1px solid var(--border-blue);
	padding-bottom: 4px;
}

.vk-overview-top-header th:nth-child(4) {
	min-width: 148px;
	max-width: 148px;
	padding-top: 10px;
	padding-bottom: 0;
}

.vk-overview-top-header th:nth-child(4) .vk-flex-cell {
	border-right: 1px solid var(--border-blue);
	padding-bottom: 4px;
}

.vk-overview-table .lvs-add-student-btn
{
	margin: -10px 6px 0 auto;
}
.vk-overview-table .lvs-archive-btn
{
	margin: -10px 6px 0 auto;
}

.vk-changelogin-content {
	background-color: #eceff2;
	padding: 25px;
}

.vk-change-login-table {
	max-width: 700px;
}

.vk-form-row {
	display: flex;
	justify-content: space-between;
	position: relative;
	align-items: center;
	margin: 0 0 20px 0;
}

.vk-submit-row {
	justify-content: flex-end;
}

.vk-changelogin-content p {
	font-size: 14px;
}

.vk-change-login-table p {
	font-size: 14px;
	font-weight: var(--font-bold);
}

.vk-form-row input[readonly],
.vk-form-row input {
	border: none;
	border: 1px solid var(--element-grey);
	border-radius: 5px;
	font-size: 14px;
	font-weight: var(--font-normal);
	width: 260px;
	padding: 5px 10px;
	margin: 0;
}

h2, td, th, a {
	color: #333;
}

h2 {
	font-size: 21px;
}

.date-time-text,
.question-numbers {
	display: flex;
	justify-content: space-between;
	width: 100%;
}
.date-time-text {
	justify-content: center;
}

.date-time-text span,
.question-numbers span {
    font-size: 11px;
    font-weight: var(--font-bold);
	color: var(--white);
	border-right: 1px solid var(--border-blue);
	width: 30px;
	margin-top: 16px;
	padding-bottom: 5px;
}

body.jit .question-numbers span {
	width: 40px;
}

.date-time-text span {
	width: 75px;
	margin-top: 0;
}

.date-time-text span:last-child,
.question-numbers span:last-child {
	border: none;
}

.vk-name-sort {
	font-size: 11px;
	font-weight: var(--font-bold);
	color: var(--white);
	width: 30px;
	height: 30px;
	margin-top: 20px;
	margin-right: 10px;
}

.vk-name-sort p {
	margin: 0;
}

.vk-name-sort-top {
	width: 100%;
	height: 100%;
	margin: 0;
}

.vk-lessons-overview,
.vk-exam-overview {
	display: flex;
	font-size: 13px;
	font-family: 'Open Sans', Arial, Helvetica;
	padding-top: 21px;
}

.vk-exam-overview {
	padding-bottom: 15px;
}

	.vk-exam-overview .vk-overview-body {
		padding: 0 15px 20px 0;
		margin-bottom: 0;
	}

.vk-lessons-left-column,
.vk-exam-left-column {
	width: 440px;
	height: 220px;
	padding: 0 65px;
	border-right: 1px solid var(--element-grey);
}

.vk-exam-left-column {
	height: auto;
	padding: 0 15px 0 25px;
}

.vk-exam-left-top {
	height: 184px;
	padding-bottom: 5px;
	border-bottom: 1px solid var(--element-grey);
}

.theorie-leren-overview .vk-exam-left-column {
	height: 424px;
}

.theorie-leren-overview .vk-exam-left-top {
	height: 235px;
}

.theorie-leren-overview .vk-exam-left-bottom .vk-exam-results {
	height: 111px;
	overflow-y: scroll;
}

.vk-lessons-right-column,
.vk-exam-right-column {
	width: 619px;
	padding: 0 0 0 65px;
}

.vk-exam-right-column {
	padding: 0 0 0 15px;
	overflow-y: hidden;
}

.vk-overview-title {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	font-size: 13px;
	font-weight: var(--font-bold);
	color: var(--dark-blue);
	padding: 0 16px;
	margin-bottom: 35px;
}

.vk-overview-title p {
	margin: 0;
}

.vk-lessons-right-column .vk-overview-title {
	padding: 0;
}

.vk-overview-body {
	color: var(--black);
	padding: 0 16px;
	margin-bottom: 25px;
}

.vk-lessons-right-column .vk-overview-body {
	height: 331px;
	padding: 0;
	margin: 0;
}


.vk-lessons-overview,
.vk-exam-overview {
	display: flex;
	font-size: 13px;
	font-family: 'Open Sans', Arial, Helvetica;
}

.vk-exam-overview {
	padding-bottom: 15px;
}

	.vk-exam-overview .vk-overview-body {
		padding: 0 15px 20px 0;
		margin-bottom: 0;
	}

.vk-lessons-left-column,
.vk-exam-left-column {
	width: 440px;
	height: 220px;
	padding: 0 65px;
	border-right: 1px solid var(--element-grey);
}

.vk-exam-left-column {
	height: auto;
	padding: 0 15px 0 25px;
}

.vk-exam-left-top {
	height: 184px;
	border-bottom: 1px solid var(--element-grey);
}

.vk-lessons-right-column,
.vk-exam-right-column {
	width: 619px;
	padding: 0 0 0 65px;
}

.vk-exam-right-column {
	padding: 0 0 0 15px;
	overflow-y: hidden;
}

.vk-overview-title {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	font-size: 13px;
	font-weight: var(--font-bold);
	color: var(--dark-blue);
	padding: 0 16px;
	margin-bottom: 35px;
}

	.vk-overview-title p {
		margin: 0;
	}

.vk-lessons-right-column .vk-overview-title {
	padding: 0;
}

.vk-explain-icon {
	min-width: 18px;
	min-height: 18px;
	background-image: url("images/btn_informatie.svg");
	margin-left: 5px;
	cursor: pointer;
	background-size: cover;
}

	.vk-explain-icon:hover {
		background-image: url("images/btn_informatie_hover.svg");
	}

.vk-overview-body {
	color: var(--black);
	padding: 0 16px;
	margin-bottom: 25px;
}

.vk-lessons-right-column .vk-overview-body {
	height: 331px;
	padding: 0;
	margin: 0;
}


.vk-exam-user-info {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	margin: 10px 0 20px 0;
}

.vk-exam-user-title {
	font-size: 18px;
	font-weight: var(--font-bold);
	color: var(--primary-blue);
	margin: 0 43px 0 0;
}

.vk-exam-user-actions {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.vk-exam-action {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin: 0 10px;
	cursor: pointer;
}

.vk-action-icon {
	width: 30px;
	height: 30px;
	margin: 0 13px;
}

.vk-exam-action p {
	font-size: 11px;
	font-weight: var(--font-bold);
	text-decoration: none;
	color: var(--black);
	margin: 6px 0 0 0;
}

.vk-message-action .vk-action-icon {
	background-image: url("images/btn_bericht.svg");
}

.vk-message-action:hover .vk-action-icon {
	background-image: url("images/btn_bericht_hover.svg");
}

.vk-mail-action .vk-action-icon {
	background-image: url("images/btn_mail.svg");
}

.vk-mail-action:hover .vk-action-icon {
	background-image: url("images/btn_mail_hover.svg");
}

.vk-print-action .vk-action-icon {
	background-image: url("images/btn_print.svg");
}

.vk-print-action:hover .vk-action-icon {
	background-image: url("images/btn_print_hover.svg");
}

.vk-exam-row {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	font-size: 13px;
	line-height: 1.1;
	height: 25px;
	margin-bottom: 5px;
}

.vk-row-title {
	font-weight: var(--font-bold);
	width: 200px;
}
.vk-detail-info .vk-row-title {
	width: 220px;
}

.vk-row-text {
	display: flex;
	align-items: center;
	max-width: 225px;
}

.vk-exam-results {
	height: 162px;
	border: 1px solid #B3C3D3;
	border-radius: 5px;
	background-color: var(--white);
	line-height: 21px;
	text-decoration: none;
	padding: 10px;
}

ul {
	list-style: none;
	margin-block-start: 0;
	margin-block-end: 0;
	padding-inline-start: 0;
}

.vk-exam-user-subtitle {
	font-size: 14px;
	color: var(--primary-blue);
	margin: 10px 0 10px 0;
}

.vk-exam-tabs {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
	padding-right: 5px;
	box-sizing: border-box;
}

.vk-exam-tab {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 110px;
	height: 26px;
	font-size: 14px;
	color: var(--primary-blue);
	border: 1px solid var(--element-grey);
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	z-index: 1;
	cursor: pointer;
}
.vk-exam-tab.wide {
	width: fit-content;
	padding: 0 5px;
}

.vk-exam-tab.active {
	border-bottom: 1px solid #f9f9fa;
	cursor: default;
}

.vk-exam-tab-space {
	flex: auto;
	height: 22px;
/*	border-bottom: 1px solid var(--element-grey);*/
}

.vk-exam-tab-content {
	position: relative;
	width: 100%;
	height: 400px;
	box-sizing: border-box;
	border: 1px solid var(--element-grey);
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	padding: 10px;
	margin-top: -1px;
}

.vk-tooltip {
	display: flex;
	border-radius: 6px;
	width: 620px;
	padding: 20px;
	border: 1px solid var(--element-grey);
	background-color: var(--white);
	box-shadow: 0px 5px 10px #00000029;
	z-index: var(--z-index-tooltip);
}

.vk-tooltip {
	display: none;
}

.vk-tooltip-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 16px;
	font-weight: var(--font-bold);
	color: var(--header-blue);
}

.vk-tooltip-body {
	font-size: 13px;
	line-height: 18px;
	font-weight: var(--font-normal);
	color: #333333;
	max-width: calc(100% - 28px);
}

.vk-tooltip-body ul {
	padding-inline-start: 20px;
	list-style: disc;
}

.vk-tooltip-body .vk-body-head {
	font-weight: var(--font-bold);
}

.vk-tooltip-close-button {
	width: 19px;
	height: 19px;
	background-image: url(images/btn_sluiten_wit.svg);
	background-size: cover;
	cursor: pointer;
}

.vk-tooltip-close-button:hover {
	background-image: url(images/btn_sluiten_wit_hover.svg);
}

.vk-explain-container {
	height: 18px;
	width: 18px;
}

.vk-explain-icon {
	min-width: 18px;
	min-width: 18px;
	min-height: 18px;
	background-image: url("images/btn_informatie.svg");
	margin-left: 5px;
	cursor: pointer;
	background-size: cover;
}

.vk-explain-icon:hover {
	background-image: url("images/btn_informatie_hover.svg");
}

#studentinfo {
	position: absolute;
	width: 300px;
	top: 47px;
	margin-left: 35px;
}

#studentinfo.vk-tooltip-right i {
	position: absolute;
	top: 75px;
	right: 100%;
	margin-top: -18px;
	width: 18px;
	height: 36px;
	overflow: hidden;
}

#studentinfo.vk-tooltip-right i::after {
	content: '';
	position: absolute;
	width: 18px;
	height: 18px;
	left: 0;
	top: 30%;
	transform: translate(50%,-50%) rotate(-45deg);
	border: 1px solid var(--element-grey);
	background-color: var(--white);
	box-shadow: 0px 5px 10px #00000029;
}

#studentinfo .vk-tooltip-body {
	max-width: 100%;
}

#studentinfo table {
	margin-top: 30px;
	width: 100%;
}

#studentinfo td {
	font-size: 13px;
	height: 30px;
	text-align: center;
}

#studentinfo td:nth-child(2) {
	text-align: left;
	max-width: 150px;
	word-break: break-all;
}

#studentinfo td:first-child {
	text-align: left;
}

#studentinfo tr td:first-child {
	font-weight: var(--font-bold);
	color: var(--header-blue);
	min-width: 130px;
	max-width: 130px;
}

#studentinfo tr td:last-child {
	min-width: 130px;
	max-width: 130px;
}

#studentmessage {
	position: absolute;
	left: 247px;
	top: 78px;
	width: 324px;
}

#studentmessage .vk-submit-btn {
	margin: 10px -5px 0 auto;
}

#studentmessage textarea {
	width: 100%;
	height: 90px;
}

.vk-tooltip-bottom {
	transform: translate(-50%, 0);
}

.vk-tooltip-bottom i {
    position:absolute;
    bottom:100%;
    left:50%;
    margin-left:-18px;
    width:36px;
    height:18px;
    overflow:hidden;
}

.vk-tooltip-bottom i::after {
    content:'';
    position:absolute;
    width:18px;
    height:18px;
    left:50%;
    transform:translate(-50%,50%) rotate(45deg);
	border: 1px solid var(--element-grey);
	background-color: var(--white);
	box-shadow: 0px 5px 10px #00000029;
}


.vk-exam-tab-content #tabel {
	height: 375px;
	background-image: none;
	background-color: transparent;
}

#examlist {
	overflow: hidden;
	height: 378px;
}

#partlist,
#theorylist {
	display: none;
	height: 378px;
	overflow: hidden;
}

.hist table {

}

.hist thead {
	display: block;
	position: relative;
	background-color: var(--dark-blue);
	box-shadow: 0px 5px 10px #3C5B7E65;
}

.hist th {
	font-size: 11px;
	font-weight: var(--font-bold);
	text-align: center;
	color: var(--white);
	padding: 10px 0;
}

.hist th .vk-flex-cell {
	height: 31px;
}

.hist tr th:first-child,
.hist tr td:first-child {
	display: none;
}

.hist tr th:nth-child(2),
.hist tr td:nth-child(2) {
	min-width: 90px;
	max-width: 90px;
}

.hist tr th:nth-child(3),
.hist tr td:nth-child(3) {
	min-width: 118px;
	max-width: 118px;
}

.hist tr th:nth-child(4),
.hist tr td:nth-child(4) {
	min-width: 66px;
	max-width: 66px;
}

.hist tr th:nth-child(5) {
	min-width: 286px;
	max-width: 286px;
}

.hist tr td:nth-child(5) {
	padding-left: 10px;
	min-width: 265px;
	max-width: 265px;
}

.hist tbody {
	display: block;
	max-height: 325px;
	overflow-x: hidden;
	overflow-y: scroll;
}

.hist tbody td {
	text-align: center;
	vertical-align: middle;
	height: 28px;
	padding: 0;
}

.hist tbody td:last-child {
	text-align: left;
}

.hist tr th:last-child .vk-flex-cell {
	border: none;
}

.score-good {
	display: inline-block;
	height: 12px;
	background-color: var(--text-blue);
}

.score-bad {
	display: inline-block;
	height: 12px;
	background-color: var(--primary-blue-hover);
}

.score-rest {
	display: inline-block;
	height: 12px;
	background-color: #808081;
}

.vk-exam-tab-content .infoknop th:first-child .vk-flex-cell {
	align-items: center;
	display: block;
}

.vk-exam-tab-content .infoknop td:first-child {
	text-align: center;
	padding-left: 0;
	display: block;
}


.info-tabel th:first-child .vk-flex-cell {
	align-items: center;
}

.info-tabel th:first-child,
.info-tabel td:first-child {
	text-align: center;
	padding-left: 0;
}

.info-tabel th:first-child,
.info-tabel .infoknop td:first-child {
	min-width: 40px;
	max-width: 40px;
}

.info-tabel th:nth-child(2),
.info-tabel td:nth-child(2) {
	min-width: 88px;
	max-width: 88px;
}

.info-tabel th:nth-child(3),
.info-tabel td:nth-child(3) {
	min-width: 50px;
	max-width: 50px;
}

.info-tabel th:nth-child(4),
.info-tabel td:nth-child(4) {
	min-width: 50px;
	max-width: 50px;
}

.info-tabel th:nth-child(5),
.info-tabel td:nth-child(5) {
	min-width: 110px;
	max-width: 110px;
}

.info-tabel th:nth-child(6),
.info-tabel td:nth-child(6) {
	min-width: 74px;
	max-width: 74px;
}

.info-tabel th:nth-child(7) {
	min-width: 148px;
	max-width: 148px;
}

.info-tabel td:nth-child(7),
.info-tabel td:nth-child(8) {
	min-width: 68px;
	max-width: 68px;
}

.info-tabel .vk-flex-cell {
	padding-left: 0;
}

.vk-table-infoknop {
	width: 18px;
	height: 18px;
	background-image: url("images/btn_informatie.svg");
	background-size: cover;
	cursor: pointer;
	margin: 0 auto;
}

.vk-table-infoknop:hover {
	background-image: url("images/btn_informatie_hover.svg");
}

.info-tabel tr td {
	height: 23px;
	padding: 0;
}

.hist.info-tabel tr td:nth-child(5) {
	padding-left: 0;
}

.hist.info-tabel tbody td:last-child {
	text-align: center;
}

.info-tabel .vk-table-infoknop {
	margin-top: 6px;
}

.info-tabel tr th:first-child,
.info-tabel tr td:first-child {
	display: block;
	min-width: 33px;
	max-width: 33px;
}

.info-tabel tr th:nth-child(2),
.info-tabel tr td:nth-child(2) {
	min-width: 88px;
	max-width: 88px;
}

.info-tabel tr th:nth-child(3),
.info-tabel tr td:nth-child(3),
.info-tabel tr th:nth-child(4),
.info-tabel tr td:nth-child(4) {
	min-width: 50px;
	max-width: 50px;
}

.info-tabel tr th:nth-child(5),
.info-tabel tr td:nth-child(5) {
	min-width: 110px;
	max-width: 110px;
}

.info-tabel tr th:nth-child(6),
.info-tabel tr td:nth-child(6) {
	min-width: 74px;
	max-width: 74px;
}

.info-tabel tr th:nth-child(7) {
	min-width: 148px;
	max-width: 148px;
}

.info-tabel tr td:nth-child(7),
.info-tabel tr td:nth-child(8) {
	min-width: 72px;
	max-width: 72px;
}

.part-tabel .checkmark {
	color: green;
	font-weight: bold;
}
.part-tabel .failed {
	color: red;
}
.part-tabel .passed {
	color: green;
}

.part-tabel tr th:first-child,
.part-tabel tr td:first-child
{
	display: table-cell;
}
.part-tabel tr th:first-child,
.part-tabel tr td:first-child,
.part-tabel tr th:nth-child(2),
.part-tabel tr td:nth-child(2),
.part-tabel tr th:nth-child(3),
.part-tabel tr td:nth-child(3),
.part-tabel tr th:nth-child(4),
.part-tabel tr td:nth-child(4),
.part-tabel tr th:nth-child(8),
.part-tabel tr td:nth-child(8)
{
	min-width: 50px;
	max-width: 50px;
}

.part-tabel tr th:nth-child(5),
.part-tabel tr td:nth-child(5),
.part-tabel tr th:nth-child(6),
.part-tabel tr td:nth-child(6)
{
	min-width: 80px;
	max-width: 80px;
}
.part-tabel tr th:nth-child(7),
.part-tabel tr td:nth-child(7)
{
	min-width: 120px;
	max-width: 120px;
}

.part-tabel tr td:nth-child(5)
{
	padding-left: 0;
}

.hist.part-tabel tbody td:last-child {
    text-align: center;
}

#vk-exams-questions-frame {
	position: absolute;
	top: 10px;
	left: 10px;
	width: 561px;
	height: 377px;
	background-color: var(--white);
	overflow: hidden;
}

#vk-exams-questions-frame .vk-frame {
	width: 560px;
	height: 377px;
	border: none;
	overflow: hidden;
}

#vk-exams-questions-frame .vk-frame-popup-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 510px;
	height: 54px;
	color: var(--white);
	background-color: var(--dark-blue);
	padding: 0 25px;
}

#vk-exams-questions-frame .vk-frame-popup-header-text {
	display: flex;
	align-items: center;
	margin-left: 210px;

}

#vk-exams-questions-frame .vk-popup-header-icon {
	background-image: url("images/icn_zoek.svg");
}

#vk-exams-questions-frame .vk-close-button {
	width: 19px;
    height: 19px;
    background-image: url(images/btn_sluiten_blauw.svg);
    background-size: cover;
    cursor: pointer;
}

#vk-exams-questions-frame .vk-close-button:hover {
    background-image: url(images/btn_sluiten_blauw_hover.svg);
}

#vk-exams-questions-frame .vk-frame-popup-body {
	height: 324px;
	overflow: hidden;
}


#details {
	margin-top: 22px;
}

#details td {
	border: none !important;
	border-collapse: collapse;
	height: 28px;
	padding-left: 25px;
	padding-right: 25px;
	vertical-align: middle;
}

#details td:not(:last-child) {
	border-right: 1px solid var(--element-grey) !important;
}

#speedresults .vk-flex-cell,
#details .vk-flex-cell {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 13px;
}

#details td {
	font-size: 13px;
}

#details .vk-exam-question-icon {
	height: 9px;
	width: 17px;
	background-image: url("images/btn_list.svg");
	transform: rotate(270deg);
}

#details .vk-exam-question-icon:hover {
	background-image: url("images/btn_list_hover.svg");
}

#questioninfo {
	display: block;
	top: 42px;
	left: 31px;
	font-size: 13px;
	width: 560px;
	height: 323px;
	z-index: 10;
	overflow: hidden;
}

.questioninfo-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 50px;
	color: var(--green);
	font-size: 13px;
	font-weight: var(--font-bold);
	padding: 0 20px 0 15px;
}

.questioninfo-close-btn {
	width: 19px;
	height: 19px;
	background-image: url(images/btn_sluiten_wit.svg);
	background-size: cover;
	margin-right: 5px;
	cursor: pointer;
}

.questioninfo-close-btn:hover {
	background-image: url(images/btn_sluiten_wit_hover.svg);
}

.questioninfo-body {
	height: 263px;
	padding: 0 0 10px 15px;
	overflow-y: auto;
}

.questioninfo-question {
	font-size: 15px;
	font-weight: var(--font-bold);
	padding-right: 10px;
}

.questioninfo-image-container {
	display: flex;
	padding-right: 10px;
}

.questioninfo-image-container img {
	margin-right: 20px;
	margin-bottom: 15px;
}

.questioninfo-image-container.canvas img {
	margin-right: 5px;
	margin-bottom: 5px;
}


.questioninfo-text {
	display: flex;
	flex-flow: column;
}

.questioninfo-motivation {
	padding: 10px 10px 0 0;
}

#vk-detail-popup .vk-popup-header {
	margin: 0;
}

#vk-detail-popup .vk-popup-header-icon {
	width: 28px;
	height: 27px;
	background-image: url("images/icn_details.svg");
}

#vk-detail-popup .vk-frame-popup-body {
	height: 260px;
}

#vk-detail-popup iframe {
	height: 260px;
	width: 557px;
}

#vk-detail-popup iframe {
	border: none;
}

.vk-detail-info {
	height: 105px;
	position: relative;
}

.vk-detail-info .vk-exam-row {
	height: 22px;
	margin-bottom: 0;
}

#vk-progressemail {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 35%;
	font-size: 13px;
}
#progressemail {
	width: 100%;
}
#progressemail.error {
	border-color: red;
}

#speedresults th:first-child,
#speedresults td:first-child {
	min-width: 160px;
	max-width: 160px;
}

#speedresults th:nth-child(2),
#speedresults td:nth-child(2) {
	min-width: 100px;
	max-width: 100px;
}

#speedresults th:nth-child(3),
#speedresults td:nth-child(3),
#speedresults th:nth-child(4),
#speedresults td:nth-child(4),
#speedresults th:nth-child(5),
#speedresults td:nth-child(5) {
	min-width: 88px;
	max-width: 88px;
}

#speedresults {
	margin-top: 10px;
	background: url(images/bkgnd_table.svg);
}

.vk-preorder-table {
	background: url(images/bkgnd_table.svg);
}

#speedresults .vk-flex-cell {
	min-height: 45px;
	flex-direction: column;
	justify-content: center;
}

#speedresults .lvs-print-btn .vk-print-icon {
	margin: 0;
}

#vk-partial-compacttheory .vk-partial-page-header {
	width: 1020px;
	padding-left: 30px;
	padding-right: 30px;
}

#vk-partial-compacttheory .vk-partial-page-body {
	height: 455px;
	margin-top: 71px;
	overflow: hidden;
}

#vk-partial-compacttheory iframe {
	height: 455px;
	overflow: hidden;
}

#theorytabel #col4 .show-old #show-old-btn {
	text-decoration: underline;
	margin-left: 20px;
}

#theorytabel #col4 .vk-sort-icon {
	margin: 5px 5px 5px 45px;
}

.vk-theoriecompact-overview .vk-exam-left-column,
.vk-theoriecompact-overview .vk-exam-right-column {
	padding: 0 30px;
}

.vk-theoriecompact-overview .vk-overview-body {
	height: 398px;
	margin: 0;
	overflow: hidden;
}

.vk-theoriecompact-overview .vk-overview-subtitle {
	font-size: 13px;
	line-height: 18px;
	color: var(--body-text);
	margin: 20px 0 30px 0;
}

.vk-theoriecompact-overview .vk-link-block {
	margin-bottom: 30px;
}

.vk-theoriecompact-overview .vk-link-row {
	display: flex;
	align-items: center;
	margin-bottom: 7px;
}

.link-icon {
	cursor: pointer;
}

.vk-theoriecompact-overview .link-icon {
	min-width: 30px;
	min-height: 30px;
	margin-right: 15px;
	border-radius: 50%;
	background-repeat: no-repeat;
}

.vk-theoriecompact-overview .link-icon.lessonmethods {
	background-image: url("images/btn_meerinfo.svg");
}
.vk-theoriecompact-overview .link-icon.lessonmethods:hover {
	background-image: url("images/btn_meerinfo_hover.svg");
}

.vk-theoriecompact-overview .link-icon.emails {
	background-image: url("images/btn_mail.svg");
}
.vk-theoriecompact-overview .link-icon.emails:hover {
	background-image: url("images/btn_mail_hover.svg");
}

.vk-theoriecompact-overview .link-text {
	font-size: 13px;
	font-weight: var(--font-bold);
	color: var(--dark-blue);
}

.vk-button-block {
	height: 136px;
	margin-bottom: 15px;
}

.vk-button-big {
	width: 100%;
	margin: 0;
}

.vk-button-big:nth-child(2),
.vk-button-big:nth-child(3) {
	margin-top: 25px;
	margin-bottom: 5px;
}

#copyright, #copyright p {
	margin: 0;
}

#nocustomermessage {
	font-weight: var(--font-bold);
	color: var(--dark-blue);
	text-align: center;
	margin-top: 10px;
}

.compact-codes-frame,
.compact-codes-frame .vk-frame {
	border: none;
	width: 562px;
	height: 418px;
	background-color: transparent;
}

h3.generate-header {
	font-size: 18px;
	font-weight: var(--font-bold);
	color: var(--primary-blue);
	margin: 0 0 20px 0;
}

#ordersubmit {
	width: 130px;
	margin-left: auto;
}

.vk-popup-prompt-button.disabled,
#ordersubmit.disabled {
	background-color: var(--primary-grey);
}
.vk-popup-prompt-button.disabled:hover,
#ordersubmit.disabled:hover {
	background-color: var(--primary-grey);
}

#orderform .vk-form-row {
	justify-content: flex-start;
	margin: 0 0 15px 0;
}

#orderform .vk-form-row label {
	white-space: nowrap;
	margin-right: 15px;
}

#orderform .vk-form-row:first-child select {
	height: 21px;
	width: 315px;
}

#orderform .vk-form-row:nth-child(2) input {
	height: 21px;
	width: 54px;
}

#orderform .vk-form-row:nth-child(3) input {
	height: 18px;
	width: 18px;
	margin-right: 8px;
}

#orderform .vk-form-row:nth-child(3) label {
	margin-right: 0;
}

.vk-preorder-frame {
	width: 562px;
	height: 236px;
	border: none;
}

#vk-compact-start,
#vk-compact-mail {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 1080px;
	height: 454px;
	border: none;
}

.vk-compactmail-overview {
	font-size: 13px;
	color: var(--body-text);
}

.vk-compactmail-overview #sendmailform {
	padding: 0 18px 0 0;
}

.vk-compactmail-overview .vk-right-column-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.vk-compactmail-overview .vk-exam-right-column p {
	margin: 15px 0 12px 0;
}

.vk-compactmail-overview .vk-exam-right-column .column-text {
	margin: 0;
}

.vk-compact-start-header h3,
.vk-compactmail-overview h3 {
	font-size: 18px;
	font-weight: var(--font-bold);
	color: var(--primary-blue);
}

.vk-compact-start-header .vk-close-button,
.vk-compactmail-overview .vk-close-button {
	width: 19px;
	height: 19px;
	background-image: url("images/btn_sluiten_wit.svg");
	background-size: cover;
	cursor: pointer;
}

.vk-compact-start-header .vk-close-button:hover,
.vk-compactmail-overview .vk-close-button:hover {
	background-image: url("images/btn_sluiten_wit_hover.svg");
}

.vk-compactmail-overview .vk-form-row {
	align-items: center;
	justify-content: flex-start;
	margin: 0;
}

.vk-compactmail-overview .vk-exam-right-column {
	padding: 0 30px;
}

.vk-compactmail-overview .vk-form-row #t1email {
	width: 18px;
	height: 18px;
	margin-right: 10px;
}

.vk-compactmail-overview .vk-form-row .vk-popup-prompt-button {
	border: none;
	border-radius: 20px;
	color: var(--white);
	width: 130px;
	margin-left: 20px;
}

.vk-feedback-message {
	font-size: 13px;
	font-weight: var(--font-bold);
	height: 18px;
	margin: 126px 0 10px 0;
}

.vk-compactmail-overview .vk-exam-right-column .vk-feedback-message {
	margin: 15px 0 12px 0;
}

.vk-compactmail-overview .vk-form-row #owntext_tbl {
	background-color: var(--white);
}

#owntextform .defaultSkin table {
	background-color: var(--white);
}

#owntextform .lvstext {
	font-size: 13px;
	font-style: italic;
	color: var(--body-text);
	margin: 15px 0 20px 0;
}

#owntextform .vk-form-row {
	justify-content: space-between;
	padding-right: 26px;
}

.vk-compact-start-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
}

.vk-compact-start-header h3 {
	margin-top: 0;
	margin-bottom: 10px;
}

.vk-compact-start-overview p {
	font-size: 13px;
	color: var(--body-text);
	margin: 0;
}

#theoriecompact {
	margin-top: 20px;
}

#theoriecompact th {
	padding: 5px 0;
}

#theoriecompact td {
	color: var(--body-text);
	padding: 0;
}

#theoriecompact th:first-child,
#theoriecompact td:first-child {
	min-width: 95px;
	max-width: 95px;
}

#theoriecompact th:nth-child(2) {
	min-width: 410px;
	max-width: 410px;
}

#theoriecompact td:nth-child(2) {
	min-width: 405px;
	max-width: 405px;
	text-align: left;
	padding-left: 5px;
}

#theoriecompact th:nth-child(3),
#theoriecompact td:nth-child(3) {
	min-width: 140px;
	max-width: 140px;
}

#theoriecompact th:nth-child(4),
#theoriecompact td:nth-child(4) {
	min-width: 203px;
	max-width: 203px;
}

#theoriecompact th:nth-child(5),
#theoriecompact td:nth-child(5) {
	min-width: 80px;
	max-width: 80px;
}

#theoriecompact th:nth-child(6),
#theoriecompact td:nth-child(6) {
	min-width: 79px;
	max-width: 79px;
}

.vk-button-row {
	display: flex;
	align-items: center;
}

#theoriecompact .koppel {
	width: 18px;
	height: 18px;
}

.vk-start-link {
	display: flex;
	align-items: center;
	margin: 15px 20px 0 0;
}

.vk-start-link .start-link-icon {
	min-width: 30px;
	min-height: 30px;
	background-repeat: no-repeat;
	border-radius: 50%;
	margin-right: 10px;
}

.start-link-icon.auto-icon {
	background-image: url("images/icn_start.svg");
	cursor: pointer;
}
.start-link-icon.auto-icon:hover {
	background-image: url("images/icn_start.svg");
}

.start-link-icon.auto-icon.disabled,
.start-link-icon.auto-icon:disabled {
	background-image: url("images/icn_start_disabled.svg");
	cursor: default;
}

.start-link-icon.auto-icon.disabled:hover,
.start-link-icon.auto-icon:disabled:hover {
	background-image: url("images/icn_start_disabled.svg");
}

.start-link-icon.motor-icon {
	background-image: url("images/icn_start.svg");
	cursor: pointer;
}
.start-link-icon.motor-icon:hover {
	background-image: url("images/icn_start.svg");
}

.start-link-icon.motor-icon.disabled,
.start-link-icon.motor-icon:disabled {
	background-image: url("images/icn_start_disabled.svg");
	cursor: default;
}

.start-link-icon.motor-icon.disabled:hover,
.start-link-icon.aumotorto-icon:disabled:hover {
	background-image: url("images/icn_start_disabled.svg");
}

.vk-start-link p {
	font-weight: var(--font-bold);
}

#terms.vk-tooltip-top {
	position: absolute;
	top: 37px;
	width: 480px;
	left: 26px;
}

#terms.vk-tooltip-top i {
    position:absolute;
    top:100%;
    left:54%;
    margin-left:-18px;
    width:36px;
    height:18px;
    overflow:hidden;
}

#terms.vk-tooltip-top i::after {
    content:'';
    position:absolute;
    width:18px;
    height:18px;
    left:50%;
    transform:translate(-50%,-50%) rotate(45deg);
	border: 1px solid var(--element-grey);
	background-color: var(--white);
	box-shadow: 0px 5px 10px #00000029;
}

#terms p {
	margin: 0;
}

#logoff {
	visibility: hidden;
	width: 0;
	height: 0;
}

.vk-dropdown-content #logoff {
	visibility: visible;
	height: initial;
	width: 100%;
}

#calBorder table {
	margin: 0 !important;
}

#calBorder .calTD {
	min-width: 26px !important;
	max-width: 26px !important;
	min-height: 26px !important;
	line-height: 26px !important;
	border-radius: 50% !important;
}

#calBorder .calTD:hover {
	color: var(--white) !important;
}

#calBorder span > table > tbody > tr:first-child > td > table > tbody > tr:first-child td {
	line-height: 35px !important;
	vertical-align: middle !important;
	border-bottom: 1px solid var(--element-grey);
}

#calBorder table tbody tr:nth-child(2) table tr:first-child .calTD {
	font-weight: var(--font-bold) !important;
	color: var(--body-text) !important;
}

#calBorder table tbody tr:nth-child(2) table tr:first-child .calTD:hover {
	color: var(--body-text) !important;
}

#notfound {
	font-size: 14px;
	margin: 10px;
}

.vk-table-top-header .vk-close-button {
	width: 19px;
	height: 19px;
	background-image: url(images/btn_sluiten_blauw.svg);
	background-size: cover;
	cursor: pointer;
	margin-top: 16px;
}

.vk-table-top-header .vk-close-button:hover {
	background-image: url(images/btn_sluiten_blauw_hover.svg);
}

#addstudent .response-message {
	font-size: 14px;
	max-width: 270px;
}


.vk-password-icon,.vk-info-icon {
    width: 18px;
    height: 18px;
    background-image: url(images/btn_informatie.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    cursor: pointer;
}
.vk-password-icon:hover,.vk-info-icon:hover {
	background-image: url("images/btn_informatie_hover.svg");
}
.vk-password-icon {
    width: 20px;
    height: 20px;
    margin: 5px auto 0;
}
.vk-info-icon {
	margin-left: 5px;
}
#lvspassword p {
    text-decoration: none !important;
    margin: 0;
}

#lvspassword .vk-tooltip {
	width: 378px;
	text-align: left;
	cursor: default;
}

#lvspassword .vk-tooltip-bottom {
	top: 41px;
	left: 4px;
}

	#lvspassword .vk-tooltip-bottom .vk-tooltip-header {
		align-items: flex-start;
	}

#lvspassword .vk-tooltip-content {
	width: 100%;
}

#lvspassword .vk-tooltip-body {
	word-break: break-word;
	margin-top: 15px;
}

#lvspassword .vk-tooltip-header p {
	max-width: 305px;
}

#lvs-video-bg {
	background-color: rgba(0, 0, 0, 0.5);
	display: grid;
	align-items: center;
	justify-items: center;
	position: fixed;
	z-index: 99;
	width: 100vw;
	height: 100vh;
	top: 0;
	left: 0;
}
#lvs-video-bg.hide {
	display: none;
}

#lvs-video-container {
	background: #000;
	position: relative;
	width: 100%;
	height: 100%;
	max-width: 600px;
	max-height: 350px;
	padding: 25px;
}

#lvs-video-container .lvs-video-close-button {
	position: absolute;
	top: 8px;
	right: 8px;
}

#lvs-video {
	width: 100%;
	height: 100%;
}


span.theorycexplaininfo
{
	display: inline-block;
	width: 16px;
	height: 16px;
	background-image: url(/public/images/mbo/svg/icn_info.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	cursor: pointer;
}
span.theorycexplainlink
{
	text-decoration: underline;
	cursor: pointer;
}
div.theorycexplain
{
	display: none;
	position: absolute;
	top: 10px;
	left: 10px;
	width: calc(100% - 60px);
	max-height: calc(100% - 70px);
	overflow-y: auto;
	background: #eee;
	border: 3px solid rgba(000, 000, 000, 0.5);
	padding: 1rem;
	box-shadow: 2px 2px 10px rgba(0,0,0,.5);
	font-size: 13px;
}
.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	height: 14px;
	width: 14px;
	margin: 0;
	padding: 0;
	top: 10px;
	right: 10px;
	opacity: 0.5;
	background: url(/public/images/cyan/x_14x14.png) top left no-repeat;
	cursor: pointer;
}