body {
	padding:0px;
	margin:0px;
    font-size: medium;
}

/*Para que el campo TC desabilitado en las partidas de polizas no se vea transparente y verde en el row seleccionado*/
input:disabled{
	background: #f6f7f6;
}

div.chart{
	margin: 15px;
	border: 2px solid #8db863;
	display: inline-block;
/* 	background-color: #ef2929; */
}


.tab-loading-img{
	height: 15px;
	width: 15px;
}


.agenda-menu-popup{
	clip: rect(auto, auto, auto, auto);
    overflow: visible;
    background-color: #bee2b9;
    color: black;
    border: solid #56c34e 2px;
}
.agenda-menu-popup button{
    width: 100%;
    height: 25px;
    margin-top: 3px;
}


.lbs-fields-popup{
	clip: rect(auto, auto, auto, auto);
    overflow: visible;
    background-color: #eeeeee;
    color: black;
    padding: 15px;
    border: solid #c3b8ff 2px;
}
.lbs-fields-popup div{
    padding: 1.5px;
}
.lbs-fields-popup input{
    height: 20px;
    width: 20px;
}
.lbs-fields-popup span{
    font-size: 25px;
    cursor: pointer;
    min-width: 15px;
    width: 15px;
}
.lbs-fields-popup button{
    margin: 10px;
}
.ui-autocomplete-category {
    font-weight: bold;
    padding: .2em .4em;
    margin: .8em 0 .2em;
    line-height: 1.5;
  }

.lbs-div-totales{
/* 	border: solid red 1px; */
	margin-top: 25px;
	width: 99%;
	text-align:center
}
.lbs-div-totales span{
	font-weight: bold;
}

.lbs-div-totales div{
	display: inline-block;
	margin-left: 15px;
}


/*
	Tabs
*/
.lbs-tab{
	margin-top:13px;
	padding: 5px;
	display:inline-block;
	background-color: #4b8c0a;
	margin-left: 5px;
	height: 25px;
	cursor: default;
	color: #ffffff;
	font-weight: bold;
}
.lbs-tab:hover{
	background-color: #2a5500;
}
.lbs-tab-selected{
	margin-top:13px;
	padding: 5px;
	display:inline-block;
	background-color: #ffffff;
	margin-left: 5px;
	height: 25px;
	cursor: default;
	font-weight: bold;
	color: #2e3436;
}

.lbs-tab img{
	cursor: pointer;
}



/*
	Content
*/
#tabContainer{
	background-color: #d3d7cf;
}

.lizbet-div-thead{
	overflow-y: scroll;
}
.lizbet-div-tfoot{
	overflow-y: scroll;
}
.lizbet-div-tbody{
	overflow-y: scroll;
}
@media (min-width: 1000px) {
	#tabContainer{
		position: absolute; 
		overflow: hidden; 
		left: 0em; 
		top: 2.5em; 
		right: 0em; 
		height: 3em; 
		background-color: #d3d7cf;
	}
	#content{
		overflow:auto; 
	/* 	border: solid black 1px;   */
		position: absolute; 
		left: 0em; 
		top: 5.5em; 
		right: 0em; 
		bottom: 0em;
	}
