/* bitacora.css */

body,div,p,h1,h2,h3,h4,h5,h6 { font-family: "Josefin Sans", sans-serif; }

.inline {display: inline-block;}

.marco_bitacora { display: block; width: 100%; max-width: 690px; margin-bottom: 8px; }

.fila_bitacora { display: block; width: 100%; max-width: 690px; min-height:30px; 
	background-color:transparent; padding: 0px; margin-bottom:1px; }
.fila_bitacora > div { display: inline-block; height:30px; padding: 6px 8px; font-size: 14px; 
	border-right:solid 1px White; vertical-align: top; background-color:LightGray; }
.fila_bitacora > div > div { display: inline-block; margin-right:8px; }

.fila_bitacora > div:nth-child(1) { width: 170px; cursor:default; }
.fila_bitacora > div:nth-child(2) { width: 170px; cursor:default; }
.fila_bitacora > div:nth-child(3) { width:  72px; }
.fila_bitacora > div:nth-child(4) { width: 228px; padding: 1px 0px 1px; margin-right:0px; }
.fila_bitacora > div:nth-child(4) input { width: 100%; height:100%; padding: 0px 5px; border:none; }

.fila_bitacora > div:nth-child(5) { width:48px;padding:4px;margin-right:1px;text-align:center;font-size:22px;cursor:pointer;}
.fila_bitacora > div:nth-child(6) { width:48px;padding:4px;margin-right:1px;text-align:center;font-size:22px;cursor:pointer;}
.fila_bitacora > div:nth-child(7) { width:48px;padding:5px;margin-right:0px;text-align:center;font-size:18px;cursor:pointer;background-color:WhiteSmoke;color:gray;}

@media screen and (max-width: 360px)
{
	.fila_bitacora { margin-bottom: 8px!important; border-bottom: solid 1px Gray; }
	.fila_bitacora > div:nth-child(1) { width: 50%; }
	.fila_bitacora > div:nth-child(2) { width: 50%; }
	.fila_bitacora > div:nth-child(3) { width: 80px; }
	.fila_bitacora > div:nth-child(4) { padding: 0px; }
}