/************************************/
/*			Elementos				*/
/************************************/
body {
	font-family: calibri;
	font-size: 1em;
}
li {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul {
	margin: 0;
	padding: 0;
}

input[type=submit], button {
	cursor: pointer;
}

em {
	font-style: normal;
	font-weight: bold;
}

table tr:nth-child(even) {
	background-color: #dee9f7;
}

h2 {
	color: rgba(0,49,90,1);
}

.imprimir-block {
	display: none;
}

/************************************/
/*			General					*/
/************************************/

#content {
	min-height: 350px;
}

#flashMessage a, #flashMessage a:visited {
	color: #5af72a;
	margin-left: 50px;
	text-decoration: none;
}

#flashMessage a:hover {
	text-decoration: underline;
}

#headermenu, #navbar {
	height: auto;
}

#navbar > li a, #navbar > li a:hover {
	padding: 10px;
}

#navbar li {
	position: relative;
}

#navbar li ul {
	width: 100%;
	z-index: 10;
}

#navbar li ul li a {

}

#grupo_navegacion {
	width: 15%;
}

#grupo_navegacion, #navegacion, #footer {
	background-color: #213b72;
}

#grupo_navegacion .dropdown-menu.show {
	background-color: rgba(0,49,90,1);
}

#grupo_navegacion .dropdown-menu a:hover, #grupo_navegacion a.nav-link:hover {
	background: #2c6877;
}

#navegacion > li {
	/*float: left;*/
}

#navegacion > li > ul > li:hover {
	background: #2c6877;
}

#navegacion > li a {
	display: block;
}

#navegacion > li p, #navegacion > li > a {
	font-weight: bold;
	padding: 7px 10px;
	margin: 0;
	cursor: pointer;
}

#navegacion > li {
	position: relative;
}

#navegacion > li > ul {
	position: absolute;
	z-index: 10;
	min-width: 100%;
}

#navegacion > li ul li {
	padding: 7px;
	background-color: rgba(0,49,90,1);
	display: none;
}

#grupo_navegacion a, #grupo_navegacion a:visited,
#navegacion a, #navegacion a:visited {
	color: white;
}

#nav_otros {
	min-width: 120px;
	text-align: center;
}

#nav_categorias {
	min-width: 135px;
}

#content {
	position: relative;
}

#menu_compras {
	width: 135px;
}

/************************************/
/*			cheques					*/
/************************************/

/*			View cheques			*/

#divExportarExcel div.checkbox {
	display: inline-block;
	margin-left: 25px;
}

#divExportarExcel label {
	position: relative;
	bottom: 5px;
}

#boton_imprimir_cheque {
	margin: 0 20px 0 0;
	padding: 20px 0;
}
#boton_imprimir_cheque a, #boton_imprimir_cheque a:visited {
	background-color: #62af56;
	background-image: -webkit-linear-gradient(top, #76BF6B, #3B8230);
	border-color: #2d6324;
	color: #fff;
	text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.5);
	padding: 8px 20px;
	border: 1px solid #2d6324;
	text-decoration: none;
	border-radius: 4px;
	font-weight: bold;
	font-size: 1.1em;
}

#boton_imprimir_cheque a:hover {
	background: #5BA150;
}

#CancelarViewForm {
	clear: none;
	width: 30%;
}

.cuadroBanderas td, .cuadroBanderas th {
	font-size: 0.7em;
	width: 16%;
}

.cuadroBanderas span {
	display:block;
	text-align: center;
}

#display_cheque {
	width: 40%;
	margin-left: 20px;
}

#display_cheque em {
	font-weight: bold;
	font-style: normal;
}

#imprimir {
	display: none;
}

#mostrar_cargos {
	width: 55%;
}

#mostrar_cargos th {
	text-align: center;
}

#mostrar_cheque {
	width: 100%;
}

#mostrar_cheque .cheque_cancelado p, #mostrar_cheque .cheque_cancelado h4 {
	margin: 5px 0;
}

#cerrarCancelar, .botonCerrar {
	border-radius: 3px;
	color: white;
	margin-right: 10px;
	padding: 10px;
	position: absolute;
	right: 0;
	top: 10px;
	cursor: pointer;
}

#cerrarCancelar:hover, .botonCerrar:hover {
	background-color: rgba(250,250,250,0.9);
	color: #000;
}

#seccionCancelar {
	background-color: rgba(0,0,0,0.9);
	border-radius: 10px;
	bottom: 0;
	display: none;
	height: 350px;
	left: 0;
	padding: 25px;
	width: 450px;
}

#seccionCancelar div.textarea {
	display: none;
	margin-top: 10px;
}

#seccionCancelar label {
	color: white;
}

/*			Add cheques 			*/

#mensajes_error {
	display: none;
}

#mensajes_error li {
	color: #e32;
	list-style: circle;
}

#visualizar_add_cheque #mostrar_cargos {
	width: 50%;
}

#visualizar_add_cheque #display_cheque {
	width: 40%;
}

#chequesContainer #display_cargos {
	width: 55%;
}

#display_cargos .lista_cargos {
	font-size: 12px;
}

#display_cargos .lista_cargos td:nth-child(2) {
	width: 20%;
}

#display_cargos .lista_cargos td:nth-child(3) {
	width: 25%;
}

#display_cargos .lista_cargos td:nth-child(4) {
	width: 20%;
}

#display_cargos .lista_cargos td:nth-child(5) {
	width: 8%;
}

/*#chequesContainer #seleccion_cuenta, #chequesContainer #info_cheque, #chequesContainer*/
#imprimir {
	display: none;
}

#ChequeBeneficiario {
	width: 400px;
}

#info_calificacion_beneficiario {
	top: 20px;
	left: 420px;
	border: 1px solid rgba(00,00,00,0.3);
	margin: 0;
	border-radius: 10px;
}

#info_calificacion_beneficiario div {
	margin: 3px;
}

#info_calificacion_beneficiario li {
	font-size: 12px;
}

#beneficiario_loading {
	top: 22px;
	left: 420px;
}

#info_calificacion_beneficiario ul {
	margin: 5px 10px 10px;
	width: 300px;
}

#info_calificacion_beneficiario span {
	padding: 3px 4px;
	background-color: black;
	color: white;
	border-radius: 5px;
	cursor: pointer;
}

#info_calificacion_beneficiario span:hover {
	color: gold;
	background-color: #222;
}

.texto_dorado {
	color: gold;
}

.alerta {
	box-shadow: inset 0 0 10px 3px #e32;
	background-color: transparent;
	border: none;
}

.texto_alerta, .texto_alerta p,
tr.texto_alerta td {
	font-weight: bolder;
	color: red !important;
}

.texto_alerta input[type=text], .texto_alerta textarea {
	color: red;
}

.texto_naranja, .texto_naranja p,
tr.texto_naranja td {
	color: rgb(215,175,0);
	font-weight: bolder;
}

.texto_naranja input[type=text], .texto_naranja textarea {
	color: rgb(215,175,0);
}

.texto_verde, .texto_verde p,
tr.texto_verde td {
	color: green;
	font-weight: bolder;
}
.cargo select, .editar_cargo select {
	min-width: 170px;
	max-width: 200px;
}

