body.misalu.loginpage {
	background-image: url("Bg-Website-Blue.jpg");
	background-size: cover;
    background-position-x: left;
    background-position-y: top;
}

body.guardian {
	background-image: url(Icons-bg.png), url("Bg Website Guardian.jpg");
	background-size: auto, cover;
}

body.misalu {
	background-image: url('bg-portal.png');
    background-repeat: repeat-x;
    /*background-position-y: -875px;*/
}

body.misalu .t-Header {
	display: none;
}

.misalu-menubar {
	margin: 25px 0;
}

.misalu-logo {
	width: 100px;
    image-rendering: -webkit-optimize-contrast;
}

.misalu-menu {
	background-color: transparent;
}

.misalu-menu li.a-MenuBar-item {
	border: none;
    margin: 0 25px;
    font-weight: bold;
	font-size: 15px;
}

.misalu-menu li.a-MenuBar-item:first-child {
    margin-left: 0;
    margin-right: 25px;
}

.misalu-menu li.a-MenuBar-item:last-child {
    margin-left: 25px;
    margin-right: 0;
}

.misalu-menu li.a-MenuBar-item.a-Menu--current {
	background-color: transparent;
	border-bottom: solid 4px #1ea8de;
}

.misalu-menu li.a-MenuBar-item.is-focused {
	color: #1ea8de;
}

.login-region1 {
	background-color: #ffffff;
    border-radius: 10px;
}

.login-region1 .t-Login-header {
	display: none;
}

.login-region1 .misalu-logo {
	width: 250px;
	margin: 15px auto 50px auto;
}

.login-region1 h1 {
	text-align: center;
    margin-bottom: 50px;
}

.login-region1 .login-titel .t-Form-itemWrapper {
	width: 100%;
	text-align: center;
	margin-bottom: 8px;
}

.login-region1 .login-titel .t-Form-itemWrapper span.login-titel-text {
	font-size: 32px;
    font-weight: 400;
	color: #3C3C3C;
}

.login-region2 {
	background-color: #ffffff;
    border-radius: 10px;
}

.login-region2 .t-Login-header {
	display: none;
}

.login-region2 .misalu-logo {
	width: 250px;
	margin: 15px auto 50px auto;
}

.zoek-region {
	/*background-image: url('bg-wit.png');
	background-position: center;*/
	border-radius: 20px;
	padding: 15px;
	
}

