body {
	/*border: 1px solid red;*/
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
  position: absolute;overflow: hidden;
	font-family: 'Fira Sans', sans-serif;
}
.apagado{
	display: none !important;
}

/* ESTILOS PARA LA ESTRUCTURA PRINCIPAL - INICIO */

#dvcontainer {
  width: 100%;
  height: 100%;
  display: flex;
  flex: 1;
  flex-direction: row;
}

#dvcuerpo {
	/* border: 1px solid green; */
	width:90%;
  display: flex;
  flex-direction: column;
}

#dvmenu {
	/* border: 1px solid blue; */
	width:10%;
	height: 100%;
}

#cuerpomenu {
  width: 100%;
  /*border: 1px solid red;*/
  height: 50%;
  display: flex;
  flex-direction: column;
}

/* ESTILOS PARA LA ESTRUCTURA PRINCIPAL - FINAL */

/* ESTILOS PARA EL DIV DE LOGIN - INICIO */

#dvlogin {
  display: flex;
  width: 100%;
  height: 100%;
  background: aliceblue;
}
#dvdiseño {
	display: flex;
	flex: 1;
	/*border: 2px solid red;*/
	background-image: url("../imgs/fondo-peosf.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

#dvacceso {
	display: flex;
  flex: 1;
  /*border: 2px solid blue;*/
  flex-direction: column;
  position: absolute;
  width: 20%;
  height: 35%;
  left: 40%;
  background-color: rgba(0, 0, 0, 0.8);
  top: 25%;
}

#dvlogo {
	display: flex;
	flex: 1;
  justify-content: center;
}

#imgLogo {
  width: 200px;
  height: 150px;
  color: white;
  margin: 1.3em 0 0 0;
}

#dvcampos {
	display: flex;
	flex: 1;
  flex-direction: column;
}

#dvtitulo {
	display: flex;
	flex: 1;
  font-family: 'Fira Sans', sans-serif;
  color: white;
  font-size: 2em;
  justify-content: center;
}

.frmlcampos {
	margin: 10px;
	border: 1px solid black;
	padding: 5px;
	text-align: center;
  font-family: 'Fira Sans', sans-serif;
}

#dvfrmboton {
	display: flex;
	flex: 1;
	justify-content: center;
	/*margin: 2em;*/
}

#lboton {
	display: flex;
	justify-content: center;
}

.btnlogin {
	background-color: #E3EEF0;
	color: black;
	padding: 5px;
	border-radius: 5px;
	width: 100px;
	text-align: center;
  font-family: 'Fira Sans', sans-serif;
	cursor: pointer;
}

#btnsend {
	width: 100px;
	height: 35px;
	background: darkblue;
	color: white;
	display: flex;
	justify-content: center;
	align-items: center;
}

/* ESTILOS PARA EL DIV DE LOGIN  - FINAL */


/* ESTILOS PARA EL DIV DE MENU - INICIO */

#dvmenu{
	background: #001e38;
	color: white;
}
#intrologo {
  padding-top: 30px;
	height: 20%;
}

/* ESTILOS PARA EL DIV DE MENU - FINAL */

/* ESTILOS PARA EL DIV DEL CUERPO - INICIO */

#dvcontenido {
  display: flex;
  /* flex: 20;
  border: 1px solid gray; */
  flex-direction: row;
	height: 100%;
}

#dvizquierda {
	display: flex;
	/* flex: 1; */
	flex-direction: column;
	height: 100% !important;
	width: 50%;
}

#dvtabla {
	display: flex;
	/*flex: 30;*/
	flex-direction: column;
	width: 100%;
	overflow: hidden;
	border: 1px solid black;
	height: 82% !important;
	/*overflow-x: hidden;
	overflow-y: scroll;*/
}

#dvbotones {
  display: flex;
  /*flex: 1;*/
	height: 5% !important;
  border: 1px solid gray;
	width: 100%;
	padding: 5px 5px;
	box-sizing: border-box;
}
.topmenu{
	display: flex;
	/*border: 1px solid red;*/
}
#topmenucell1 {
  flex: 4;
}
#topmenucell2 {
  flex: 2;
  padding: 0px 5px;
  align-items: center;
	justify-content: center;
}
#topmenucell3 {
  flex: 2;
  padding: 0px 5px;
  align-items: center;
	justify-content: center;
}
#btnopciones.hide, #btnup1.hide {
  visibility: hidden;
}
#dvfecha {
  display: none;
}
#dvderecha {
  display: flex;
  flex: 1;
  border: 1px solid gray;
	width: 50%;
	flex-direction: column;
	background-image: url("../imgs/fonditos.jpg");
	overflow-x: hidden;
}

