/*
*
*  TencoSoul
*  tecnosoul.com.ar
*
*  interfase sistema Pipore 2013
*
*/

html {
height: 100%;
}

body {
  /*background-image:url(images/auto.png);
  background-repeat:no-repeat;
  background-position:top;*/
  background-color: #eee;
  font-family: sans-serif;
}
h1, h2  { text-align: center; margin: 10px 0px; }
h1 {     font-size: 32px   }
h2 {     font-size: 32px   }
h3 {     font-size: 20px   }


.fecha{
	font-size:16px;
	font-family:"Comic Sans MS", cursive;
}
ul.menu {
   list-style:none;
   font-size:14px;
   color:#000;
   font-weight:bold;
}
.opciones{
	text-align:center;
	float:left;
	position:relative; /* Las coordenadas de los ul inferiores serán relativas al <li> que los contiene*/
	margin-right: 1px;
}

.submenu{
	position:relative; /* Las coordenadas de los ul inferiores serán relativas al <li> que los contiene*/
	margin-top: -3px;/* margen negativo para pisar bordes*/
}
.opciones, .submenu {
  border: 2px solid #000;
  min-height: 20px;
  padding: 4px 2px 2px;
  width: 150px;
}

ul.menu> li > ul {
	top: 30px; /* este margen segun el alto anterior de los botones */
}

/*ul.menu li
{
   position:relative; /* Las coordenadas de los ul inferiores serán relativas al <li> que los contiene
   width:100px;
   background-color:#090;
   border:1px solid black;
   padding:3px 5px;
}*/

ul.menu ul{/*ESTE ES PARA LOS SUBMENU DE NIVEL 2*/
	position:absolute; /* Esta posición es relativa al <li> que contiene a este <ul>*/
	left:80px;  /*Para que no monte sobre el <li>*/
	top:-3px;
	display:none;
	list-style:none;
	text-align:center;
}
ul.menu li:hover > ul{
   display:block;
}

/*a partir de ak es para que el menu sea horizontal.*/
ul.menu> li > ul{  /*Solo para los ul debajo de los li de primer nivel. */
   position:absolute;
   left:-42px;
   /*top:36px;*/
   display:none;
   list-style:none;
}
ul.menu > li{ /* Sólo para li de primer nivel */
   display:inline;
}

ul.menu a,
ul.menu a:hover {
    text-decoration:none
}

ul.menu li:hover {
	color:#FFF;
}
a{
   /*	font-size:20px; */
	color:#000;
	font-weight:bold;
}

