/*datos informe--------------------*/


.xdsoft_datetimepicker {

    position: fixed !important;
    top: 42% !important;
    left: 50% !important;
    z-index: 9999 !important;

    -webkit-transform   : translateX(-50%) translateY(-50%) !important;
    -moz-transform      : translateX(-50%) translateY(-50%) !important;
    -ms-transform       : translateX(-50%) translateY(-50%) !important;
    transform           : translateX(-50%) translateY(-50%) !important;
}


.table-scroll{
  
  max-width: 100%;
  width: 100%;
  max-height:100vh;  
  overflow: scroll;
  position: fixed;
  top:auto;
  left: 0;
}


.table-scroll table {
  width: 100%;
  position: relative;
  border-collapse: collapse;
  background-color: #ffffff;
}

.table-scroll td,th {
  padding:2px;
  border: 1px solid #ebebeb;
}

.table-scroll thead th {
  position: -webkit-sticky; /* for Safari */
  position: sticky;
  top: 0;
  background:#e3e3e3;
  color: #5e5e5e;
  height: 20px;
  font-size: 13px;
  padding: 2px;
}


.table-scroll thead th:first-child {
  left: 0;  
  z-index: 2;
}


.table-scroll tbody th:first-child {
  position: -webkit-sticky; /* for Safari */
  position: sticky;
  left: 0;    
  z-index: 1;
  background: #FFF;
  border: 0px solid #CCC;
}



.table-scroll tfoot td {
  position: -webkit-sticky; /* for Safari */
  position: sticky;
  bottom: 0;
  background:#e3e3e3;
  color: #000000;
  height: 30px;
  font-size:15px;
  text-align:right;
 /* font:bold;*/
  vertical-align: middle;

 
}

.table-scroll tfoot td:first-child {
  left: 0;  
  z-index: 2;
}


.table-scroll  tr:hover {
  background-color: #ffff99; 
}




/*datos informe--------------------*/





.ui-widget { font-family: Lucida Grande, Lucida Sans, Arial, sans-serif; font-size:10px; z-index:9999999 }
.ui-autocomplete { height: 500px; width:450px; overflow-y: scroll; overflow-x: hidden; font-size:14px;}      

.ui-autocomplete::-webkit-scrollbar{
    width: 2em;
}


.ui-autocomplete::-webkit-scrollbar-thumb {
    position: absolute; /* please don't change 'position' */
    bottom: 3px; /* there must be 'bottom' for ps-scrollbar-x */
    height: 80px;
    /*background-color: #aaa;*/
	background-color: #aaa;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    opacity: 0;
    filter: alpha(opacity = 0);
    -webkit-transition: opacity.2s linear;
    -moz-transition: opacity .2s linear;
    transition: opacity .2s linear;
}



.ir-arriba {
	display:none;
	padding:3px;
	cursor:pointer;
	position: fixed;
	bottom:70px;
	right:20px;
	z-index: 10;
}

.ir-abajo {
	display:none;
	padding:3px;
	cursor:pointer;
	position:fixed;
	bottom:20px;
	right:20px;
	z-index: 10;
}



	
.caja_datos {
font-family: Arial, Sans-Serif;
font-size: 16px;
color:#000;
padding: 5px;
outline:none;   
border: solid 1px #adadad;

-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
-moz-box-shadow:inset 0 0 5px 5px #E6E6E6;
-webkit-box-shadow:inset 0 0 5px 5px #E6E6E6;
box-shadow:inset 0 0 5px 5px #E6E6E6;
}


input:focus, input:hover{
border:1px solid #09F; 
}

.contenedor_datos{
	margin-left: 0px;
}

.contenedor_datos em {
font-size:12px;
margin-left:3px;
color:#666;
}


.tabla_ven {
	margin-left: auto;
    margin-right: auto;
    background-size: cover;
    overflow: hidden;
	margin:10px auto;background:#FFF;
	border-radius:10px;-moz-border-radius:10px;
	-webkit-border-radius:10px;box-shadow:0 0 7px 0 #000 inset , 0 0 16px 0 #000;
	-moz-box-shadow:0 0 7px 0 #000 inset , 0 0 16px 0 #000;-webkit-box-shadow:0 0 7px 0 #000 inset , 0 0 16px 0 #000;	


	background: -webkit-gradient(
	    linear,
	    left bottom,
	    left top,
	    color-stop(0, rgb(255,255,255)),
	    color-stop(100, rgb(217,217,217)),
	    color-stop(1, rgb(255,255,255))
	);
	
	background: -moz-linear-gradient(
	    center bottom,
	    rgb(255,255,255) 0%,
	    rgb(217,217,217) 98%,
	    rgb(255,255,255) 100%
	);
	
		
}


.titulo_ven {
    width: auto;
	color:#FFF;
	margin: 0px;
	margin-bottom:5px;
    background-size: cover;
    overflow: hidden;
	background:#2196F3;
	border-radius:0px;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	box-shadow:0 0 5px 0 #000 inset , 0 0 7px 0 #000;
	-moz-box-shadow:0 0 5px 0 #000 inset , 0 0 7px 0 #000;
	-webkit-box-shadow:0 0 5px 0 #000 inset , 0 0 7px 0 #000;	
}




.modal-backdrop {
    position: absolute !important;
}

.modal {
   position: absolute;
   left: 0;
   right:0;
   top: 10px; 
   border:0px solid;
}