/* Webfont: Lato-Bold */
@font-face {
  font-family: 'Lato';
  src: url('fonts/Lato-Bold.eot');
  src: url('fonts/Lato-Bold.eot?#iefix') format('embedded-opentype'), 
 url('fonts/Lato-Bold.woff2') format('woff2'),
 url('fonts/Lato-Bold.woff') format('woff'),
 url('fonts/Lato-Bold.ttf') format('truetype');
  font-style: normal;
  font-weight: bold;
  text-rendering: optimizeLegibility;
  
  /* IE9 Compat Modes */
}
/* Webfont: Lato-BoldItalic */
@font-face {
  font-family: 'Lato';
  src: url('fonts/Lato-BoldItalic.eot');
  src: url('fonts/Lato-BoldItalic.eot?#iefix') format('embedded-opentype'), 
 url('fonts/Lato-BoldItalic.woff2') format('woff2'),
 url('fonts/Lato-BoldItalic.woff') format('woff'),
 url('fonts/Lato-BoldItalic.ttf') format('truetype');
  font-style: italic;
  font-weight: bold;
  text-rendering: optimizeLegibility;
  
  /* IE9 Compat Modes */
}
/* Webfont: Lato-Italic */
@font-face {
  font-family: 'Lato';
  src: url('fonts/Lato-Italic.eot');
  src: url('fonts/Lato-Italic.eot?#iefix') format('embedded-opentype'), 
 url('fonts/Lato-Italic.woff2') format('woff2'),
 url('fonts/Lato-Italic.woff') format('woff'),
 url('fonts/Lato-Italic.ttf') format('truetype');
  font-style: italic;
  font-weight: normal;
  text-rendering: optimizeLegibility;
  
  /* IE9 Compat Modes */
}
/* Webfont: Lato-Regular */
@font-face {
  font-family: 'Lato';
  src: url('fonts/Lato-Regular.eot');
  src: url('fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'), 
 url('fonts/Lato-Regular.woff2') format('woff2'),
 url('fonts/Lato-Regular.woff') format('woff'),
 url('fonts/Lato-Regular.ttf') format('truetype');
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility;
  
  /* IE9 Compat Modes */
}

/* The body style, essentially the whole page */


body {
  	font: 16px/24px 'OpenSans',Arial,sans-serif;
}

/* The outer container of the window */
#container {
	position:relative;
	top: 50%;
	height:auto;
	margin-top:-15em;
	background: #007AFF;
	color: white;
}


/* Verint logo */

#container:before {
	display:block;
	width:150px;
	height:35px;
	background: url(../images/logo.png) center left no-repeat;;
	position:absolute;
	top:-35px;
	left:0;
	content:"";
}
	
#inner-container {
	padding: 2em 0;
	top:0;
	margin: 0 auto;
	border: 0;
}

#inner-container a:link,
#inner-container a:visited,
#inner-container a:hover {
	color: white;
}

h1 {
	font-family: 'Lato','OpenSans',sans-serif;
}
/* The main brand 
/* Textfields */
input.text {
	background-color: white;
	border: 1px solid #09c;
	font-size: 16px;
	line-height: 22px;
	color: black;
	box-shadow: inset 1px 1px 2px rgba(0,0,0,0.6);
	-moz-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.6);
	-webkit-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.6);
	border-radius:3px;
}

input.text:focus {
  outline: 1px solid #999;
  }


.field-group {
	margin: 1em 0;
}

#footer {
    font-size: 14px;
    font-style: italic;
}

/* Buttons */

.button {
  background-color: #55B84D;
  border-color: #55B84D;
  color: #fff
}
.button:hover {
  background-color: #69C761;
  border-color: #69C761;
}
.button:active {
  background-color: #55B84D;
}
.button[disabled] {
  border-style: dashed;
  background-color: transparent;
  color: #666;
}

/* Info alert box */
.alert.info {
	border: 1px solid white; 
	color: white; 
}

.alert.error {
  border: 1px solid #D61340;
  color: #BD3656;
  background-color: rgb(232, 216, 220);
}