@charset "utf-8";

.TR_Subtotales {
	background-color: rgba(255, 204, 0, 1);
}

.Sub_Table_Datos {
	width: 100%;
	margin: 0;
	padding: 1px;
	border: solid 3px #FC0;
	border-radius: .4em;
	box-sizing: border-box;
	text-align: left;
}

THEAD INPUT,
.Table_Datos THEAD SELECT {
	width: 100%;
	box-sizing: border-box;
}

.Sub_Table_Datos td:nth-child(1) {
	width: 3.5em !important;
	text-align: center !important;
	font-weight: bold !important;
	cursor: help !important;
}

.Sub_Table_Datos td:nth-child(2) {
	text-align: justify !important;
	width: auto !important;
}

.Sub_Table_Datos td:nth-child(3) {
	width: 2em !important;
	text-align: right !important;
}

.Sub_Table_Datos td:nth-child(4) {
	width: 20% !important;
	text-align: right !important;
}

.Table_Datos {
	font-family: Arial;
	font-size: 12px;
	border-radius: .3em;
	border: solid 3px rgba(255, 204, 0, 1);
	box-shadow: .3em .3em .3em 0 #000;
	margin: 0;
	padding: 0;
	border-radius: .2em;
	border: 1px solid #FFF;
	width: 98%;
	min-width: 850px;
	max-width: 1250px;
	margin-left: auto;
	margin-right: auto;
	z-index: 1;
}

.Table_Datos THEAD TR {
	background-image: linear-gradient(0deg, #999999 0%, #EEEEEE 100%);
	padding: 0;
	margin: 0;
	text-align: center;
	text-align: 1.3em;
	position: sticky;
	top: 48px;
	vertical-align: top;
}

.Table_Datos THEAD TR INPUT,
.Table_Datos THEAD TR SELECT {
	border: 0;
	margin: 1px !important;
	border-radius: 4px !important;
	font-size: 12px !important;
	appearance: none !important;
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
}

.Lista_desplegable {
	margin-top: 2px;
	margin-left: -5px;
	max-width: 900px;
	padding: 0;
	border: solid 2px #FC0;
	border-radius: .3em;
	position: absolute;
	max-height: 75vh;
	overflow-x: hidden;
	overflow-y: auto;
	background-color: rgba(255, 255, 255, 1);
	;
	display: none;
	box-shadow: 0px 6px 15px 0px rgba(0, 0, 0, .6)
}

.Lista_desplegable .Folio_transito:hover {
	font-weight: bold;
	color: rgba(0, 0, 0, 1);
}

#Barra_Menu_Inicio .demo-icon:hover {
	color: rgba(255, 204, 0, 1);
}

#Barra_Menu_Inicio .demo-icon:active {
	color: rgba(255, 255, 255, 1);
}

#Div_Menu {
	position: absolute;
	top: 20px;
	left: 0;
	padding: 0;
	background-color: #C6C6C6;
	border: solid 1px rgba(255, 204, 0, 1);
	border-radius: .2em;
	width: auto;
	border-spacing: 0;
	border-collapse: collapse;
	font-weight: bold;
	cursor: default !important;
	height: 95vh;
	overflow-x: hidden;
	overflow-y: auto;
	display: none;
}

#id_td_Div_Menu:hover #Div_Menu {
	display: run-in;
}

#Div_Menu TD {
	margin: 0;
	padding: .1em .5em .1em .1em;
}

.SubMenu TR:hover {
	background-color: rgba(255, 204, 0, 1);
	border-radius: .4em;
	color: rgba(0, 0, 0, 1);
}

.SubMenu TR:active {
	background-color: rgba(255, 221, 83, 1);
}

.SubMenu {
	font-weight: 100 !important;
	position: relative;
	right: 0;
	width: 98%;
	background-color: #E6E6E6;
	margin: 0 0 .1em .5em;
	padding: 0;
	border: solid 1px rgba(255, 204, 0, 1);
	border-radius: .2em;
	cursor: pointer;
}

#Ventana_Principal,
#Ventana_Principal_Cotizacion_rapida {
	margin: 0;
	margin-top: 30px;
	width: 98vw;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 45px;
}

.Boton {
	margin: 1em auto 0 auto;
	text-align: center;
	background-color: rgba(255, 204, 0, 1);
	color: rgba(0, 0, 0, 1);
	font-weight: bold;
	font-size: 1.3em;
	border-radius: .5em;
	padding: .3em;
	cursor: default;
	box-shadow: 2px 2px 1px rgba(0, 0, 0, 1);
}

.Boton:hover {
	background-color: rgba(255, 217, 62, 1);
}

.Boton:active {
	box-shadow: none;
	transform: translateY(-2px);
}

.TR_Color {
	border-collapse: collapse;
	margin: 0;
	padding: 0;
	border: none;
}

.TR_Color #Lista_clientes_credito_ventas {
	padding-top: .3em;
	padding-bottom: .3em;
}

.TR_Color TR {
	cursor: default;
}

.TR_Color tr:nth-child(2n) {
	background-color: #FFFFFF;
	transition: all 400ms ease;
}

.TR_Color tr:nth-child(2n+1) {
	background-color: #EEEEEE;
	transition: all 400ms ease;
}

.TR_Color tr:hover {
	background-color: #DDDDDD;
}

.TR_Color TD {
	padding-top: .4em;
	padding-bottom: .4em;
}

