/*
Title:	Login Style (CSS)
Author:	Paul Vilas-Boas
Date:	16/04/2020
*/

@import url('animate.min.css');
@import url('animate.delay.css');

@font-face { font-family: Transist; src: url('Transist.ttf'); }

/* Aqua Colour 
/*--theme-color1:	#8ac7db;	/* #0866c6 -> var(--theme-color1) */
/*--theme-color2:	#c4e3ed;	/* #0c57a3 -> var(--theme-color2) */
/*--theme-color3:	#63b4cf;	/* #0972dd -> var(--theme-color3) */
/*--theme-color4:	#9dd0e1;	/* #1e82e8 -> var(--theme-color4) */

:root {
	
	--theme-color1:	#8ac7db;	/* #0866c6 -> var(--theme-color1) */
	--theme-color2:	#c4e3ed;	/* #0c57a3 -> var(--theme-color2) */
	--theme-color3:	#63b4cf;	/* #0972dd -> var(--theme-color3) */
	--theme-color4:	#9dd0e1;	/* #1e82e8 -> var(--theme-color4) */
}

/***** RESET BROWSER STYLE *****/
/*******************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	line-height: 21px;
	outline: none;
}

::selection { background: #ccc; color: #fff; text-shadow: none; } /* Safari */
::-moz-selection { background: #ccc; color: #fff; text-shadow: none; } /* Firefox */
:-moz-placeholder { color: #bbb; }
::-webkit-input-placeholder { color: #bbb; }
:-ms-input-placeholder { color: #bbb; }

a, a:link { color: blue; }
h4 { font-size: 16px; }

body {
	font-family: 'Helvetica Neue', Helvetica, sans-serif; }
body.loginpage { background: var(--theme-color1); }

a,a:hover,a:link,a:active,a:focus { outline: none; color: var(--theme-color1); text-decoration: none; }
a:hover { text-decoration: underline; }
input,select,
textarea,button { outline: none; font-size: 13px; font-family: 'RobotoRegular', 'Helvetica Neue', Helvetica, sans-serif; }
strong { font-weight: normal; }
label, input, textarea, select, button { font-size: 13px; }
h1,h2,h3,h4,h5 { font-weight: normal; line-height: normal; }

/*** LOGIN PAGE ***/
.loginpanel { position: absolute; top: 50%; left: 50%; height: 300px; }
.loginpanelinner{
    position: relative;
    width: 275px;
    margin: auto;
    left: 0;
}
.loginpanelinner .logo { text-align: center; padding: 20px 0; }

.loginpanel .pull-right { margin-top: 11px; color: #ddd; font-size: 11px; font-family: Helvetica, sans-serif; }
.loginpanel .pull-right a { color: #ddd; }

.inputwrapper { margin-bottom: 10px; }
.inputwrapper input { border: 0; padding: 10px; background: #fff; width: 250px; }
.inputwrapper input:active, .inputwrapper input:focus { background: #fff; border: 0; }
.inputwrapper button {
		  display: block; border: 1px solid var(--theme-color2); padding: 10px; background: var(--theme-color3); width: 100%;
		  color: #fff; text-transform: uppercase; }
.inputwrapper button:focus, .inputwrapper button:active, .inputwrapper button:hover { background: var(--theme-color4); }
.inputwrapper label {
		  display: inline-block; margin-top: 10px; color: rgba(255,255,255,0.8); font-size: 11px;
		  vertical-align: middle; font-weight: normal; }
.inputwrapper label input { width: auto; margin: -3px 5px 0 0; vertical-align: middle; }
.inputwrapper .remember { padding: 0; background: none; }

.login-alert { display: none; }
.login-alert .alert { font-size: 11px; text-align: center; padding: 5px 0; border: 0; }

.loginfooter {
		  font-size: 11px; color: rgba(255,255,255,0.5); position: absolute; position: fixed; bottom: 0; left: 0;
		  width: 100%; text-align: center; font-family: arial, sans-serif !important; padding: 5px 0; }

.inputwrapper input {
    padding: 10px 0px 10px 0px;
    width: 100%;
}

.inputwrapper button {
    width: 275px;
}
		  
.login-center{
    text-align: center;
}

.logotext{
    font-family: Transist;
    font-size: 14px;
	color: red;
    text-transform: uppercase;
}	

.alert-error { 
    border-color: #E9C6C6; 
    color:#da5251; 
    background: #F0D8D8; 
}