/*
@import url(https://fonts.googleapis.com/css?family=Lora:300,300i,400,400i,500,500i,700,700i);
@import url('https://fonts.googleapis.com/css2?family=Encode+Sans:wght@500&display=swap');
*/

@font-face {
	font-family: 'Lora';
	src: url(fonts/Lora-VariableFont_wght.ttf);
	font-style: normal;
	font-weight: 400;
}

@font-face {
	font-family: 'Montserrat';
	src: url(fonts/Montserrat-VariableFont_wght.ttf);
	font-style: normal;
	font-weight: 400;
}

/*@page {
	size: Legal landscape;
	margin: 0.5in;
}*/

@page {
	size: A3 landscape;
	margin: 0.5in;
}


@page :first {
	@top-right-corner {
		content: "";
		background-image: none;
	}

	@bottom-right {
		margin: 0;
		padding: 0;
		width: 100px;
		text-wrap: avoid;
		content: 'Página ' counter(page) ' de ' counter(pages);
	}
}

@page {

	@top-right-corner {
		width: 50px;
		height: 33px;
	}

	@bottom-center {
		border-top: 1px solid #000;
		content: " ";
	}

	@bottom-right {
		padding: 0px;
		width: 100px;
		text-wrap: avoid;
		content: 'Página ' counter(page) ' de ' counter(pages);
	}
}

@media print {

	body {
		font-family: 'Lora';
		font-size: 14px;
		background-color: #FFFFFF;
		border: 0;
		margin: 0;
		padding: 0;
	}

	.font-titulo {
		font-family: 'Montserrat';
		font-size: 16px;
	}

	.font-titulo-etiqueta {
		font-family: 'Montserrat';
		font-size: 16px;
		color: #707070;
	}

	.font-titulo-mas {
		font-family: 'Montserrat';
		font-weight: 600;
		font-size: 1.1em;
		text-align: left;
		padding: 15px;
	}

	.f-M-20 {
		font-family: 'Montserrat';
		font-weight: 600;
		font-size: 20px;
		;
	}

	.font-normal {
		font-family: 'Lora';
		font-size: 14px !important;
	}

	.font-chica {
		font-size: 12px !important;
	}

		.font-chica td {
			font-size: 12px !important;
		}

	.font-nota-al-pie {
		font-size: 11px !important;
	}
}

@media(max-width: 767px) {
	body {
		font-family: 'Lora';
		font-size: 12px;
		background-color: #FFFFFF;
		border: 0;
	}

	.font-titulo {
		font-family: 'Montserrat';
		font-size: 14px;
	}

	.font-titulo-R {
		font-family: 'Lora';
		font-size: 16px;
	}

	.font-titulo-etiqueta {
		font-family: 'Montserrat';
		font-size: 14px;
		color: #707070;
	}

	.marginado_Main {
		margin-left: 5px;
		margin-right: 5px;
	}
}

@media (min-width: 768px) {

	body {
		font-family: 'Lora';
		font-size: 14px;
		background-color: #FFFFFF;
		border: 0;
		margin: 0;
		padding: 0;
	}

	.font-titulo {
		font-family: 'Montserrat';
		font-size: 16px;
	}

	.font-titulo-etiqueta {
		font-family: 'Montserrat';
		font-size: 16px;
		color: #707070;
	}

	.font-titulo-mas {
		font-family: 'Montserrat';
		font-weight: 600;
		font-size: 1.1em;
		text-align: left;
		padding: 15px;
	}

	.f-M-20 {
		font-family: 'Montserrat';
		font-weight: 600;
		font-size: 20px;
		;
	}

	.font-normal {
		font-family: 'Lora';
		font-size: 14px !important;
	}

	.font-chica {
		font-size: 12px !important;
	}

		.font-chica td {
			font-size: 12px !important;
		}

	.font-nota-al-pie {
		font-size: 11px;
	}

	.font-chat {
		font-size: 12px;
		color: #37BBED;
	}

	.font-inverso {
		color: #ddd;
	}

	.marginado_Main {
		margin-left: 120px;
		margin-right: 150px;
	}

	.marginado_nota {
		margin-left: 70px;
		margin-right: 70px;
	}

	.marginado_minimo {
		margin-left: 20px;
		margin-right: 20px;
	}

	.logo {
		/*padding-left: 100px;*/
		width: 65px;
	}

	.separadorMed {
		height: 5px;
	}
}