.lista_subcargos {
	min-height: 150px;
}
.cargo input[type=radio], .editar_cargo input[type=radio] {
	margin: 0;
}

.cargo td:nth-child(5), .editar_cargo td:nth-child(5) {
	width: 7%;
}

div.form button.deshabilitado, div.form input.deshabilitado, button.deshabilitado, input.deshabilitado {
	background: #dcdcdc !important;
	color: #333 !important;
	border: 1px solid #bbb !important;
}

div.form button.deshabilitado:hover, div.form input.deshabilitado:hover, button.deshabilitado:hover, input.deshabilitado:hover {
	background: #dcdcdc !important;
	cursor: default !important;
}

#ChequeRevisarForm tr td {
	vertical-align: middle;
}

#tablaCargos select, #tablaCargos input[type=text], #editarCheques select, #editarCheques input[type=text] {
	font-size: 12px;
	padding: 3px;
}

#tablaCargos td, #editarCheques td {
	padding: 3px;
}

#tablaCargos button, #editarCheques button {
	font-size: 14px;
	padding: 6px 8px;
}

#tablaCargos input[type=text], #editarCheques input[type=text] {
	width: 100px;
}

#info_oc, #info_factura {
	color: white;
}

#info_oc #OrdenDeCompra, #info_factura #ProveedorFacturaChequeAjax {
	background-color: rgba(0,0,0,0.7);
}

/*			Revisar cheques			*/

#ChequeRevisarForm .subtabla_cargo {
	width: 40%;
}
#ChequeRevisarForm .subtabla_subcargo {
	width: 35%;
}

#ChequeRevisarForm .subtabla_monto {
	width: 23%;
}

#ChequeRevisarForm table table:nth-child(1) {
	background-color: #fff;
}

#ChequeRevisarForm table table:nth-child(even) {
	background-color: #fcefef;
}

#ChequeRevisarForm table table:nth-child(odd) {
	background-color: #fff;
}

#ChequeRevisarForm table table, #ChequeRevisarForm table table tr, #ChequeRevisarForm table table td {
	background-color: inherit;
}

#ChequeRevisarForm table table th {
	border: none;
	text-align: center;
}

#print_entrada {
	display: none;
}

#listOC, #listFactura, #listObrasPF, .blackbox {
	display: none;
	position: absolute;
	width: 100%;
	min-height: 100%;
	left: 0;
	top: 0;
	background-color: rgba(0,0,0,0.7);
	/*padding: 30px;*/
	font-size: .7em;
}

#mensajes_error_facturas_get {
	color: red;
	font-size: 1.5em;
	margin-left: 10px;
}

#listOC #info_oc label, #listOC #info_oc h2, #listOC #info_oc th,
#listOC #info_oc td, #listOC #info_oc tr, #listOC #info_oc a,
#info_factura label, #info_factura h2, #info_factura th,
#info_factura td, #info_factura tr, #info_factura a {
	color: white;
	background-color: transparent;
}

#info_factura dd, #info_factura dt {
	background-color: inherit;
}

#listOC #info_oc h3, #info_factura h3 {
	color: gold;
}

#firmaViky {
	position: absolute;
	height: 130px;
	bottom: -35px;
	left: 0;
}

/************************************/
/*			Imprimir Cheque			*/
/************************************/
	