/* 	En altafacturacion.html y altasistema.html */
#altamsgcontainer{
	padding: 25px;
	font-size: 22px;
	font-weight: bold;
	color: #555753;
}
	.lbs-steps{
		justify-content: center;
		display: flex; 
		position: absolute; 
		overflow: hidden; 
		left: 0em; 
		top: 0em; 
		right: 0em; 
		height: 4em;
	}
	.lbs-command-bar{
		padding-right:25px;
		position: absolute; 
		overflow: auto; 
		left: 0em; 
		top: 4em; 
		right: 0em; 
		height: 2em;
	}
	.lbs-subviews{
		padding-right:30px;
		position: absolute; 
		overflow: auto; 
		left: 0em; 
		top: 6em; 
		right: 0em; 
		height: 2em; 
	}
	
	
	.lizbet-div-thead{
		overflow-y: scroll;
		overflow-x: hidden; 
		position: absolute; 
		left: 0em; 
		top: 8em; 
		right: 0em;
		height: 4.0em;
	}
	.lizbet-div-tbody{
		overflow:auto; 
		position: absolute; 
		left: 0em; 
		top: 12.0em; 
		right: 0em;
		bottom: 1.2em;
	}
	.lizbet-div-tfoot{
		boerder: 1px solid black;
		overflow-y: scroll;
		overflow-x: hidden; 
		position: absolute; 
		left: 0em; 
		right: 0em;
		height: 1.2em;
		bottom: 0em;
	}
	.lizbet-div-thead-popup{
		overflow-y: scroll;
		overflow-x: hidden; 
		position: absolute; 
		left: 0em; 
		top: 2.0em; 
		right: 0em;
		height: 4.0em;
	}
	.lizbet-div-tbody-popup{
		overflow:auto; 
		position: absolute; 
		left: 0em; 
		top: 6.0em; 
		right: 0em;
		bottom: 0em;
	}
	
	.lbs-command-bar-popup{
		position: absolute; 
		overflow: hidden; 
		left: 0em; 
		top: 0em; 
		right: 0em; 
		height: 2em;
	}
	
	.lbs-form-container{
		padding-top: 30px;
	    background-color: #fafbf9;
		overflow:auto; 
		position: absolute; 
		left: 2em; 
		top: 8em; 
		right: 2em;
		bottom: 0em;
/* 	    display: inline-block; */
	}
	
	.lizbet-subview-commandbar{
		display: flex;
		width: 100%;
		text-align: right;
		background-color: #d3d7cf;
	}
}

/* 1500 debido a que en resoluciones chicas no se veia completa la barra de comandos en facturas compras*/
@media (max-width: 1000px) {
	.lbs-command-bar{
		overflow: auto; 
		height: 2em;
		display: inline-flex;
		width:100%;
	}
	.lbs-subviews{
		overflow: auto; 
		height: 2em;
		display: inline-flex;
		width:100%;
	}
	.steps{
		overflow: auto; 
		display: inline-flex;
		width:100%;
	}
	
	.lbs-form-container{
	    margin-left: 5px;
	}
	
	.lizbet-subview-commandbar{
		display: block;
		width: 100%;
		text-align: right;
		background-color: #d3d7cf;
	}
}
.lizbet-subview-tittle{
    font-size: 25px;
    font-weight: bold;
}

.ui-autocomplete-loading {
    background: white url("../images/ui-anim_basic_16x16.gif") right center no-repeat;
  }

/* table { */
/* 	border-collapse: collapse; */
/* 	width: 100%; */
/* } */
table.lizbet-table-header {
	table-layout: fixed;
    width: 100%; /* Optional */
    border-collapse: collapse;
    border-spacing: 0;
}
table.lizbet-table-list {
    width: 100%; /* Optional */
    border-collapse: collapse;
    border-spacing: 0;
}
table.lizbet-table-footer {
	table-layout: fixed;
    width: 100%; /* Optional */
    border-collapse: collapse;
    border-spacing: 0;
}



table.lizbet-table-header th.draggable {
/* 	border: 3px solid ; */
	padding: 3px;
	height: 5px;
	background-color: #888a85;
}
table.lizbet-table-header td {
	border-bottom: 2px #888a85 solid; 
	padding: 3px;
	white-space: nowrap;
	max-width:350px;
	min-width:150px;
	overflow: hidden;
	text-align:center;
	font-weight: bold;
	font-size: 16px;
    background-color: #eaeaea;
    border-right: 1px #babdb6 solid;
    border-left: 1px #babdb6 solid;
}

/*Headers de subviews*/
table.lizbet-table-list th{
	min-width: 100px;
}
table.lizbet-table-footer td{
	min-width: 100px;
	padding-left: 3px;
	padding-right: 3px;
}


.lizbet-table-list thead td{
	font-weight: bold;
	font-size: 16px;
}


