/* RESET CSS PROPERTIES */
* { margin: 0; padding: 0; }

/**
 * 0) FONTS
 **/
 /* open-sans-300italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: url('fonts/open-sans/open-sans-v18-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/open-sans/open-sans-v18-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans/open-sans-v18-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans/open-sans-v18-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans/open-sans-v18-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans/open-sans-v18-latin-300italic.svg#OpenSans') format('svg'); /* Legacy iOS */
       font-display: swap;
}
/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/open-sans/open-sans-v18-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/open-sans/open-sans-v18-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans/open-sans-v18-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans/open-sans-v18-latin-300.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans/open-sans-v18-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans/open-sans-v18-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
       font-display: swap;
}
/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/open-sans/open-sans-v18-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/open-sans/open-sans-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans/open-sans-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans/open-sans-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans/open-sans-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans/open-sans-v18-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
       font-display: swap;
}
/* open-sans-italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/open-sans/open-sans-v18-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/open-sans/open-sans-v18-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans/open-sans-v18-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans/open-sans-v18-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans/open-sans-v18-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans/open-sans-v18-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
       font-display: swap;
}
/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/open-sans/open-sans-v18-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/open-sans/open-sans-v18-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans/open-sans-v18-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans/open-sans-v18-latin-600.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans/open-sans-v18-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans/open-sans-v18-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
       font-display: swap;
}
/* open-sans-600italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: url('fonts/open-sans/open-sans-v18-latin-600italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/open-sans/open-sans-v18-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans/open-sans-v18-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans/open-sans-v18-latin-600italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans/open-sans-v18-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans/open-sans-v18-latin-600italic.svg#OpenSans') format('svg'); /* Legacy iOS */
       font-display: swap;
}
/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/open-sans/open-sans-v18-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/open-sans/open-sans-v18-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans/open-sans-v18-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans/open-sans-v18-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans/open-sans-v18-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans/open-sans-v18-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
       font-display: swap;
}
/* open-sans-700italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: url('fonts/open-sans/open-sans-v18-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/open-sans/open-sans-v18-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans/open-sans-v18-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans/open-sans-v18-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans/open-sans-v18-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans/open-sans-v18-latin-700italic.svg#OpenSans') format('svg'); /* Legacy iOS */
       font-display: swap;
}
/* open-sans-800 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: url('fonts/open-sans/open-sans-v18-latin-800.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/open-sans/open-sans-v18-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans/open-sans-v18-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans/open-sans-v18-latin-800.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans/open-sans-v18-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans/open-sans-v18-latin-800.svg#OpenSans') format('svg'); /* Legacy iOS */
       font-display: swap;
}
/* open-sans-800italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 800;
  src: url('fonts/open-sans/open-sans-v18-latin-800italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/open-sans/open-sans-v18-latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans/open-sans-v18-latin-800italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans/open-sans-v18-latin-800italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans/open-sans-v18-latin-800italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans/open-sans-v18-latin-800italic.svg#OpenSans') format('svg'); /* Legacy iOS */
       font-display: swap;
}

body { color: #333; font-size: 80%; font-family: 'Open Sans', sans-serif, trebuchet ms, verdana, arial; background: #ccc; position: relative; }

/* LOGIN PAGE */
#loginLogo { width: 80%; height: auto; margin: 0 10%; }
#loginWrap { background: #fff; width: 350px; margin: 10% auto; padding: 1% 3% 1%; border: solid 1px #aaa; 
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px; 
	-webkit-box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, 0.1); /* WebKit */
	-moz-box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, 0.1); /* Firefox */
	box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, 0.1); /* Standard */ } 
#loginWrap h1 { font-weight: 700; padding: 0 0 1%; }
#loginForm .login, 
	#lostPassword .login { display: block; font-weight: 700; overflow: hidden; padding: 1% 0; }
#loginForm .inputlogin,
	#loginForm .submitBtn,
	#lostPassword .inputlogin,
	#lostPassword .submitBtn { width: 100%; padding: 2%; margin-bottom: 2%; border: 1px solid #555;
    -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; 
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; 
}
#loginForm .submitBtn,
	#lostPassword .submitBtn { width: auto; background: #333; color: #fff; font-weight: 700; margin-top: 2%; padding: 2% 5%; }
#loginForm .submitBtn:hover,
	#lostPassword .submitBtn:hover { cursor: pointer; background: #97bd0e; }
.login main { min-height: auto; }

a { color: #333; text-decoration: none; }
a:hover { color: #97bd0e; }

@media screen and (max-width: 370px) {
	#loginWrap { width: 96%; margin: 0; padding: 2%; border: none;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px; 
	-webkit-box-shadow: none; /* WebKit */
	-moz-box-shadow: none; /* Firefox */
	box-shadow: none; /* Standard */ }
	
	footer { text-align: center; }
}