@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

:root {
	--color-rojo:			#BE1E2D;
	--color-rojo-tx:		#BE1E2DBF;
	--color-azul:			#002561;
	--color-azul-tx:		#002561BF;
	--color-azul-tx30:	#0025614D;
	--color-verde:		#006838;
	--color-verde-tx:		#006838BF;
	--color-amarillo:		#F7CB15;
	--color-amarillo-tx:	#F7CB15BF;
	--color-bordes:		#424242;
	--color-fondo:		#F5F5F5;
	--color-texto:		#2D2D2C;
	--color-font-placeholder: #58585AB3;
	--color-link-externo:		#424242;
	--color-fondo-contenedor:	#EDECEB;
	--color-seccion:			dimgrey;
	--color-titulo-celda-seccion:			#8f8f8f;
	/* --color-fondo-contenedor:	salmon; */
	font-family: arial,tahoma,verdana,helvetica;
	font-size: 14px;
}

.ErrorFormaInvdHClinicas {
	font-size: 1vw;
	padding: 1.2em;
	border: 1px solid var(--color-bordes);
	border-radius: 0.5em;
	border-radius: 0.5em;
	box-shadow: 2px 2px 2px var(--color-bordes);
	background-color: var(--color-rojo);
	color: white;
	text-align: left;
}

.ErrorcampoFormaInvdHClinicas {
	font-size: 10px;
	font-style:	italic;
	padding: 0.5em;
	border-radius: 0.5em;
	box-shadow: 1px 1px 1px grey;
	background-color: var(--color-rojo);
	color: black;
	/* font-weight: bold; */
	text-align: left;
	/* border: 2px solid grey; */
}

.fieldrequired-invdhclinicas { 
	font-weight: bold; 
	font-size: 0.8em;
	color: var(--color-rojo);
}

.window-modal {
	/* padding: 2em; */
	border-radius: 0;
	color: var(--color-bordes);
	text-align: left;
	background: white;
	/* min-height: 50vh; */
	height: auto;
	top: 1vh;
	left: 1vw;
	z-index: 101;
}

.window-modal-titulo {
	border:none;
	border-radius: 0;
	text-align: center;
}

.modal-error {
	border: 8px solid var(--color-rojo);
}

.modal-success {
	border: 8px solid var(--color-verde);
}

.modal-warning {
	border: 8px solid var(--color-amarillo);
}

.color-back-modal {
	background-color: var(--color-bordes);
	opacity:0.7;
}

.font-modal-error {
	font-size: 1.2em;
    font-style : italic;
	color: var(--color-rojo);
}

.font-modal-warning {
	font-size: 1.2em;
    font-style : italic;
	color: var(--color-amarillo);
}

.font-modal-success {
	font-size: 1.5vw;
    font-style : italic;
	color: var(--color-verde);
}

.font-modal {
	font-size: 1.5vw;
    font-style : italic;
	color: var(--color-bordes);
}

.edit-campos, textarea.edit-campos  {
	border-radius: 5px;
    vertical-align: middle;
	font-size: 1em;
    font-weight: 400;
	width: 100%;
	float:left;
	margin-top: 0px;
	border: 1px solid rgba(0,0,0,.2);
	height: 26px;	
}

input[type=date] {
    max-width: 150px;
}
.codarea {
	width: 18%;
	margin-right: 2%;
}

.phone {
	width: 60%;
	float: left;
}

.entero {
	width: 25%;
	float: left;
}

.flotante {
	width: 25%;
	float: left;
}

.email {
	width: 40%;
	float: left;
	margin-right: 5px;
}

.confirm-email {
	width: 38%;
	float: left;
}

input[type=checkbox] {
	margin-top:15px;
}

.edit-campos-sin-alto, textarea.edit-campos-sin-alto {
	border-radius: 5px;
	font-size: 1em;
    font-weight: 400;
}

.edit-select {
	width: auto;
	max-width: 100%;
}

.dropzone {
	height: 70px;
	float: left;
	width: 100%;
	border-radius: 5px;
}

.dz-message {
	margin: 0px;
}

/* div {
	border-color: blue;
	border-width: 2px;
	border-style: solid;
}
 */
 
.left-portal-1 {
	float: left;
	width: 100%;
}