.lbs-tr-dissabled{
	color:grey;
}

input.lbs-filter{
	width:100%;
	height:15px;
	margin:0px;
	background-color: #f5f5f5;
	border: 1px #babdb6 solid;
}

input.lbs-filter-smartphone{
	width:50%;
}
label.lbs-smartphone-filter-label{
	width:50%;
}
/* cuando no hay filtros se pone un div para ocupar el espacio */
div.lbs-filter{
	width:100%;
	height:25px;
	margin:0px;
}

.lizbet-list-commands{
	cursor: pointer;
	text-align:center
}


.selected {
    background-color: #74ac6d;
    color: #FFF;
}
.lbs-tr-dissabled.selected{
    background-color: #7b8d7a;
    color: #ffffff;
}
.saving {
    background-color: #729fcf;
    color: #FFF;
}

.hover {
    background-color: #d3d7cf;
}




.lbs-form-container-pos .lbs-form-div-block{
/* 	    width: 500px; */
/* 	    display: inline-grid; */
	display: block; 
}


@media (min-width: 1000px) {
	.lbs-form-container .lbs-form-div{
	/* 	    width: 500px; */
	/* 	    display: inline-grid; */
		display: block;
	}
		.lbs-form-container .lbs-form-div-inline{
	/* 	    width: 500px; */
	/* 	    display: inline-grid; */
		display: inline-grid;
	}

	.lbs-long-label{
		padding-left: 230px;
		color: #7c7a09;
	}
	.lbs-multirelation-div{
		display: inline-block;
		width: 75%;
	}
}

@media (max-width: 1000px) {
	.lbs-form-container .lbs-form-div{
	/* 	    width: 500px; */
	/* 	    display: inline-grid; */
		display: block;
	}
	.lbs-form-container .lbs-form-div-inline{
	/* 	    width: 500px; */
	/* 	    display: inline-grid; */
		display: block;
	}
}

@media (min-width: 1000px) {
	div.PartFastSearch{
	    padding-top: 7px;
	    display: inline-block;
	    width: 25%;
	}
}
@media (max-width: 1000px) {
	div.PartFastSearch{
	    padding-top: 7px;
	    display: inline-block;
	    width: 100%;
	}
}



/*Los select siempre son mas delgados
*/

select.lizbet-form-field{
	
	background: white;
}
.lizbet-form-field{
    vertical-align: top;
	height: 25px;
	margin-bottom: 5px;
	border: 1px solid #7f9db9;
	padding-left:5px;
/* 	background: white; Si activamos esta opcion se deja de mostrar la imagen de cargando en los BigRelation*/ 
}

@media (min-width: 1000px) {
	.lizbet-form-field{
    	margin-left: 15px;
    	height: 30px;
    	font-size: 13px;
    	width: 67%;
	}
}
@media (max-width: 1000px) {
	.lizbet-form-field{
		height: 40px;
		font-size: 20px;
		width: 95%;
	}
}

textarea.lizbet-form-field{
	height: 50px;
}
input[type=checkbox].lizbet-form-field{
	width: 25px;
}

.lizbet-error{
	border-color: red !important;
}
.lizbet-notnull{
	background-color: #dfe9f6 !important;
}
.lizbet-notnull:disabled{
	background-color: #ebebe4 !important;
}

.lizbet-multirelation-add{
    border: 1px solid #3eaf22;
    display: inline-block;
    padding: 6px 12px;
    cursor: pointer;
    margin-left: 10px;
    margin-bottom: 5px;
    background-color: #4dce4d;
    color: white;
}
.lizbet-multirelation-element{
    border: 1px solid #ccc;
    display: inline-block;
    padding: 6px 12px;
    margin-left: 10px;
    margin-bottom: 5px;
}
.lizbet-multirelation-element span{
	margin-left:15px;
    color: red;
    cursor: pointer;
}

.lizbet-file-upload {
    border: 1px solid #ccc;
    display: inline-flex;
/*     padding: 6px 12px; */
    margin-left: 15px;
    margin-bottom: 5px;
	cursor: pointer;
	background: white;
/* 	min-height: 110px; */
}