.zoek-region .t-Button.misalu {
	background-image: linear-gradient(to right, #1ea6dd, #365dc2);
    color: #fff;
	border-radius: 4px;
	font-size: larger;
    font-weight: 500;	
    height: inherit;
    margin: inherit;
}

.zoek-region .t-Button.nonbutton {
	cursor: default;
    text-decoration: none;
    color: black;
    pointer-events: none;
}

.remove_flex .t-Form-labelContainer.col-null {
    flex-basis: 0;
}

/* div[aria-describedby="misalu-dialog"], div[aria-describedby="misalu-dialog"] .t-DialogRegion {
	border-radius: 20px;
}

div[aria-describedby="misalu-dialog"] .ui-dialog-titlebar {
	border-bottom: none;
}

div[aria-describedby="misalu-dialog"] .ui-dialog-titlebar button.ui-dialog-titlebar-close {
	border-radius: 16px;
	outline: none;
}

div[aria-describedby="misalu-dialog"] .ui-dialog-titlebar .ui-dialog-title {
	visibility: hidden;
} */


div.ui-dialog, div.ui-dialog .t-DialogRegion {
	border-radius: 20px;
}

div.ui-dialog .ui-dialog-titlebar {
	border-bottom: none;
}

div.ui-dialog .ui-dialog-titlebar button.ui-dialog-titlebar-close {
	border-radius: 16px;
	outline: none;
}

div.ui-dialog .ui-dialog-titlebar .ui-dialog-title {
	visibility: hidden;
}

div.ui-dialog .t-DialogRegion button {
	outline: none;
}

.t-DialogRegion .t-DialogRegion-bodyWrapperOut {
	overflow: hidden;
}

.t-DialogRegion-body h2 {
    margin-block-start: 0em;
}

.t-Dialog-header h2 {
	margin-block-start: 0em;
	margin-left: 30px;
}

.t-Dialog .t-Dialog-bodyWrapperIn {
	overflow: hidden;
}

.kastjes-region {
	background-image: url('Bg-Website-Blue.jpg');
    border: none;
    background-size: cover;
	border-radius: 20px;
	padding: 15px;
}

.t-Button.misalu {
	background-image: linear-gradient(to right, #1ea6dd, #365dc2);
    color: #fff;
	height: 50px;
    border-radius: 4px;
	font-size: larger;
    font-weight: 500;
	margin: 20px 0;
}

.t-Button.misalu:hover {
	background-image: linear-gradient(to right, #1ea6ddb3, #365dc2b3);
}

.t-Button.guardian {
	background-color: #50329f;
    color: #fff;
	height: 50px;
    border-radius: 4px;
	font-size: larger;
    font-weight: 500;
	margin: 20px 0;
}

.t-Button.guardian:hover {
	background-color: #50329fc9;
}

.t-Button.misalu2 {
	height: 50px;
    border-radius: 4px;
	font-size: larger;
    font-weight: 500;
	margin: 20px 0;
}

.t-Button.button-misalu-grp {
	margin: 10px 0;
}

.t-Button.button-misalu-grp.b-first {
	margin-top: 20px;
}

.t-Button.button-misalu-grp.b-last {
	margin-bottom: 20px;
}


.t-Button.t-Button--link:after, .t-Button.t-Button--link:before {
	content: none;
}

body.misalu2 .t-Header-branding {
	height: 125px;
    background-image: url(logo.png), url(bg-transparent.png), linear-gradient(to right, #1ea6dd, #365dc2);
    background-size: 180px, cover, auto;
    background-position: 95% 40%, center, center;
    background-repeat: no-repeat;
    padding: 20px 0 0 0;
    align-items: start;
}

.trn-print-N {
	display: none;
}

#Bali-Buttons {
	margin-bottom: 15px;
}

.main-region {
	height: 500px;
}

.details-region {
	height: 759px;
}

#lab-region .t-Region-title,
#bot-region .t-Region-title,
#scan-region .t-Region-title,
#kk-region .t-Region-title,
#zoek-region .t-Region-title,
#lab_rec-region .t-Region-title {
	width: 100%;
}

#lab-region .t-Region-title .t-Button,
#bot-region .t-Region-title .t-Button,
#scan-region .t-Region-title .t-Button,
#kk-region .t-Region-title .t-Button,
#zoek-region .t-Region-title .t-Button,
#lab_rec-region .t-Region-title .t-Button {
	float: right;
}

.resultaat-msg {
	font-weight: bold;
    font-size: 20px;
    margin: 20px 0; */
}

.resultaat-msg2 {
	font-weight: bold;
    font-size: 20px;
	margin: 20px 0;
}

.resultaat-foto-container {
	height: 150px;
}

.resultaat-foto {
	display: block;
	height: 145px;
	width: 145px;
	object-fit: cover;
	position: absolute;
	border-radius: 50%;
    box-shadow: 2px 2px 14px 2px #ddd;
	image-orientation: from-image;
}

.resultaat-foto-container-default {
	height: 145px;
    width: 145px;
    background-color: #ccc;
    border-radius: 100%;
}

.fa.resultaat-foto-default {
	line-height: 145px;
    width: 100%;
    margin: 0;
    font-size: 100px;
}

.resultaat-foto2-container {
	display: block;
	height: 105px;
}

.resultaat-foto2 {
	display: block;
	height: 105px;
	width: 105px;
	object-fit: cover;
	position: absolute;
	border-radius: 50%;
    box-shadow: 2px 2px 14px 2px #ddd;
	image-orientation: from-image;
}

.resultaat-foto2-container-default {
	display: inline-block;
	height: 105px;
    width: 105px;
    background-color: #ccc;
    border-radius: 100%;
}

.fa.resultaat-foto2-default {
	line-height: 89px;
    width: 100%;
    font-size: 70px;
}

div.resultaat-icon_ok {
	border-radius: 100%;
	background-color: #2ce5c0;
	height: 60px;
    width: 60px;
    text-align: center;
	/*margin: 45px auto;*/
	box-shadow: 1px 3px 20px 1px #2ce5c0;
	position: relative;
    top: 70px;
    left: 100px;
}

div.resultaat-icon_ok i.fa {
    color: #fff;
    font-size: xx-large;
    font-weight: bold;
	left: -10%;
    top: 6%;
}

div.resultaat-icon_nok {
	border-radius: 100%;
	background-color: #ed1c24;
	height: 60px;
    width: 60px;
    text-align: center;
	/* margin: 45px auto; */
	box-shadow: 1px 3px 20px 1px #ed1c24;
	position: relative;
    top: 70px;
    left: 100px;
}

div.resultaat-icon_nok i.fa {
    color: #fff;
    font-size: xx-large;
    font-weight: bold;
	left: -12%;
    top: 6%;
}

div.resultaat-icon_ok_small {
	border-radius: 100%;
	background-color: #2ce5c0;
	height: 35px;
    width: 35px;
    text-align: center;
	box-shadow: 1px 2px 8px 1px #2ce5c0;
	position: relative;
    top: 70px;
    left: 80px;
}

div.resultaat-icon_ok_small i.fa {
	/* height: 100%;
    width: 100%; */
/*     display: block;
    line-height: 35px; */
    color: #fff;
    font-size: medium;
    font-weight: bold;
}

div.resultaat-icon_nok_small {
	border-radius: 100%;
	background-color: #ed1c24;
	height: 35px;
    width: 35px;
    text-align: center;
	box-shadow: 1px 2px 8px 1px #ed1c24;
	position: relative;
    top: 70px;
    left: 80px;
}

div.resultaat-icon_nok_small i.fa {
/* 	height: 100%;
    width: 100%; */
/*     display: block;
    line-height: 35px; */
    color: #fff;
    font-size: medium;
    font-weight: bold;
}

.verzekerde-info, .verzekerde-info-N {
    font-weight: normal;
    /* margin-left: 15px; */
}

.verzekerde-info2 {
    font-weight: normal;
	margin-right: 35px;
	/* display:inline-block; */
	vertical-align: top;
	width: 350px;
}

.verzekerde-info.visible-N {
    display: none;
}

.verzekerde-info.visible-Y {
    display: block;
}

.verzekerde-info-N.visible-Y {
    display: none;
}

.verzekerde-info-N.visible-N {
    display: block;
}

.verzekerde-info2.visible-N {
    display: none;
}

.verzekerde-info2.visible-Y {
    display: block;
}

.verzekerde-info2-N.visible-Y {
    display: none;
}

.verzekerde-info2-N.visible-N {
    display: block;
}

.verzekerde-info h1, .verzekerde-info-N h1, .verzekerde-info2 h1, .verzekerde-info2-N h1, .lab_rec-info h1, .lab_rec-regels h1 {
	padding: 0;
    margin: 0;
    font-size: 15px;
}

.mandansa-info {
	margin-top: 80px;
}

.lab_rec-info {
	margin-top: 50px;
}

.lab_rec-info.visible-N, .resultaat-foto2-container.visible-N {
	visibility: hidden;
}

.lab_rec-regels {
	height: 630px;
    overflow-y: scroll;
    overflow-y: overlay;
	margin-top: 8px;
}

.lab_rec-regels.print {
	height: auto;
    overflow-y: unset;
	margin-top: 0;
}

.rec-info {
	font-weight: 500;
}

.tstheader {
	font-weight: 500;
	margin: 15px 0 0 0;
    display:none;
}

.showheader_1 {
    display: block;
}

.lab_rec-regels .a-ListView-item {
	border: none;
	padding: 0;
}

.lab_rec-confirm h2 {
    font-size: larger;
    font-weight: 500;
    margin: 0 0 5px 0;
    display: inline-block;
}

.rec_r {
	font-weight: 500;
    font-size: x-large;
    padding-right: 15px;
}

.rec_naam {
    font-weight: 500;
}

.pre-aantal_dosering {
    margin-left: 93px;
    margin-right: 28px;
}

table.validatie {
	font-size: medium;
}

span.validatie-pre {
    padding-right: 15px;
}

.misalu-button {
	width: 150px;
    border-radius: 4px;
    padding: 4px;
    background-image: linear-gradient(to right, #1ea6dd, #365dc2);
	margin-top: 15px;
	/* margin-left: 8px; */
}

.t-Button.misalu-button:hover {
	background-image: linear-gradient(to right, #1ea6ddb3, #365dc2b3);
}

.misalu-button .t-Button-label {
	color: #fff;
}

.misalu-button2 {
	width: 150px;
    border-radius: 4px;
    padding: 4px;
    margin-top: 15px;	
}

.misalu-button2 .t-Button-label {
	/*color: #fff;*/
}

.misalu-button2.icon {
	width: auto;
}

.big-button {
	height: 80px;
	font-size: 1.8rem;
    text-shadow: 0px 0px 2px #000;
	font-weight: 500;
}

.big-button.t-Button--gapBottom {
	margin-bottom: 1.6em!important;
}

.column-border {
	border: 1px solid #ccc;
    padding: 1px 5px;
    border-radius: 3px;
}

.t-Header-logo {
    font-size: 2.4rem;
}

.sq-subtitle {
	font-size: 16px;
	font-weight: 100;
}

.apex_disabled {
	opacity: 0.8;
}

.apex-item-text.apex_disabled {
	border-color: #f0f1f3;
    background-color: #f0f1f3;
}

.sq-card-color-1 {
	background-color: #2ce5c0;
	fill: #2ce5c0;
	color: #fff;
    box-shadow: 0px 2px 8px 0px #2ce5c0;
}

.sq-card-color-2 {
	background-color: #ed1c24;
	fill: #ed1c24;
	color: #fff;
    box-shadow: 0px 2px 8px 0px #ed1c24;
}

#start-button {
	background-image: url(button-bg1.png);
	background-size: 63%;
    background-repeat: no-repeat;
    background-position: 146% 70%;
}

#trn-button {
	background-image: url(button-bg2.png);
	background-size: 63%;
    background-repeat: no-repeat;
    background-position: 146% 70%;
}

#rec-button {
	background-image: url(button-bg4.png);
	background-size: 63%;
    background-repeat: no-repeat;
    background-position: 140% 70%;
}