#dvmensajes {
  display: flex;
	flex-direction: column;
  /*flex: 2;*/
	height: 7% !important;
  border: 1px solid black;
	/*position: relative;*/
	background-color: #ffffff;
}

/* ESTILOS PARA EL DIV DEL CUERPO - FINAL */  

/* ESTILOS PARA LA TABLA - INICIO */  
#conjuntotabla {
	width: 100%;
  display: flex;
  flex-direction: column;
  /* border: 1px solid aqua; */
	padding: 10px;
	box-sizing: border-box;
}
#tabalert0 {
  width: 100%;
  color:#ffffff; 
  font-size: 10pt; 
  table-layout: fixed; 
}
#tabalert0 > thead > tr > th {
  font-size: 0.8em;
}
#tabal,
#tabal0 {
  width: 100%;
}
#tabal {
  height: 60em;
}
/* #tabal0 {
flex: 1;
} */
.nalt {
  background-color: #ffffff;
  color: black;
}
.alt {
  background-color: #d9d9d9;
  color: #00455A;
}
.note {
  background-color: #1e7069;
  color: white;
}
.sel {
  background-color: #35bfec;
  color: #000;
}
/* tbody {
  height: 70%;
  overflow-y: scroll;
  position: absolute;
  width: 40%;
} */

/* ESTILOS PARA LA TABLA - FINAL */  

/* ESTILOS PARA PANEL DERECHA - INICIO */

.dvmodulos{
	/* width: 100%; */
	height: 100%;
	/*display: none;*/
}

/* ESTILOS PARA PANEL DERECHA - FINAL */

/* ESTILOS PARA PANEL DE CREACION - INICIO */

#dvcrear{
	background:#F7F4F3 ;
	position:absolute;
	/*opacity: 0;*/
	width: 48%;
	padding: 10px;
	height: 98%;
	display: flex;
	flex-direction: column;
}
#dvcrear.show {
  opacity: 1;
  transition: opacity 1s;
}
#dvcrear.hide {
  visibility: hidden;
}

/* ESTILOS PARA PANEL DE CREACION - FINAL */

