
html {
	height: 100%;
}

body {
	height: 100%;
	display: flex;
	flex-direction: column;
	background-repeat: repeat;
	background-attachment: fixed;
	background-size: contain;
	background-position: center;
}

hr {
  display: none !important;
}

.cuerpo {
	height: 100%;
	align-content: center !important;
}

.login-pie {
  margin-top: 10px;
  text-align: center;
  background-color: #d1d1ff;
  padding-top: 10px;
  padding-bottom: 10px;
}

.login-titulo {
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center;
  font-weight: bold;
  background-color: #d1d1ff;
}

.ei-botonera {
  clear: both;
  text-align: center;
  padding-right: 5px;
  padding-left: 5px;
  min-height: 25px;
  display: flex;
  justify-content: right;
}

.highlight { background-color: yellow }
/**
	Incluir aquí las reglas css propias de este proyecto
*/
.ei-ml-fila, .ei-filtro-fila {
	background-color: #eeeff2;
}

.ei-cuadro-celda-par {
	background-color: initial;
}
.boton-no-visible{
	display: none !important;
}

.ei-cuadro-scroll {
	width: 95%;
}

.ci-botonera-abajo{
	width: 100%;
}

.ci-tabs-h-cont{
	width: 95%;
}

.una-linea {
	display: flex;
	flex-wrap: wrap;
}

.una-linea.space-between {
	min-width: 600px;
	justify-content: space-between;
	width: 50%;
}

.una-linea div div {
	display: inline-block;
	margin-left: 0 !important;
}


.una-linea div:not(:first-of-type) label {
	width: auto !important;
	margin-left: 0;
}

.min-etiq ei-form-etiq, .ei-form-etiq-oblig {
	min-width: 75px !important;
}

.td_observacion{
	vertical-align: baseline;
}

.observacion_div {
	position: relative !important;
}

.tooltip_observacion_div {
	position: relative !important;
	width: 510px;
}
/*
.tooltip_observacion{
	position: absolute !important;
	height: 104px;
}*/

.text_area_observacion{
	position: absolute !important;
	resize: vertical;
	top: 0;
}

.solo_mayusculas{
	text-transform: uppercase;
}

/*
.tooltip_observacion{
	position: absolute !important;
	height: 500px;
}*/

/*
.una-linea div{
	width: 100%;
}

.una-linea div div{
	width: 100%;
	margin-left: 0px !important;
}*/


.cuadro_ajustable{
	overflow-x: scroll;
}
.cuadro_ajustable .ei-cuadro-cc-fondo{
	float: left !important;
}
.cuadro_ajustable .ei-cuadro-pag{
	padding-left: 1000% !important;
}


.cuadro_ajustable .ei-cuadro-cuerpo{
	table-layout: fixed;
	width: 100%;
	white-space: nowrap;/*-moz-pre-space; */
}
/*
.formulario_ml_ajustable {
	overflow-x: scroll;
}
*/
.formulario_ml_ajustable .ei-form-base{
	table-layout: fixed;
	width: 100%;
}

.ei-form-fila div.dhx_combo_box {
	margin-left: 0 !important;
	display: inline-block;
	border-radius: 4px;
}

.ei-barra-sup {
	text-align: right !important;
}
.ei-barra-sup .ei-botonera {
	float: left !important;
}

.ei-boton {
	float: left !important;
}

.menu_opciones, .menu_carpeta li ul{
	overflow-y: auto !important;
	max-height: 500px !important;
	overflow-x: hidden;
}

.encabezado{
	/*margin-top: -130px !important;*/
	position: fixed;
	background-color: #e3e3e3;
	z-index: 1000;
	/*margin-bottom: 0px;*/
}

.botonera_nueva{
	/*position: fixed;*/
	color: green !important;
	width: 100%;
	/*margin-top: -63px;*/
	/*z-index: 1;*/
}

.ei-barra-sup{
	max-height: 30px;
	overflow: auto;

}

.ei-form-cuerpo {
	padding-top:20px;
	border-radius: 10px;
	border: 5px solid #d1d1ff;
	background-color: #d1d1ff;
}

.ei-barra-sup-sin-tit{
	float:none;
}

.ei-ml-base {
	padding-top:20px;
	width: 99% !important;
	border-radius: 10px;
	border: 5px solid #d1d1ff;
	background-color: #d1d1ff;
}

.ei-cuadro-base {
	padding-top:20px;
	width: 99% !important;
	border-radius: 10px;
	border: 5px solid #d1d1ff;
	background-color: #d1d1ff;
}

.ci-tabs-h-solapa-sel a {
	font-weight:bold;
}
.ei-ml-columna {
	height: 30px;
	vertical-align: middle;
}


.ef-combo {
	color: black;
	background: white;
}
.ef-combo-intervan {
	min-width: 147px;
}
.ef-combo-intervan-small {
	min-width: 110px;
}

.ef-combo-intervan-largo {
	min-width: 230px;
}

.ei-barra-sup-tit {
	border: 0px !important;
	padding-left: 5px;
	color: #fff;
	font-weight: normal;
}

