@font-face {
	font-family: EstandarRegular;
	src: url("css/fonts/Estandar-RegularWeb.eot");
}


@font-face {
	font-family: EstandarRegular;
	src: url("css/fonts/Estandar-RegularWeb.woff") format("woff");
}

@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  src: url(css/fonts/notosans.eot);
  src: local('Noto Sans'), local('NotoSans'), url(http://notosans.eot) format('embedded-opentype'), url(css/fonts/notosans.woff) format('woff');
}


body {
  font-family: "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
  font-size:12pt;
  background:#333 url(./images/bg_fabric_dark.jpg);
}

.jumbotron {
	text-align: center;
	margin: 60px 0;
}
.jumbotron h1 {
	font-size: 48px;
	font-family:'Noto Sans','Arial Black',sans-serif;
	line-height: 1;
}
.jumbotron .btn {
	font-size: 21px;
	padding: 14px 24px;
}

.sidelogobox {
	padding: 0px;
	background: rgba(0, 0, 0, 0) url(./images/browartside.png) no-repeat 20px 20px;
	background-size: auto;
	height: 416px;
	width: 138px;
}
.help-block {
	font-weight: bold;
	font-size: 10px;
}

.icon-flipped {
transform: scaleX(-1);
-moz-transform: scaleX(-1);
-webkit-transform: scaleX(-1);
-ms-transform: scaleX(-1);
}

thead.cyan {
	background-color:#DCEDED;
}

.well.well-tabs {
padding-bottom: 0;
}
.well.well-tabs > form {
margin-bottom: 0;
}

/* login*/
.login form {
width: 360px;
margin-left: auto;
margin-right: auto;
padding: 30px;
border: 1px solid rgba(0,0,0,.2);
/*-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
*/
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
background: rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 0 13px 3px rgba(0,0,0,.5);
-webkit-box-shadow: 0 0 13px 3px rgba(0,0,0,.5);
box-shadow: 0 0 13px 3px rgba(0,0,0,.5);
overflow: hidden;
}
.login form input {
font-size:24px;
width: 340px;
height: 42px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
display: block;
}
.login label {
color: #fff;
line-height: 26px;
}
.login label[for="remember_me"], .login label[for="punch_in"] {
line-height: 38px;
margin-left:8px;
}

.login form .input,
.login input[type="text"] { color: #8c8a8a; }
input#remember_me, input#punch_in {
height: 18px;
width: 18px;
display: inline;
vertical-align: middle;
margin: 10px 0;
}
.login .btn-primary {
width: 355px;
}

/* theme */
.alert-danger, .alert-error {
color: #b94a48;
font-weight: bold;
}

.masthead {
		background-color: #111111;
		font-weight: bold;
}
	
.masthead h3 {
margin: 0 10px;
}

.masthead li.active {
	font-weight: normal;
}

.nav-pills>li>a {
	margin-top: 5px;
	color: #009b9b;
}

.page-header {
	margin: 10px 0 20px;
}

.nav-tabs {
border-bottom: 2px solid #e3e3e3;
}

.nav-tabs > li > a {
	min-width: 80px;
	border: 1px solid #e3e3e3;
	background-color: rgba(223, 223, 223, 0.5);
}
.nav-tabs>.active>a, .nav-tabs>.active>a:hover, .nav-tabs>.active>a:focus {
font-weight: bold;
}
.nav .dropdown-toggle .caret {
	border-top-color: #009b9b;
	border-bottom-color: #009b9b;
}

.inner {
	background-color:#e9e9e9;
	padding: 20px 30px 20px;
	/* IE10 */ 
background-image: -ms-radial-gradient(center, ellipse farthest-corner, #EBEBEB 0%, #C7DBDA 100%);
/* Firefox */ 
background-image: -moz-radial-gradient(center, ellipse farthest-corner, #EBEBEB 0%, #C7DBDA 100%);
/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(radial, center center, 0, center center, 506, color-stop(0, #EBEBEB), color-stop(1, #C7DBDA));
/* Webkit (Chrome 11+) */ 
background-image: -webkit-radial-gradient(center, ellipse farthest-corner, #EBEBEB 0%, #C7DBDA 100%);
/* W3C Markup, IE10 Release */ 
background-image: radial-gradient(ellipse farthest-corner at center, #EBEBEB 0%, #C7DBDA 100%);
}

.footer {
	color: #EEEEEE;
	background-color: #333333;
	height: 50px;
	line-height:50px;
	font-size: 11pt;
}

@media only screen 
and (min-width : 1025px) {
	.quickmenu .span4 {padding-left:80px;}
}

@media only screen and (max-width : 1199px) {
	.hideWhenNot1200 {display:none}
}

@media only screen and (max-width : 768px) {
	.jumbotron h1 {
		font-size: 36px;
		line-height: 40px;
	}
}
@media only screen and (max-width : 512px) {
	.login form {
		width: 90%;
	}		
	.login form input {
		width: 95%;
	}
	.login .btn-primary {
		width: 100%;
	}	
}

.control-group.error .control-label, .control-group.error .help-block, .control-group.error .help-inline {
	color: rgb(185, 74, 72);
}