.left-portal-2 {
	float: left;
	width: 50%;
}

.left-portal-3 {
	float: left;
	width: 33%;
}

.left-portal-4 {
	float: left;
	width: 25%;
}

.left-portal-5 {
	float: left;
	width: 20%;
}

.left-portal-6 {
	float: left;
	width: 16%;
}

.main-portal {
	width: 100%;
	clear: both;
	overflow:auto;
}

.right-portal {
	float: right;
	width: 49%;
}

.alto-celda-fijo {
	// height: 145px;
	overflow: verticall-scroll;
}

.textarea-section {
	min-width: 80%;
	max-width: 100%;
	width: 100%;
	min-height: 50px;
	max-height: 50px;
	border-radius: 5px;	
	// overflow: scroll;
}

.centerButton {
	padding:	1em;
	width: 100%;
	display: flex; 
	justify-content: center;	
}

* {
	box-sizing: border-box;
}

input.edit-campos::placeholder, input.edit-campos-sin-alto::placeholder {
	color:		var(--color-rojo-tx);
	font-size:	1em;
	font-style:	italic;
	height: 26px;
}

.celda-label-invdhclinicas {
	// border: 2px solid red;
	float: left;
    font-weight: bold;
	text-align: left;
	font-size: 1em;
	margin-top: 12px;
	padding-right: 10px;
	width: 100%;
}

.celda-dato-invdhclinicas {
	clear:right; 
	width: 100%;
	text-align: justify;
	font-size: 1em;
    font-weight: 400;
	padding-top: 0.5em;
	/* color: var(--color-verde-tx); */
	float: left;
}

#div_select select { 
	width:100%;
}

#div_select select:focus {
	width:auto;
}

.titulo-azul {
	color: var(--color-azul);
	font-weight: 900;
	text-transform: uppercase;
	font-size: 3.2vw;
}

.titulo-rojo {
	color: var(--color-rojo);
	font-weight: 900;
	text-transform: uppercase;
	font-size: 2.5vw;
}

.sub-titulo-1 {
	font-weight: 400;
	font-size: 2em;
	text-align: left;
}

.sub-titulo-2 {
	font-weight: 400;
	font-size: 1.6em;
	text-align: left;
}

.sub-titulo-3 {
	font-size: 1.3em;
	text-align: center;
	font-weight: 700;
	background-color: var(--color-seccion);
	color: white;
	height: 40px;
	padding: 10px;
}

.parrafo-formulario {
	color: var(--color-texto);
	font-size: 1em; 
	font-weight: 400; 
	text-align: justify;
}

.parrafo-legal-formulario {
	color: var(--color-texto);
	font-size: 1vw; 
	font-weight: 400; 
	line-height: 100%;
}

.contenedor-titulo-formulario {
	border-style: none;
	border-radius: 0;
	box-shadow: none;
	width: 100%;
	clear: both;
}

.container-campo-especial {
	padding: 2em;
}

.margen-top-bottom {
	padding-top: 2em;
	padding-bottom: 2em;
}

.celda-dato-textarea {
	padding: 2vw;
	height: auto;
}

.recuadro-entre-secciones {
	border: 1px solid white;
	background-color: none;
	border-radius: 5px;
	padding: 5px;
}

.recuadro-entre-secciones-special {
	border: 2px solid white;
	/* background-color: var(--color-fondo-contenedor); */
	background-color: var(--colorbackvmenu1);
	border-radius: 5px;
}

/* .dz-button { */
	/* font-size: 2vw; */
/* } */

.eliminar {
	width:	30px;
	color:	red;
	text-align:	center;
	cursor:	pointer; 	
	font-weight: bold;
}

.botones-accion {
	margin-top: 20px;
}

.mensaje-error {
	background-color: darkred;
    padding: 1%;
    border-radius: 5px;
    font-size: 1.2em;
    color: white;	
}

.width-fix-title {
	width: 85px;
}

@media only screen and (max-height:635px) {
	// .alto-celda-fijo {
		// min-height: 25vh;
	// }

	.textarea-section {
		max-width: 100%;
		max-height: 70px;
	}
	
}

.portlet-placeholder {
	border: 1px dotted black;
	margin: 0 1em 1em 0;
	height: 50px;
}

.portlet-content {
	padding: 0.4em;
}