.lizbet-file-upload img {
    margin: 15px 15px 15px 15px;
}
.lizbet-file-upload p {
    margin: 25px 10px;
}

button.lbs-file-delete{
	background-color: #ff4040;
    height: 60px;
    border: 1px solid transparent;
    border-color: #ccc;
    color: white;
    width: 100px;
    margin-left: 10px;
    cursor: pointer;
}
a.lbs-file-download{
    background-color: #4e9a06;
    color: white;
    padding: 20px 25px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    margin-left: 10px;
    height: 20px;
}
.lizbet-blob-upload {
    border: 1px solid #ccc;
    display: flex;
/*     padding: 6px 12px; */
    cursor: pointer;
    margin-left: 15px;
    margin-bottom: 5px;
    background-color: white;
/*     min-height: 110px; */
}

.lizbet-blob-upload img {
    margin: 15px 15px 15px 15px;
    max-width: 100px;
    max-height: 100px;
}

.lizbet-blob-upload p {
    margin: 25px 10px;
}

button.lbs-blob-delete{
/*     height: 60px; */
/*     background-color: #ff4040; */
/*     border: 1px solid transparent; */
/*     border-color: #ccc; */
/*     color: white; */
/*     width: 100px; */
/*     margin-left: 10px; */
/*     cursor: pointer; */
/*     float: right; */
/*     background: bottom; */
    border: 0px;
    font-weight: bold;
}

button.lbs-image-delete{
/*     height: 60px; */
/*     background-color: #ff4040; */
/*     border: 1px solid transparent; */
/*     border-color: #ccc; */
/*     color: white; */
/*     width: 100px; */
/*     margin-left: 10px; */
/*     cursor: pointer; */
/*     float: right; */
/*     background: bottom; */
    border: 0px;
    font-weight: bold;
}

input[type="file"] {
    display: none;
}
@media (max-width: 1000px) {
	.lizbet-form-label{
		display: block;
		font-weight: 900;
/* 		margin-left: 15px; */
		margin-top: 5px;
		margin-bottom: 5px;
	}
	.lbs-long-label{
		color: #7c7a09;
	}
}
@media (min-width: 1000px) {
	.lizbet-form-label{
		vertical-align: top;
		width: 180px;
		display: inline-block;
		font-weight: 900;
		margin-left: 15px;
		margin-top: 5px;
		margin-bottom: 5px;
	}
}


.lbs-field-msg{
	color: red;
/* 	padding-left:15px; */
}

.lbs-img-search-field{
	cursor:pointer;
	width: 32px;
	height: 32px;
}
.lbs-img-add-field{
	cursor:pointer;
}
.lbs-img-consult-field{
	cursor:pointer;
}
.lbs-img-edit-field{
	cursor:pointer;
}

.lizbet-subview-container{
	margin-top:50px;
}




/*
	Botones de comando
*/
@media (min-width: 1000px) {
	.lbs-cmd-button{
		min-width: 100px;
		color: white;
	    background-color: #f57900;
	    border-color: #ccc;
	    border: 1px solid transparent;
	    line-height: 25px;
	    margin-left: 5px;
	    cursor: pointer;
	    display: inline-block;
	}
}
@media (max-width: 1000px) {
	.lbs-cmd-button{
		min-width: 100px;
		color: white;
	    background-color: #f57900;
	    border-color: #ccc;
	    border: 1px solid transparent;
/* 	    line-height: 25px; */
	    height: 30px;
	    margin-left: 5px;
	    cursor: pointer;
	    display: inline-block;
	    font-size: 12px;
    	padding: 1px;
	}
}

.lbs-cmd-button:hover{
    background-color: #ce5c00;
}

/*
	Sub secciones
*/