.ei-barra-sup {
	border: 0px !important;
	background: #8989C0 !important;
	border-bottom: 5px solid #8989C0 !important;
	/*background: #d1d1ff !important;
	height: 30px;*/
}

.barra-superior{
	background: #5B5F9E !important;
}

.item-barra-tit {
	font-size: 18px !important;
}

.barra-superior {
	color: #fefcde;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #5c5f9e;
	overflow: auto;
	padding-bottom: 0%;
}



form {
	/*padding-top: 30px !important;*/
	margin-bottom: 30px;
}

/* Personaliza Titulo del Filtro Colapsable*/
.tit-filtro {
	position: relative;
	text-align: rigth;
	float: left !important;
	color: #FFFFFF !important;
	width: 100%;
	margin-top: 4px;
}
/*
.cont-titulo-filtro {
	display: inline-table;
	border: 3px solid #e1e1e1;
	float: left;
	margin-left: 3%;
	margin-right: 9px;
	width: 94%;
	border-radius: 2px;
}

*/
.cont-titulo-filtro {
	display: inline-table;
	border-bottom: 1px solid #e1e1e1;
	float: left;
	margin-left: 3%;
	margin-right: 9px;
	width: 92%;
}
.titulo-operacion {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* Estilo para formularios informativos con campos ef_fijos */
.etiq_det_readonly {
	font-size: larger;
	font-weight: bold;
	float: left;
}

.ef_det_readonly {
   font-size: 10px;
	color: #393939;
	/*border-bottom: 1px solid #cbcbcb;*/
	padding: 0px;
	min-height: 12px;
	overflow: auto;
	max-width: 400px;
	overflow: auto;
}


/*  Botones Personalizados */
.btn_text_green{
	color: green;
}

.btn_text_blue{
	color:blue;
}

.btn_text_black{
	color: black;
}

.btn_text_red{
	color:red;
}


.btn_red, .btn_green, .btn_blue, .btn_inactivo, .btn_yellow, .btn_silver, .btn_purple {
	color: white;
	border-radius: 5px;
	box-shadow: 2px 3px #878787;
	margin-bottom: 4px;
	margin-left: 4px;
	margin-right: 4px;
	margin-top: 2px;
	height: 24px;
	float: left;
}

.btn_inactivo {
	background-color: #c6c6c6;
	color: #9B9B9B;
	border: 0px solid #c6c6c6;
	 box-shadow: 1px 1px #878787;
}

.btn_red {
	background-color: #fe4747;
	border: 1px solid #fe4747;
}

.btn_blue {

	background-color: #3974db;;
	border: 1px solid #3974db;
}

.btn_green {
	/*background-color: #57bd48;*/
    background-color: #23ad0f;
	border: #23ad0f;
}
.btn_yellow {
	background-color: #ba9848;
	border: 1px solid #ba9848;
}
.btn_silver {
	background-color: #e3e3e3;
    border: 1px solid #c5c5c5;
	color:black;
}
.btn_purple {
    background-color: #854f96;
    border: 1px solid #dadada;
}

.btn_green:active, .btn_blue:active, .btn_red:active, .btn_yellow:active, .btn_silver:active, .btn_purple:active {
	box-shadow: 1px 2px #878787;
}

.btn_small {
	/*border: 1px solid #9e9e9e;*/
	padding: 0px;
	margin: 0px;
	border-radius: 2px;
}

.btn_green:hover, .btn_blue:hover, .btn_red:hover, .btn_yellow:hover, .btn_silver:hover, .btn_small:hover {
	opacity: 0.8;
	filter: alpha(opacity=100);
}

/* ------------------------------------ */
/* Sobreescribe botones toba.css        */
/* ------------------------------------ */

.ei-boton, .ei-boton-fila {
	border-radius: 5px;
	box-shadow: 2px 3px #878787;
	margin-bottom: 4px;
	margin-left: 4px;
	margin-right: 4px;
	margin-top: 4px;
	height: 24px;
	float: left;
	background-color: #ffffff;
    border: 1px solid #c5c5c5;
	color: black;
}
.ei-boton:active, .ei-boton-fila:active {
	box-shadow: 2px 3px #878787;
}
.ei-boton:hover, .ei-boton-fila:hover{
	/*opacity: 0.7;*/
	background-color: #e3e3e3;
	/*font-weight: bold;
	filter: alpha(opacity=100);*/
}

.ei-base, .ei-cuadro-base {
	margin-bottom: 0px;
	height: 50%
	width: 50%
}

.ei-base {
	background-color: #eeeff2;
	padding: 2px;
	border-radius: 5px;

}

.ci-base {
	box-shadow: 2px 3px #878787;
}


.ei-cuadro-col-tit, .ei-ml-col-tit {
	text-align: center;
	/*font-weight: bold;*/
	height: 30px;
	vertical-align: middle;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* Configuracion Campos */

.ef-numero, .ef-fecha, .ef-combo, .ef-input, .ef-textarea, .ef-checkbox, .dhx_combo_list {
	border-radius: 4px;
}

