* {
	margin: 0px; 
	padding: 0px; 
	box-sizing: border-box;
}

body, html {
	height: 100%;
}

/* below css hides growls in small screens and makes messages visible */
@media ( max-width : 768px) {
	body div.ui-growl {
		display: none;
	}
	body div.ui-messages {
		display: block;
	}
}
/* below css hides messages in medium/big devices and makes growl visible in such devices */
@media ( min-width : 769px) {
	body div.ui-growl {
		display: block;
	}
	body div.ui-messages {
		display: none;
	}
}

@media ( min-width : 769px) {
	.letter-div {
		margin: 10% auto;
		width: 70%;
	}
}

@media ( max-width : 768px) {
	.letter-div {
		margin: 10% auto;
		width: 90%;
	}
}

@media ( min-width : 769px) {
	.login-div {
		margin: 10% auto;
		width: 60%;
	}
}

@media ( max-width : 768px) {
	.login-div {
		margin: 10% auto;
		width: 90%;
	}
}

body.login-page {
	background-color: #5E93DB;
}

@media ( min-width : 1001px) {
	.wrap-login100 {
		margin: 0px auto;
		width: 60%;
	}
}

@media ( max-width : 1000px) {
	.wrap-login100 {
		margin: 0px auto;
		width: 80%;
	}
}

@media ( max-width : 768px) {
	.wrap-login100 {
		margin: 0px auto;
		width: 85%;
	}
}

.cls_002 {
	font-family: 'RM Neue';
	font-size: 15px;
	color: rgb(53, 53, 53);
	font-weight: bold;
	font-style: normal;
	text-decoration: none
}

.cls_003 {
	font-family: 'RM Neue';
	font-size: 15px;
	color: rgb(53, 53, 53);
	font-weight: normal;
	font-style: normal;
	text-decoration: none
}

.centered {
	text-align: center;
}

.colored {
	color: #5E93DB;
}

.avater-div {
	color: #5E93DB;
	font-size: 50px;
	width: 60px;
	height: 60px;
	background-color: white;
	border-radius: 50%;
	margin: 0 auto;
}

.cls_004 {
	font-family: 'RM Neue';
	font-size: 30px;
	color: white;
	font-weight: bolder;
	font-style: normal;
	text-decoration: none
}

.cls_005 {
	font-family: 'RM Neue';
	font-size: 18px;
	color: white;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}

.lbl {
	font-family: 'RM Neue';
	font-size: 15px;
	color: white;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	color: white;
	margin-bottom: 10px !important;
}

.txt1 {
	font-family: 'RM Neue';
	font-size: 14px;
	line-height: 1.4;
	color: white;
	font-weight: bold;
}

.dalay-visible {
	opacity: 0;
	animation: fadeIn 3s;
	animation-delay: 60s;
	animation-fill-mode: forwards;
}

@font-face {
    font-family: 'RM Neue Light';
    src: url('RMNeue-Light.woff2.xhtml?ln=fonts') format('woff2'),
        url('RMNeue-Light.woff.xhtml?ln=fonts') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'RM Neue Light';
    src: url('RMNeue-LightItalic.woff2.xhtml?ln=fonts') format('woff2'),
        url('RMNeue-LightItalic.woff.xhtml?ln=fonts') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'RM Neue';
    src: url('RMNeue-Italic.woff2.xhtml?ln=fonts') format('woff2'),
        url('RMNeue-Italic.woff.xhtml?ln=fonts') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'RM Neue';
    src: url('RMNeue-Regular.woff2.xhtml?ln=fonts') format('woff2'),
        url('RMNeue-Regular.woff.xhtml?ln=fonts') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'RM Neue SemiBold';
    src: url('RMNeue-SemiBold.woff2.xhtml?ln=fonts') format('woff2'),
        url('RMNeue-SemiBold.woff.xhtml?ln=fonts') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'RM Neue SemiBold';
    src: url('RMNeue-SemiBoldItalic.woff2.xhtml?ln=fonts') format('woff2'),
        url('RMNeue-SemiBoldItalic.woff.xhtml?ln=fonts') format('woff');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'RM Neue';
    src: url('RMNeue-Bold.woff2.xhtml?ln=fonts') format('woff2'),
        url('RMNeue-Bold.woff.xhtml?ln=fonts') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'RM Neue';
    src: url('RMNeue-BoldItalic.woff2.xhtml?ln=fonts') format('woff2'),
        url('RMNeue-BoldItalic.woff.xhtml?ln=fonts') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'RM Neue Black';
    src: url('RMNeue-Black.woff2.xhtml?ln=fonts') format('woff2'),
        url('RMNeue-Black.woff.xhtml?ln=fonts') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'RM Neue Black';
    src: url('RMNeue-BlackItalic.woff2.xhtml?ln=fonts') format('woff2'),
        url('RMNeue-BlackItalic.woff.xhtml?ln=fonts') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'RMNeue-Light';
    src: url('RMNeue-Light.woff2.xhtml?ln=fonts') format('woff2'),
        url('RMNeue-Light.woff.xhtml?ln=fonts') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'RMNeue-LightItalic';
    src: url('RMNeue-LightItalic.woff2.xhtml?ln=fonts') format('woff2'),
        url('RMNeue-LightItalic.woff.xhtml?ln=fonts') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'RMNeue-Italic';
    src: url('RMNeue-Italic.woff2.xhtml?ln=fonts') format('woff2'),
        url('RMNeue-Italic.woff.xhtml?ln=fonts') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'RMNeue-Regular';
    src: url('RMNeue-Regular.woff2.xhtml?ln=fonts') format('woff2'),
        url('RMNeue-Regular.woff.xhtml?ln=fonts') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'RMNeue-SemiBold';
    src: url('RMNeue-SemiBold.woff2.xhtml?ln=fonts') format('woff2'),
        url('RMNeue-SemiBold.woff.xhtml?ln=fonts') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'RMNeue-SemiBoldItalic';
    src: url('RMNeue-SemiBoldItalic.woff2.xhtml?ln=fonts') format('woff2'),
        url('RMNeue-SemiBoldItalic.woff.xhtml?ln=fonts') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'RMNeue-Bold';
    src: url('RMNeue-Bold.woff2.xhtml?ln=fonts') format('woff2'),
        url('RMNeue-Bold.woff.xhtml?ln=fonts') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'RMNeue-BoldItalic';
    src: url('RMNeue-BoldItalic.woff2.xhtml?ln=fonts') format('woff2'),
        url('RMNeue-BoldItalic.woff.xhtml?ln=fonts') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'RMNeue-Black';
    src: url('RMNeue-Black.woff2.xhtml?ln=fonts') format('woff2'),
        url('RMNeue-Black.woff.xhtml?ln=fonts') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'RMNeue-BlackItalic';
    src: url('RMNeue-BlackItalic.woff2.xhtml?ln=fonts') format('woff2'),
        url('RMNeue-BlackItalic.woff.xhtml?ln=fonts') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}



@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}