body {
	background-position: 0px 5px, 10px 0px, 0px 10px, 10px 5px, 0% 0%, 0% 0%;
	background-image: linear-gradient(27deg, rgb(21, 21, 21) 5px, transparent 5px), linear-gradient(207deg, rgb(21, 21, 21) 5px, transparent 5px), linear-gradient(27deg, rgb(34, 34, 34) 5px, transparent 5px), linear-gradient(207deg, rgb(34, 34, 34) 5px, transparent 5px), linear-gradient(90deg, rgb(27, 27, 27) 10px, transparent 10px), linear-gradient(rgb(29, 29, 29) 25%, rgb(26, 26, 26) 25%, rgb(26, 26, 26) 50%, transparent 50%, transparent 75%, rgb(36, 36, 36) 75%, rgb(36, 36, 36));
	background-attachment: scroll, scroll, scroll, scroll, scroll, scroll;
	background-repeat: repeat, repeat, repeat, repeat, repeat, repeat;
	background-size: 20px 20px;
	background-origin: padding-box, padding-box, padding-box, padding-box, padding-box, padding-box;
	background-clip: border-box, border-box, border-box, border-box, border-box, border-box;
	background-color: rgb(19, 19, 19);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

form {
	margin: 0;
	padding: 0;
}



#Agenda_ventana .table_calendario {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	font-family: Arial;
	background: rgba(153, 153, 153, 1);
	cursor: default;
}

#Agenda_ventana .table_calendario tbody td {
	background-color: rgba(255, 255, 255, 1);
	border-radius: .5em;
	height: 15%;
	cursor: default;
	border: rgba(255, 255, 255, 1) solid 1px;
	box-shadow: .1em .1em .1em 0 rgba(100, 100, 100, 1);
	color: rgba(80, 80, 80, 1);
	padding: .5em;
	vertical-align: text-top;
	box-sizing: border-box;
}

#Agenda_ventana .table_calendario tbody td table {
	background-color: rgba(255, 255, 255, 1);
	border-radius: 0;
	height: auto;
	cursor: default;
	border: none;
	box-shadow: none;
	padding: 0;
	vertical-align: text-top;
	box-sizing: inherit;
	width: 100%;
	margin: 0;
}

#Agenda_ventana .table_calendario tbody td table td {
	border: none;
	box-shadow: none;
	padding: 0;
}

#Agenda_ventana .table_calendario tbody td table td:hover {
	border: none;
}

#Agenda_ventana .table_calendario tbody td:active {
	box-shadow: none;
	transform: translateY(-3px);
	box-sizing: border-box;
}

#Agenda_ventana .table_calendario tbody td:hover {
	border: rgba(255, 204, 0, 1) solid 1px;
	box-shadow: none;
	color: rgba(40, 40, 40, 1);
	box-sizing: border-box;
}

.tabla_abonos_en_cobranza {
	margin-left: 390px;
	width: 380px;
	display: block;
}

.tabla_abonos_en_cobranza tr td:nth-child(1) {
	text-align: right;
	padding-right: 1em;
}

.tabla_abonos_en_cobranza tr td:nth-child(2) {
	text-align: center;
	padding-left: 1em;
	padding-right: 1em;
}

.tabla_abonos_en_cobranza tr td:nth-child(3) {
	text-align: center;
	padding-left: 1em;
	padding-right: 1em;
}

.tabla_abonos_en_cobranza tr td:nth-child(4) {
	text-align: center;
	padding-left: 1em;
	padding-right: 1em;
}

@font-face {
	font-family: 'Iconlab';
	src: url('../Fonts/Fontello/font/iconlab.eot?5266879');
	src: url('../Fonts/Fontello/font/iconlab.eot?5266879#iefix') format('embedded-opentype'),
		url('../Fonts/Fontello/font/iconlab.woff?5266879') format('woff'),
		url('../Fonts/Fontello/font/iconlab.ttf?5266879') format('truetype'),
		url('../Fonts/Fontello/font/iconlab.svg?5266879#iconlab') format('svg');
	font-weight: normal;
	font-style: normal;
}

.demo-icon {
	font-family: "Iconlab";
	font-style: normal;
	font-weight: normal;
	speak: none;

	display: inline-block;
	text-decoration: inherit;
	width: 1em;
	margin-right: .2em;
	text-align: center;
	/* opacity: .8; */

	/* For safety - reset parent styles, that can break glyph codes*/
	font-variant: normal;
	text-transform: none;

	/* fix buttons height, for twitter bootstrap */
	line-height: 1em;

	/* Animation center compensation - margins should be symmetric */
	/* remove if not needed */
	margin-left: .2em;

	/* You can be more comfortable with increased icons size */
	/* font-size: 120%; */

	/* Font smoothing. That was taken from TWBS */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

	/* Uncomment for 3D effect */
	/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

@media print {

	INPUNT,
	SELECT,
	I {
		display: none;
	}

	#Barra_Menu_Inicio,
	#Agenda_ventana,
	#Calc_billete_ventana,
	#Calc_Bilete_contenido,
	#Ventana_Principal_Notas,
	#parametros_sistema_ventana,
	#Ventana_Principal_Cotizacion_rapida,
	#DIV_Alerta_Transitos {
		display: none;
	}

	BODY {
		background: none;
	}

	#Div_Factura_Urgente,
	#parametros_sistema_ventana,
	#Agenda_ventana,
	#Calc_billete_ventana,
	#window_div_detalle_notas_reporte_clientes {
		display: none;
	}
}