body,
html {
	margin: 0px;
	padding: 0px;
}

*:not(.dw):not(.dwo) {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.dw *,
.dwo * {
	box-sizing: inherit !important;
	-webkit-box-sizing: inherit !important;
	-moz-box-sizing: inherit !important;
}

body {
	font-family: sans-serif;
}

header {
	width: 1150px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 0px;
	text-align: center;
	/*background: #F2D82133;*/
}

header>div:not(.menu):not(.estado_en_linea) {
	display: inline-block;
	vertical-align: bottom;
	width: 100%;
	height: 126px;
	margin-bottom: 10px;
	overflow: hidden;
}

header>div.header_logo {
	text-align: center;
}

header>div.header_logo img {
	width: 100%;
	margin-bottom: 5px;
	display: block;
}

header>div.header_user {
	text-align: right;
	padding-bottom: 5px;
}

header>div.header_user .texto {
	display: inline-block;
	vertical-align: top;
	max-width: calc(100% - 50px);
}

header>div.header_user img {
	width: 50px;
	display: inline-block;
}

header {
	position: relative;
}

header .estado_en_linea {
	font-size: 15px;
	font-weight: bold;
}

header .estado_en_linea div div {
	display: none;
	vertical-align: bottom;
	width: 20px;
	height: 20px;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border: 1px solid #000;
}

header .estado_en_linea .online {
	color: #0F0;
}

header .estado_en_linea .online div {
	background: #0F0;
}

header .estado_en_linea .offline {
	color: #F00;
}

header .estado_en_linea .offline div {
	background: #F00;
}

/*.menu {
	width: 1150px;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #FEFEFE;
	background: #00b7e4;
	height: 100%;
}

.menu,
.menu * {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.menu ul {
	margin: 0px;
	padding: 0px;
}

.menu ul li {
	display: inline-block;
	list-style: none;
	padding: 10px;
	padding-left: 15px;
	padding-right: 15px;
	border-right: 1px solid #FEFEFE;
}

.menu ul li a {
	text-decoration: none;
	color: #FEFEFE;
	font-size: 18px;
	font-weight: bold;
	cursor: pointer;
}

.menu ul li:hover,
.menu ul li.activo {
	background: #FFCC29;
}

.menu ul li.usuario {
	float: right;
	border-right: 0px;
	border-left: 1px solid #FEFEFE;
	color: #FEFEFE;
	padding: 11px;
}

.menu ul li.usuario:hover {
	background: transparent;
}

.menu ul li ul {
	display: none;
	width: 100%;
}

.menu ul li {
	position: relative;
	cursor: pointer;
}

.menu ul li ul {
	position: absolute;
	top: 100%;
	left: 0px;
	background: #94c2ce;
}

.menu ul li:hover ul {
	display: block;
}

.menu ul li ul li {
	border-bottom: 1px solid #FFF;
	border-left: 1px solid #FFF;
	border-right: 1px solid #FFF;
	color: #FFF;
	width: 100%;
}*/

.busqueda {
	width: 1150px;
	padding: 10px;
	text-align: center;
	display: block;
	border: 1px solid #0097BC;
	margin: 0px auto;
	position: relative;
	padding-bottom: 30px;
	margin-bottom: 30px;
}

.busqueda button {
	display: inline-block;
	margin-top: 20px;
}

.busqueda .etiqueta_rodante {
	width: 300px;
	margin: 10px;
	display: inline-block;
	vertical-align: middle;
}

.busqueda .etiqueta_rodante input,
.busqueda .etiqueta_rodante select {
	width: 100%;
	padding: 5px;
}

.busqueda .etiqueta_rodante span {
	font-weight: bold;
}

.busqueda .botones {
	position: absolute;
	padding: 0px;
	margin: 0px;
	left: 0px;
	bottom: -15px;
	width: 100%;
	text-align: right;
}

.busqueda .botones button {
	margin: 0px;
	margin-right: 30px;
}

.div_user {
	width: 1150px;
	margin: 0px auto;
	text-align: right;
	font-size: 20px;
}

.div_user img {
	vertical-align: middle;
	cursor: pointer;
}

.div_user * {
	font-size: 17px;
}

.div_user div {
	display: inline-block;
	vertical-align: middle;
}

.div_user div:first-child {
	width: 60%;
}

.div_user div:first-child+div {
	width: 40%;
}

.div_user div:first-child {
	text-align: left;
}

.div_user div:only-child {
	text-align: right;
	width: 100%;
}

.texto_usuario {
	width: auto;
	display: inline-block;
	vertical-align: bottom;
	color: #6f7072;
	margin-top: 11px;
	font-weight: bold;
	text-align: right;
}

.titulo {
	width: 1150px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	background: #F2D820;
	color: #FEFEFE;
	font-family: sans-serif;
	font-size: 30px;
}

.titulo select {
	font-size: 20px;
	cursor: pointer;
	vertical-align: middle;
	max-width: 90%;
}

.titulo br {
	display: none;
}

.titulo button {
	display: inline-block;
	vertical-align: middle;
}

/*table.pc {
	display: table;
}

table.movil {
	display: none;
}

table.movil+table.movil {
	margin-top: 38px;
}

table {
	background: #FEFEFE;
	border-collapse: collapse;
}

table.pc:not(:empty),
table.movil:not(:empty) {
	border-top: 1px solid #999999;
}

table tr td,
table tr th {
	position: relative;
	padding: 15px;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
}

table tr th:first-child,
table tr td:first-child {
	border-left: 1px solid #999999;
}

table tr td.espacio {
	padding: 2.5px;
	border-right: 0px;
	border-left: 0px;
}

/*table tr>*.accion {
	width: 20px;
}-->

table tr th {
	font-family: sans-serif;
	font-size: 18px;
	background: #dadada;
	font-weight: bold;
	text-align: center;
}

table tr td {
	font-size: 16px;
	text-align: center;
}*/

table tr td button,
button {
	display: block;
	margin-left: auto;
	margin-right: auto;
	cursor: pointer;
	outline: 0;
	border: 1px solid #F2D823;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	font-family: arial, helvetica, sans-serif;
	font-size: 20px;
	padding: 5px 8px 5px 8px !important;
	text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
	font-weight: bold;
	text-align: center;
	color: #FFFFFF;

	background: #F2D821;
	/* Old browsers */
	background: -moz-linear-gradient(top, #F2D821 38%, #F2D821 38%, #F2D822 69%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(38%, #F2D821), color-stop(38%, #F2D821),
			color-stop(69%, #F2D822));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #F2D821 38%, #F2D821 38%, #F2D822 69%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #F2D821 38%, #F2D821 38%, #F2D822 69%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #F2D821 38%, #F2D821 38%, #F2D822 69%);
	/* IE10+ */
	background: linear-gradient(to bottom, #F2D821 38%, #F2D821 38%, #F2D822 69%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F2D821', endColorstr='#F2D822', GradientType=0);
	/* IE6-9 */

	cursor: pointer;
}

table tr td button:hover,
button:hover {
	border: 1px solid #F2D823;

	background: #F2D821;
	/* Old browsers */
	background: -moz-linear-gradient(top, #F2D821 0%, #F2D822 80%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F2D821), color-stop(80%, #F2D822));
	/*

	Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #F2D821 0%, #F2D822 80%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #F2D821 0%, #F2D822 80%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #F2D821 0%, #F2D822 80%);
	/* IE10+ */
	background: linear-gradient(to bottom, #F2D821 0%, #F2D822 80%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F2D821', endColorstr='#F2D822', GradientType=0);
	/* IE6-9 */
}

.barra button {
	font-size: 20px;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	padding: 6px 20px;
	margin: 0px 8px;
}

/*table tr td input+button {
	display: inline-block;
	margin: 0px;
	margin-left: 10px;
}

table tr td.accion img,
table tr th.accion img {
	margin: 5px;
	cursor: pointer;
	height: 40px;
}

td.accion.no_borde {
	border-right: 0px;
}

table tr td img:only-child,
table tr th img:only-child {
	display: block;
	margin: 0px auto;
}*/

select {
	font-size: 15px;
	padding: 5px;
}

footer {
	width: 1150px;
	margin-left: auto;
	margin-right: auto;
	background: #F2D820;
	color: #FEFEFE;
	font-size: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
}

footer:empty {
	display: none;
}

footer img {
	display: inline-block;
	width: 200px;
	height: 1px;
}

footer a {
	text-decoration: none;
	color: #FFF;
	cursor: pointer;
}

footer a:hover {
	text-decoration: underline;
}

.pie_total {
	width: 1150px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 40px;
	background: #FFFFFF;
	color: #e3ce02;
	border: 1px solid #F2D820;
	font-size: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
}

iframe {
	overflow: hidden;
}

.boton_barra {
	position: relative;
	width: 1150px;
}

.boton_barra span {
	position: absolute;
	right: 10px;
	top: -3px;
	font-size: 40px;
	font-weight: bold;
}

pre.codigo {
	background: #262720;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	font-family: Consolas, sans-serif;
	padding: 8px;
	font-size: .95em;
	color: #fff;
	overflow: auto;
	text-align: left;
	width: 500px;
}

pre.codigo .c0 {
	color: #00d6ff;
}

pre.codigo .c1 {
	color: #f92772;
}

pre.codigo .c2 {
	color: #aaa;
}

pre.codigo .c3 {
	color: #fff8ab;
}

pre.codigo .c4 {
	color: #2E9E61;
}

.boton_imprimir {
	display: block;
}

button.boton_tabla,
.boton_imprimir button {
	font-size: 15px;
	padding: 5px 15px;
}

.estado_editar,
.estado_insertar {
	width: 20px;
	height: 20px;
	border: 1px solid #000;
	border-radius: 20px;
	display: inline-block;
}

.estado_insertar {
	background: #F00;
}

.estado_editar {
	background: #FF0;
}

.carga {
	position: fixed;
	top: 0px;
	left: 0px;
	background: #00000080;
	width: 100%;
	height: 100%;
	display: grid;
	vertical-align: middle;
	z-index: 1000;
}

.carga img {
	display: block;
	margin: 0px auto;
	width: 100px;
	max-width: 90%;
	align-self: center;
}

#contenido_pagina {
	opacity: 0;
	margin-top: -160px;
	transition: opacity .5s ease-out, margin-top .5s ease-out;
}

#tabla_pc>*:not(.mostrar),
#tabla_movil>*:not(.mostrar) {
	opacity: 0;
	transition: opacity .5s ease-out, margin-top .5s ease-out;
}

.mensaje {
	text-align: center;
}

.advertencia {
	color: orange;
}

.completo {
	color: #0A94DC;
}

.alerta_roja {
	display: none;
	background: #F00;
	width: 1150px;
	margin: 40px auto;
	padding: 20px;
	color: #FFF;
	text-align: center;
	font-size: 20px;
}

.campo_remision {
	display: inline-block;
	vertical-align: middle;
	width: 400px;
	margin: 5px;
	text-align: left;
}

.campo_remision span {
	font-weight: bold;
}

.logo_pc {
	display: block;
}

.logo_movil {
	display: none;
	height: 100px;
}

.radiografia,
.radiografia img {
	display: inline-block;
	height: initial;
}

.radiografia img,
.botones img {
	height: inherit;
}

/*table tr td button {
	margin: 10px auto;
}*/

.input_editable {
	font-size: 16px;
	width: 60px;
}

.campo_editable {
	position: absolute;
	top: 0px;
	right: 0px;
	text-align: right;
}

.campo_editable img {
	width: 15px;
	height: 15px;
	margin: 3px 3px 0px 5px;
	display: inline-block;
	vertical-align: top;
}

.titulo .etiqueta_rodante {
	display: inline-block;
}

.contenedor_boton_imagen {
	position: relative;
}

.contenedor_boton_imagen img {
	display: block;
}

.contenedor_boton_imagen .numero {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 20px;
	height: 20px;
	line-height: 20px;
	border-radius: 20px;
	text-align: center;
	font-size: 15px;
	font-family: sans-serif;
	background: #FFF;
	color: #999;
	border: 1px solid #999;
	cursor: pointer;
}

.contenedor_boton_imagen .numero:empty {
	display: none;
}

.radiografia {
	width: 100px;
	vertical-align: middle;
}

.botones_imagen {
	display: inline-block;
	vertical-align: middle;
	width: 100px;
	margin-left: 10px;
}

.botones_imagen img {
	margin: 5px 0px !important;
	width: 100% !important;
}

@media screen and (max-width: 1149px) {
	body {
		padding-top: 126px !important;
	}

	select {
		background: #FFF;
	}

	.movil tr th {
		width: 40%;
	}

	.movil tr td {
		width: 60%;
	}

	header {
		background: #f1f1f1;
	}

	.logo_pc {
		display: none !important;
	}

	.logo_movil {
		display: block !important;
		width: auto !important;
		height: 70px !important;
		margin: 0px auto !important;
	}

	.alerta_roja {
		width: 90%;
	}

	.div_user {
		width: 90%;
	}

	.div_user div,
	.div_user div:first-child,
	.div_user div:first-child+div {
		width: 100%;
		margin-top: 10px;
		display: block;
		text-align: right;
	}

	header,
	.titulo,
	.busqueda,
	footer,
	.pie_total {
		width: 100%
	}

	header {
		position: fixed;
		top: 0px;
		left: 0px;
		padding-top: 5px;
		z-index: 10;
	}

	.texto_usuario {
		padding-right: 5%;
	}

	footer {
		text-align: center;
	}

	footer img {
		width: 100%;
		margin: 5px 0px;
	}

	/*table.pc {
		display: none;
	}

	table.movil {
		display: table;
	}*/

	.titulo br {
		display: block;
	}

	.boton_imprimir {
		display: none;
	}

	/*table tr:first-child th:first-child img:only-child {
		height: 80px;
	}*/

	header {
		margin: 0px;
		padding: 0px;
	}

	header>div.header_logo img {
		margin: 0px;
	}

	header>div:not(.menu):not(.estado_en_linea) {
		margin: 0px;
		padding: 0px;
		height: inherit;
	}

	.busqueda {
		padding-bottom: 10px;
	}

	.busqueda .botones {
		position: static;
		text-align: center;
	}

	.busqueda .botones button {
		margin: 10px;
	}

	.boton_barra {
		width: 100%;
	}
}

@media screen and (max-width: 600px) {
	#btn_sincronizar {
		width: 100%;
	}

	.titulo select {
		width: 100%;
		max-width: 90%;
	}
}