@font-face {
	font-family: 'Thin';
	src: url('../fonts/Calibre-Thin.eot');
	src: url('../fonts/Calibre-Thin.woff2') format('woff2'),
	url('../fonts/Calibre-Thin.woff') format('woff'),
	url('../fonts/Calibre-Thin.ttf') format('truetype'),
	url('../fonts/Calibre-Thin.svg#Calibre-Thin') format('svg'),
	url('../fonts/Calibre-Thin.eot?#iefix') format('embedded-opentype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Light';
	src: url('../fonts/Calibre-Light.eot');
	src: url('../fonts/Calibre-Light.woff2') format('woff2'),
	url('../fonts/Calibre-Light.woff') format('woff'),
	url('../fonts/Calibre-Light.ttf') format('truetype'),
	url('../fonts/Calibre-Light.svg#Calibre-Light') format('svg'),
	url('../fonts/Calibre-Light.eot?#iefix') format('embedded-opentype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Regular';
	src: url('../fonts/Calibre-Regular.eot');
	src: url('../fonts/Calibre-Regular.woff2') format('woff2'),
	url('../fonts/Calibre-Regular.woff') format('woff'),
	url('../fonts/Calibre-Regular.ttf') format('truetype'),
	url('../fonts/Calibre-Regular.svg#Calibre-Regular') format('svg'),
	url('../fonts/Calibre-Regular.eot?#iefix') format('embedded-opentype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Bold';
	src: url('../fonts/Calibre-Bold.eot');
	src: url('../fonts/Calibre-Bold.woff2') format('woff2'),
	url('../fonts/Calibre-Bold.woff') format('woff'),
	url('../fonts/Calibre-Bold.ttf') format('truetype'),
	url('../fonts/Calibre-Bold.svg#Calibre-Bold') format('svg'),
	url('../fonts/Calibre-Bold.eot?#iefix') format('embedded-opentype');
	font-weight: normal;
	font-style: normal;
}

html, body { width: 100%; height: 100%; font-family: 'Regular', Arial, sans-serif; }

body { background: url("../img/splash-screen.jpg") center center no-repeat; background-size: cover; }

#login-logo,
#login { width: 550px; height: auto; padding: 0; margin: 0 auto; border: 0; color: #fff; background: rgba(0,0,0,0.8); overflow: auto; }

#login-logo { text-align: center; margin-top: 150px; }
#login-logo a { display: block; padding: 70px 0; border-bottom: 1px solid rgba(255,255,255,0.3); background: url('../img/logo-proserve.png') 50% 5px no-repeat; background-size: 50%;   }
#login-logo a > img { display: none; }

#login { padding: 20px 0; }
#login h1 { display: none; }

p,
table tr td { height: 50px; font-size: 16px; color: #fff;text-align:left !important; padding-left: 20px; }
table tr td.v-spacer { padding: 0; }
#pwd, #user,#old_pwd, #new_pwd, #retype_new_pwd { width: 96%; border: none; padding: 4% 2% 4% 2%;}
/*username & password label*/
table tr:nth-child(1) td:first-child,
table tr:nth-child(2) td:first-child { width: 30%; text-transform: uppercase; font-family: 'Regular', Arial, sans-serif; }
/*input fields*/
table tr:nth-child(1) td:nth-child(2),
table tr:nth-child(2) td:nth-child(2) { width: 70%; padding: 0 20px 0 0; }
/*button*/
table tr:nth-child(3) td { padding: 0 20px; vertical-align: bottom; }
/*submit*/
table tr td input[type="submit"] { padding: 13px 15px 10px; cursor: pointer; border: none; background: #00644f; color: #fff; text-transform: uppercase; font-family: 'Bold', Arial, sans-serif; float: right; font-size: 18px; }
/*forget password link*/
table tr:nth-child(4) td:nth-child(1) { height: auto; padding-top: 20px; text-align: center !important; }
table tr:nth-child(4) td:nth-child(1) a { color: #fff; font-size: 14px; text-transform: uppercase; font-family: 'Regular', Arial, sans-serif; padding: 1px 0 0 20px; background: url('../img/icon-forgot-pass-white.png') no-repeat; }
/*paragraph*/
p { height: auto; text-transform: uppercase; font-family: 'Bold', Arial, sans-serif; font-size: 18px; margin-left: 20px; background: url('../img/icon-unlock-white.png') no-repeat; }
p:before { font-family: FontAwsome, sans-serif;  }
.ui-widget-content td a, p a, p a:visited, td a, td a:visited { padding-left: 0; color: #fff; background: none; }