.row.ancho > .col-md-1 {
	width: 5% !important;
	padding: 0px;
}

.row.ancho > .col-md-10 {
	width: 90% !important;
}

.negrita {
	font-weight: 600;
}

.font18 {
	font-size: 18px !important;
}

.font16 {
	font-size: 16px !important;
}

.font24 {
	font-size: 24px !important;
}

.font32 {
	font-size: 32px !important;
}

.typewriter {
	font-family: Courier New, Courier, monospace;
	font-size: 12px;
	font-weight: 600;
}

.color-70 {
	color: #707070 !important;
}
/* ALERTS */
.alerta-success {
	color: #3c763d;
	background-color: #dff0d8;
}

.alerta-warning {
	color: #8a6d3b;
	background-color: #fcf8e3; /* border-color:#faebcc*/
}

.alerta-danger {
	color: #a94442 !important;
	background-color: #f2dede; /* border-color:#ebccd1 */
}

.alerta-info {
	/* color: rgba(0, 188, 212, 1) !important; */
	color: rgba(49, 112, 143, 1) !important;
	background-color: rgba(0, 188, 212, 0.1) !important;
}

.alert {
	border-color: #777;
}

	.alert.alert-info {
		border-color: #bce8f1;
	}

	.alert.alert-warning {
		border-color: #faebcc;
	}

	.alert.alert-success {
		border-color: #d6e9c6;
	}

	.alert.alert-danger {
		border-color: #ebccd1;
	}


/* cambios del bootstrap */
.navbar-nav > li > a {
	border-top: 0 !important;
	border-bottom: 0 !important;
}

.nav > li > a {
	padding-top: 5px !important;
	padding-bottom: 5px !important;
}

.navbar .navbar-brand {
	padding: 5px !important;
}

.panel {
	margin-bottom: 0px !important;
	border: 0px !important;
	border-radius: 4px !important;
}

.panel-heading {
	border-radius: 4px !important;
}

.container {
	border: 0;
	margin: 0;
	padding-left: 20px;
	padding-right: 20px;
}


.bloque25 {
	width: 25px;
}

.bloque50 {
	width: 50px !important;
}

.bloque75 {
	width: 75px !important;
}

.bloque85 {
	width: 85px !important;
}

.bloque100 {
	width: 100px !important;
}
.bloque150 {
	width: 150px !important;
}

.bloque200 {
	width: 200px !important;
}

.bloque250 {
	width: 250px !important;
}

.bloque300 {
	width: 300px !important;
}

.bloque400 {
	width: 400px !important;
}

.Letra1em {
	font-size: 1em;
}

.Letra15em {
	font-size: 1.5em;
}