.icono-list-all, .portlet-toggle {
	// position: absolute;
	top: 50%;
	right: 0;
	margin-top: 0px;
	float: left;
	font-size: 20px;
	cursor: pointer;
	margin-right: 15px;
}


.portlet-header {
	padding: 0.2em 0.3em;
	margin-bottom: 0.5em;
	position: relative;
	margin-top: 10px;
}

.portlet-header-section {
	padding: 1%;
	margin-bottom: -2.0px;
	position: relative;
	margin-top: 20px;
	font-size: 1.2em;
	background-color: var(--color-seccion);
	color: white;
}

.portlet {
	margin: 0 1em 1em 0;
	padding: 0;
	max-width: 100%;
}

.contenedor-info-general {
    border-radius: 5px;
    font-size: 1.2em;
	overflow: auto;
	background-color: var(--color-seccion);
	color: white;
	// max-width: 100%;
}

.seccion-boton-cerrar {
	// border: 2px solid salmon;
	display : flex;
	justify-content : center;
	align-items : center;
	height: 160px;
}

.seccion-info-general {
    // border: 2px solid green;
    width: 50%;
    float: left;
	padding: 1%;
}

.boton-cerrar {
	// border: 2px solid blue;
	font-size: 1.2em;
    // padding: 5%;
    background-color: grey;
    color: white;
    border-radius: 10px;
	cursor: pointer;
	position : relative;
	padding: 3%
}

.adiciona-multirecord {
	font-size: 18px;
	color: white;
	cursor: pointer;
	margin-right: 10px;
}

.contenedor-seccion-linea {
	border: 2px solid var(--color-seccion);
	border-radius: 3px;
	margin-top: 10px;
}

.icono-borra-linea-seccion {
	position: absolute;
    right: 0;
	margin-top: 10px;
	margin-right: 60px;
}

.label-info-general {
	float:left;
	width: 40%;
}

.column-title-section {
	float: left;
	padding-bottom: 100px;
	margin-right: 40px;
	// border: 1px solid salmon;
}

.column-section {
	float: left;
	padding-bottom: 100px;
	// border: 1px solid salmon;
}

.section-header {
	margin: 2px;
    text-align: center;
    border-radius: 3px;
    background-color: #9f9f9f;
    padding: 2%;
    color: black;
    font-weight: 600;	
	display: flex;
}

.label-section {
	width: -webkit-fill-available;
}


.plus-section {
	cursor: pointer;
	font-size: 16px;
    font-weight: 900;	
}


.move-section {
	cursor: move;
}

.section-container {
	// border: 2px solid red;
}

.action-icon {
	float:right; 
	cursor: pointer;
}

.disable-icon {
	float:right; 
	cursor: not-allowed;
	color: lightgrey;
}

.fa {
	text-weight: bold;
}

@media only screen and (max-width:1024px) {
	.left-portal {
		width: 51%;
		float: left;
	}
	
	.main-portal {
		width: 100%;
		clear: both;
	}
	
	.right-portal {
		width: 49%;
	}
	
	.dz-button {
		font-size: 2vw;
	}

	.window-modal {
		width: 60%;
	}

	.label-info-general {
		width: 100%;
	}
	
}

@media only screen and (max-width:850px) {
	.dz-button {
		font-size: 3vw;
	}
	
	/* .center { */
		/* width: 60vw; */
	/* } */

	.window-modal {
		width: 80%;
	}

}


@media only screen and (max-width:850px) and (orientation: landscape) {
	.dz-button {
		font-size: 3vw;
	}

	.window-modal {
		width: 80%;
	}
	
	.sub-titulo-1 {
		font-size: 4.5vw;
	}

	.sub-titulo-2 {
		font-size: 4vw;
	}

	.sub-titulo-3 {
		font-size: 3.5vw;
	}
}


@media only screen and (max-width:500px) {
	.left-portal {
		width: 100%;
	}
	
	.right-portal {
		width: 100%;
	}

	.dz-button {
		font-size: 5vw;
	}
	
	.window-modal {
		width: 90%;
	}
	
	.sub-titulo-1 {
		font-size: 7vw;
	}

	.sub-titulo-2 {
		font-size: 6.5vw;
	}

	.sub-titulo-3 {
		font-size: 6vw;
	}
}