@media print {

	#print_logo {
		height: 3cm;
	}

	.imprimir-block {
		display: block;
	}
	
	#obras_reporte td {
		padding:2px;
	}
	.printpagebreakafter {
		page-break-after: auto;
	}

	.printpagebreakbefore {
		page-break-before: auto;
	}

	.printpagebreakinside {
		page-break-inside: auto;
	}
	.noprintpagebreakinside {
		page-break-inside: avoid;
	}

	.break-before {
		break-before: always !important;
		page-break-before: always !important;
		break-inside: avoid;
		display: block !important;
	}
	.break-after {
		break-after: page !important;
		break-inside: avoid;
		page-break-after: always !important;
		display: block !important;
	}
	#header, #headermenu, .cheques h2, .cheques h1, #mostrar_cargos, 
	.actions, #footer, #display_cheque, .cake-sql-log, a, input, button,
	#CancelarViewForm, #debug-kit-toolbar, #flashMessage, #mostrar_cheque,
	#facturas_agregadas, div.submit, #navegacion {
		display: none;
	}

	#imprimir{
		display: block;
	}

	.a-imprimir {
		display: inline;
		text-decoration: none !important;
	}

	#imprimir .escondida {
		display: none;
	}

	#imprimir visible {
		display: block;
	}

	div.view, div.form {
		float: none;
		width: auto;
		border: none;
		padding: 0;
	}

	/* Usar las medidas en centímetros */

	#imprimir #imprmir_cheque {
		font-size: 12px;
		font-family: sans-serif;
		float: none;
		text-align: left;
		height: 5cm; /* Cambiar a la medida de cheque */
		border: none;
		padding: 5px;
	}

	#imprimir .chequecancelado, #print_entrada .chequecancelado {
		font-size: 3cm;
		margin: 0;
		padding: 10px;
		-webkit-transform: rotate(-45deg);
		-webkit-transform-origin: 18cm 8cm;
		-moz-transform: rotate(-45deg);
		-moz-transform-origin: 18cm 8cm;
		-o-transform: rotate(-45deg);
		-o-transform-origin: 18cm 8cm;
		transform: rotate(-45deg);
		transform-origin: 18cm 8cm;
		font-weight: bold;
		position: absolute;
	}

	/************************************/
	/*			Imprimir poliza			*/
	/************************************/

	#imprimir {
		width: 18cm;
        height: 22.5cm;
		margin: 0;
	}

	#imprimir #ventana_poliza {
		position: fixed;
		width: 90%;
        height: 22.5cm;
        top:0;
        bottom: 0;
	}

	#imprimir table {
		border-spacing: 0;
	}

	#imprimir * {
		font-family: sans-serif;
		font-size: 14px;
		color: black;
		background-color: inherit;
	}

	#imprimir #imprimir_cheque {
		margin: 0;
	}

	#imprimir #imprimir_cheque p {
		margin-bottom: 2px;
	}

	#imprimir div, #imprimir table {
		/*border: 1px solid black;*/
	}

	#cargos_cheque {
		/*border: 1px solid black;*/
		margin: 0.5cm 1cm;
	}

	#cargos_cheque h3 {
		margin: 0;
	}

	#cargos_cheque table {
		text-align: center;
		width: 100%
	}

	#cargos_cheque th {
		text-align: center;
		font-size: 12px;
	}

	#cargos_cheque tr th:nth-child(1), #cargos_cheque table:nth-child(1) tr td:nth-child(1) {
		width: 20%;
	}

	#cargos_cheque tr td:nth-child(2) {
		font-size: 11px;
		width: 20%;
	}

	#cargos_cheque tr td:nth-child(3) {
		font-size: 11px;
		width: 20%;
	}

	#cargos_cheque tr td {
		padding-left: 10px;
		padding-right: 10px;
	}

	#cargos_cheque tr td:nth-child(1), 
	#cargos_cheque tr td:nth-child(2),
	#cargos_cheque tr td:nth-child(3),
	#cargos_cheque tr td:nth-child(4),
	#cargos_cheque tr td:nth-child(5),
	#cargos_cheque tr th:nth-child(1),
	#cargos_cheque tr th:nth-child(2),
	#cargos_cheque tr th:nth-child(3),
	#cargos_cheque tr th:nth-child(4)
	#cargos_cheque tr th:nth-child(5) {
		border-right: 1px solid black;
	}

	#cargos_cheque tr:nth-child(1) {
		background-color: #ccc;
		text-decoration: none;
	}

	#cargos_cheque table:nth-child(2) {
		clear: none;
		border: none;
		width: 34%;
	}
	
	#concepto {
		width: 58%;
		overflow: hidden;
	}

	#concepto p, #cargos_cheque td {
		font-size: 10px;
	}

	#concepto h3  {
		font-size: 0.4cm;
		margin: 0 0 0.1cm;
		padding: 0;
	}

	#era {
		border: 1px solid black;
		margin-top: 0.2cm;
	}

	#era li {
		font-size: 10px;
		height: 2cm;
		text-align: center;
	}

	#era li h2 {
		border-bottom: 1px solid black;
		padding: 4px;
	}

	#era li:nth-child(1), #era li:nth-child(2){
		width: 15%;
		border-right: 1px solid black;
	}

	#era li:nth-child(3) {
		width: 20%;
		border-right: 1px solid black;
	}

	#era li:nth-child(4) {
		width: 29%;
	}

	#era h2 {
		font-size: 0.3cm;
	}

	#era h5 {
		font-size: 8px;
		margin: 0;
		padding: 0;
	}

	#concepto {
		margin: 0.2cm 0;
		height: 2cm;
		padding: 5px 10px 0;
		border: 1px solid black;
	}

	#nff {
		width: 20%;
		border-left: 1px solid black;
	}

	#nff p, #concepto h3, #concepto span {
		font-size: 10px;
	}

	#poliza {
		/*max-height: 18.5cm;*/
		min-height: 16.5cm;
		/*border: 1px solid black;*/
		overflow-y: hidden;
	}

	#poliza span, #concepto span {
		padding-left: 20px;
	}

	#poliza > h1, #poliza > h1 span {
		background-color: #ccc;
		font-size: 12px;
	}

	#poliza > h1, #poliza > h2  {
		padding: 3px 5px;
		margin-bottom: 2px;
	}

	#poliza > h2 {
		font-size: 10px;
	}

	#poliza ul li {
		margin: 0px 0.5cm 3px;
	}

	#poliza #cargos_cheque {
		border: 1px solid black;
	}

	#poliza #cargos_cheque tr td {
		margin: 0;
		padding: 1px 5px 3px;
	}

	#razonCancelacion {
		width: 100%;
		border: 1px solid black;
		height: 1.2cm;
		margin-top: 3px;
		margin-left: 0.1cm;
		margin-bottom: 3px;
	}

	#razonCancelacion p, #razonCancelacion h2 {
		font-size: 0.2cm;
		margin: 0.1cm;
	}

	#subcargos {
		height: 4cm;
		overflow: hidden;
	}

	#subcargos ul {
	}

	#subcargos li {
		padding-left: 1cm;
		width: 12cm;
	}

	#subcargos li:nth-child(1) {
		width: 100%;
		border-bottom: 1px solid black;
		padding-top: 3px;
		background-color: #ccc;
	}

	#poliza, #concepto, #nff, #era, #subcargos {
		display: block;
	}

	#imprimir h2, #imprimir h1 {
		display: block;
	}

	#content div.entradas > h2, #content div.entradas #view_entradas, #content div.entradas > h3 {
		display: none;
	}

	#print_entrada {
		display:block;
		width: 100%;
		max-height: 22.5cm;
		margin: 0 auto;
		position: fixed;
		top: 1cm;
		left: 0;
	}

	#print_entrada .entrada_data {
		border: 1px solid black;
	}

	#print_entrada > h3, #print_entrada > ul, #print_entrada div.comentario {
		margin: 10px 15px;
	}

	#print_entrada > ul li {
		margin: 8px 0;
	}

	#print_entrada .firma_wrapper {
		width: 49.8%;
		border-top: 1px solid black;
	}

	#print_entrada .firma_wrapper .firma {
		height: 2cm;
	}

	#print_entrada .firma_wrapper h3 {
		border-bottom: 1px solid black;
	}

	#print_entrada .elaboro {
	    border-right: 1px solid black;
	}

	/************************************/
	/*		Imprimir reporte obras		*/
	/************************************/

	#wrap_listas_obras {
		display: none;
	}

	#obras_reporte h2 {
		font-size: 1.3em;
	}

	#obras_reporte h3 {
		font-size: 1.2em;
	}

	#obras_reporte {
		position: relative;
		/*width: 21cm;*/
	}

	#obras_reporte #resumen_cheques, #obras_reporte #resumen_entradas, #obras_reporte #resumen_facturas {
		width: 100%;
	}

	#content {
		overflow: visible;
	}

	#contenedor_resumen_cheques {
		width: 775px;
		border-top: 1px solid black;
	}

	#contenedor_resumen_cheques ul {

	}

	#resumen_cheques .show_on_print, #resumen_entradas .show_on_print, #resumen_facturas .show_on_print {
		display: block;
	}

	#resumen_cheques div ul span {
		padding: 0;
		margin: 0;
		display: block;
	}

	#resumen_cheques .ul_headers li, #resumen_entradas .ul_headers li {
		font-weight: bold;
	}

	#resumen_entradas .ul_headers {
		border-top: 1px solid black;
	}

	#resumen_cheques div.salidas li em, #resumen_entradas ul li em {
		display: none;
	}

	#resumen_cheques div ul div.salidas ul, #resumen_entradas ul {
		padding: 3px;
		border-left: 1px solid black;
		border-right: 1px solid black;
		border-bottom: 1px solid black;
	}

	#resumen_cheques div ul div.salidas li {
		float:left;
		margin: 0 1px;
	}

	#resumen_cheques div ul div.salidas li.extra {
		display: none !important;
	}

	#resumen_cheques div ul div.salidas li, #resumen_entradas ul li {
		font-size: 12px;
		position: relative;
		word-wrap: break-word;
	}

	#resumen_cheques div ul div.salidas .cheque {
		width: 65px;
	}
	#resumen_cheques div ul div.salidas .beneficiario {
		width: 220px;
		left: 190px;

	}
	#resumen_cheques div ul div.salidas .cuenta {
		width: 95px;
		right: 220px;
	}
	#resumen_cheques div ul div.salidas .monto {
		width: 110px;
		float: right;
		right: 180px;
	}
	#resumen_cheques div ul div.salidas .subcargo {
		width: 170px;
		float: right;
		left: 105px;
	}
	#resumen_cheques div ul div.salidas .concepto {
		width: 15%;
		display:none;
	}
	#resumen_cheques div ul div.salidas .fecha {
		width: 90px;
		right: 220px;
	}


	#resumen_entradas ul li.cargo {
		width: 270px;
		float: right;
		right: 140px;
	}
	#resumen_entradas ul li.cuenta {
		width: 155px;
		left: 75px;
	}
	#resumen_entradas ul li.cheque {
		width: 75px;
		right: 155px;
	}
	#resumen_entradas ul li.monto {
		width: 135px;
		float: right;
		left: 270px;
	}
	#resumen_entradas ul li.fecha {
		clear: none;
		width: 130px;
		float: left;
	}
	.no_imprimir {
        display:none;
    }
}

