@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800italic,800);
@import url('backend/font_awesome/font-awesome.css');

*, input, button, select, textarea { font-family: 'Open Sans', 'Lucida Grande', 'Arial', sans-serif;}
body { font-family: 'Open Sans', 'Lucida Grande', 'Arial', sans-serif; background: #efefef; }
label { font-weight: bold }
.required label:after { content: '*'; color: #2f96b4}
h1,h2,h3,h4,h5 { color: black; font-size: 20px; font-weight: lighter; text-transform: uppercase;}
#barraprincipale.navbar-inverse .navbar-inner{ background:#222; border-bottom: 1px solid #111;line-height: 20px; }
tbody { background: white }
table td { line-height: 30px !important }
#pageBar h2.brand { padding: 0; color: white; min-width: 200px }
#pageBar ul.nav { margin: 10px 0 0 }
#main.container {min-height: 500px}
.ewebbox { margin-bottom: 55px; margin-top: 10px}
.ewebbox .ewebheader {
  font-weight: normal !important;
  background-color: #222;
  background-image: linear-gradient(center top , #333 0%, #222 100%);
  background-image: -o-linear-gradient(center top , #333 0%, #222 100%);
  background-image: -moz-linear-gradient(center top , #333 0%, #222 100%);
  background-image: -ms-linear-gradient(center top , #333 0%, #222 100%);
  background-image: -webkit-gradient( linear, left center, left top, color-stop(0.0, #222), color-stop(1.0, #333) );
  border-color:  #171717;
  border-radius: 3px 3px 0 0;
  -o-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  -webkit-border-radius: 3px 3px 0 0;
  border-style: solid;
  border-width: 1px;
  color: #aaaaaa;
  font-size: 16px;
  font-weight: bold;
  margin: 0;
  padding: 8px 18px;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 1.0);
}
.ewebbox .ewebbody { border-color: #c5c5c5; border-width: 0px 1px 1px 1px; border-style: solid; padding: 5px; background: white; min-height: 200px }
/* icona sull'header */

.btn { padding: 4px 10px !important; }
.messagenoalert { text-align: right; color: #C67605;}


#pageBar .darkwell, #pageBar .breadcrumb, #pageBar code, #pageBar pre, #pageBar select,
#pageBar input[type="text"],
#pageBar input[type="password"],
#pageBar input[type="datetime"],
#pageBar input[type="datetime-local"],
#pageBar input[type="date"],
#pageBar input[type="month"],
#pageBar input[type="time"],
#pageBar input[type="week"],
#pageBar input[type="number"],
#pageBar input[type="email"],
#pageBar input[type="url"],
#pageBar input[type="search"],
#pageBar input[type="tel"],
#pageBar input[type="color"],
#pageBar .uneditable-input, #pageBar textarea, #pageBar .hero-unit, #pageBar .progress {
  -webkit-box-shadow: rgba(255, 255, 255, 0.1) 0 1px 0, rgba(0, 0, 0, 0.8) 0 1px 7px 0px inset !important;
  -moz-box-shadow: rgba(255, 255, 255, 0.1) 0 1px 0, rgba(0, 0, 0, 0.8) 0 1px 7px 0px inset !important;
  box-shadow: rgba(255, 255, 255, 0.1) 0 1px 0, rgba(0, 0, 0, 0.8) 0 1px 7px 0px inset !important;
  background: #202020 !important;
  background-color: rgba(0, 0, 0, 0.1) !important;
  border: 0 !important;
  color: #aaa;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#88000000,endColorstr=#88000000) !important;
}

#pageBar select:-moz-placeholder,
#pageBar input[type="text"]:-moz-placeholder,
#pageBar input[type="password"]:-moz-placeholder,
#pageBar input[type="datetime"]:-moz-placeholder,
#pageBar input[type="datetime-local"]:-moz-placeholder,
#pageBar input[type="date"]:-moz-placeholder,
#pageBar input[type="month"]:-moz-placeholder,
#pageBar input[type="time"]:-moz-placeholder,
#pageBar input[type="week"]:-moz-placeholder,
#pageBar input[type="number"]:-moz-placeholder,
#pageBar input[type="email"]:-moz-placeholder,
#pageBar input[type="url"]:-moz-placeholder,
#pageBar input[type="search"]:-moz-placeholder,
#pageBar input[type="tel"]:-moz-placeholder,
#pageBar input[type="color"]:-moz-placeholder,
#pageBar .uneditable-input:-moz-placeholder {
  color: #aaaaaa;
}

#pageBar select:-ms-input-placeholder,
#pageBar input[type="text"]:-ms-input-placeholder,
#pageBar input[type="password"]:-ms-input-placeholder,
#pageBar input[type="datetime"]:-ms-input-placeholder,
#pageBar input[type="datetime-local"]:-ms-input-placeholder,
#pageBar input[type="date"]:-ms-input-placeholder,
#pageBar input[type="month"]:-ms-input-placeholder,
#pageBar input[type="time"]:-ms-input-placeholder,
#pageBar input[type="week"]:-ms-input-placeholder,
#pageBar input[type="number"]:-ms-input-placeholder,
#pageBar input[type="email"]:-ms-input-placeholder,
#pageBar input[type="url"]:-ms-input-placeholder,
#pageBar input[type="search"]:-ms-input-placeholder,
#pageBar input[type="tel"]:-ms-input-placeholder,
#pageBar input[type="color"]:-ms-input-placeholder,
#pageBar .uneditable-input:-ms-input-placeholder {
  color: #aaaaaa;
}
#pageBar select::-webkit-input-placeholder,
#pageBar input[type="text"]::-webkit-input-placeholder,
#pageBar input[type="password"]::-webkit-input-placeholder,
#pageBar input[type="datetime"]::-webkit-input-placeholder,
#pageBar input[type="datetime-local"]::-webkit-input-placeholder,
#pageBar input[type="date"]::-webkit-input-placeholder,
#pageBar input[type="month"]::-webkit-input-placeholder,
#pageBar input[type="time"]::-webkit-input-placeholder,
#pageBar input[type="week"]::-webkit-input-placeholder,
#pageBar input[type="number"]::-webkit-input-placeholder,
#pageBar input[type="email"]::-webkit-input-placeholder,
#pageBar input[type="url"]::-webkit-input-placeholder,
#pageBar input[type="search"]::-webkit-input-placeholder,
#pageBar input[type="tel"]::-webkit-input-placeholder,
#pageBar input[type="color"]::-webkit-input-placeholder,
.uneditable-input::-webkit-input-placeholder {
  color: #aaaaaa;
}

.actions {
  min-width: 70px;
  max-width: 200px;
  width: 100px;
}

.small-cell {
  width: 50px;
  text-align: center !important;
}




.files .fileItem {
  padding: 15px;
  margin-bottom: 20px;
  border-bottom: 2px solid #e0e0e0;
  background-color: #ffffff;
  text-align: center;
}

.files canvas, .files img {
  width: 100px;
  height: auto;

}


.table {font-size:0.9em}
.breadcrumb { font-size: 0.8em; }

.tabresults .active a { background: #F9F9F9 !important }

td.maximum { background-color:#5FBE5F !important; font-weight: bold; color: white; }
td.minimum { background-color: #DD514C !important; font-weight: bold; color: white; }
span.c-green {color: #5FBE5F;}
td.maximum span.c-green {color: white;}