/* MFA */
/* === */
div.pnlMfa {
	border: 1px solid black;
	text-align: center;
	margin: 0 auto;
	margin-top: 50px;
	padding: 20px;
	width: 307px;
}

div.pnlMfa input[type=submit] 
{
    color: white;
    height: 23px;
}

div.pnlMfa input[type=text]
{
    margin-top: 25px;
    margin-bottom: 25px;
    text-align: center;
}

div.pnlMfa h2
{
    text-align: center;
    font-size: 25px !important;
}

div.pnlMfa h3 
{
    margin-top: 10px;
    text-align: center;
}

.lnkMfaBackup 
{
    margin: 0 auto;
    text-align: center;
    display: block;
    margin-bottom: 15px;
}

div.pnlMfa input 
{
    /* Zelfde waarde als bij gewone textbox */
    height: 17px;
    width: 154px;
}

/* Init */

div.pnlMfaInit * 
{
	font-size: 14px;
}

div.pnlMfaInit {
	margin: 0 auto;
	width: 1024px;
}

div .alert
{
    width: fit-content;
}

div .alert-success 
{
	background-color: #d4edda;
	color: #155724;
	border-color: #c3e6cb;
	position: relative;
	padding: .75rem 1.25rem;
	margin-bottom: 1rem;
	border: 1px solid transparent;
	border-radius: .25rem;
	padding: 25px;
	margin: 0 auto;
	width: fit-content;
}

div .alert-warning 
{
	background-color: #ffc107;
	padding: 5px;
	margin: 0;
	margin-bottom: 25px;
    margin-top: 10px;
}

div.pnlMfaInit div.row div.col div .alert-warning p 
{
	margin: 10px;
}

div .pnlMfaInit div.row {
min-height: 40px;
height: fit-content;
}

div.pnlMfaInit div.row div.col {
	width: 1024px;
}

div.pnlMfaInit div.row div.col p {
	margin-top: 10px;
	margin-bottom: 15px;
}

div.pnlMfaInit div.row div.col div.rpTemplate ul {
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 20px;
}

div.pnlMfaInit div.row div.col div.rpTemplate ul li img {
	margin-top: 10px;
	margin-bottom: 10px;
}

div.pnlMfaInit div.pnlMfaCheck span.lblTitle {
	font-size: 11px;
}

div.pnlMfaInit div.RadWizard div.pnlMfaCheck span.lblTitle {
	font-size: 15px;
}

div.pnlImgqrcode img {
	margin-left: 15px;
}

/* Check MFA input */
div.pnlMfaCheck {
	margin: 0;
    margin-bottom: 50px;
}

div.pnlMfaCheck div.row {
	margin-top: 10px;
}

div.pnlMfaCheck div.rowInput {
	height: 60px;
}

div.pnlMfaCheck div.rowInput input {
	width: 40px;
	height: 40px;
	font-size: 24px;
	text-align: center;
	border: 1px solid #ccc;
	border-radius: 4px;
	margin-right: 5px;
	margin-left: 0;
}

div.pnlMfaCheck div.row.row_error {
    height: 50px;
    margin-top: 35px;
}

.error {
	color: #a94442;
	background-color: #f2dede;
	border-color: #ebccd1;
	padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}

/* Common */
div .lblTitle {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 50px;
}

input.submit {
	float: left;
	margin-right: 0;
	padding-top: 0;
	width: 80px;
}

/* Wizard */

div.RadWizard .rwzContent {
	overflow: hidden;
}

div.RadWizard_Default .rwzSelected .rwzLink {
	border-color: #193a6d;
	color: #fff;
	background-color: #06a7e5;
	background-image: none;
}

div.RadWizard_Default .rwzDisabled .rwzLink {
	border-color: #193a6d;
	color: #fff;
	background-color: #193a6d;
	background-image: none;
}

div.RadWizard_Default .rwzNext,
div.RadWizard_Default .rwzFinish {
	background-image: url(Images/knop.gif);
	background-repeat: repeat-x;
}

div.RadWizard_Default .rwzButton.btnMfaCheck 
{
	background-color: #28a745 !important;
	color: white;
	background-image: none;
	display: none !important;
}

div .t-i-expand-s:before,
div .t-i-expand-down:before,
div .p-i-expand-s:before,
div .p-i-expand-down:before,
div .p-i-arrow-chevron-down:before {
	content: "\01F847";
}

