#modalPDFViewer {
	width: 900px;
	/* SET THE WIDTH OF THE MODAL */
	margin: -250px 0 0 -450px;
	/* CHANGE MARGINS TO ACCOMODATE THE NEW WIDTH (original = margin: -250px 0 0 -280px;) */
}

.navbar {
	border-radius: 0px;
}

.form-control[disabled] {
	background-color: #fff;
}

/* Sticky footer */
html,
body {
	height: 100%;
	/* The html and body elements cannot have any padding or margin. */
}

/* Wrapper for page content to push down footer */
#wrap {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	/* Negative indent footer by it's height */
	margin: 0 auto -180px;
}

#footer {
	border-top: 1px solid #e7e7e7;
}

#footer img {
	padding: 20px;
	max-width: 15%;

}

/* Lastly, apply responsive CSS fixes as necessary */
@media (max-width: 767px) {
	#footer {
		margin-left: -20px;
		margin-right: -20px;
		padding-left: 20px;
		padding-right: 20px;
	}
}

/* End Sticky footer */

div.separador10 {
	height: 10px;
}

div.separador25 {
	height: 25px;
}

div.separador35 {
	height: 35px;
}

div.separador50 {
	height: 50px;
}

.scrolleable {
	height: 250px;
	overflow-y: scroll;
}

.scrolleable600 {
	height: 600px;
	overflow-y: scroll;
}

.scrolleable500 {
	height: 500px;
	overflow-y: scroll;
}

.scrolleable400 {
	height: 400px;
	overflow-y: scroll;
}

.margin-top-10 {
	margin-top: 10px;
}

.break-word {
	word-break: break-word;
}

.stacktrace-log {
	max-height: 500px;
	overflow: auto;
	white-space: pre-wrap;
	word-break: break-word;
}

.scrolleable350 {
	height: 350px;
	overflow-y: scroll;
}

.scrolleable250 {
	height: 250px;
	overflow-y: scroll;
}

.scrolleable200 {
	height: 200px;
	overflow-y: scroll;
}

.scrolleable150 {
	height: 150px;
	overflow-y: scroll;
}

.scrolleableX {
	width: 95%;
	overflow-x: scroll;
}

.scrolleableX98 {
	width: 98%;
	overflow-x: scroll;
}

.scrolleableX98AndY400 {
	width: 98%;
	overflow-x: scroll;
	height: 400px;
	overflow-y: scroll;
}

/* tabla de submuestras */
.scrolleableX90AndY90 {
	width: 100%;
	overflow-x: scroll;
	height: 100%;
	overflow-y: scroll;
}

/* modal para cuadro de submuestras */

#modalSubMuestra .modal-dialog {
	width: calc(100vw - 30px);
	max-width: none;
	margin: 15px auto;
}

#modalSubMuestra .modal-content {
	height: calc(100vh - 30px);
	display: flex;
	flex-direction: column;
}

#modalSubMuestra .modal-body {
	flex: 1 1 auto;
	overflow: hidden;
}

#modalSubMuestra .scrolleableX90AndY90 {
	width: 100%;
	height: 100%;
	overflow: auto;
}

#modalSubMuestra .table {
	margin-bottom: 0;
	font-size: 12px;
}

#modalSubMuestra .table>thead>tr>td,
#modalSubMuestra .table>thead>tr>th,
#modalSubMuestra .table>tbody>tr>td {
	white-space: nowrap;
}

#modalSubMuestra .table thead th.sticky-col-num {
	position: sticky;
	top: 0;
	left: 0;
	z-index: 23;
	background-color: #ffffff;
	width: 40px;
	min-width: 40px;
}

#modalSubMuestra .table thead th.sticky-col-ident1 {
	position: sticky;
	top: 0;
	left: 40px;
	z-index: 22;
	background-color: #ffffff;
	width: 180px;
	min-width: 180px;
	max-width: 180px;
	box-sizing: border-box;
}

#modalSubMuestra .table thead th.sticky-col-ident2 {
	position: sticky;
	top: 0;
	left: 220px;
	z-index: 21;
	background-color: #ffffff;
	width: 240px;
	min-width: 240px;
	max-width: 240px;
	box-sizing: border-box;
}

#modalSubMuestra .table thead th.sticky-th-only {
	position: sticky;
	top: 0;
	z-index: 10;
	background-color: #ffffff;
}

#modalSubMuestra .table tbody td.sticky-col-num {
	position: sticky;
	left: 0;
	z-index: 18;
	background-color: #ffffff;
	width: 40px;
	min-width: 40px;
}

#modalSubMuestra .table tbody td.sticky-col-ident1 {
	position: sticky;
	left: 40px;
	z-index: 17;
	background-color: #ffffff;
	width: 180px;
	min-width: 180px;
	max-width: 180px;
	box-sizing: border-box;
}

#modalSubMuestra .table tbody td.sticky-col-ident2 {
	position: sticky;
	left: 220px;
	z-index: 16;
	background-color: #ffffff;
	width: 240px;
	min-width: 240px;
	max-width: 240px;
	box-sizing: border-box;
}

#modalSubMuestra .table thead th.sticky-col-num,
#modalSubMuestra .table thead th.sticky-col-ident1,
#modalSubMuestra .table thead th.sticky-col-ident2,
#modalSubMuestra .table tbody td.sticky-col-num,
#modalSubMuestra .table tbody td.sticky-col-ident1,
#modalSubMuestra .table tbody td.sticky-col-ident2 {
	background-clip: padding-box;
	box-shadow: inset -1px 0 0 #ddd;
}