#logoff-button {
	background-image: url(button-bg3.png);
	background-size: 63%;
    background-repeat: no-repeat;
    background-position: 146% 122%;
}

/* The container */
.input-container {
	display: inline-block;
	position: relative;
	padding-left: 25px;
	margin-top: 8px;
	margin-left: 0px;
	cursor: pointer;
	/* font-size: 15px; */
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	vertical-align: top;
}

.input-container2 {
	display: inline-block;
	position: relative;
	padding-left: 25px;
	margin-top: 8px;
	margin-left: 12px;
	cursor: pointer;
	/* font-size: 15px; */
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	vertical-align: top;
}

/* Hide the browser's default checkbox */
.input-container input, .input-container2 input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

/* Create a custom checkbox */
.checkmark {
	position: absolute;
	top: 4px;
	left: 0;
	height: 15px;
	width: 15px;
	border-radius: 2px;
	border: 1px solid #ccc;
}

.checkmark.print {
	border-radius: none;
	border: none;
}

/* On mouse-over, add a grey background color */
.input-container:hover input ~ .checkmark, .input-container2:hover input ~ .checkmark {
	background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.input-container input:checked ~ .checkmark, .input-container2 input:checked ~ .checkmark {
	background-image: linear-gradient(to right, #1ea6dd, #365dc2);
	box-shadow: 1px 1px 4px 0px #1ea6dd;
}

.input-container input:checked ~ .checkmark.print, .input-container2 input:checked ~ .checkmark.print {
	background-image: none;
	box-shadow: none;
}

/* When the checkbox is checked, add a blue background */
.input-container input:disabled ~ .checkmark, .input-container2 input:disabled ~ .checkmark {
	pointer-events: none;
	cursor: default;
}

/* On mouse-over, add a grey background color */
.input-container:hover input:disabled ~ .checkmark, .input-container2:hover input:disabled ~ .checkmark {
	background-color: transparent;
}

.input-container a, .input-container2 a {
	color: unset;
	outline: none;
}

 
/* Create the checkmark/indicator (hidden when not checked) */
/* .checkmark::after {
  content: "";
  position: absolute;
  display: none;
} */

/* Show the checkmark when checked */
/* .input-container input:checked ~ .checkmark::after {
  display: block;
} */

/* Style the checkmark/indicator */
/* .input-container .checkmark::after {
  left: 9px;
  top: 5px;
  width: 7px;
  height: 12px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
} */

.pin-entry {
	width: 50px;
    height: 50px;
    margin-left: auto;
    margin-right: auto;
	text-align: center;
    font-size: large;
	pointer-events: none;
	border: none;
	border-bottom: 3px solid #258ed4;
	background: none;
}

.text_field.apex-item-text.pin-entry {
    flex-grow: unset;
}

.pin-pad {
	width: 60px;
    height: 60px;
    margin-left: auto;
    margin-right: auto;
	margin-bottom: 15px;
}

.pin-container {
	margin-bottom: 25px;
}

.locatie-pin {
	text-align: center;
}

.locatie-pin .t-Form-inputContainer{
	padding: 0;
}

.misalu.plugin-com\.stefandobre\.progressbar {
	margin-top: 50px;
}

.misalu .pb-progress {
	border-radius: 24px;
}

.show_get_rec {
	display: none;
}

.show_get_rec.show_1 {
	display: inline-block;
}

.show_print_0 {
	display: none;
}


.t-Form-fieldContainer--stretchInputs.apex-item-wrapper--date-picker-jet {
    --a-field-input-width: 100%;
}

.show_N {
	display: none;
}

.has_vrw_Y {
	/*display: none;*/
	pointer-events: none;
	text-decoration: none;
	color: inherit;
}


@media screen and (max-width: 1350px) {
	.misalu-button, .misalu-button2 {
		width: 120px;
	}
	
/* 	.big-button span.t-Button-label {
		visibility: hidden;
	} */
}