/************************************/
/*		Imprimir requisiciones		*/
/************************************/

#print_requisicion h3, #print_requisicion h2 {
	font-size: 16px;
	padding: 0;
	margin: 5px 0 0;
}

#print_requisicion {
	width: 20cm;
	height: 26cm;
	margin: 0 auto;
	font-size: 12px;
}

#print_requisicion th th {
	border: none;
	text-align: center;
}

#print_requisicion td, #print_requisicion th {
	padding: 2px 3px;
	border-bottom: 1px solid black;
}

#print_requisicion td.obra {
	width: 10%;
	font-size: 12px;
	font-weight: bold;
	word-break: break-word;
}

#print_requisicion td.subcargo {
	width: 10%;
	font-size: 9px;
	word-break: break-word;
}

#print_requisicion td.clave {
	width: 7%;
	font-size: 10px;
	word-break: break-word;
}

#print_requisicion td.descripcion {
	width: 13%;
	font-size: 9px;
	word-break: break-word;
}

#print_requisicion .cantidad {
	width: 45%;
}

#print_requisicion .cantidad_extra {
	width: 15%;
}

#print_requisicion .cantidad td, #print_requisicion .cantidad th {
	padding: 2px;
	font-weight: normal;
	font-size: 10px;
	width: 25%;
}

#print_requisicion td.cantidad td {
	width: 25%;
	border: none;
	padding: 0;
	font-size: 10px;
	text-align: center;
}

#print_requisicion td.cantidad td.requerida {
	font-weight: bold;
}

#print_requisicion .nota {
	font-size: 10px;
	word-break: break-word;
}

#print_requisicion td.articulo {
	width: 4cm;
}

#print_requisicion p {
	margin: 3px 0 0;
}

#print_requisicion #comentarios_requisicion table {
	page-break-inside: auto;
}

#print_requisicion #comentarios_requisicion tr {
	page-break-inside: avoid;
	page-break-before: auto;
}

#print_requisicion #comentarios_requisicion .fecha_requisicion {
	width: 22%;
}

#print_requisicion #comentarios_requisicion .usuario {
	width: 20%;
}

.insumo_partidas .requisicion_id, .insumo_partidas .estatus,
.insumo_partidas .cantidad {
	width: 10%;
}

.insumo_partidas .fecha_requerida {
	width: 15%;
}

.pagebreakafter {
	page-break-after: always;
}

.pagebreakbefore {
	page-break-before: always;
}

.pagebreakinside {
	page-break-inside: inherit;
}

.nopagebreakafter {
	page-break-after: avoid;
}

.nopagebreakbefore {
	page-break-before: avoid;
}

.nopagebreakinside {
	page-break-inside: avoid;
	position: relative;
}


/************************************/
/*			Autorizar cheques		*/
/************************************/

span.mensaje {
	color: #62af56;
	position: absolute;
	top: 3px;
}

span.mensaje_error {
	color: #e32;
	position: absolute;
	top: 3px;
	font-size: 10px;
}

tr.cheque, tr.entrada {
	cursor: pointer;
}

/************************************/
/*			CargosPartidas Tabla	*/
/************************************/

#TablaCheckboxes, #TablaFiltros {
	width: 35%;
	clear: none;
}

.cargospartidas > div.form {
	border: none;
	float: none;
	margin: 0;
	padding: 0;
	width: 100%;
}

/************************************/
/*			Beneficiarios           */
/************************************/

#frame_calificaciones {
	margin-top: 15px;
	width: 600px;
}

#frame_calificaciones td.calificacion {
	width: 15%;
}
#frame_calificaciones td.comentario {
	width: 35%;
}

#frame_calificaciones td.usuario {
	width: 30%;
}

#frame_calificaciones td {
	font-size: 12px;
}

.beneficiarios input[type=text] {
	min-width: 400px;
}

/************************************/
/*			Entrada                 */
/************************************/

#EntradaEditForm button {
	margin-top: 10px;
	display: block;
}

#EntradaAddForm div.select, #EntradaEditForm div.select {
	display: inline-block;
	padding: 0 5px 5px;
}

#fileSize em {
	color: #e32;
}

#view_entradas {
	width: 600px;
}

#view_entradas td:nth-child(1) {
	width: 200px;
}

.entradas input[type=radio] {
	margin: 10px 10px 5px;
}

.entradas label {
	margin: 10px 0 5px;
}

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

.entradas .entradas_editar {
	margin-top: 10px;
	display: block;
	max-width: 53px;
}

/************************************/
/*			Reportes                */
/************************************/

#resumen_cheques .resumen {
	cursor: pointer;
	font-size: 0.8em;
}
#resumen_cheques .resumen > ul > li:nth-child(odd) {
	/*background-color:gold;*/
}
#resumen_cheques .resumen > ul > li:nth-child(even) {
	background-color:#dee9f7;
}

.cargos > h2 {
	margin: 10px 0 5px;
}

p.boton_container {
	margin: 0 20px 0 0;
	padding: 20px 0;
}

a.boton, a.boton:visited {
	background-color: #62af56;
	background-image: -webkit-linear-gradient(top, #76BF6B, #3B8230);
	border-color: #2d6324;
	color: #fff;
	text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.5);
	padding: 8px 20px;
	border: 1px solid #2d6324;
	text-decoration: none;
	border-radius: 4px;
	font-weight: normal;
	font-size: 1em;
}

a.boton:hover {
	background: #5BA150;
}

.categorias #resumen_categorias {
	display: inline-block;
}

#buscar_beneficiario, #CuentasPalabra {
	width: 515px;
	font-size: 14px;
}

#bucar_beneficiario_container {
	margin-left: 20px;
}

#wrap_listas_obras h4 {
	display: inline-block;
	width: 350px;
	text-align: center;
}

#wrap_listas_obras h4:nth-child(2) {
	margin-left: 30px;
}

#lista_obras, #lista_obras_seleccionadas {
	width: 350px;
	height: 200px;
	overflow-y: auto;
	overflow-x: hidden;
	border: 1px solid black;
	vertical-align: top;
}

#lista_obras_seleccionadas {
	margin-left: 30px;
}

#lista_obras input.item_cargo, #lista_obras_seleccionadas input.item_cargo {
	font-size: 1em;
	border: none;
	padding: 3px 4px;
	width: 100%;
	cursor: pointer;
}

#lista_obras input.item_cargo:hover {
	background-color: rgb(200,200,200);
	color: rgb(30,30,30);
}

#lista_obras input[readonly], #lista_obras_seleccionadas input[readonly] {
	background-color: #fff;
	color: #000;
}


#lista_reporte_cargos {
	max-height: 300px;
	overflow-y: auto;
	margin-top: 10px;
}

#reporte_beneficiarios {
	width: 650px;
}

#reporte_beneficiarios ul li {
	margin: 5px 0;
	padding: 5px;
}

#reporte_beneficiarios ul li:nth-child(even) {
	background-color: #fff;
}