/* ESTILOS PARA PANEL DE EDICION Y VISUALIZAR - INICIO */
.tituloventanas{
	font-size: 1.3em;
	margin: 5px;
}
#frmdetalles {
	font-size: 0.9em;
}
#camposinvisibles{
	display: none !important;
}
#dvrevizar{
	background: #F7F2ED;
	position:absolute;
	opacity: 0;
	width: 48%;
	padding: 10px;
	height: 98%;
	display: flex;
	flex-direction: column;
}
#dvrevizar.show {
  opacity: 1;
  transition: opacity 1s;
}
#dvrevizar.hide {
  visibility: hidden;
}
#dvviewfield{
	width: 90%;
	flex: 15;
	padding-bottom: 15px;
}
.botonbasura{
	width: 20px;
	height: 20px;
	/* border: 1px solid darkblue; */
	/* padding: 4px; */
	border-radius: 9px;
	margin-left: 10px;
	cursor: pointer;
}
.resaltar{
	border: 4px solid red !important;
}
#dvviewbtn{
	width: 90%;
  display: flex;
  flex-direction: row;
  flex: 1;
}
#txtcontrol {
  width: 80px;
  border: 0;
  background-color: transparent;
  margin: 0px 20px 5px 20px;
  font-size: 30px;
	font-family: 'Fira Sans', sans-serif;
}
#row1{
	display: flex;
	flex-direction: row;
}
.cabeceradv{
	display: flex;
	flex-direction: column !important;
	width: 30%;
}
.cabeceradv2{
	display: flex;
	flex-direction: column !important;
	width: 45%;
}
#cabeceradv2 {
  justify-content: center;
  align-items: center;
	flex-direction: row !important;
}
#lblpending{
	color: red;
}
.viewrow{
	display: flex;
	flex-direction: row;
	margin: 5px;
}
#tabalert tr, #tabalusr tr { line-height: 20px; }
.txtform{
	margin-left: 20px;
	border: 0;
}
.txtforminv{
	border: 0;
	width: 10px;
}
.faddress{
	width: 400px;
}
#propertyname, #propertyaddress {
  width: 450px;
}
textarea.txtarea {
  resize: none;
  font-size: 9px;
  padding: 7px 5px;
  background: unset;
  color: black;
  border: 1px solid black;
	width: 60%;
}
.btnzonev, .btnzoneo, .btnmenuzone{
	flex: 1;
}
/* .btnzoneo{
	cursor: pointer;
} */
#btnzn1 {
  display: flex;
  align-items: end;
}
.btnmenuzone{
	display: flex;
	justify-content: center;
	height: 25px;
  margin: 10px 5px;
}
.botoncitos{
	width: 80px;
	padding: 3px;
	text-align: center;
	background: #00455A;
	color: white;
	cursor: pointer;
}
.botoncitos:hover {
	background: #00AED0;
	color: #00455A;
}
.btntop {
	width: 80px;
	padding: 5px 0px 0px 0px;
	text-align: center;
	background: #00455A;
	color: white;
	cursor: pointer;
	height: 20px;
	font-size: 0.8em;
}
.btntop:hover {
	background: #00AED0;
	color: #00455A;
}
.botoncitosmenu {
	width: 80px;
	padding: 3px;
	text-align: center;
	background: #B5B5B7;
	color: black;
	cursor: pointer;
	/* margin-top: 500px; */
	height: 25px;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.botoncitosmenu:hover {
	background: white;
	color: #00455A;
}
.columnita{
	display: flex;
	flex-direction: column;
	width: 50%;
}
.grupitocln{
	display: flex;
	flex-direction: column;
	width: 30%;
}
#row11 {
	display: flex;
	flex-direction: column;
	margin-bottom: 5%;
}
.etiquetall{
	font-size: 1.3em;
	color: red;
}
.reasongroups {
	display: flex;
	margin: 10px 0px;
}
.pdfgroups {
	display: flex;
	margin: 10px 0px;
	width: 50%;
}
#camposimagen{
	/*border:1px solid red;*/
	display: flex;
}
#dvscamposimagen{
	/*border: 1px solid black;*/
	display: flex;
	flex: 1;
	flex-direction: column;
}
.varios{
	display: flex;
}
.internotime {
	margin: 0px 10px;
	display: flex;
	align-items: center;
}
.variante{
	margin-left: 10px;
}
.vacio{
	width:15em;
	display: flex;
  justify-content: center;
}
/* ESTILOS PARA PANEL DE EDICION Y VISUALIZAR - FINAL */

/* ESTILOS PARA PANEL DE ADMINISTRATION - INICIO */

#dvadmin{
	background:#F7F4F3 ;
	position:absolute;
	opacity: 0;
	width: 48%;
	padding: 10px;
	height: 98%;
	display: flex;
	flex-direction: column;
}
#dvadmin.show {
  opacity: 1;
  transition: opacity 1s;
}
#dvadmin.hide {
  visibility: hidden;
}
.dvadfila {
  display: flex;
  flex-direction: column;
  width: 100%;
  /*border: 1px solid red;*/
}
.dvadsubfila{
	display: flex;
  flex-direction: row;
  width: 90%;
  /*border: 1px solid blue;*/
}
.dvadcol {
  display: flex;
  flex-direction: column;
  width: 45%;
}
.dvadcol1 {
  display: flex;
  flex-direction: column;
  width: 100%;
}
#conjuntotablaad {
	width: 90%;
	height: 340px;
  display: flex;
  flex-direction: column;
  /* border: 1px solid aqua; */
	padding: 10px;
	box-sizing: border-box;
}
#frmaduser{
	margin: 40px 5px;
}
.dvform{
	display: flex;
	flex-direction: row;
}
.dvformcl{
	display: flex;
	flex-direction: column;
	margin-right: 15px;
}
#filahistorial {
	height: 65%;
	overflow-y: scroll;
	margin: 0px 10px;
}
#dvadbotones {
  display: flex;
  height: 100%;
	width: 100%;
	padding: 5px 5px;
	box-sizing: border-box;
	flex-direction: column;
}
.admenu{
	margin: 5px 0px;
}




/* ESTILOS PARA PANEL DE ADMINISTRATION - FINAL */