#modalSubMuestra .table.table-striped>tbody>tr:nth-of-type(odd)>td.sticky-col-num,
#modalSubMuestra .table.table-striped>tbody>tr:nth-of-type(odd)>td.sticky-col-ident1,
#modalSubMuestra .table.table-striped>tbody>tr:nth-of-type(odd)>td.sticky-col-ident2 {
	background-color: #f9f9f9;
}

#modalSubMuestra .table.table-hover>tbody>tr:hover>td.sticky-col-num,
#modalSubMuestra .table.table-hover>tbody>tr:hover>td.sticky-col-ident1,
#modalSubMuestra .table.table-hover>tbody>tr:hover>td.sticky-col-ident2 {
	background-color: #f5f5f5;
}

@media (max-width: 767px) {
	#modalSubMuestra .modal-dialog {
		width: calc(100vw - 10px);
		margin: 5px auto;
	}

	#modalSubMuestra .modal-content {
		height: calc(100vh - 10px);
	}

}

.padding15 {
	padding: 15px;
}

.mayuscula {
	text-transform: uppercase;
}

.outer {
	overflow-y: auto;
	height: 450px;
}

.outer table {
	width: 100%;
	overflow-x: auto;
	table-layout: fixed;
	border-spacing: 1px;
}

.outer table th {
	text-align: left;
	top: 0;
	position: sticky;
	background-color: white;
	width: 200px;
}

.chosen-container,
.chosen-choices {
	width: 100%;
	min-height: 30px;
}

#modalProcesar {
	display: inline;
	background-color: #000000;
	position: fixed;
	top: 0px;
	left: 0px;
	height: 100vh;
	width: 100vw;
	opacity: 0.8;
	z-index: 5000 !important;
}

/*
	Style SubMenu
*/

.dropdown-submenu {
	position: relative;
}

.dropdown-submenu>.dropdown-menu {
	top: 0;
	left: 100%;
	margin-top: -6px;
	margin-left: -1px;
	-webkit-border-radius: 0 6px 6px 6px;
	-moz-border-radius: 0 6px 6px;
	border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
	display: block;
}

.dropdown-submenu>a:after {
	display: block;
	content: " ";
	float: right;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
	border-width: 5px 0 5px 5px;
	border-left-color: #ccc;
	margin-top: 5px;
	margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
	border-left-color: #fff;
}

.dropdown-submenu.pull-left {
	float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
	left: -100%;
	margin-left: 10px;
	-webkit-border-radius: 6px 0 6px 6px;
	-moz-border-radius: 6px 0 6px 6px;
	border-radius: 6px 0 6px 6px;
}

.panel10 {
	margin-bottom: 10px;
	background-color: #fff;
	border: 1px solid transparent;
	border-top-color: transparent;
	border-right-color: transparent;
	border-bottom-color: transparent;
	border-left-color: transparent;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
	box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}


/* tabla para cargar resultados de sanidad animal */

#modalNuevoAnalisisAlternativo .outer.scrolleableX98 {
	overflow-x: auto;
	overflow-y: visible;
	max-height: 600px;
	overflow-y: auto;
}

#modalNuevoAnalisisAlternativo .table.table-hover.table-bordered {
	border-collapse: collapse;
}

#modalNuevoAnalisisAlternativo .table thead th.sticky-col-num {
	position: sticky;
	top: 0;
	left: 0;
	z-index: 20;
	background-color: #f5f5f5;
	width: 40px;
	min-width: 40px;
}

#modalNuevoAnalisisAlternativo .table thead th.sticky-col-ident1 {
	position: sticky;
	top: 0;
	left: 40px;
	z-index: 20;
	background-color: #f5f5f5;
	width: 150px;
	min-width: 150px;
	max-width: 150px;
	box-sizing: border-box;
}

#modalNuevoAnalisisAlternativo .table thead th.sticky-col-ident2 {
	position: sticky;
	top: 0;
	left: 190px;
	z-index: 20;
	background-color: #f5f5f5;
	width: 220px;
	min-width: 220px;
	max-width: 220px;
	box-sizing: border-box;
}

#modalNuevoAnalisisAlternativo .table thead th.sticky-th-only {
	position: sticky;
	top: 0;
	z-index: 10;
	background-color: #f5f5f5;
}

#modalNuevoAnalisisAlternativo .table tbody td.sticky-col-num {
	position: sticky;
	left: 0;
	z-index: 15;
	background-color: #ffffff;
	width: 40px;
	min-width: 40px;
}

#modalNuevoAnalisisAlternativo .table tbody td.sticky-col-ident1 {
	position: sticky;
	left: 40px;
	z-index: 15;
	background-color: #ffffff;
	width: 150px;
	min-width: 150px;
	max-width: 150px;
	box-sizing: border-box;
}

#modalNuevoAnalisisAlternativo .table tbody td.sticky-col-ident2 {
	position: sticky;
	left: 190px;
	z-index: 15;
	background-color: #ffffff;
	width: 220px;
	min-width: 220px;
	max-width: 220px;
	box-sizing: border-box;
}

#modalNuevoAnalisisAlternativo .table tbody td.sticky-col-ident1 .form-control,
#modalNuevoAnalisisAlternativo .table tbody td.sticky-col-ident2 .form-control {
	width: 100%;
}