#reporte_beneficiarios ul li:nth-child(odd) {
	background-color: #fcefef;
}

#reporte_beneficiarios ul li p{
	float: left;
	margin: 0 0 3px;
}

#reporte_beneficiarios ul li p em {
	font-style: normal;
	font-weight: bold;
}

#reporte_beneficiarios .cuenta, #reporte_beneficiarios .monto {
	width: 40%;
}

#reporte_beneficiarios .folio {
	width: 20%;
}

#reporte_beneficiarios .cargo {
	width: 40%;
}

#reporte_beneficiarios .subcargo {
	width: 60%;
}

#reporte_beneficiarios .concepto {
	width: 100%;
}

#reporte_categorias p em {
	font-weight: bold;
	font-style: normal;
}

#reporte_categorias table td.nombre_cargo {
	width: 250px;
}

#reporte_categorias table td.subcargo {
	width: 150px;
}

#reporte_categorias table td.concepto {
	width: 250px;
}

#reporte_categorias table td.monto {
	width: 150px;
}

#reporte_conciliaciones em {
	font-style: normal;
	font-weight: bold;
}

#reporte_general, #reporte_mensual, #reporte_otros, #reporte_mensual_otros {
	width: 2000px;
}

.resumen_conciliaciones {
	width: 500px;
}

#resumen_cargo, #resumen_categorias {
	width: 450px;
	padding: 10px;
	display: inline-block;
	vertical-align: top;
}

#resumen_cargo em {
	color: #e32;
}

#resumen_cargo em, #resumen_categorias em {
	font-weight: bold;
	font-style: normal;
}

#resumen_cargo li:nth-child(odd), #resumen_categorias li:nth-child(odd) {
	float: left;
	width: 250px;
}
#resumen_cargo li:nth-child(5), #resumen_categorias li:nth-child(5),
#resumen_cargo li:nth-child(6), #resumen_categorias li:nth-child(6) {
	font-weight: bold;
}

#resumen_cargo li:nth-child(2), #resumen_categorias li:nth-child(2) {
	float: left;
	width: 200px;
}

#resumen_cargo ul, #resumen_categorias ul {
	background-color: rgb(250,250,250);
	padding: 3px 0 5px;
}

#resumen_cheques > div > ul > li {
	padding: 3px;
}

#resumen_cheques > div > ul > li:hover {
	background-color: rgb(220,220,220);
	cursor: pointer;
}

#resumen_entradas,
#resumen_facturas {
	width: 770px;
}

#resumen_cheques > div {
	min-height: 300px;
}

#resumen_cheques h3,
#resumen_entradas h3,
#resumen_facturas h3 {
	margin-top: 15px;
}
#resumen_cheques p,
#resumen_cargo p,
#resumen_entradas p,
#resumen_facturas p {
	margin: 0;
	padding: 5px;
	background-color: rgb(230,240,250);
}

#resumen_cheques em, #resumen_entradas em {
	font-style: normal;
	font-weight: bold;
}

#resumen_cheques div.salidas li.cheque, #resumen_cheques div.salidas li.cuenta,
#resumen_cheques div.salidas li.subcargo {
	float: left;
	width: 35%;
}

#resumen_cheques li.beneficiario, #resumen_cheques li.monto {
	float: left;
	width: 63%;
}

#resumen_cheques li.concepto {
	width: 100%;
}

#resumen_cheques ul,
#resumen_entradas ul,
#resumen_facturas ul {
	margin: 0;
	padding: 5px;
}

#resumen_facturas li.folio, #resumen_facturas li.subtotal, #resumen_facturas li.fecha_factura {
	width: 30%;
	float: left;
}

#resumen_facturas li.razon_social, #resumen_facturas li.iva, #resumen_facturas li.total {
	width: 70%;
	float: left;
}

#resumen_cheques ul:nth-child(odd),
#resumen_entradas ul:nth-child(odd), 
#resumen_facturas ul:nth-child(odd) {
	background-color: #fcefef;
}

#resumen_cheques ul:nth-child(even),
#resumen_entradas ul:nth-child(even),
#resumen_facturas ul:nth-child(even) {
	background-color: rgb(250,250,250);
}

#resumen_cheques ul li.extra,
#resumen_entradas ul li.extra,
#resumen_facturas ul li.extra {
	display: none;
	width: 100%;
	left: 0;
	background-color: rgb(200,200,200);
	z-index: 10;
}

#resumen_cheques table, #resumen_cheques tr, #resumen_cheques th, #resumen_cheques td {
	background-color: rgb(200,200,200);
}

#resumen_cheques > div > h3, #resumen_cheques > div > ul, #resumen_cheques > div > p {
	cursor: pointer;
}

#resumen_entradas li.cuenta, #resumen_entradas li.monto {
	float: left;
	width: 55%;
}

#resumen_entradas li.cheque, #resumen_entradas li.cargo {
	float: left;
	width: 45%;
}

#tabla_egresos, #tabla_egresos_mensuales, #tabla_otros_egresos, #tabla_egresos_mensuales_otros {
	max-width: 1000px;
	margin-bottom: 15px;
}

#tabla_ingresos, #tabla_ingresos_mensuales, #tabla_otros_ingresos, #tabla_ingresos_mensuales_otros {
	max-width: 950px;
	margin-bottom: 15px;
}

#tabla_egresos td, #tabla_egresos th, 
#tabla_ingresos td, #tabla_ingresos th,
#tabla_egresos_mensuales td, #tabla_egresos_mensuales th,
#tabla_ingresos_mensuales td, #tabla_ingresos_mensuales th,
#tabla_otros_egresos td, #tabla_otros_egresos th,
#tabla_otros_ingresos td, #tabla_otros_ingresos th,
#tabla_egresos_mensuales_otros td, #tabla_egresos_mensuales_otros th,
#tabla_ingresos_mensuales_otros td, #tabla_ingresos_mensuales_otros th
{
	min-width: 80px;
	font-size: 10px;
	height: 40px;
	vertical-align: middle;
}

#tabla_egresos tr:last-child td, #tabla_egresos tr td:last-child,
#tabla_egresos_mensuales tr:last-child td, #tabla_egresos_mensuales tr td:last-child,
#tabla_ingresos tr:last-child td, #tabla_ingresos tr td:last-child,
#tabla_ingresos_mensuales tr:last-child td, #tabla_ingresos_mensuales tr td:last-child,
#tabla_otros_egresos tr:last-child td, #tabla_otros_egresos tr td:last-child,
#tabla_otros_ingresos tr:last-child td, #tabla_otros_ingresos tr td:last-child,
#tabla_egresos_mensuales_otros tr:last-child td, #tabla_egresos_mensuales_otros tr td:last-child,
#tabla_ingresos_mensuales_otros tr:last-child td, #tabla_ingresos_mensuales_otros tr td:last-child
{
	color: black;
	font-weight: bold;
}

#tabla_egresos td:nth-child(1), #tabla_egresos th:nth-child(1),
#tabla_egresos_mensuales td:nth-child(1), #tabla_egresos_mensuales th:nth-child(1),
#tabla_otros_egresos td:nth-child(1), #tabla_otrosegresos th:nth-child(1),
#tabla_egresos_mensuales_otros td:nth-child(1), #tabla_egresos_mensuales_otros th:nth-child(1),
{
	width: 150px;
	font-size: 11px;
}