.opciones,
.submenu {     background-color:rgb(179, 209, 230); }/*rgba(0, 122, 204, 0.25);*/
li:hover{      background-color:#0B0099;   }

.titulo2 {
	color:#090;
	font-size:30px;
}
.mensaje_error {
	color:#F00;
	font-size:18px;
}


input {   padding: 3px 10px; } /* botones */
form {  text-align: center;  }



/*          TABLAS        */

/* table {
  font-size: 16px;
} */

.marco {
/*padding: 25px 0px;*/
margin-left: auto;
overflow:scroll;
/*max-height: 82%;*/
max-height: 55%;
max-width: 100%;
}

.marco-chico {

}
.marco-chico {
border-radius: 4px;
/*display:block;*/
margin-right: auto;
margin-left: auto;
margin-bottom: 20px;
padding: 25px;
border-collapse:separate;
}
.marco-chico tr {   height: 50px; }


/*.casilla{  min-width: 70px; } */
.marco.tikets .casilla{  min-width: 70px; }

/*.casilla {  padding: 5px; } */
.casilla {   background-color: #fff  }

/*///////////////////////////////////////////////AGREGADO POR AXEL/////////////////////////////////////////////////////////*/
.casilla {	font-size:12px  }
.casillaMarcada {  background-color: lightgray;  }
/*///////////////////////////////////////////////AGREGADO POR AXEL/////////////////////////////////////////////////////////*/

.marco-chico {  padding: 25px;  background-color:#001DFF; /* fondo en Nuevo ????*/ }
.marco {   }
tr:hover > .casilla {   background-color:#EFC098; }/* #EFED98  rgb(226, 248, 255); */


#listado-tickets,
#lista-ctacte table,
/* tables admin */
#lista-clientes,   /* larga */
#lista-conceptos table,
#lista-contratos table,
#lista-localidades table,
#lista-lotes table,
#lista-productos table,
#lista-proveedores,   /* larga */
#lista-provincias table,
#lista-depositos table,
#lista-transportes table,
#lista-transportistas table,
#lista-usuarios table {  background-color:#d1e798; /*rgba(0, 122, 204, 0.25) #EFED98;  #D1E798 fondo para listados */ }

#alta-cliente table,
#alta-concepto table,
#alta-localidad table,
#alta-proveedor table,
#alta-lote table,
#alta-deposito table,
#alta-transporte table,
#alta-transportista table,
#alta-usuario table {  background-color: #8FBC8F; /*#B9CCD0 fondo en Nuevo*/ }
/* transportista ??? sedemo?? */

#modif-cliente table,
#modif-concepto table,
#modif-localidad table,
#modif-proveedor table,
#modif-producto table,
#modif-lote table,
#modif-deposito table,
#modif-transporte table,
#modif-transportista table,
#modif-usuario table {   background-color: #DABA8B; /* fondo en modificar */ }
/* transportista ??? sedemo?? */

#lista-tickets-liquidar { }

#lista-ctacte {  }
#lista-clientes {  }
#lista-conceptos {  }
#lista-contratos {  }
#lista-localidades {  }
#lista-lotes {  }
#lista-productos {  }
#lista-proveedores {  }
#lista-provincias {  }
#lista-depositos {  }
#lista-transportes {  }
#lista-transportistas {  }
#lista-usuarios {  }

#alta-concepto {  }
#alta-localidad {  }
#alta-proveedor {  }
#alta-lote {  }
#alta-deposito {  }
#alta-transporte {  }
#alta-usuario {  }

#modif-concepto {  }
#modif-localidad {  }
#modif-proveedor {  }
#modif-lote {  }
#modif-deposito {  }
#modif-transporte {  }
#modif-usuario {  }





/* para pagina inicio */

body.bienvenida {
  /*background-image: url(../images/yerba.jpg);*/
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat
}

table.cuadrologin { /* centrado */
  background-color: rgba(0, 122, 204, 0.25);
  border-radius: 6px;
  border-color:#000000;
  position:absolute;

width: 360px;
left: 50%;
margin-left: -180px;

  top:50%;
  height:310px;
  margin-top: -155px;
}
.cuadrologin, .cuadroinput  { color:#000; }

#sicosagro {  
	color:#001DFF;/* rgb(11, 0, 153);*/
	font-size:46px;
}

.cerrastes {
border-radius: 6px;
width: 350px;
padding: 20px;
background-color: #001DFF;/*rgba(255, 255, 255, 0.75);*/
margin: 0px auto;
/*color: rgba(0, 122, 204, 0.25);/*rgb(0, 122, 204);*/
color:#FFFFFF;
top:30%;
}





/* agregado por axel*/
#divTareas{
	width:500px;
}
#filtrar{
	width:100%;
}
#divFiltrar{
	height: 40px;
	position: absolute;
	bottom: 5px;
	width: 16%;
	left: 42%;
}
.modalContent-popup{
	margin-top:80px;
}
/* Style the buttons that are used to open and close the accordion panel */
.accordion {
	background-color: #eee;
	color: #444;
	cursor: pointer;
	padding: 18px;
	width: 100%;
	text-align: left;
	border: none;
	outline: none;
	transition: 0.4s;
}
/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .accordion:hover {
	background-color: #ccc;
}		
/* Style the accordion panel. Note: hidden by default */
.panel {
	padding: 0 18px;
	background-color: white;
	display: none;
	overflow: hidden;
}
/*ACA EMPIEZA EL MODAL*/
#modalContent {
	width: 900px;
	margin: 0px auto;
	padding: 2em 1em;
}
#modalPopup {
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1001;
}
.modalContent-popup {
	margin:0px auto;
	margin-top:120px;
	position:relative;
	padding:10px;
	width:500px;
	min-height:250px;
	border-radius:4px;
	/*background-color:#FFFFFF;*/
	background-color: #eee;
	box-shadow: 0 2px 5px #666666;
}
.modalContent-popup h2 {
	color:#48484B;
	border-bottom: 1px solid #48484B;
	margin-top: 0;
	padding-bottom: 4px;
}
.modalPopup-overlay {
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 999;
	display:none;
	/*background-color: #777777;*/
	background-color: rgba(0,0,0,0.7);
	cursor: pointer;
	/*opacity: 0.7;*/
}
.modalClose {
	position: absolute;
	right: 15px;
}

