.SECMOD_CONTAINER {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 1rem;
	height: 100vh;
	box-sizing: border-box;
	overflow: auto;
}

.SECMOD_MODAL_VIEWNAME .WebLabel_content {
    font-size: 18px !important;
    font-weight: bold !important;
}

.SECMOD_MODAL {
    z-index: 2;
}

@media only screen and (max-width: 768px) {
    .SECMOD_MODAL {
        position: absolute;
        left: 0px;
        top: 0px;
        width: 80%;
        max-height: 90vh;
    }
    .SECMOD_MODAL .WebWin_main_c {
        width: 100% !important;
        height: 100% !important;
        padding: 0px !important;
    }
    .SECMOD_MODAL .WebWin_main_l {
        width: 100% !important;
        height: 100% !important;
    }
    .SECMOD_MODAL .WebCon_Content {
        width: 100% !important;
        height: 100% !important;
        display: block !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

	Dialog.login_view .LoginTitle .WebLabel_content{
        font-size: 1rem;
        font-weight: bold;
		margin-bottom: 10px;
	}

	div[data-dfobj="oSECMODLogin.oMainPanel.oLoginGroup.oUserNameLabel"] {
	    margin-bottom: -5px;
    }

    div[data-dfobj="oSECMODLogin.oMainPanel.oLoginGroup.oPasswordLabel"] {
        margin-bottom: -5x;
    }

	div[data-dfobj="oSECMODLogin.oMainPanel.oLoginGroup.oWsSpacer"] {
		height: 0px;
	}

	div[data-dfobj="oSECMODLogin.oMainPanel.oLogo"], div[data-dfobj="oSECMODForgot.oMainPanel.oLogo"] {
		padding-top: 15px;
	}

	div[data-dfobj="oSECMODForgot.oMainPanel.oIcon"] {
		padding-top: 25px;
	}

	div[data-dfobj="oSECMODLogin.oMainPanel.oWhLine"] {
		height: 40px;
	}
	
	.ValidationLabel .WebLabel_content {
		line-height: 1em !important;
	}
}

.WebMsgBox {
    z-index: 4;
}

.RED_BORDER .WebFrm_Wrapper {
    border-bottom: 2px solid red !important;
}

.GREEN_BORDER .WebFrm_Wrapper {
    border-bottom: 2px solid rgb(0, 218, 0) !important;
}

#EYE_NEXTTO_LABELED_FORM {
    margin-top: 35px;
}

#EYE_NEXTTO_LABELED_FORM button:before {
    margin-left: -5px !important;
}

#EYE_NEXTTO_FORM button:before {
    margin-left: -5px !important;
}

.ShowPass button:before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 16px;
    background-image: url("images/eye-open.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    vertical-align: middle;
}

.HidePass button:before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 16px;
    background-image: url("images/eye-closed.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    vertical-align: middle;
}

/* hover-kleur via filter, want SVG is via background niet kleurbaar zonder trucs */
.ShowPass button:hover:before,
.HidePass button:hover:before {
    filter: invert(28%) sepia(91%) saturate(1455%) hue-rotate(186deg) brightness(94%) contrast(101%);
    /* dit geeft ongeveer #0072C6 */
}

.ShowPass button {
    background-color: transparent !important;
    box-shadow: none;
    max-width: 40px;
}

.ShowPass button:hover:before {
    color: #0072C6;
    -webkit-transition: color 0.25s;
    -moz-transition:    color 0.25s;
    -ms-transition:     color 0.25s;
    -o-transition:      color 0.25s;
    transition:         color 0.25s;
}

.HidePass button {
    background-color: transparent !important;
    box-shadow: none;
    max-width: 40px;
}

.HidePass button:hover:before {
    color: #0072C6;
    -webkit-transition: color 0.25s;
    -moz-transition:    color 0.25s;
    -ms-transition:     color 0.25s;
    -o-transition:      color 0.25s;
    transition:         color 0.25s;
}

input[type=text], input[type=password] {
    background-color: white;
    width: 100%;
    display: inline-block;
    box-sizing: border-box;
}

.ErrorMessage .WebLabel_content {
    background-color: rgb(255, 143, 143);
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    font-weight: bold !important;
    border-color: red;
}

.SuccessMessage .WebLabel_content {
    background-color: rgb(149, 255, 149);
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    font-weight: bold !important;
    border-color: rgb(0, 250, 0);
}

.ValidationLabel .WebCon_Inner {
    min-height: 0px !important;
    margin-top: 0px !important;
}