#tabla_ingresos td:nth-child(1), #tabla_ingresos th:nth-child(1),
#tabla_ingresos_mensuales td:nth-child(1), #tabla_ingresos_mensuales th:nth-child(1),
#tabla_otros_ingresos td:nth-child(1), #tabla_otros_ingresos th:nth-child(1),
#tabla_ingresos_mensuales_otros td:nth-child(1), #tabla_ingresos_mensuales_otros th:nth-child(1)
{
	display:none;
}


#filtrarConciliacionesForm div.select label {
	display: inline-block;
	padding: 4px;
}

#filtrarConciliacionesForm div.select select {
	display: block;
}

#filtrarConciliacionesForm > div {
	width: 33%;
}

.filtros {
	display: inline-block;
}

.cargos .filtros .checkboxes {
	margin-top: 20px;
	margin-left: 30px;
}

.cargos .filtros .checkbox{
	margin-bottom: 20px;
}
.cargos .filtros form > div {
	display: inline-block;
}

.toggler {
	cursor: pointer;
}

span.toggle {
	display: block;
	padding: 10px 0;
	font-size: 12px;
	color: #993;
}

.ui-autocomplete {
	max-height: 250px;
	overflow-y: auto;
}

* html .ui-autocomplete {
	height: 100px;
}

#revisar_conciliacion_form {
	width: auto;
}

#saldo_real {
	border-radius: 10px;
	background-color: #fcefef;
	padding: 5px;
	right: 0;
	top: 50px;
	z-index: 100;
	border: 1px solid black;
}

#saldo_real input {
	width: 156px;
}

#FacturaAddForm label {
	display: inline-block;
	padding: 3px 2px;
}

#FacturaAddForm select, #FacturaAddForm input[type=text] {
	display: block;
}

#salidasporcobrar, #entradasporautorizar {
	max-height: 450px;
	overflow-y: scroll;
}

#salidasporcobrar div.table_wrap, #entradasporautorizar div.table_wrap {
	max-height: 350px;
	overflow-y: scroll;
}

#salidasporcobrar h4, #entradasporautorizar h4 {
	cursor: pointer;
}

#salidasporcobrar .folio, #entradasporautorizar .folio {
	width: 10%;
}

#salidasporcobrar .monto, #salidasporcobrar .fecha,
#entradasporautorizar .monto, #entradasporautorizar .fecha {
	width: 15%;
}

#omogenizar .id {

}
#omogenizar .nombre {
	width: 40%;
}

#omogenizar .input {
	width: 45%;
}
#omogenizar input[type=text] {
	width: 90%;
}

#avance_lista_obras .lista_obras {
	min-width: 350px;
	margin-right: 30px;
}

#avance_lista_obras .lista_obras div {
}

#avance_lista_obras .lista_obras ul {
	border: 1px solid black;
	height: 200px;
	overflow-y: scroll;
}

#avance_lista_obras .lista_obras ul li {
	padding: 2px 4px;
	cursor: pointer;
}
#avance_lista_obras .lista_obras ul li:hover {
	background-color: rgb(200,200,200);
	color: rgb(30,30,30);
}

/* Reporte de Ocpartidas */
#reporteOcPartidasAnexado p {
	margin: 5px 0;
}

.datos_obra_reporte_oc p {
	float: left;
	width: 50%;
}


.tabla_oc_exportar_oc td:nth-child(1), .tabla_salidas_exportar_oc td:nth-child(1) {
	width: 20%;
}

.tabla_oc_exportar_oc td:nth-child(4), .tabla_salidas_exportar_oc td:nth-child(4) {
	width: 10%;
}

.tabla_salidas_exportar_oc td:nth-child(3) {
	width: 10%;
}

.tabla_oc_exportar_oc td:nth-child(3),
.tabla_oc_exportar_oc td:nth-child(5), .tabla_salidas_exportar_oc td:nth-child(5),
.tabla_oc_exportar_oc td:nth-child(6), .tabla_salidas_exportar_oc td:nth-child(6),
.tabla_oc_exportar_oc td:nth-child(7), .tabla_salidas_exportar_oc td:nth-child(7) {
	text-align: right;
	width: 10%;
}

/************************************/
/*          Completo obras          */
/************************************/

#reporteCompletoObrasForm select {
	width: auto;
	height: 150px;
}


/************************************/
/*			Facturar				*/
/************************************/

#facturas_agregadas td:nth-child(1), #facturas_agregadas th:nth-child(1),
#facturas td:nth-child(1), #facturas th:nth-child(1) 
{
	width: 10%;
}

#facturas_agregadas td:nth-child(2), #facturas_agregadas th:nth-child(2),
#facturas td:nth-child(2), #facturas th:nth-child(2) 
{
	width: 40%;
}

#facturas_agregadas td:nth-child(3), #facturas_agregadas th:nth-child(3),
#facturas td:nth-child(3), #facturas th:nth-child(3) 
{
	width: 25%;
}

/************************************/
/*			Facturar				*/
/************************************/

.cargoscatalogos table td:nth-child(1), .cargoscatalogos table td:nth-child(4), .cargoscatalogos table td:nth-child(5) {
	width: 20%;
}

/************************************/
/*			Requisiciones           */
/************************************/

#agregar_insumo_extra > form > div {
	margin-right: 20px;
}

#CancelarRequisicionForm {
	top: 0;
	left: 0;
	padding: 10px;
	background-color: rgba(00,00,00,0.8);
	width: 600px;
}

#CancelarRequisicionForm h3 {
	color: red;
}

table.tabla_requisiciones td.td_obra {
	width: 8%;
}

table.tabla_requisiciones td.td_clave {
	width: 7%;
}

table.tabla_requisiciones td.td_subcargo {
	width: 10%;
}

table.tabla_requisiciones td.td_descripcion {
	width: 14%;
}

table.tabla_requisiciones td.td_costo_unitario {
	width: 8%;
}

table.tabla_requisiciones td.td_importe {
	width: 8%;
}

table.tabla_requisiciones table.tabla_cantidades th,
table.tabla_requisiciones table.tabla_cantidades td,
table.requisiciones_partidas th,
table.requisiciones_partidas td {
	word-break: break-word;
}

table.tabla_requisiciones table.tabla_cantidades th:nth-child(1),
table.tabla_requisiciones table.tabla_cantidades td:nth-child(1),
table.tabla_requisiciones table.tabla_cantidades th:nth-child(2),
table.tabla_requisiciones table.tabla_cantidades td:nth-child(2),
table.tabla_requisiciones table.tabla_cantidades th:nth-child(3),
table.tabla_requisiciones table.tabla_cantidades td:nth-child(3) {
	width: 17%;
}

table.tabla_requisiciones table.tabla_cantidades th.tabla_nota,
table.tabla_requisiciones table.tabla_cantidades td.tabla_nota {
	width: 20%;
}

table.requisiciones_partidas td.td_obra {
	/*Obra*/
	width: 7%;
}

table.requisiciones_partidas td.td_clave {
	/*Clave*/
	width: 5%;
}