#popup {
	display:none;
/*   visibility:hidden;*/
   opacity: 1;
   background-color: rgba(0,0,0,0.8);
   position: fixed;
   top:0;
   left:0;
   right:0;
   bottom:0;
   margin:0;
   z-index: 999;
   -webkit-transition:all 1s;
   -moz-transition:all 1s;
   transition:all 1s;
}
.popup-contenedor {
   position: relative;
/*   margin:7% auto;*/
   padding:30px 50px;
   background-color: #fafafa;
   color:#333;
   border-radius: 3px;
   width:50%;
}
a.popup-cerrar {
   position: absolute;
   top:3px;
   right:3px;
   background-color: #333;
   padding:7px 10px;
   font-size: 20px;
   text-decoration: none;
   line-height: 1;
   color:#fff;
}
/*ACA TERMINA EL MODAL*/
#procesando{
	/*background-color:#000000;
	width:200px;
	height:50px;
	position:fixed;
	margin:10px auto;*/
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin: auto;
	height: 100px;
	width: 200px;
}
.fondoTransparente{
	/*Div que ocupa toda la pantalla*/
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border-radius: 10px;
	background-color:#fff;
	/*IE*/
	filter: alpha(opacity=100);
	/*FireFox Opera*/
	opacity: 1;
    padding-top: 20px;
	border: solid black 0.5px;
}
.password{
	display:none;
}
#composicionPrecio{
	background-color:#DBDBDB;
	height:75%;
	width:75%;
	position: absolute;
	/*nos posicionamos en el centro del navegador*/
	top:7%;
	left:12.5%;
	border:1px solid #808080;
	padding:5px;
}
.number, .numberTotal, .numberTotalPlanilla, .numberTotalTarea{
   padding:1px;
}
.number{
   width:30px;
}
.numberTotal{
   width:45px;
}
.numberTotalPlanilla{
   width:43px;
}
.numberTotalTarea{
   width:65px;
}
#tableBody{
	background-color:#ED575A;
	max-height:60%;
}
.sugerencia{
	font-size:11px;
	font-style:italic;
}

#contenedor {
  width:100%;
  margin:0px;
/*  border:1px solid #000;*/
  line-height:130%;
}
#columna1{
  float:left;
  width:650px;
  margin:0;
  padding:1em;
}
#columna2{
  margin-left:680px;
/*  border-left:1px solid #aaa;*/
  padding:1em;
}

.marco-base {
/*padding: 25px 0px;*/
margin-left: auto;
max-height: 82%;
max-width: 100%;
/*margin-right: auto;*/
margin-right:17px;
}

.gnuevo,
.geditar,
.gexcel,
.gprint,
.geliminar,
.gcerrar,
.ginicio {
    border: 0 none;
    display: block;
    float: left;
    height: 16px;
    margin: 2px;
    /* padding: 0;*/
    text-indent: 20px;
    width: 16px;
    /* background-color: cornflowerblue;*/
    overflow: hidden;
    
    background-size: contain;
    background-repeat: no-repeat;
    background-position-x: 0px;
}

.gnuevo { background-image: url("../images/plus.svg"); }
.geditar { background-image: url("../images/pencil.svg"); }
.gexcel { background-image: url("../images/download.svg"); }
.gprint { background-image: url("../images/printer.svg"); }

.geliminar { background-image: url("../images/minus.svg"); }
.gcerrar { background-image: url("../images/lock_closed.svg"); }
.ginicio { background-image: url("../images/home.svg"); }

/* iconos ecepciones y ajustes */

td.casilla .geditar { overflow: visible; width: auto; }
/*aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa*/