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

body, table td, select, button {
    font-family: CircularStd,sans-serif !important;
    font-size: 15px !important;;
}

.fecha-rastreo{
	font-size: 0.8em;
  font-weight: bold;
  color: #fff;
  border-left: 2px medium ;

}
.localizacion-rastreo{
  font-size: 0.8em;
  font-weight: bold;
  color: #fff;
  border: thin;
}
.situacion-rastreo{
  font-size: 0.8em;
  font-weight: bold;
  color: #fff;
   border: thin;
}

.label-titulo {
  font-size: 1.4em;
  color: #fff;
  padding-bottom: 7px;
}

.titulo-ordenamiento{
	color:#ffffff;
	font-size: 1.5em;
  font-weight: bold;
  padding: 5px;
}

#PanelRastreo{
	margin-top: 0em;
	width:65%;
	margin-left:3em;
	background-color:#025091;
	border-radius:5px;
	border:1px solid #025091;
	width: 70%;
}

textarea {
  font-family: CircularStd,sans-serif;
}

.boton_rastreo{
	margin-top: 10px;
	background-color: #f47f19;
  color: #fff;
  padding: 10px 50px;
  font-weight: 700;
	display:inline-block;
	font-size:19px;
	border-color: #faebd700;
	margin-right: -7px;
}

.boton_rastreo:hover {
	background-color: #e27414;
  box-shadow: 0 0.5rem 3rem rgb(0 0 0 / 10%);
  -webkit-transform: translateY(-2px);
  transform: translateY(-2px);
}

.boton_rastreo:active {
	position:relative;
	top:1px;
	border:1px solid #4e6096;
}

body{
	font-family: CircularStd,sans-serif;
}

/** 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;
}

table{
	width: 100%;
}

.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;
}
.titulo_rastreo {
	font-weight: bold;
	font-size: 1.5rem;
  line-height: 4.5rem;
  font-weight: 700;
  color: #005dab;
}

.row-guia{
  font-size: 1.5em;
  font-weight: bold;
  color: #435;
  margin: 40px 0px 40px;
   border: thin;
}

.texto-rastreo{
	width: 40%;
    height: 80px;
}
#Rastreo{
	width:100%; 
	display:-webkit-box;
	background-color: #fff;
}

#RastreoGuia{
	width:25%;
}