@import url(https://fonts.googleapis.com/css?family=Lato:100,300,400);

/***** GLOBAL *****/

html { height: 100%; }

label.error { color: #EA2900; display: block; font-size: 12px; }
input.error, select.error, textarea.error { background-color: #FCF5F5; }

.progress { margin-top: 12px; }

.errorContainer {
	text-align: left;
	margin-top: 10px;
}

/***** NAVIGATION *****/

.navbar .navbar-inner {
  height: 80px;
}

.navbar-brand > img {
	height: 50px;
}

.navbar .nav {
  margin-top: 20px;
}

.navbar .nav > li > a {
  padding: 10px 10px 11px;
  color: #3E576A;
  text-shadow: none;
}

.navbar .nav > li > a:hover {
  color: #111;
}

.navbar .nav > li > a:focus, .navbar .nav > li > a:hover {
	background-color: transparent;
}

.navbar .nav > li.active > a {
  background: none;
  color: #111;
}

.navbar .nav > li.active > a:hover {
  background: none;
  color: #111;
}

#desc-wraper {
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-align: center;
}

#footer-wraper {
  text-align: center;
}

#login-wraper {
  -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; border-radius: 15px;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.4); box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
  display: block;
  margin: 5px auto 100px;
  padding: 25px;
  width: 470px;
  background: white;
  text-align: center;
  -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;    
}

.login-form legend {
  margin-top: 5px;
  padding-bottom: 25px;
  text-align: center;
}

.login-form .body {
  padding-bottom: 30px;
  border-bottom: 1px solid #eeeeee;
}

.login-form .footer {
  margin-top: 20px;
}

.login-form .footer .btn {
  margin-left: 15px;
  padding: 7px 25px;
}

#flogo-wraper {
  	text-align: center;
  	-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;
	background-repeat: no-repeat !important;
    background-position: center !important;
}

.navbar-default {
    background-color: #415365;
}
/* change the brand and text color */
.navbar-default .navbar-brand,
.navbar-default .navbar-text {
    color: #ffffff;
}
/* change the link color */
.navbar-default .navbar-nav .nav-link {
    color: #ffffff;
}
/* change the color of active or hovered links */
.navbar-default .nav-item.active .nav-link,
.navbar-default .nav-item:hover .nav-link {
    color: #ffffff;
}

.navbar-default li a { color: #d2d2d2 !important;}
.navbar-default li ul li a{ color: #626262 !important;}

/***** FONTS *****/

.navbar {
  font-family: 'Open Sans', sans-serif;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.login-form legend {
  font-family: 'Lato', Helvetica, sans-serif;
  font-size: 36px;
  font-weight: 300;
  color: #333333;
  -webkit-font-smoothing: subpixel-antialiased;
}

.login-form label.control-label {
  font-family: 'Lato', Helvetica, sans-serif;
  font-size: 20px;
  color: #333333;
  font-weight: 300;
}

/***** Combobox *****/

.custom-combobox { position: relative; display: inline-block; margin-left: -25px; }
.custom-combobox-toggle { position: absolute; top: 0; bottom: 0; margin-left: -1px; padding: 0; }
.custom-combobox-input { margin: 0; padding: 5px 10px; width: 375px; }

.ui-autocomplete { max-height: 300px; overflow-y: scroll; overflow-x: hidden; text-align: left; }

/***** BOOTSTRAP OVERRIDE *****/

.has-feedback label ~ .form-control-feedback { top: 34px; }


/***** QUERIES *****/

@media (max-width: 980px) {
	.navbar { height: auto; margin-bottom: 0; }
	.navbar .navbar-brand { margin-top: 0; }
	.navbar .navbar-inner { height: auto; }
	.navbar .navbar-brand > img { height: 30px; margin-top: -4px; }

	.navbar .nav {
		margin-top: auto;
	}

	.navbar .nav > li > a {
		padding-top: 15px;
		padding-bottom: 15px;
	}
	#login-wraper { position: relative; top: 0; margin-top: 25px; }
	img[id=flogo2] {
  		content:url(images/fontfotolia768.gif);
  		display: block !important;
	}
	img[id=flogo] {display: none !important;}
}

@media (max-width: 495px) {
	#login-wraper {
		width: auto;
		height: auto;
		margin-left: 0;
		margin-right: 0;
		left: 0;
	}
	img[id=flogo2] {
		content:url(images/fontfotolia360.gif);
		display: block !important;
		text-align: center;
	}
	img[id=flogo] {display: none !important;}
}