div .t-i-expand-n:before,
div .t-i-expand-up:before,
div .p-i-expand-n:before,
div .p-i-expand-up:before,
div .p-i-arrow-chevron-up:before {
	content: "\01F845";
}

div .rpExpanded .t-i-expand-s:before,
div .rpExpanded .t-i-expand-down:before,
div .rpExpanded .p-i-expand-s:before,
div .rpExpanded .p-i-expand-down:before,
div .rpExpanded .p-i-arrow-chevron-down:before,
div .rpExpanded .t-i-expand-n:before,
div .rpExpanded .t-i-expand-up:before,
div .rpExpanded .p-i-expand-n:before,
div .rpExpanded .p-i-expand-up:before,
div .rpExpanded .p-i-arrow-chevron-up:before {
	content: none;
}

div .rpExpanded span.rpExpandHandle {
	display: none;
}

div.RadWizard_Default .rwzSelected .rwzLink:before {
	border-color: #06a7e5;
	background-image: linear-gradient(135deg, #06a7e5, #06a7e5);
}

div .RadWizard_Default .rwzNext,
div .RadWizard_Default .rwzPrevious,
div .RadWizard_Default .rwzFinish,
div.RadWizard_Default .rwzButton {
	border-color: #193a6d;
	background-color: #06a7e5;
}

div .RadWizard_Default .rwzHovered {
	border-color: black !important;
	background-color: #193a6d !important;
}

div.pnlMfaInit div.pnlBackkmethodes div.row div.col p
{
	margin-bottom: 10px;
}

div.pnlBackkmethodes div.row div.col {
	height: 40px;
}

div.pnlBackkmethodes div.row div.col input
{
	width: 350px;
}

div.pnlMfaInit div.backupmethodcontainer div.pnlBackkmethodes div.col p 
{
	margin-bottom: 0;
}

div.pnlMfaInit div.backupmethodcontainer div.pnlBackkmethodes div.col .gsmnummer 
{
	font-size: 15px;
	margin-left: 0;
}

div.pnlMfaInit div.backupmethodcontainer div.cell_mail .con_email
{
    margin-left: 255px;
    font-weight: bold !important;
	border: 0;
	width: fit-content;
	padding: 4px;
	padding-left: 25px;
	padding-right: 25px;
}

div.pnlMfaInit div.backupmethodcontainer div.cell_mail label 
{
	width: 252px;
}

div.pnlMfaInit div.row div.col p.custom
{
    margin-top: 25px;
	margin-bottom: 10px;
}

div.pnlMfaInit div.row div.col p.custom_second 
{
    margin-top: 10px;
    margin-bottom: 10px;
}


/* MFA backup methodes */

div.pnlMfaBackup 
{
	border: 1px solid #000000;
	margin: 0 auto;
	margin-top: 50px;
	width: fit-content;
}

div.pnlMfaBackup *
{
    font-size: 15px;
}

div.pnlMfaBackup div.pnlMfaBackup_inner 
{
	margin-bottom: 30px;
}

div.pnlMfaBackup div.pnlMfaTitle
{
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
}

div.pnlMfaBackup div.spacer 
{
	height: fit-content;
	min-height: 80px;
	margin-top: 30px;
	margin-left: 30px;
	margin-right: 30px;
}

div.pnlMfaBackup div.row div.col 
{
	height: 60px;
	margin-bottom: 30px;
	width: fit-content;
}

div.pnlMfaBackup div.row div.col ul
{
	margin-bottom: 50px;
}

div.pnlMfaBackup div.row div.col ul li
{
	font-size: 15px;
	margin-right: 50px;
}

div.pnlMfaBackup div.row div.col ul li:last-child 
{
	margin-right: 0;
}

div.pnlMfaBackup div.submit_row
{
    margin: 0 auto;
	width: fit-content;
}

div.pnlMfaBackup div.submit_row input.btn_submit,
div.pnlResendMailInfo input.btn_submit
{
	width: 150px;
}

div.pnlMfa input[type=text] 
{
	text-align: center;
}

div.resend_info 
{
	margin: 0 auto;
	margin-bottom: 25px;
	text-align: center;
	width: 500px;
}

div.resend_info 
{
	margin-bottom: 10px;
}

div.pnlResendMailInfo
{
	margin-top: 25px;
}

div.pnlResendMailInfo p 
{
	margin-bottom: 10px;
}

input:disabled+label 
{
  color: #ccc;
}

.RadWizard .rwzStep.complete
{
	text-align: center;
}