table.requisiciones_partidas td.td_subcargo {
	/*Subcargo*/
	width: 10%;
}

table.requisiciones_partidas select, table.requisiciones_extras select {
	font-size: 10px;
	width: 100px;
}

table.requisiciones_partidas td.td_descripcion {
	/*Descripcion*/
	width: 8%;
}

table.requisiciones_partidas td.td_costo_unitario,
table.requisiciones_partidas td.td_importe {
	/*Costo unitario*/
	width: 8%;
}

table.requisiciones_partidas th.td_cantidades,
table.requisiciones_partidas td.td_cantidades {
	/*Importe*/
	
}

table.requisiciones_partidas table.tabla_cantidades th, 
table.requisiciones_partidas table.tabla_cantidades td {
	width: 20%;
}

table.requisiciones_partidas table.tabla_cantidades input[type=text],
table.requisiciones_partidas table.tabla_cantidades textarea {
	width: 90%;
}

table.requisiciones_partidas td.td_boton, table.requisiciones_partidas th.td_boton {
	width: 7%;
}

table.requisiciones_partidas td.td_boton a, table.requisiciones_extras a {
	padding: 10px 7px;
}

a.quitar_insumo_editar.boton, a.borrar_row.boton {
	position: relative;
	top: 20px;
}

div.requisiciones div.botones {
	margin-top: 20px;
	margin-bottom: 20px;
}
div.requisiciones div.botones .boton {
	margin-right: 20px;
}

.buscar_insumos_loading {
	left: 400px;
	top: 20px;
}

div.comentarios table th:nth-child(1), div.comentarios table td:nth-child(1) {
	width: 20%;
}

div.comentarios table th:nth-child(2), div.comentarios table td:nth-child(2) {
	width: 20%;
}

.insumo_notif {
	top: 0;
	left: 0;
	width: 100%;
	max-height: 100%;
	background-color: rgba(250,250,250,0.8);
	border-radius: 10px;
	padding-bottom: 3px;
	display: none;
	font-size: 0.7em;
}

.insumo_notif img {
	width: 32px;
	height: 32px;
}

.insumo_notif img {
	display: none;
}

.insumo_notif p {
	padding: 3px 6px;
	max-width: 100%;
	white-space: normal;
}

table.tabla_requisiciones,
table.requisiciones_partidas,
table.requisiciones_extras,
table.tabla_requisiciones,
table.tabla_comentarios {
	font-size: 10px;
	border-spacing:0;
}
table.tabla_requisiciones tr,
table.requisiciones_partidas tr,
table.requisiciones_extras tr,
table.tabla_requisiciones tr,
table.tabla_comentarios tr {
	font-size: 10px;
	padding:0;
}

/************************************/
/*			Permisos                */
/************************************/

#permisos_modulos .modulo {
	width: 10%;
}

#permisos_modulos .descripcion {
	width: 15%;
}

#permisos_modulos .categoria, #permisos_modulos .alias, #permisos_modulos .controlador {
	width: 10%;
}

#permisos_modulos .vistas ul li {
	width: 33%;
}

#permisos_modulos .vistas .select_all {
	width: 100%;
	margin-bottom: 10px;
}

/************************************/
/*			Ordenes de compra       */
/************************************/

#carritoOC .obra, #carritoOC .subcargo,
#carritoOC .clave, #carritoOC .nombre {
	float: left;
	width: 30%;
}

#carritoOC .costo_unitario, #carritoOC .cantidad {
	margin-right: 50px;
}

#carritoOC li label {
	display: inline-block;
	min-width: 150px;
	margin-right: 25px;
}

#carritoOC input[type=text], #carritoOC input[type=number] {
	width: 100px;
}

#carritoOC .producto textarea {
	width: 350px;
	height: 50px;
}

#carritoOC .partida {
	border: 1px solid rgba(00,00,00,0.7);
	padding: 0;
	background-color: rgb(222,242,250);
}

#carritoOC .partida ul {
	font-size: 0.9em;
	padding: 5px;
	margin-bottom: 5px;
}

#carritoOC .partida .borrar {
	right: 10px;
	top: 20px;
}

#carritoOC .partida h5 {
	font-size: 1em;
}

#carritoOC .partida ul:nth-child(even) {
	background-color: rgba(250,222,242,0.7);
}

#carritoOC #proveedor, #carritoOC #solicitante, #carritoOC #obra {
	min-width: 350px;
}

#carritoOC #info_extra div.input.textarea {
	float: left;
	clear: none;
	margin-right: 10px;
}

#carritoOC #info_extra textarea {
	min-width: 350px;
	min-height: 120px;
}

#carritoOC #totalesOC {
	text-align: right;
}

#carritoOC #totalesOC input[type=text] {
	min-width: 250px;
	width: auto;
	text-align: right;
}

#carritoOC #totalesOC input[type=radio] {
	float: right;
}

#datos_proveedor li {
	min-width: 220px;
	max-width: 400px;
	margin-right: 10px;
}
#carritoOC {
	font-size: 12px;
}

#carritoOC td, #carritoOC ul {
	font-size: 0.9em;
}

#carritoOC.OrdenDeCompra #infoextraOC p {
	margin: 0 0 2px 3px;
	font-size: 0.8em;
}

#carritoOC.OrdenDeCompra .datos_generales li,
#OrdenDeCompra .datos_generales li,
#OrdenDeCompra .datos_proveedor li,
#carritoOC.OrdenDeCompra .datos_proveedor li,
#NotaDeCredito .datos_generales li, #NotaDeCredito .datos_proveedor li {
	float: left;
	width: 450px;
}

#requisiciones_aprobadas {
	font-size: 0.7em;
	min-width: 40%;
}

#requisiciones_aprobadas td.partida {
	padding: 0;
}

#requisiciones_aprobadas td.partida ul {
	padding: 3px;
	z-index: 100;
	float: left;
	width: 87%;
}

#requisiciones_aprobadas td.partida {
	border: 1px solid rgba(200,200,200,0.4);
	background-color:rgba(00,00,00,0.7);
	width: 100%;
	/*display: block;*/
	cursor: pointer;
}

#requisiciones_aprobadas td.partida ul {
}

#requisiciones_aprobadas td.partida .agregar {
	margin-top: 15px;
}

#requisiciones_aprobadas td.partida .agregar span {
	font-weight: bold;
	color: rgb(250,250,250);
	text-decoration: underline;
}
#requisiciones_aprobadas td.partida .agregar span:hover {
	color: rgb(235, 235, 228);
	text-decoration: none;
}

#requisiciones_aprobadas td.partida ul li {
	width: 48%;
	float: left;
	color: white;
}

#requisiciones_aprobadas td.partida ul li.nota {
	width: 98%;
}

#requisiciones_aprobadas tr.insumo {
	width: 100%;
}

#requisiciones_aprobadas .notificacion, #carritoOC .notificacion {
	background-color: rgba(250,250,250,0.8);
	padding: 5px;
	text-align: center;
	z-index: 100;
}

#carritoOC .notificacion {
	position: fixed;
	top: 150px;
	right: 150px;
}

#requisiciones_aprobadas .requisicion {
	cursor: pointer;
}

/************************************/
/*			Clases generales		*/
/************************************/

