html {
  min-height: 100%;
  position: relative;
}
body {
  margin: 0;
  margin-bottom: 40px;
  bottom: 0;
}
.cuerpo {
	width: 85%;
	margin: 0 auto;
	margin-bottom: 130px; /* igual que la altura del footer */
	position: relative;
}
#botones {
	position:fixed;
	left:0;
	top:15%;
}
.atras {
	margin: 1%;
	bottom: 0;
}

.download {
	margin: 1%;
	margin-right: 2%;
}
.edit {
	position:fixed;
	margin: 1%;
	right:0;
}

footer {
	height: 130px;
	width: 100%;
	position: absolute;
	bottom: 0;
	background: linear-gradient(345deg, rgba(51,34,136,1) 0%, rgba(108,147,204,1) 10%, rgba(136,204,238,1) 18%, rgba(193,228,246,1) 28%, rgba(224,242,251,1) 44%, rgba(255,255,255,1) 56%);
	color: #332288;
}
svg.miboton:hover {
	fill: #332288;
}

#map {
	height: 350px;
	width: 100%;
	z-index: 0;
}
	

.center {
    right: 20%;
    bottom: 20%;
    transform: translate(20%,20%);
    position: relative;
	padding-bottom: 100px;
	padding-right: 35%;
	padding-left: 35%;
}

.message-box {
	background-color: white;
	color: black;
	border-radius: 30px;
	padding:10%;
	border-image: linear-gradient(#f6b73c, #4d9f0c) 30;
	border-width:4px;
	border-style: solid;
	font-size: 17px;
}



/*Estilo de la barra superior de navegacion*/
.topnav {
  background-color: white;
  overflow: hidden;
  box-shadow: 0px 4px 2px 0px rgba(0,0,0,.2);
}

.topnav a {
  float: left;
  color: black;
  background-color: white;
  text-align: center;
  padding: 40px 25px 17px;
  text-decoration: none;
  font-family: Times New Roman;
  font-size: 19px;
  border-style: hidden;
}
.dropdown {
  float: left;
  overflow: hidden;
}
.dropdown button {
  font-size: 17px;  
  border: none;
  outline: none;
  color: black;
  padding: 40px 25px 17px;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
}
.topnav a:hover, .dropdown button:hover {
  background-color: #332288;
  color: white;
}
.topnav a.here {
  background-color: #88CCEE;
  color: black;
}
/*Lo que se despliega:*/
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 4px 2px 0px rgba(0,0,0,.2);
  z-index: 1;
}
.dropdown-content a {
  float: none;
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}
.dropdown-content a:hover {
  background-color: #A0A0A0;
}
.dropdown:hover .dropdown-content {
  display: block;
}
.dropdown button.here {
	background-color: #88CCEE;
	color: black;
}


/*Estilo de la tabla del visor de eventos*/
#tab_evento, #tab_evento td {
	width: 100%;
	border: 1px solid;
	background-color: orange;
}

#visitas, #visitas td {
	width: 100%;
	border: 1px solid;
}

/*Estilo de MINIFICHA de individuo*/
.minificha {
	display: inline-block;
	
	background-color: #D7FFE9;
	border: 3px solid #AA4499;
	border-radius: 15px;
	cursor: pointer;
	text-align: center;
	
	
}
.minificha td.sex {
	font-size: 20px;
	padding: 5px 15px;
}
.minificha td.ident {
	font-size: 15px;
	padding: 10px 20px 10px 5px;
}

/* Estilo de botón (span) +/- */
#red_all, #red_all2 {
	border-radius: 20%;
    width: 15px;
    height: 8px;
    padding: 0px 10px;

    border: 2px solid ;
    text-align: center;

    font-size: 28px;
}

/* Estilo de botón (span) para añadir nueva observación en visita a evento */

#newobs:hover {
	
	background-color: green;
    
}
.deleteobs:hover {
	
	background-color: red;
    
}
#newobs:active, .deleteobs:active {
	
	background-color: yellow;
    
}
#obs_table, #obs_table th {

	border: 1px solid;
}

#obs_table td {
	border: 0px;
}

/* Estilo de tabla visitas a evento con observaciones */
table.visitasyobservaciones, table.visitasyobservaciones td, table.visitasyobservaciones th {
	border-bottom: 1px solid grey;
	border-collapse: collapse;
	padding: 8px;
}
table.visitasyobservaciones td.test {
	border-bottom: 1px solid black;
}
table.visitasyobservaciones tr:nth-child(even) {
  background-color: #DDCC77;
}
table.visitasyobservaciones tr:hover {
  background-color: #FFF900;
}
table.visitasyobservaciones tr.comohover {
  background-color: #FFF900;
}
/* Estilo de tabla de revision de ubicaciones gps antes de subirlos */

.preupload {
	table-layout: fixed;
	font-family: 'Courier New', monospace;
	font-size: 13px;
	overflow-x: auto;
	overflow-y: auto;
	border: 5px outset #332288;
	width: 100%;
	height: 400px;
	display: block;
}
.preupload th {
	padding: 25px 5px 25px 5px;
	background: #595475;
	color: #fff;
}
.preupload tr:nth-child(even){background-color: #f2f2f2;}
.preupload tr:hover {background-color: #ddd; font-weight: bold}
.preupload tr.dups {
	background-color: red;
	color: #fff;
}
.preupload tr.incor {
	background-color: red;
	color: #fff;
}

/*vis timeline*/
#vis_timeline {
      width: 80%;
      border: 1px solid lightgray;
    }
.vis-inner:hover{
   background-color: yellow;   
}
.vis-item.punto_visita {
  color: black;
  background-color: red;
  border-color: darkred;
}
.vis-item.punto_visita:hover {
  background-color: #FFF900;
}
.vis-item.comohover {
  background-color: #FFF900;
}
#mybutton:hover{
   background-color: yellow;   
}

.punto {
  height: 20px;
  width: 20px;
  border-radius: 50%;
  border: 1px solid black;
  display: inline-block;
}
/*para el timeline de deployments_view*/
.vis-item.vis-box.location, .vis-item.vis-line.location {
	border-color: transparent;
	background-color: transparent;
}
.vis-item.vis-dot.location {
	border-color: red;
}
/*para mostrar infor de periodos del timeline */
#iteminfo {
      width: 17%;
      float: right;
      border: 3px solid #ccc;
    }
/*para la tabla de permisos*/
#myTable2 {
	border: 1px solid;
	width: 50%;
}
#myTable2 td {
	border: 1px solid;
	font-size: 19 px;
}

/*para td de bulkintro proceso 2*/
tr.bulk td {
  border: 1px solid black;
  padding: 10px;
}
span.original {
	bottom: 1px solid black;
}