/* bloques */
.aireado {
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.codazos {
	padding-left: 25px;
	padding-right: 25px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.pelado {
	border: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
}

.ajustado {
	margin: 0 !important;
	padding: 0 !important;
}

.apretado {
	padding: 0 !important;
}

.oculto {
	display: none;
}

.a-h {
	display: flex;
	text-align: center;
	align-content: center;
	align-items: center;
	/*margin-top: 5px;*/
	padding-top: 3px;
	padding-bottom: 3px;
}

DIV .a-h {
	min-height: 45px;
}
/*
		revisar ->  input:focus + label {font-weight: bold;}
		*/
.f-h {
	display: flex;
	align-items: center;
	padding-top: 3px;
	padding-bottom: 3px;
}

/* FORM GROUP [input txt + label]*/
.f-g {
	display: flex;
	text-align: center;
	align-content: center;
	align-items: center;
	/*margin-top: 5px;*/
	padding-top: 3px;
	padding-bottom: 3px;
}

	.f-g LABEL {
		margin: 0px !important;
		padding-left: 5px;
		padding-right: 10px;
		font-size: 14px !important;
	}

		.f-g LABEL.j {
			text-align: justify !important;
		}

.left {
	text-align: left !important;
}

.right {
	text-align: right !important;
}

.floatRight {
	float: right;
}

.centro {
	text-align: center !important;
}

.centrado-horizontal {
	display: flex;
	align-items: center;
}

.wide {
	padding-left: 35px !important;
}

.padLeft {
	padding-left: 5px !important;
}

.inline {
	display: inline-block !important;
}

.block {
	display: block !important;
}

[disabled].noCursor {
	cursor: inherit !important;
}

.UserLoggedIn {
	padding-left: 10px;
	font-size: 20px;
	text-decoration: none;
}

#btnPerfil {
	text-decoration: none;
}

.color1 {
	background-color: rgba(2,86,95,1);
}

.barraHeader {
	background-color: #45658C;
}

.barra-pie {
	/* background-image: url( "/imagenes/barra-fondo.svg" ); */
	height: 140px;
}

.barra-header {
	/* background-image: url( "/imagenes/barra-fondo.svg" ); */
	height: 20px;
	padding: 3px;
}

.barra-header-texto {
	color: #FFFFFF;
}

.barra-pie-texto {
	font-family: 'Montserrat';
	font-weight: 500;
	font-size: 22px;
	color: #37bbed;
	cursor: pointer;
}

.usr-perfil {
	background: url('../imagenes/perfil.svg') no-repeat center;
	display: inline-block;
	width: 30px;
	height: 30px;
}

.app-exit {
	background: url('../imagenes/salir.svg') no-repeat center;
	display: inline-block;
	width: 35px;
	height: 35px;
}
/**/
.absoluto {
	position: absolute;
	top: 0px;
	left: 0px;
}

.draggable {
	cursor: grab;
}

.notaAlPie {
	font-size: 0.8em;
	border-left: 2px solid rgba(49, 112, 143, 1);
	border-right: 2px solid rgba(49, 112, 143, 1);
	padding-left: 5px;
	padding-right: 5px;
}

.caja-menu-lateral {
	padding-bottom: 5px;
	padding-top: 5px;
	padding-left: 0px !important;
	padding-right: 0px !important;
	border-bottom: 1px solid #D0D0D0;
}

	.caja-menu-lateral div {
		padding-left: 3px !important;
		padding-right: 3px !important;
	}

.ui-draggable {
	cursor: grab;
}

.ui-zoomIn {
	cursor: zoom-in;
}

.ui-zoomOut {
	cursor: zoom-out;
}

.ver {
	-webkit-transform: rotate(-90deg);
	white-space: nowrap;
	margin: 0;
	padding: 0;
	max-width: 86px;
	max-height: 56px;
	bottom: -40px;
	position: relative;
	display: none;
}

.semaforo-gris {
	color: #B0B0B0;
}
.semaforo-verde {
	color: #64b348;	
}
.semaforo-amarillo {
	color: #dad148;
}
.semaforo-rojo {
	color: #d8200d;
}
.semaforo-fondo-gris {
	background-color: #B0B0B0;
}
.semaforo-fondo-verde {
	background-color: #aacd9e69 !important;
}
.semaforo-fondo-amarillo {
	background-color: #fbea91 !important;
}
.semaforo-fondo-rojo {
	background-color: #df4646c7 !important;
}
.semaforo-fondo-celeste {
	background-color: #7aaef2c7 !important;
}
label {
	font-size: 100% !important;
}