input[readonly] {
	background-color: rgb(235, 235, 228);
	border: 1px solid rgb(180, 180, 180);
	color: rgb(84, 84, 84);
}

.group:before,
.group:after {
	content: "";
	display: table;
}
.group:after {
clear: both;
}
.group {
	zoom: 1; /* IE6&7 */
}

span.negativo {
	color: #e32;
	font-weight: bold;
}

.floatright {
	float: right;
}

.floatleft, ul.li_left li {
	float: left;
}

.clearleft {
	clear: left;
}

.clearright {
	clear: right;
}

.clear {
	clear: both;
}

.noclear {
	clear: none;
}

.inline {
	display: inline-block;
}

.textright {
	text-align: right;
}

.textleft, td.textleft {
	text-align: left;
}

.textcenter {
	text-align: center;
}

.textjustify {
	text-align: justify;
}

.textsmall, .smalltext {
	font-size: 0.8em;
}

.textsmaller, .smallertext {
	font-size: 0.6em;
}

.tooltip {
	position: relative;
}

.tooltip_content {
	display:none;
	width: 350px;
	right: 0;
	top:55px;
	padding: 10px;
	background-color: gold;
	z-index: 900;
	border-radius: 12px;
	text-align: justify;
}

.tooltip_content br {
	margin-bottom: 10px;
}

.tooltip_content em {
	font-weight: bold;
	font-style: normal;
}

.relative {
	position: relative;
}

.absolute {
	position: absolute;
}

.none, .show_on_print {
	display: none;
}

.highlight {
	color: #000;
	font-weight: bold;
}

.borrar_fecha {
	padding: 3px 5px;
	background-color: #5BA150;
	position: relative;
	left: 3px;
	color: white;
	border-radius: 4px;
	top: -7px;
	cursor: pointer;
}

.black_border {
	border: 1px solid black;
}

.bottomborder {
	border-bottom: 1px solid black;
}

.half_width {
	width: 50%;
}

.small_margin_left {
	margin-left: 20px;
}

.small_margin_right {
	margin-right: 20px;
}

.small_margin_bottom {
	margin-bottom: 20px;
}

.small_margin_top {
	margin-top: 20px;
}


td > em {
	font-weight: bold;
	color: #003d4c;
}

/* Test */

#content div#menu_oculto a {
    background-color: white;
    background-image: none;
    border: none;
    border-radius: 10px;
}

#content div#menu_oculto a:hover {
    background-color: rgb(20,20,20);
    color: rgb(200,200,200);
}

#content {
	width: 80%;
	clear:none;
    position: relative;
}

#content div#menu_oculto {
    float: none;
    width: auto;
    padding: 5px 10px;
    position: absolute;
    top: 35px;
    left: 0;
    background-color: rgba(00,00,00,0.7);
}

#content div#menu_oculto h3 {
    cursor: pointer;
    text-align: center;
    color: white;
    margin: 0;
}

#content div#menu_oculto h3:hover {
    color: rgb(200,200,200);
}

#content div#menu_oculto h3:after {
    content: " \2193";
}

#content div#menu_oculto ul {
    display: none;
}

#content div#menu_oculto a {
	white-space: normal;
}


#content div#test_content {
    float: none;
    width: 88%;
    border: none;
    padding: 10px;
    margin: 20px auto;
}


/***************************************/
/************Top position***************/
/***************************************/
/*
#content > div:first-of-type {
    float: none;
    position: relative;
    border: none;
    padding: 10px;
    margin: 30px auto 0;
    width: 90%;
}
*/

#content {
	padding: 0 ;
	margin-top: 0;
}
ul#menu_superior {
    padding: 0 5px;
    margin: 0;
    float: none;
    top: 10px;
    left: 0;
}
ul#menu_superior a {
    background-image: none;
    border: none;
    border-radius: 10px;
}

#content div.actions a:hover {
}

#wrap_menu_superior {
	background-color: #dcdcdc;
	width: 50%;
	padding: 5px 0 0;
}
ul#menu_superior h3 {
    display: none;
}
ul#menu_superior li,ul#menu_superior a {
    background-image: none;
    white-space: initial;
}

#menu_superior li {
	display: block;
	float: left;
	margin-right: 5px;
}

#menu_superior em {
	font-size: 1.2em;
	color: #777;
}

div.index, div.form, div.view {
	float: none;
	width: 95%;
	margin: 0 auto;
	border: none;
}

.button_wrapper {
	padding: 20px 10px;
}

.border_top {
	top-border: 1px solid black;
}

.border_sides {
	border-left: 1px solid black;
	border-right: 1px solid black;
}

.border_bottom {
	border-bottom: 1px solid black;
}

.border_left {
	border-left: 1px solid black;
}

.border_right {
	border-right: 1px solid black;
}

.bold {
	font-weight: bold;
}

.margin_left_small {
	margin-left: 10px;
}

.margin_top_small {
	margin-top: 10px;
}

.fixed_top_left {
	position: fixed;
	left: 50px;
	top: 50px;
}

.max_20 {
	width: 10%;
}

.tool_tip {
	position: relative;
}

.tool_tip span.tip {
	position: absolute;
	padding: 0px 5px;
	border: 1px solid red;
	border-radius: 10px;
	background-color: yellow;
	cursor: pointer;
	right: 0;
}

.tool_tip span.tip:hover {
	color: red;
}

.tool_tip p.tooltip_info {
	display: none;
	font-size: .7em;
	margin:0;
	padding: 4px;
	width: 150px;
	position: absolute;
	color: white;
	border-radius: 4px;
	background-color: rgba(0,0,0,0.9);
	left: 0;
	z-index: 10;
}

.solo_imprimir {
	display: none;
}

.selectable .ui-widget-content.ui-selecting { background: #FECA40; }
.selectable .ui-widget-content.ui-selected { background: #F39814; color: white; }
.selectable { list-style-type: none; margin: 0; padding: 0; width: 60%; }
.selectable li { margin: 3px; padding: 0.4em; font-size: 1.4em; height: 18px; }

option {
	font-size: 0.8em;
}
.light_blue {
	color:#2c6877;
}

.strong_blue {
	color: rgba(0,49,90,1);
}

.columnas3 {
	float: left;
	width: 33%;
	clear: none;
}

.options90 {
	width: 90%;
}

.whitebkg {
	background-color: white;
}

.ajaxGet {
	
}

.mild_black {
	background-color: rgba(0,0,0,.2);
}

.table-conciliacion tr:nth-child(even), .table-conciliacion tr:nth-child(odd) {
	background-color: white;
}

#datos_conciliacion .color-turno {
	background-color: #FFC894;
}

#datos_conciliacion .color-not-turno {
	background-color: #AFB9FA;

}

#datos_conciliacion .color-alerta {
	background-color: #FF8589;
}

.imagen_kilometraje {
	max-height: 300px;
	max-width: 100%;
}

.pointer {
	cursor: pointer;
}

.cargo .subcargo_selected.badge {
	cursor: pointer;
}

.btn_borrar {
	border-radius: 3px;
	color: white;
	margin-right: 10px;
	padding: 10px;
	position: absolute;
	right: 0;
	top: 10px;
	cursor: pointer;	
	background-color: red;
}