/** Add css rules here for your application. */


/** Example rules used by the template application (remove for your app) */
/*h1 {
  font-size: 2em;
  font-weight: bold;
  color: #777777;
  margin: 40px 0px 70px;
  text-align: center;
}*/

.sendButton {
  display: block;
  font-size: 16pt;
}

/** Most GWT widgets already have a style name defined */
.gwt-DialogBox {
  width: 400px;
}

.dialogVPanel {
  margin: 5px;
}

.serverResponseLabelError {
  color: red;
}

/** Set ids using widget.getElement().setId("idOfElement") */
#closeButton {
  margin: 15px 6px 6px;
}

.show-grid [class^=col-] {
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #eee;
	background-color: rgba(86,61,124,.15);
	border: 1px solid #ddd;
	border: 1px solid rgba(86,61,124,.2);
}

.body{
	background-color: #3c3c3b!important;
}

.bodyFermata{
	background-color: #f53230!important;
}

.white{
	color: #fff;
}

a.logo_sab {
background: url(images/trasporti/sab.png);
height: 30px;
width: 30px;
background-size: 30px;
display: block;
}

a.logo_atb {
background: url(images/trasporti/atb.jpg);
height: 30px;
width: 30px;
background-size: 30px;
display: block;
}
a.logo_teb {
background: url(images/trasporti/teb.jpg);
height: 30px;
width: 30px;
background-size: 30px;
display: block;
}
a.logo_tn {
background: url(images/trasporti/tn.jpg);
height: 30px;
width: 30px;
background-size: 30px;
display: block;
}
.stazione_title{
	font-size: 54px;
}

.header-bus{
	background-color: #f39426 !important;
	border: 7px solid #f39426 !important;
}

.header-tram{
	background-color: #ffdd1f !important;
	border: 7px solid #ffdd1f !important;
}

.header-sab{
	background-color: #207ec1 !important;
	border: 7px solid #207ec1 !important;
}

.header-funic{
	background-color: #999999 !important;
	border: 7px solid #999999 !important;
}

.header-sacbo{
	background-color: #9ac1ae !important;
	border: 7px solid #9ac1ae !important;
}

.header-tnord{
	background-color: #0e6633 !important;
	border: 7px solid #0e6633 !important;
}

.orario {
  font-size: 2em;
  color: white;
}
	
#cont h3, p, img{color:#fff; margin:0px; padding:0px;}

/* sticky */
.sticky {
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	background-color:#4e5f75;
	border-bottom:thin solid rgba(255,255,255,.5);
}

.logo{float:left; width:45%; background:url("images/fermata/logo.jpg") no-repeat scroll 0% 0% transparent; background-position: center left; height: 57px; max-width:100%;}
.app{float:left; width:55%; background:url("images/fermata/app.jpg") no-repeat scroll 0% 0% transparent; background-position: center right; height: 57px; max-width:100%;}

/* header */
.header-fermata{padding-top:70px; background-color:#f53230; font-family:Helvetica, Arial, sans-serif;}
.header_i{
	padding:15px 0px;
	background-image:url('images/fermata/bus.png');
	background-repeat:no-repeat;
	background-position:22px 14px;
	background-size:50px;
	padding-left: 90px;
	padding-right:20px;
	min-height:80px;
}
.header-fermata h3{
	font-weight:normal;
	font-size:22px;
}
.header-fermata h3 span{color:#f18f18;}

/* table */
#table-fermata th{
	font-size:18px;
	background-color:#d02b29;
	text-align:left;
	vertical-align:middle;
	text-align:center;
	color:#fff;
	padding:15px 0px;
	font-family:Helvetica, Arial, sans-serif;
}
#table-fermata td{
	font-size:16px;
	text-align:center;
	vertical-align:middle;
	color:#f53230;
	background-color:#f4f4f4;
	border-right:1px solid #d02b29;
	padding:15px 0px;
	font-family:Helvetica, Arial, sans-serif;
}
	
	/* colore background dispari*/
	/*table tbody tr:nth-child(odd){background-color:#444;}*/
	
	/* dimensione celle e grassettto */
#table-fermata table tbody tr td:nth-child(1){width:15%; font-weight:bold;}
#table-fermata table tbody tr td:nth-child(2){width:70%; font-weight:bold;}
#table-fermata table tbody tr td:nth-child(3){width:15%; border-right:none;}

div.avviso {
	background-color:#ffffff;
	border-style: solid;
	border-width: 10px; 
	border-color: #ff0000;
	height: 200px;
	width: 100%;
	display: block;
	margin: auto;
}

.avviso-it {
	display: table;
  	margin: 0 auto;
	font-size: 2.5em;
	font-weight: bold;
  	color: red;
	font-family:Helvetica, Arial, sans-serif;
  	margin: auto;
}

.avviso-en {
	display: table;
  	margin: 0 auto;
	font-size: 2.5em;
	font-style: italic;
	color: red;
	font-family:Helvetica, Arial, sans-serif;
  	margin: auto;
}