/* ========= INFORMATION ============================
	- document:  WP Coder!
	- author:    Dmytro Lobov 
	- url:       https://wow-estore.com/
==================================================== */
* {
  box-sizing: border-box;
}

#myInput {
  background-image: url('/css/searchicon.png');
  background-position: 10px 10px;
  background-repeat: no-repeat;
  width: 50%;
  font-size: 16px;
  padding: 12px 20px 12px 40px;
  border: 1px solid #ddd;
  margin-bottom: 12px;
	border-radius: 15px;
	float:right;
}

#myTable {
  border-collapse: collapse;
  width: 100%;
  border: 1px solid #ddd;
  font-size: 18px;
}

#myTable th {
  text-align: left;
  padding: 12px;
	background-color: #1b75bb;
	color:white
	
}
#myTable td {
	text-align: justify;
  padding: 12px;
}

#myTable tr {
  border-bottom: 1px solid #ddd;
}

#myTable tr.header, #myTable tr:hover {
  background-color: #188fbb;
	color:white
}

@media screen and (max-width: 480px) {
    table, tr, td {
        display: block;
    }
	tr:first-child { display: none;  }
	td:nth-child(1):before { content: 'Acuerdo:'; display:block; }
	td:nth-child(2):before { content: 'Fecha:'; /*color:blue;*/}
    td:nth-child(3):before { content: 'Descripción:'; }
    td:nth-child(4):before { content: 'Peso:'; }
    td:nth-child(5):before { content: 'Descargar:'; }
	  
	 td:not(:first-child):before {
        display: block;
        font-size: .8em;
        padding-top: 0.3em;
        position: relative;
    }
	td:not(:first-child) {
        padding: 5px 1em;
        width: 100%;
    }
	
}