.lbs-subviews button {
	min-width: 100px;
	color: black;
    background-color: #95b89b; /* Green */
    border: 1px solid green;
    line-height: 25px;
    margin-left: 5px;
    cursor: pointer;
    display: inline-block;
}
.lbs-subviews button:not(:last-child) {
    border-right: none; /* Prevent double borders */
}
.lbs-subviews button:hover {
    background-color: #059a7d;
}

.lbs-subview-img-command{
	cursor:pointer;
	margin:2px;
}



/*Control color*/
@media (min-width: 1000px){
	.sp-replacer{
		margin: 0px 0px 5px 15px !important;
	}
}


.steps {
  margin: 10px;
  padding: 0;
  overflow: hidden;
}
.steps div {
  color: white;
  text-decoration: none;
  text-align: center;
  line-height: 12px;
  padding-top: 5px;
}
.steps em {
  display: block;
  font-size: 1.0em;
  font-weight: bold;
}
.steps li {
  float: left;
  margin-left: 0;
  width: 180px; /* 100 / number of steps */
  height: 37px; /* total height */
  list-style-type: none;
  padding: 5px 5px 5px 30px; /* padding around text, last should include arrow width */
  border-right: 3px solid white; /* width: gap between arrows, color: background of document */
  position: relative;
}
/* remove extra padding on the first object since it doesn't have an arrow to the left */
.steps li:first-child {
  padding-left: 5px;
}
/* white arrow to the left to "erase" background (starting from the 2nd object) */
.steps li:nth-child(n+2)::before {
  position: absolute;
  top:0;
  left:0;
  display: block;
  border-left: 25px solid white; /* width: arrow width, color: background of document */
  border-top: 24px solid transparent; /* width: half height */
  border-bottom: 24px solid transparent; /* width: half height */
  width: 0;
  height: 0;
  content: " ";
}
/* colored arrow to the right */
.steps li::after {
  z-index: 1; /* need to bring this above the next item */
  position: absolute;
  top: 0;
  right: -25px; /* arrow width (negated) */
  display: block;
  border-left: 25px solid #7c8437; /* width: arrow width */
  border-top: 24px solid transparent; /* width: half height */
  border-bottom: 24px solid transparent; /* width: half height */
  width:0;
  height:0;
  content: " ";
}
	
.steps li:last-child::after {
	display:none;
}

/* Setup colors (both the background and the arrow) */

/* Completed */
.steps li { background-color: #babdb6; }
.steps li::after { border-left-color: #babdb6; }

/* Current */
.steps li.current { background-color: #4caf50; }
.steps li.current::after { border-left-color: #4caf50; }

/* Following */
.steps li.current ~ li { background-color: #7C8437; }
.steps li.current ~ li::after { border-left-color: #C36615; }

/* Hover for completed and current */
.steps li:hover {background-color: #696}
.steps li:hover::after {border-left-color: #696}

div.lbs-treenode-status{
	display:inline-block;
	font-weight: 900;
	font-size: 25px;
	padding: 5px;
	cursor:pointer;
}



/* Los bottom se usan en alta sistema */
.lbs-command-bar-bottom {
    position: relative;
    display: flex;
    justify-content: center;
    height: 3em;
    margin-bottom:50px;
}
/* Los bottom se usan en alta sistema */
.lbs-cmd-button-bottom{
	font-size: 33px;
    border: 5px solid transparent;
}


.lbs-colselector-item{
	margin-left:15px;	
}
.lbs-colselector-item-exp{
	margin-left:0px;	
}





/*Para mostrar infor en el KIOSKO y en el seguimiento logistico*/
div.lbs-generic-showdata{
    background-color: white;
    border: 2px solid var(--main-color);
}
@media (min-width: 1000px) {
	div.lbs-generic-showdata{
		margin: 50px;
		padding: 50px;
	}
}
@media (max-width: 1000px) {
	div.lbs-generic-showdata{
		margin: 20px  10px;
		padding: 15px;
	}
}



/*
	para el cliente EMS SOLUCIONES ESPECIALIZADAS	
	Sin esto su chart de antiguedad de saldos se desplazaba hacia abajo
*/
.google-visualization-table{
	display: table !important; 
}