/* Leer: https://developer.mozilla.org/en/Writing_Efficient_CSS
 * https://developers.google.com/speed/docs/best-practices/rendering
*/

/* * {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}*/

/****** Para incluir material icons *******/

@font-face {
	font-family: 'Material Icons';
	font-style: normal;
	font-weight: 400;
	src: url(/css/material-design-icons/MaterialIcons-Regular.eot); /* For IE6-8 */
	src: local('Material Icons'),
	local('MaterialIcons-Regular'),
	url(/css/material-design-icons/MaterialIcons-Regular.woff2) format('woff2'),
	url(/css/material-design-icons/MaterialIcons-Regular.woff) format('woff'),
	url(/css/material-design-icons/MaterialIcons-Regular.ttf) format('truetype');
}

.material-icons {
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	font-size: 24px;  /* Preferred icon size */
	display: inline-block;
	line-height: 1;
	text-transform: none;
	letter-spacing: normal;
	word-wrap: normal;
	white-space: nowrap;
	direction: ltr;

	/* Support for all WebKit browsers. */
	-webkit-font-smoothing: antialiased;
	/* Support for Safari and Chrome. */
	text-rendering: optimizeLegibility;

	/* Support for Firefox. */
	-moz-osx-font-smoothing: grayscale;

	/* Support for IE. */
	font-feature-settings: 'liga';
}

/* Rules for sizing the icon. */
.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }

/* Rules for using icons as black on a light background. */
.material-icons.md-dark { color: rgba(0, 0, 0, 0.54); }
.material-icons.md-dark.md-inactive { color: rgba(0, 0, 0, 0.26); }

/* Rules for using icons as white on a dark background. */
.material-icons.md-light { color: rgba(255, 255, 255, 1); }
.material-icons.md-light.md-inactive { color: rgba(255, 255, 255, 0.3); }


/******************************************/


html, body {
	height: 100%;
	width: 100%;
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px;
	background: url('/imagenes/fijas/menu/fondo.jpg') top left repeat;
}

table {
	border-style: none;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px;
}

/********************* Colapsables **********************/
.collapsible-button {
	background-color: #dcdcdc;
	color: Black;
	cursor: pointer;
	padding: 5px;
	width: 100%;
	border: none;
	border-bottom:solid 1px #ccc;
	text-align: center;
	outline: none;
	font-size: 15px;
}

.active, .collapsible-button:hover {
	background-color: #555;
}

.collapsible-button:after {
	content: '\002B';
	color: Black;
	font-weight: bold;
	float: right;
	margin-left: 5px;
}

.collapsible-button.active:after {
	content: "\2212";
}

.collapsible-content {
	padding: 0 18px;
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.2s ease-out;
	background-color: #f1f1f1;
}


/********************************************************/


/* excepcion para la opacidad de las imagenes en el div de horarios del player */
#video_show_time img{
	opacity: .75;
}

#video_show_time img:hover {
	opacity: 1;
}

/* sombra que destaca el pop-up de "hacer torta" por sobre el fondo */
.sombra_destacado{
	box-shadow:-2px 2px 8px #000000;
}

/* estilos para tabla de pantalla equipos -> transport streams */
.opacidad_subcategoria{
	-webkit-transition: all 0.3s ease-out;  /* Saf3.2+, Chrome */
	-moz-transition: all 0.3s ease-out;  /* FF4+ */
	-ms-transition: all 0.3s ease-out;  /* IE10? */
	-o-transition: all 0.3s ease-out;  /* Opera 10.5+ */
	transition: all 0.3s ease-out;
}

/* estilo para trs de pantalla equipos -> transport streams */

.tsprogram_flag0,
.tsprogram_flag1 {
	border:solid 1px rgba(0,0,0,.15);
	border-left:none;
}

.tsprogram_flag0 {
	background: #8c8c8c; /* Old browsers */
	background: -moz-linear-gradient(top,  #8c8c8c 0%, #6a6a6a 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8c8c8c), color-stop(100%,#6a6a6a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #8c8c8c 0%,#6a6a6a 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #8c8c8c 0%,#6a6a6a 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #8c8c8c 0%,#6a6a6a 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #8c8c8c 0%,#6a6a6a 100%); /* W3C */

}

.tsprogram_flag1 {
	background: #b8e25c; /* Old browsers */
	background: -moz-linear-gradient(top,  #b8e25c 0%, #90b83a 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b8e25c), color-stop(100%,#90b83a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #b8e25c 0%,#90b83a 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #b8e25c 0%,#90b83a 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #b8e25c 0%,#90b83a 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #b8e25c 0%,#90b83a 100%); /* W3C */
}

/* subcategoria para pantalla equipos -> transport streams */

.editar_tsprogram{
	background:#f0f0f0;

	/* quitado borde y padding bottom*/
		/*padding-bottom:5px;*/
		/*border:solid 1px #ccc;*/
}

.editar_tsprogram td{
	background:none;
}

.ajustes_grabacion{
	background:#f5f5f5;
	border:solid 1px #ccc;
	border-top:none;
	padding-bottom:10px;
}

.ajustes_grabacion_titulo{
	height:25px;
	white-space:nowrap;
	color:#000;
	text-shadow:none;
	text-indent:7px;
	background: transparent url("/imagenes/fijas/decorativo/gradient3.png") repeat-x right top !important;
}

.ajustes_grabacion td{
	background:none;
	padding-left:5px;
}

.opacidad_subcategoria:hover{
	opacity: 1;
	-webkit-transition: all 0.3s ease-out;  /* Saf3.2+, Chrome */
	-moz-transition: all 0.3s ease-out;  /* FF4+ */
	-ms-transition: all 0.3s ease-out;  /* IE10? */
	-o-transition: all 0.3s ease-out;  /* Opera 10.5+ */
	transition: all 0.3s ease-out; 
}

.header_subcategoria{
	background: #8c8c8c; /* Old browsers */
	background: -moz-linear-gradient(top,  #8c8c8c 0%, #4f4f4f 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8c8c8c), color-stop(100%,#4f4f4f)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #8c8c8c 0%,#4f4f4f 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #8c8c8c 0%,#4f4f4f 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #8c8c8c 0%,#4f4f4f 100%); /* IE10+ */
	background: linear-gradient(top,  #8c8c8c 0%,#4f4f4f 100%); /* W3C */
}

.HeaderLinksAcceso a:last-child {
	margin-right:10px;
}

.HeaderLinksAcceso a img {
	opacity:.8;
}

.HeaderLinksAcceso a img:hover {
	opacity:1;
}

.roundrobin,
#roundrobin {
	border:solid 1px #ccc;
	border-top:none;
	/*width:600px;*/
	width:100%;
	text-align:center;
	background:white;
	margin-top:4px;
}

.roundrobin span,
#roundrobin span {
	display:block;
	height: 32px;
	line-height: 33px;
	text-align: center;
	font-size: 11px;
	color: #000000;
	/* background tomado de gradientGreySmall */
	background: transparent url("/imagenes/fijas/decorativo/gradient3.png") repeat-x right top;
}

.roundrobin td,
#roundrobin td {
	white-space: nowrap;
	width:200px;
	line-height:22px;
	background:rgba(0,0,0,.075)
}

.roundrobin_canales input,
#roundrobin_canales input {
	margin-top:6px;
	cursor:pointer;
	border:none;
}

.roundrobin table tr > td:nth-child(2n),
#roundrobin table tr > td:nth-child(2n){
	background:white;
}

.database_titulos{
	font-weight: bold;
	font-size: 14px;
}

.version_equipo{
	display: inline-block;
	position: absolute;
	font-size: 10px;
	color: #888888;

	position:relative;
	left:5px;
	top: -3px;
}

.equiposCapturadorPrimercolumna{
	width: 300px;
}

/* boton para eliminar url en pantalla de equipo/round robin */
.dvbcards_remove_url {
	float:right;
}

/* div de contenido en la pantalla de log de grabacion */
#contenido_log_grabacion{
	background: #FFFFFF;
	color: #000000 !important;
	min-height: 300px;
	max-height: 300px;
	overflow: auto;
}

/* subtitulos de secciones burner, reproduccion y restore */
.subtitulo_seccion{
	height: 27px;
	line-height: 27px;
	text-align: center;
	font-size: 12px;
	color: #000000;
	/* background tomado de gradientGreySmall */
	background: transparent url("/imagenes/fijas/decorativo/gradient3.png") repeat-x right top;
}

/* leds en pantalla de listado de grabaciones */
.grabaciones_ready, .grabaciones_offline, .grabaciones_null{
	display:block;
	height:10px;
	width:10px;
	border-radius:10px;
	padding:0px;

	line-height:12px;
	font-size:8px;
	letter-spacing:.2em;
	color:rgba(0,0,0,1);
	text-indent:14px;
}

.grabaciones_ready {
	box-shadow:0px 0px 10px rgba(0,255,0,1);
	box-shadow:inset 1px 1px 2px rgba(0,50,0,1);

	background: -moz-linear-gradient(top,  #06ba15 0%, #07c71a 25%, #018b0d 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#06ba15), color-stop(25%,#07c71a), color-stop(100%,#018b0d)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #06ba15 0%,#07c71a 25%,#018b0d 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #06ba15 0%,#07c71a 25%,#018b0d 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #06ba15 0%,#07c71a 25%,#018b0d 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #06ba15 0%,#07c71a 25%,#018b0d 100%); /* W3C */
}

.grabaciones_null {
	box-shadow:0px 0px 10px rgba(0,0,0,.2);
	box-shadow:inset 1px 1px 2px rgba(0,0,0,1);
	background:#444;
}

.grabaciones_offline {
	box-shadow:0px 0px 10px rgba(255,0,0,1);
	box-shadow:inset 1px 1px 2px rgba(50,0,0,1);

	background: -moz-radial-gradient(center, ellipse cover,  #ff1a00 0%, #ff1a00 100%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#ff1a00), color-stop(100%,#ff1a00)); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover,  #ff1a00 0%,#ff1a00 100%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover,  #ff1a00 0%,#ff1a00 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover,  #ff1a00 0%,#ff1a00 100%); /* IE10+ */
	background: radial-gradient(ellipse at center,  #ff1a00 0%,#ff1a00 100%); /* W3C */
}

/* celda con iconos en la pantalla de grabaciones, modifica solo imagenes */
.barra_iconos_grabaciones img{
	opacity: .85 !important;
}
.barra_iconos_grabaciones img:hover{
	opacity: 1 !important;
}

/*
#total_buscador,
#total_repositorio,
*/

#total_files,
#total_storyboard,
#total_edicion,
#total_export,
#total_info,
#total_visualizador,
#total_marcas{
	border-style: solid; 
	border-width: 1px;
	border-color: #cccccc;
	margin-top: 10px;
}

#total_files:hover,
#total_storyboard:hover,
#total_edicion:hover,
#total_export:hover,
#total_info:hover,
#total_visualizador:hover,
#total_marcas:hover{
	box-shadow: 1px 1px 15px #c2c2c2;
}

th {
	height: 28px;
	cursor: default;
	font-weight: normal !important;
	font-size: 11px;
	border: none;
}

.playlist_info_item_header,
.contenedor_grupos_title, /* titulo en widget de agregar grupo */
.separador_equipos,
.form_abm_header,
.form_abm_header_botones,
th,
.tabledataHead {
	color: white;
	background: #7d7e7d; /* Old browsers */
	background: -moz-linear-gradient(top,  #7d7e7d 0%, #0e0e0e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7d7e7d), color-stop(100%,#0e0e0e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%); /* IE10+ */
	background: linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%); /* W3C */
}

th a{
	color: white;
}

th a:hover{
	text-decoration: underline;
	color: white;
}

th img {
	opacity: 1 !important;
}

td {
	border-style: none;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	cursor: default;
	border-color: #CCCCCC;
	color: #000000;
}

#grabaciones-tab{
	margin-right: 40px;
	border-style: none;
}

/* quitar bordes de imagenes usadas como input*/
.inputsinborde{
	border: none;
	opacity: .7;
}
.inputsinborde:hover{
	opacity: 1;
}

input {
	border-color: #c7c7c7;
}

input,
select {
	border-color:rgb(180,180,180);
}

textarea,
input {
	border-style: solid;
	border-width: 1px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 0px
}

select {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	border-style: solid;
	border-width: 1px;
	color: #000000;
}

form {
	margin: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
}

/* reemplazo de background en clase "form" */
.fondo_blanco {
	background-color:#FFFFFF;
}

input[disabled] {
	opacity: 0.5;
}

input:focus {
	outline: none;
}

textarea:focus {
	outline: none;
}

select:focus {
	outline: none;
}

select:disabled {
	opacity: 0.5;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

textarea:disabled {
	opacity:.5;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

select.dark {
	background-color: #DCDCDC;
}

.bold {
	color: #444444
}

.bold:hover {
	color: #000000
}

.logout {
	color: #FFFFFF
}

.logout:hover {
	color: #AAAAAA
}

.text {
	color: #FFFFFF
}

a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
	cursor: pointer;
	color: #000000
}

a > img {
	zoom: 1;
	opacity: 0.5;
	border: 0; ;
}

img {
	background-color: transparent !important;
}

a:hover > img {
	zoom: 1;
	opacity: 1;
}

input,
input:hover,
a:hover > img {
	-webkit-transition: all 0.3s ease-out;  /* Saf3.2+, Chrome */
	-moz-transition: all 0.3s ease-out;  /* FF4+ */
	-ms-transition: all 0.3s ease-out;  /* IE10? */
	-o-transition: all 0.3s ease-out;  /* Opera 10.5+ */
	transition: all 0.3s ease-out;
}

h3 {
	font-size: 17px;
	margin: 0;
	font-weight: bold;	
}
h4 {
	font-size: 16px;
	margin: 0;
	font-weight: bold;
}

ul {
	list-style-image:none;
	list-style-type:none;
	margin-top:5px;
	margin:0px;
	padding:0px;
}

.bold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: bold;

}

.bold:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: underline;
}

.logout {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}

.logout:hover {
	text-decoration: underline;
}

.hidden {
	visibility: hidden;
	display:none;
}
/* ==== boton graficar y reestablecer ===*/

#overlay-content .ModalAlert .ModalAlert-bottom-but,
.ModalAlert-button-but,
.HtmlWigetProgramaButtonFlag, /* boton de activar / desactivar programa, en la grilla de programacion */
#shZoom,
#zoomIn,
#zoomOut,
#spectrumGraphZoomIn,
#spectrumGraphZoomOut,
#delayGraphZoomIn,
#delayGraphZoomOut,
.btn_verde,
.btn_tilt,
.btn_rojo {
	padding:5px 10px 5px 10px !important;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	font-family:arial,helvetica,sans-serif;
	font-size:11px;
	font-weight:bold;
	padding:4px 5px;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	text-shadow:1px 1px 3px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.5), inset 1px 1px 2px rgba(255,255,255,.5);
	-moz-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.5), inset 1px 1px 2px rgba(255,255,255,.5);
	box-shadow:1px 1px 2px rgba(0, 0, 0, 0.5), inset 1px 1px 2px rgba(255,255,255,.5);
	width:auto;
	outline-width:0; /* quita el borde amarillo que agrega chrome */
}

#overlay-content .ModalAlert .ModalAlert-bottom-but:hover,
.ModalAlert-button-but:hover,
.HtmlWigetProgramaButtonFlag:hover, /* boton para activar / desactivar programa en la grilla */
#shZoom:hover,
#zoomIn:hover,
#zoomOut:hover,
#spectrumGraphZoomIn:hover,
#spectrumGraphZoomOut:hover,
#delayGraphZoomIn:hover,
#delayGraphZoomOut:hover,
.btn_verde:hover,
.btn_rojo:hover {
	transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;

	-webkit-box-shadow:1px 1px 15px rgba(0, 0, 0, 0.75), inset 1px 1px 2px rgba(255,255,255,.5);
	-moz-box-shadow:1px 1px 15px rgba(0, 0, 0, 0.75), inset 1px 1px 2px rgba(255,255,255,.5);
	box-shadow:1px 1px 15px rgba(0, 0, 0, 0.75), inset 1px 1px 2px rgba(255,255,255,.5);
}

#reproduccion_reestablecer.btn_rojo{
	padding:3px 3px;
	width: 100px;
}

.btn_verde.GraphicGraficar{
	padding:3px 3px;
	width: 70px;
}
#reproduccion_buscar.btn_verde,
.btn_verde.TsErrorsHistReset{
	padding:3px 3px;
	width: 60px;
}
.btn_verde.TsErrorsHistFiltrar{
	padding:3px 0px;
	width: 60px;
}
#cancelarTsprogram.btn_rojo.pointer,
#storeTsprogram.btn_verde.pointer,
#storeDvbcard.btn_verde.pointer,
#cancelarDvbcard.btn_rojo.pointer {
	padding:4px 5px;
}
.estado_boton_extra{
	font-weight:normal;
	padding:1px;
	width: 45px;
}
/*lista de canales*/
.canalListCheck{
	font-size: 12px;
	text-indent: 5px;
	width: 100px;
}
#guardarHab,
#filtrarButton{
	padding:3px 3px;
	width: 80px;
}
#graficar.btn_verde{
	margin-left: 10px;
	text-transform: uppercase;
	padding:4px 5px;
}

/*botones graficos:*/

#pcrptsButton,
#delayProfileButton,
#spectrumButton,
#fineConstellationButton,
#coarseConstellatonButton,
#powerButton,
#sfnDriftButton {
	padding:4px 5px;
	margin: 5px 0; 
}

#demodulationAdvance{
	padding-left:10px !important;
	padding-right:10px !important;
	margin: 5px; 
}

/*mantener vivo*/
.vivoButton{
	height: 25px;
	line-height:25px;
	padding-left: 5px;
	padding-right: 5px;
	text-transform: none;
}

.vivoButton.btn_verde{
	height: 32px;
	/*width: 100px;*/
}

/*lista mantener vivo*/
#selectModoV{
	font-size: 12px;
	text-indent: 5px;
	width: 100px;
	color: black;
}

#selectCanal{
	font-size: 12px;
	text-indent: 5px;
	width: 100px;
	color: black;
	margin-right: 5px;
}

.verticalmiddle {
	vertical-align: middle;
}

.text {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
}

.tab {
	width:auto;
	display:inline-block;
}

.tabConteiner,
.TabManagerUl {
	width: 100%;
	display:block;
	font-size: 10px;
	padding: 0px;
	border-bottom: solid 1px #DDD;
	background: #FFF;
}

.tab,
.TabManagerUl > li {
	border-style: solid;
	line-height: 20px;
	border-width: 1px;
	border-bottom-width: 0px;
	margin-right: 1px;
	cursor: pointer;
	text-align: center;
	display: inline-block;
	min-width: 20px;
	height: 20px;
	list-style-type: none;
	text-transform: uppercase;
	padding-left: 5px;
	padding-right: 5px;
	font-size: 10px;
	border-color: #CCCCCC;
}

.TabManagerUl > li > a {
	cursor: pointer;
	display: block;
	padding: 0px;
}

#tabsAvanzadas > div > table {
	height: 278px;
}

.tab_select,
.TabManagerActiveTab {
	font-weight: normal;
	font-style: normal;
	font-size: 10px;
}

.TabManagerActiveTab a {
	color: black;
}

li a:hover {
	text-decoration: none;
}

.dispBlock {
	display: block;
}
.box {
	font-size: 14px;
}

.player {
	border-style: solid;
	border-width: 1px;
}

.options {
	border-style: solid;
	border-width: 1px;
	border-top-style: solid;
	border-left-style: none;
	border-right-style: none;
	border-bottom-style: none;
}

.ta,
.ta_dark {
	/*TODO: Solo esta en grabadora.html abria qe reemplazarlo*/
	width: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	border-style: solid;
	border-width: 1px;
}

.ta {
	/*background-color: #EEEEE6;*/
}
.ta_dark {
	background-color: #DCDCDC;
}

.add_atributo {
	/* TODO: esta solo en templates/grabaciones/view.html y templates/atributos/tipos.html*/
	width: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	border-style: solid;
	border-width: 1px;
}

.none {
	width: 25px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	border-style: none;
}

.fecha {
	/*TODO: esta solo en templates/programacion/view.html */
	width: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 18px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	border-style: solid;
	border-width: 0px;
}

/* ==== MENU ==== */
.menu, .panel, .panel_header {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px;
	text-decoration: none;
	cursor:pointer;
}
.menu_over {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px;
	text-decoration: none;
	cursor:pointer;
	color: #000000; 
	background-color: #FFFFFF;
}
.menu_top {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px;
	text-decoration: none;
	cursor:pointer;
	color: #000000; 
	background-color: #C1C5AB;
}
.menu_top_over {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px;
	text-decoration: none;
	cursor:pointer;
	color: #000000; 
	background-color: #D5A637;
}
/* FIN == MENU == */

.Header {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	height:55px;
}

.HeaderTitle {
	-webkit-transition: all 0.5s;  
	-moz-transition: all 0.5s;  
	-ms-transition: all 0.5s;  
	-o-transition: all 0.5s;  
	transition: all 0.5s;
	font-family: 'Carme', sans-serif;
	font-size: 30px;
}
.HeaderTitle:hover {
	text-decoration: none;
}
.Status_Barra_Tcm,
.Procesos_barra {
	margin: 0;
	padding: 0;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;

	background: #7d7e7d; /* Old browsers */
	background: -moz-linear-gradient(top,  #7d7e7d 0%, #0e0e0e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7d7e7d), color-stop(100%,#0e0e0e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%); /* IE10+ */
	background: linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%); /* W3C */
}

.Status_Barra_Tcm {
	height: 30px;
	line-height: 30px;
	text-indent: 65px;
	width: 100%;
	margin: 1px;
	font-size: 12px;
	position: relative;
	top: -4px;
	cursor: default;
}

.boton_login {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.estilo_grabando {
	background: #e3eeba;
}

.estilo_copiando {
	background: #a7d8e8;
}

/* estilos para color HOVER de filas de listado de grabaciones */
.grab_estilo_azul{
	background: #85c1e9; /* Old browsers */
	background: -moz-linear-gradient(top,  #85c1e9 39%, #5dade2 72%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(39%,#85c1e9), color-stop(72%,#5dade2)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #85c1e9 39%,#5dade2 72%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #85c1e9 39%,#5dade2 72%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #85c1e9 39%,#5dade2 72%); /* IE10+ */
	background: linear-gradient(to bottom,  #85c1e9 39%,#5dade2 72%); /* W3C */
}
.grab_estilo_verde{
	background: #a9e07c; /* Old browsers */
	background: -moz-linear-gradient(top,  #a9e07c 39%, #95cd67 72%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(39%,#a9e07c), color-stop(72%,#95cd67)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #a9e07c 39%,#95cd67 72%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #a9e07c 39%,#95cd67 72%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #a9e07c 39%,#95cd67 72%); /* IE10+ */
	background: linear-gradient(to bottom,  #a9e07c 39%,#95cd67 72%); /* W3C */
}
.grab_estilo_rojo{
	background: #e07c81; /* Old browsers */
	background: -moz-linear-gradient(top,  #e07c81 39%, #cd676c 72%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(39%,#e07c81), color-stop(72%,#cd676c)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e07c81 39%,#cd676c 72%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #e07c81 39%,#cd676c 72%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #e07c81 39%,#cd676c 72%); /* IE10+ */
	background: linear-gradient(to bottom,  #e07c81 39%,#cd676c 72%); /* W3C */
}
.grab_estilo_gris{
	background: #aeaeae; /* Old browsers */
	background: -moz-linear-gradient(top,  #aeaeae 39%, #9a9a9a 72%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(39%,#aeaeae), color-stop(72%,#9a9a9a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #aeaeae 39%,#9a9a9a 72%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #aeaeae 39%,#9a9a9a 72%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #aeaeae 39%,#9a9a9a 72%); /* IE10+ */
	background: linear-gradient(to bottom,  #aeaeae 39%,#9a9a9a 72%); /* W3C */
}

.Critico, .Alerta, .Emergencia, .Error {
	background: #e07c81; /* Old browsers */
	background: -moz-linear-gradient(top,  #e07c81 39%, #cd676c 72%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(39%,#e07c81), color-stop(72%,#cd676c)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e07c81 39%,#cd676c 72%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #e07c81 39%,#cd676c 72%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #e07c81 39%,#cd676c 72%); /* IE10+ */
	background: linear-gradient(to bottom,  #e07c81 39%,#cd676c 72%); /* W3C */
}

.Advertencia, .Evento {
	background-color: #FFFF88 !important;
}

.Informacion, .Notificacion {
	background: #a9e07c; /* Old browsers */
	background: -moz-linear-gradient(top,  #a9e07c 39%, #95cd67 72%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(39%,#a9e07c), color-stop(72%,#95cd67)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #a9e07c 39%,#95cd67 72%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #a9e07c 39%,#95cd67 72%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #a9e07c 39%,#95cd67 72%); /* IE10+ */
	background: linear-gradient(to bottom,  #a9e07c 39%,#95cd67 72%); /* W3C */
}

.Critico_light,
.Alerta_light,
.Emergencia_light,
.Error_light {
	background-color: #FDEEEE !important;
}

.Advertencia_light,
.Evento_light {
	background-color: #FFFFEE !important;
}

.Informacion_light,
.Notificacion_light {
	background-color: #EEFFEE !important;
}

.arrow {
	font-weight: bold;
	font-size: 16px;
}

.pointer {
	cursor: pointer;
}

.btn_ocultar {
	cursor: pointer;
}

.btn_on {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	border-style: solid;
	border-width: 2px;
}

.btn_amarillo {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	border-style: solid;
	border-width: 2px;
}

.tab_null {
	border-top-style: none;
	border-left-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-width: 1px;
}

.tab_info {
	border-top-style: none;
	border-left-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-width: 1px;
}

.input_big {
	border: solid;
	border-width: 1px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-color: #666666;
}

.input_nlight {
	border-style: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
}

.input_nlblue {
	border-style: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	width: 70px;
}

.input_small {
	font-size: 12px;
}

.input_text {
	font-size: 14px;
}

.input_text_small {
	padding-left: 15px;
	font-size: 12px;
}

.input_nombre {
	font-size: 14px;
}

.bars_ok {
	border-bottom-style: none;
}

.bars_error{
	border-bottom-style: none;
}

.tabredondo {
	cursor: pointer;
	border-top-style: solid;
	border-left-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-width: 1px;
	-webkit-border-radius: 16px 16px 16px 16px;
	-moz-border-radius: 16px 16px 16px 16px;
	border-radius: 16px 16px 16px 16px;
}

.orejas {
	cursor: pointer;
	border-top-style: solid;
	border-left-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-width: 1px;
	-webkit-border-radius: 16px 16px 0px 0px;
	-moz-border-radius: 16px 16px 0px 0px;
	border-radius: 16px 16px 0px 0px;
}
.orejasnegras {
	cursor: pointer;
	border-top-style: solid;
	border-left-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-width: 1px;
	-webkit-border-radius: 16px 16px 0px 0px;
	-moz-border-radius: 16px 16px 0px 0px;
	border-radius: 16px 16px 0px 0px;
}

.autocompletar {
	border:1px solid black;
}

/*modificado por ale*/
.tableHead {
	font-size: 10px;
	height: 25px;
	color: #000;
}

.tableHeadtym {
	font-size: 10px;
	height: 25px;
	color: #000;
	text-transform: uppercase;
	text-align: center;
	text-indent: 10px;
	color: white;
	background: #7d7e7d; /* Old browsers */
	background: -moz-linear-gradient(top,  #7d7e7d 0%, #0e0e0e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7d7e7d), color-stop(100%,#0e0e0e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%); /* IE10+ */
	background: linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%); /* W3C */
}

.visible {
	display: block;
}

.invisible {
	display: none;
}

.repositorio_titulo {
	width: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
}

.scroll-tab-area {
	width:100%;
	height:100%;
	overflow:auto;
}

.repositorio_carpetas {
	margin-top: 5px;
	margin-right: 5px;
	margin-left: 5px;
	margin-bottom: 5px;
}

.file {
	border: solid;
	border-width: 1px;
	cursor: pointer;
	border-color: #AAAAAA;
}

li.nopoint {
	list-style-type: none;
}

span.handle {
	cursor: move;
}

.btnQuitDiv {
	cursor: pointer;
}

.connect {
	cursor: pointer;
}

.disconnect {
	cursor: pointer;
}

.openPlayer {
	cursor: pointer;
}

.pager,
.pager_tserror,
.pager_ts_errors_hist,
.pager_tserrors_histdata,
.pager_paquete_grabaciones,
.pager_paquetes,
.pager_tape_grabaciones,
.pager_tapes,
.pager_grabaciones_restore,
.pager_bookmarks,
.pager_grabaciones,
.pager_repositorios_bookmarks,
.pager_usuarios,
.pager_repositorios_grabaciones {
	margin-right: 5px;
	margin-left: 5px;
	text-align: center;
	cursor: pointer;
	display:inline-block;
	color:#000 !important;
	width:25px;
	height:16px;
	line-height:16px;

	border-radius:5px;
	border:solid 1px #c5c5c5;
	
	background:#f8f8f8;
}

.pager_usuarios{
	width:auto;
	margin-left:3px;
	margin-right:3px;
	padding-left:5px;
	padding-right:5px;
}


.pager:hover,
.pager_tserror:hover,
.pager_ts_errors_hist:hover,
.pager_tserrors_histdata:hover,
.pager_paquete_grabaciones:hover,
.pager_paquetes:hover,
.pager_tape_grabaciones:hover,
.pager_tapes:hover,
.pager_grabaciones_restore:hover,
.pager_bookmarks:hover,
.pager_grabaciones:hover,
.pager_repositorios_bookmarks:hover,
.pager_usuarios:hover,
.pager_repositorios_grabaciones:hover {
	border:solid 1px #aaa;
	background:#c9c9c9;
}
.pager_ts_errors_hist a,
#pager a {
	margin-right: 5px;
	margin-left: 5px;
}
		
.inactive {
	margin-right: 5px;
	margin-left: 5px;
	text-align: center;
	display:inline-block;
	color:#000;
	width:25px;
	height:16px;
	line-height:16px;
	border-radius:5px;
	cursor:default !important;

	border:solid 1px #c5c5c5;

	background: #f6f8f9; /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover,  #f6f8f9 0%, #e0e1e2 100%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#f6f8f9), color-stop(100%,#e0e1e2)); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover,  #f6f8f9 0%,#e0e1e2 100%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover,  #f6f8f9 0%,#e0e1e2 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover,  #f6f8f9 0%,#e0e1e2 100%); /* IE10+ */
	background: radial-gradient(ellipse at center,  #f6f8f9 0%,#e0e1e2 100%); /* W3C */

	opacity:.7;
}

.pager_contenedor {
	height:32px;
	line-height:32px;

}
/* td que se ubica al lado del div de pager_contendor, mismo background */
.pager_contenedor_td,
.pager_contenedor {
	background: #e0e1e2; /* Old browsers */

	background: -moz-linear-gradient(top,  #e0e1e2 0%, #eff1f2 49%, #e0e1e2 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e0e1e2), color-stop(49%,#eff1f2), color-stop(100%,#e0e1e2)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e0e1e2 0%,#eff1f2 49%,#e0e1e2 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #e0e1e2 0%,#eff1f2 49%,#e0e1e2 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #e0e1e2 0%,#eff1f2 49%,#e0e1e2 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #e0e1e2 0%,#eff1f2 49%,#e0e1e2 100%); /* W3C */

	text-align:center; /* agregado para pantalla de exportar usb, revisar */
	/*width:calc(100% - 0px);  /* agregado para pantalla de exportar usb, revisar */
}

.pager_contenedor span {
	display:inline-block;
	height:22px;
	line-height:22px;
	border-radius:5px;
	color:#000;
	padding-left:5px;
	padding-right:5px;

	margin-left:5px;
	margin-right:5px;

	border:solid 1px #c5c5c5;
}

.pager_contenedor a,
.pager_contenedor span {
	vertical-align:middle;
	box-shadow: 1px 1px 2px #ccc;

	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.inactive:hover {
	color:#aaa;
}

#pager span {
	margin-right: 10px;
	margin-left: 10px;
}

.shuttle_enabled {
	width: 80px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	border-style: solid;
	border-width: 1px;
	cursor: pointer;
}

.shuttle_disabled {
	width: 80px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	border-style: solid;
	border-width: 1px;
	cursor: pointer;
}

.nlemenu {
	border: solid #666666 1px;
	font-size: 12px;
	padding: 2px;
	cursor: pointer;
}

.nlemenu_light {
	border: solid #666666 1px;
	font-size: 12px;
	padding: 2px;
	cursor: pointer;
}

.first_title {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	text-transform: uppercase
}

.second_title {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 16px; 
	cursor: pointer;
}

.second_title_over {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 16px; 
	cursor: pointer;
}

.campo_edicion {
	width:100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-style: solid;
	border-width: 1px;
}

.barra_edicion {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	border-style: solid;
	border-width: 1px;
}

.titulo_edicion {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
}

.boton_edicion {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	border-style: solid;
	border-width: 2px;
}

.boton_edicion:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-decoration: none;
	border-style: solid;
	border-width: 2px;
}

.boton_grande {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 15px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	border-style: solid;
	border-width: 1px;
	cursor: pointer;
}

.boton_grande_desmarcado {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 15px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	border-style: solid;
	border-width: 0px;
	cursor: pointer;
}

.pagetitle {
	border: 1px solid #C6C6C6;
	display: block;
	height: 40px;
	width: 100%;
	font-size: 18px;
}

.StatusTooltip,
#statusBar.tooltip {
	font-size: 16px;
	text-align: center;
	width: 300px;
	height: 30px;
	margin: 0 auto 0 auto;	
	position:absolute;
	position: fixed;
	top: 0;
	left: 0;
	z-index:10;

	-webkit-border-radius: 0 0 6px 6px; 
	-moz-border-radius: 0 0 6px 6px; 
	border-radius: 0 0 6px 6px;	  
	-moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
}

.StatusTooltip {
	position:fixed !important;
	top:30% !important;
	z-index:20000 !important;
	padding:0 !important;
	border-radius:10px !important;
	height:110px !important;
	line-height:80px !important;
	width:110px !important;
	background:rgba(255,255,255,.75) !important;
	box-shadow:0 0 5px rgba(0,0,0,.5) !important;
}

.StatusTooltip img {
	margin-top:5px;
}

/* -----------------------------------------------------------------------*/
#maindivwrapper {
	/*min-height: 100%;
	height: auto !important;
	height: 100%;*/
	display: table;
	height: inherit;
	width: 100%;
	margin-bottom: -25px;
}
#maindivwrapper > table {
	border-bottom: 25px solid transparent;
}
#contenido {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 100%;
	width: 100%;
	display: table;
}
#footer-container {
	display: block;
	width: 100%;
	margin: -25px 0 0 0;
	height:25px;
	font-weight: bold;
	font-style: italic;
	font-size: 12px;
}

.ie6 #footer-container,
.ie7 #footer-container,
.ie8 #footer-container {
	margin-top: 0px;
	margin-right: -10px;
}
#footerlogo {
	display: block;
	width: 122px;
	height: 16px;
	margin: auto;
	padding-top: 5px;
}

#overlay-container {
	visibility:hidden;
	/*display: none;*/
	position: fixed;
	top: 0;
	left: 0;
	z-index: 900;
	width: 100%;
	height: 100%;
	min-width:750px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.overlay-container-div{
	height: 100%;
}

#overlay-content {
	/*position: absolute;*/
	/*top: 10%;*/
	/*left: 10%;*/
	margin: auto;
	display: block;
	width: 80%;
	/*height: 65%;*/
	border-style: solid;
	border-width: 2px;
	border-color: #FFFFFF;
	background-color: #FFF;
	box-shadow: 0 0 50px #000;

	/*height: auto;*/
	height: 80%;
	flex-direction: column;

	-webkit-transition: all 0.3s ease-out;  /* Saf3.2+, Chrome */
	-moz-transition: all 0.3s ease-out;  /* FF4+ */
	-ms-transition: all 0.3s ease-out;  /* IE10? */
	-o-transition: all 0.3s ease-out;  /* Opera 10.5+ */
	transition: all 0.3s ease-out;

}

.overlay-content-header{

}

.popupContent{
	/*display: block; */
	left:0; 
	right: 0; 
	overflow: auto; 

	flex-direction: column;
	overflow-y: auto;
	min-height: 0px;
	/*height: 500px;*/

	height: calc(100% - 38px);
}


///* Small devices (landscape phones, 576px and up)*/
//@media (min-height: 300px){
//	.popupContent{
//		max-height: 300px;
//	}
//}
//
///* Medium devices (tablets, 768px and up)*/
//@media (min-height: 700px){
//	.popupContent{
//		max-height: 700px;
//	}
//}
//
///* Large devices (desktops, 992px and up)*/
//@media (min-height: 992px){
//	.popupContent{
//		max-height: 992px;
//	}
//}
//
///* Extra large devices (large desktops, 1200px and up) */
//@media (min-height: 1200px){
//	.popupContent{
//		max-height: 1200px;
//	}
//}



.overlay-content-maximized {
	top: 0!important;
	bottom: 0!important;
	left: 0!important;
	right: 0!important;
	width: 100%!important;
	height: 100%!important;
}

#popupHeadBar li {
	display: inline;
	list-style-type: none;
	vertical-align:-4px;
}

#popupHeadBar li:last-child {
	margin-right:6px;
}

#overlay-background {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	display: block;
	opacity: 0.5;
	background-color: black;
	-webkit-transition: all 0.3s ease-out;  /* Saf3.2+, Chrome */
	-moz-transition: all 0.3s ease-out;  /* FF4+ */
	-ms-transition: all 0.3s ease-out;  /* IE10? */
	-o-transition: all 0.3s ease-out;  /* Opera 10.5+ */
	transition: all 0.3s ease-out;  
}

/*.overlay-container {
	visibility:hidden;
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 900;
	width: 100%;
	height: 100%;
}*/

#total_visualizador_template {
	min-width:842px;
}

.overlay-content {
	position: absolute;
	margin: auto;
	display: block;

	border-style: solid;
	border-width: 2px;
	border-color: #FFFFFF;
	background-color: #FFF;
	box-shadow: 0 0 50px #000;
}

.overlay-background {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	display: block;
	opacity: 0.5;
	background-color: black;
	-webkit-transition: all 0.3s ease-out;  /* Saf3.2+, Chrome */
	-moz-transition: all 0.3s ease-out;  /* FF4+ */
	-ms-transition: all 0.3s ease-out;  /* IE10? */
	-o-transition: all 0.3s ease-out;  /* Opera 10.5+ */
	transition: all 0.3s ease-out;  
}
/*=========================Table Title =======================*/
.tablePageTitle {
	position: relative;
	display: block;
	height: 50px;
	width: 100%;
	margin-bottom: 10px;
}
.tablePageTitle h2 {
	position: absolute;
	right: 0;
	left: 62px;
	display: inline-block;
	line-height: 51px;
	margin: auto 5px auto 0;
	padding: 0 0 0 10px;
	/*text-shadow:2px 2px 20px rgba(0,0,0,.75);*/
	text-align:left;
	font-family:"GoodTimes", "Arial", sans-serif;
	letter-spacing:1px;
	font-size:15px;
}
.tablePageTitle span {
	float: left;
	display: inline-block;
	height: 51px;
	width: 51px;
	margin: 0 5px 0 5px;
	background-repeat-x: no-repeat;
	background-repeat-y: no-repeat;
	background-position: -6px -6px;
	-webkit-box-shadow: 0 0 5px #fff;
	-moz-box-shadow: 0 0 5px #fff;
	box-shadow: 0 0 5px #fff;
	-webkit-border-radius: 2px 2px 2px 2px;
	-moz-border-radius: 2px 2px 2px 2px;
	border-radius: 2px 2px 2px 2px;
	-moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
}
/* ===========================================================*/

/*.txt_home_title {
	font-family: "Arial", "Helvetica", sans-serif;
	display:inline-block;
	height:51px;
	width:200px;
	line-height:53px;
	text-indent:20px;
	font-size:17px;
	text-shadow:2px 2px 10px rgba(0,0,0,.5);
	text-transform:uppercase;
	border-left:solid 5px;
	border-radius:0 8px 8px 0;
	margin-bottom:46px;
	box-shadow:1px 1px 10px rgba(0,0,0,.25);
}

.txt_home_title:first-letter {
	font-size:20px;
}*/

.txt_home_title {
	font-family: "Arial", "Helvetica", sans-serif;
	display:inline-block;
	height:51px;
	width:150px;
	line-height:53px;
	text-indent:10px;
	font-size:12px;
	text-shadow:2px 2px 10px rgba(0,0,0,.5);
	text-transform:uppercase;
	border-left:solid 5px;
	border-radius:0 8px 8px 0;
	margin-bottom:46px;
	box-shadow:1px 1px 10px rgba(0,0,0,.25);
}

.txt_home_title:first-letter {
	font-size:12px;
}

#IconoHome {
	width: 22px;
	height: 22px;
	padding: 0 10px 0 10px;
}

@media all and (min-width:1px) and (max-width:830px) {
	#IconoHome {
		display:none;
	}
}

.welcomeMenuLogo {
	width: 62px;
	height: 62px;
	display: block;
	margin: 0;
	padding: 0;
	background-repeat: no-repeat;
	background-position: top left;
}
.welcomeVivoProgramasLogo{
	background-image: url('/imagenes/fijas/menu/vivo_programas.png');
}
.welcomeEmisoraLogo {
	background-image: url('/imagenes/fijas/menu/emisoras.png');
}
.welcomeProgramasLogo {
	background-image: url('/imagenes/fijas/menu/programas.png');
}
.welcomeProveedoresLogo {
	background-image: url('/imagenes/fijas/menu/proveedores.png');
}
.welcomeDistinguiblesLogo {
	background-image: url('/imagenes/fijas/menu/distinguibles.png');
}
.welcomeBookmarksTipoLogo {
	background-image: url('/imagenes/fijas/menu/bookmarks.png');
}
.welcomePerfilesLogo {
	background-image: url('/imagenes/fijas/menu/perfiles.png');
}
.welcomeTsErrorsLogo {
	background-image: url('/imagenes/fijas/menu/errores_trans_stream.png');
}
.welcomeRatingLogo {
	background-image: url('/imagenes/fijas/menu/historial_tcm.png');
}
.welcomeHistorialLogo {
	background-image: url('/imagenes/fijas/menu/historial_tcm.png');
}
.welcomeSenDigitalesLogo {
	background-image: url('/imagenes/fijas/estado/estado_senal.png');
}
.welcomeTMLogo {
	background-image: url('/imagenes/fijas/tcm/tm.png');
}
.welcomeAnalisisTSLogo {
	background-image: url('/imagenes/fijas/analisis_ts/analisis_ts.png');
}
.welcomeAlarmasTSLogo {
	background-image: url('/imagenes/fijas/analisis_ts/alarmas_ts.png');
}
.welcomeConfigurarLogo {
	background-image: url('/imagenes/fijas/menu/editar_tcm.png');
}
.welcomeCdLogo {
	background-image: url('/imagenes/fijas/menu/cd.png');
}
.welcomeUsuariosLogo {
	background-image: url('/imagenes/fijas/menu/usuarios.png');
}
.welcomeGruposLogo {
	background-image: url('/imagenes/fijas/menu/grupos.png');
}
.welcomeSucesosLogo {
	background-image: url('/imagenes/fijas/menu/sucesos.png');
}
.welcomeDatabaseLogo {
	background-image: url('/imagenes/fijas/menu/base_de_datos.png');
}
.welcomeEquiposLogo {
	background-image: url('/imagenes/fijas/menu/equipos.png');
}
.welcomeProcesosLogo {
	background-image: url('/imagenes/fijas/menu/procesos.png');
}
.welcomeLogsLogo {
	background-image: url('/imagenes/fijas/menu/logs.png');
}
.welcomeClaveLogo {
	background-image: url('/imagenes/fijas/menu/cambiar_clave.png');
}
.welcomeCerrarLogo {
	background-image: url('/imagenes/fijas/menu/cerrar_sesion.png');
}
.welcomeVlcLogo {
	background-image: url('/imagenes/fijas/menu/descargar_plugin.png');
}
.welcomeMonitoreoLogo {
	background-image: url('/imagenes/fijas/menu/monitoreo_grande.png');
}
.welcomeGrabacionesLogo {
	background-image: url('/imagenes/fijas/reproduccion/grabaciones.png');
}
.welcomeProgramacionLogo {
	background-image: url('/imagenes/fijas/programacion/programacion.png');
}
.welcomeStatsLogo {
	background-image: url('/imagenes/fijas/menu/historial_tcm.png');
}
.welcomeGrabadoraLogo {
	background-image: url('/imagenes/fijas/menu/grabadora.png');
}.welcomeBurnerLogo {
	background-image: url('/imagenes/fijas/grabacion/grabacion.png');
}
.welcomeRestaurarLogo {
	background-image: url('/imagenes/fijas/restaurar/restaurar.png');
}
.welcomeRed_configLogo {
	background-image: url('/imagenes/fijas/menu/red_config.png');
}
.welcomeUpgradeLogo {
	background-image: url('/imagenes/fijas/menu/upgrade.png');
}
.welcomeEditorarchivosLogo {
	background-image: url('/imagenes/fijas/menu/editorarchivos.png');
}
.welcomeManualLogo {
	background-image: url('/imagenes/fijas/menu/manual_de_uso.png');
}
.welcomeFingerLogo {
	background-image: url('/imagenes/fijas/menu/fingerprints.png');
}
.welcomeFinger_detailsLogo {
	background-image: url('/imagenes/fijas/menu/finger_details_home.png');
}
.welcomeTapesLogo {
	background-image: url('/imagenes/fijas/menu/tapes.png');
}
.welcomeLTOLogo {
	background-image: url('/imagenes/fijas/menu/lto.png');
}
.welcomeScteLogo {
	background-image: url('/imagenes/fijas/scte/scte.png');
}
.welcomeRemoteLogo {
	background-image: url('/imagenes/fijas/menu/remote_control.png');
}
.welcomeRemotesLogo {
	background-image: url('/imagenes/fijas/menu/remote_control.png');
}
.welcomeExportUsbLogo {
	background-image: url('/imagenes/fijas/menu/export_usb.png');
}
.welcomeHotfolderLogo {
	background-image: url('/imagenes/fijas/menu/hotfolder.png');
}
.welcomeRepositoriosLogo {
	background-image: url('/imagenes/fijas/menu/repositorios.png');
}
.welcomeConfAvanzadaLogo {
	background-image: url('/imagenes/fijas/menu/conf_avanzada.png');
}
.welcomeIgnoredWordsLogo {
	background-image: url('/imagenes/fijas/menu/ignored_words.png');
}
.welcomeWordcountLogo {
	background-image: url('/imagenes/fijas/menu/word_count.png');
}
/*#contenido {
	text-align:center;
}*/

#welcomeContent {
	display:inline-block;
	width:auto;
	margin:auto;
	/*padding: 10px 0 10px 0;*/
	padding: 0 0 10px 0;
	-webkit-border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
	-moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
}

/*#welcomeContent {
	width: 980px;
	margin: auto;
	padding: 10px 0 10px 0;
	-webkit-border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
	-moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
}*/
#welcomeContent > table {
	table-layout: fixed;
	margin-top: 20px;
}
#welcomeContent > table tr {
	width:100%;
	height: 130px;
}
#welcomeContent > table tr > td {
	width: 90px;
}
#welcomeContent > table tr > td:first-child {
	/*width: 223px;*/
		width: 150px;
}
#welcomeContent > table tr > td img, 
#welcomeContent > table tr > td span.welcomeMenuLogo {
	margin-top: 10px;
}
#welcomeContent > table tr > td:first-child img {
	margin-top: 17px;
}
#welcomeContent > table tr > td p {
	margin-top: 10px;
	white-space: pre-wrap; /* css-3 */
	white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-wrap: break-word; /* Internet Explorer 5.5+ */
}
#welcomeContent > table tr > td:first-child img {
	vertical-align: middle;
}

/*#welcomeLogoFoot {
	display: block;
	width: auto;
	height: auto;
	margin: 10px auto 0 auto;
}*/
#welcomeLogoFoot {
	display: block;
	width: 168px;
	height: auto;
	margin:auto;
	margin-top:10px;
	bottom:50px;
	z-index:0;
}
/* ============================= DATABASE =================================*/
#databaseMainTable {
	width: 100%;
	border-collapse: separate;
}

#databaseInnerTable {
	table-layout: fixed;
	width: 900px;
	margin: 20px auto;
}

#databaseInnerTable td {
	vertical-align: top;
	horizontal-align:
	width: 100%;
}

.databaseCenterDiv {
	display: block;
	width: 220px;
	margin: 20px auto;
	text-align: left;
}

#databaseVerG {
	padding-left: 20px;
	line-height: 20px;
	background: url('/imagenes/fijas/informacion/calendario.png') top left no-repeat;
	font-weight: bold;
}

#databaseDateTime {
	margin: -10px 0 0 40px;
	font-weight: bold;
}

.center {
	text-align: center;
}

/*==================================Login============================*/
#loginContent {
	position: relative;
	display: block;
	margin: 50px auto;
	width: 515px;
	height: 320px;
	-webkit-border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
	background: url('/imagenes/tematicas/fondo_login.png') top left no-repeat white;
}
#loginHeader {
	overflow: hidden;
	width: 100%;
	display: block;
}
#loginHeader > h2 {
	margin: 30px 0;
	text-indent: 20px;
	display: block;
	width: 100%;
	height: 50px;
	line-height: 50px;

}
#loginLeft {
	width: 50%;
	float: left;
	text-align: right;
}
#loginRight {
	width: 50%;
	float: right;
	text-align: left;
}
.loginPreInput {
	display: block;
	width: 100%;
	margin: 10px 0 4px 0;
}
#loginHombreLogo {
	display: block;
	width: 131px;
	height: 131px;
	margin: 0 0 0 70px;
	padding: 7px 7px 0 7px;
	-webkit-border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
	background: url('/imagenes/fijas/login/usuario.png') bottom center no-repeat;
}
#loginFooter {
	position: absolute;
	bottom: 10px;
	right: 5px;
}
#loginFooter > img {
	display: block-inline;
	vertical-align: middle;
}

/*=========================== Grabadora ============================*/
#grabadoraMain h2{
	position: relative;
	bottom: -5px;	
	color: black;
	font-size: 25px;
}
#grabadoraMain h3{
	position: relative;
	line-height: 36px;
/*	bottom: -6px;*/
	color: black;
	font-size: 20px;
}
#grabadoraMain {
	margin-top: 20px;
}

.right {
	float: right;
}

#grabadoraMain > div > header{
	position: relative;
	display: block;
	width: 100%;
	height: 40px;
}
#grabadoraMain header h2,
#grabadoraMain header ul,
#grabadoraMain header ul li {
	display:inline;
}
#grabadoraMain header h2 {
	padding-top: 10px;
	margin: 40px 0 0 5px;
}
#grabadoraMain header ul {
	position: absolute;
	right: 0;
	top: 0;
	display: inline;
	margin: 5px;
}
#grabadoraMain > div > header ul li img {
	height: 30px;
}
#grabadoraContenido > div {
	position:relative;
	margin: 10px 5px 0 5px;
	border-radius:0 0 5px 5px;
	/* useful if you don't want a bg color from leaking outside the border: */	
	-moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
}
#grabadoraContenido > div > header > h3 {
	font-size: 16px;
	font-weight: lighter;
	margin: 0px 0 0 5px;
}
#grabadoraContenido > div > header {
	/* useful if you don't want a bg color from leaking outside the border: */	
	-moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
	display: block;
	height: 36px; 
	width: 100%;  
}

#grabadoraContenido > div > div > ul > li {
	text-indent:10px;
	list-style: none;
	line-height:18px;
}

#grabadoraContenido > div > div > ul > li:first-child {
	font-size: 15px;
	font-weight: bold;
	list-style: none;
	text-indent:0;
}
#grabadoraContenido header ul li img {
	height: 23px;
}
#grabadoraContenido footer {
	width: 100%;
	height: 18px;
}
#grabadoraContenido div.nograba li.grabutrec,
#grabadoraContenido div.graba li.grabutsys,
#grabadoraContenido div.graba li.verGrabacion,
#grabadoraContenido div.graba li.verGrabacionHLS,
#grabadoraContenido div.graba li.grabbuted,
#grabadoraContenido div.graba li.grabutstop {
	display: inline;
}
#grabadoraContenido div.graba li.grabutrec,
#grabadoraContenido div.nograba li.grabutsys,
#grabadoraContenido div.nograba li.verGrabacion,
#grabadoraContenido div.nograba li.verGrabacionHLS,
#grabadoraContenido div.nograba li.grabbuted,
#grabadoraContenido div.nograba li.grabutstop {
	display: none;
}
#grabadoraContenido div.grabtimemark {
	position: absolute;
	bottom: 6px;
	right: 0;
}
#grabadoraContenido div.grabtimemark b {
	font-size: 14px;
}
#grabadoraContenido div.nograba div.grabtimemark {
	display: none;
}
#grabadoraContenido div.graba div.grabtimemark {
	display: block;
}
#grabadoraContenido > div > div {
	/* useful if you don't want a bg color from leaking outside the border: */	
	-moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
}
#grabadoraContenido div span.titeditar {
	/*margin-left: 10px;
	font-size: 14px;
	font-weight: bold;*/
}
#grabadoraContenido div.editar span.titeditar {
	display: inline;
}
#grabadoraContenido div.noeditar span.titeditar {
	display: none;	
}
#grabadoraContenido div.nograba footer {
	display: inline;
}
#grabadoraContenido div.editar footer {
	display: block;
}
#grabadoraContenido div.graba > div {
	height: 18px;
	margin-bottom: 5px;
}
#grabadoraContenido div.graba footer, 
#grabadoraContenido div.graba > div > ul > li {
	display: none;
}
#grabadoraContenido div.graba > div > ul > li:first-child {
	display: inline;
}
#grabadoraContenido div footer a.right {
	display: block;
	width: 18px;
	height: 18px;
	zoom: 1;
	opacity: 0.7;
}
#grabadoraContenido div footer a.right:hover {
	zoom: 1;
	opacity: 1;
	-webkit-transition: all 0.3s ease-out;  /* Saf3.2+, Chrome */
	-moz-transition: all 0.3s ease-out;  /* FF4+ */
	-ms-transition: all 0.3s ease-out;  /* IE10? */
	-o-transition: all 0.3s ease-out;  /* Opera 10.5+ */
	transition: all 0.3s ease-out;
}

#grabadoraContenido div.noeditar footer a.right {
	display: block;
	width: 26px;
	height: 26px;
	margin-top: -27px;
	margin-right: 2px;
}
.ie9 #grabadoraContenido div.noeditar footer a.right {
	margin-top: -13px;
}
#grabadoraContenido div.editar form {
	display: block;
}
#grabadoraContenido div.noeditar form {
	display:none;
}
#grabadoraContenido.onlyMulti div.nomultiplex {
	display: none;
}

/* boton para mostrar/ocultar grabadoras */
#multishow {
	-webkit-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.5);
	-moz-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.5);
	box-shadow:1px 1px 2px rgba(0, 0, 0, 0.5);
	border: 1px solid #267ed4;
	background: rgb(0,135,180); /* Old browsers */
	background: -moz-linear-gradient(45deg, rgb(0,135,180) 0%, rgb(0,153,204) 26%, rgb(0,153,204) 51%); /* FF3.6+ */
	background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgb(0,135,180)), color-stop(26%,rgb(0,153,204)), color-stop(51%,rgb(0,153,204))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(45deg, rgb(0,135,180) 0%,rgb(0,153,204) 26%,rgb(0,153,204) 51%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(45deg, rgb(0,135,180) 0%,rgb(0,153,204) 26%,rgb(0,153,204) 51%); /* Opera 11.10+ */
	background: -ms-linear-gradient(45deg, rgb(0,135,180) 0%,rgb(0,153,204) 26%,rgb(0,153,204) 51%); /* IE10+ */
	background: linear-gradient(45deg, rgb(0,135,180) 0%,rgb(0,153,204) 26%,rgb(0,153,204) 51%); /* W3C */
	color:#f0f0f0;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
	display: block;
	height: 25px;
	line-height: 29px;
	width: 120px;
	border-radius: 10px;
	margin-top: 5px;
	margin-bottom: -5px;
	margin-left: 5px;
	text-align: center;
}

#multishow A:link {
	font-size: 11px;
	text-decoration: none;
}

#multishow A:visited {
	color: #FFFFFF;
	font-size: 11px;
}

#multishow A:hover {
	text-decoration: none;
}

#grabadoraContenido.onlyMulti #multishow a,
#grabadoraContenido.noonlyMulti #multishow a:first-child {
	display: none;
}
#grabadoraContenido.onlyMulti #multishow a:first-child,
#grabadoraContenido.noonlyMulti #multishow a {
	display: inline;
}

#div_listaprocesos td {
	vertical-align: middle;
}

img,
textarea,
input,
select {
	-webkit-transition: all 0.6s ease-in-out;  
	-moz-transition: all 0.6s ease-in-out;  
	-ms-transition: all 0.6s ease-in-out;  
	-o-transition: all 0.6s ease-in-out;  
	transition: all 0.6s ease-in-out;
}

/* todos los inputs de texto y listas desplegables de edicion de grabadora */
.grabadora_edicion_input {
	width:300px;
	padding:0 !important;
	margin:1px 0 1px 0 !important;
	text-indent:0 !important;
}

.intervaloCheck,
.durationCheck {
	vertical-align:-2px;
}

.grabadora_editar_input {
	height:30px  !important;
	width:35px !important;
	background-repeat:no-repeat !important;
	background-position:8px 3px !important;
}

/* class agregada desde grabadora.js linea 618 */
.grabadora_recording_info_b {
	font-weight:normal;
	font-size:11px;
}

/* ajuste de posicion para tiempo de grabacion */
.grabtimemark {
	margin-bottom:3px;
	margin-right:5px;
}

/* centrar las grabadoras */
#grabadoraContenido {
	width:100%;
	text-align:center;
}

/* mostrar grabadoras en modo inline */
.contenedor_grabadora_inline {
	border-radius:0 0 3px 3px;
	box-shadow:0 0 10px black;
	text-align:left;
	width:49%;
	display:inline-block;
	vertical-align:top;
	margin:10px 0 0 0 !important;
	padding:0 !important;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	min-width:400px !important;
}

/* ========================== Ts Errors ===================================*/
#tserrors_tree_tabs {
	display:block; 
	width: 100%;
	height:100%;
}
/*#tserrorshist_data {*/
#tserrors_maintabs {
	width: 100%;
	display: inline-block;
	text-align: center;
}
.htmlWidgetTsErrorHist > table {
	width: 100%;
}
.htmlWidgetTsErrorHist > table tr:first-child {
	text-align: center;
	font-weight: bold;
}
.htmlWidgetTsErrorHist > table tr td:nth-child(1) {
	width: 15%;
}
.htmlWidgetTsErrorHist > table tr td:nth-child(2),
.htmlWidgetTsErrorHist > table tr td:nth-child(3) {
	width: 5%;
}
.htmlWidgetTsErrorHist > table tr:nth-child(n+2) td:nth-child(4) {
	text-align: left;
	text-indent: 8px;
}
#tserrors_graphdiv svg {
	display:block-inline;
}
#tserrors_graphdiv {
	width: 100%;
	text-align: center;
	display: inline-block;
}
#tserrors_graphdiv > div {
	display: block;
	vertical-align: top;
}
#tserrors_graphbar {
	height: 40px;
}
#tserrors_chart > svg{
}

/*========================== Ts_Program_Info_ */
.Ts_Program_Info_contenedor {
	border-style: solid;
	border-width: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom:0;
}

.Ts_Program_Info_tabla{
	width:100%;
}

.Ts_Program_Info_tabla td{
	vertical-align: top;
}

.Ts_Program_Info_EPG_titulo{
	color: #FFFFFF;
	height:25px;
	margin-left:5px;
	margin-top:0px;
	text-indent:10px;
	line-height:25px;
	font-weight:bold;
	font-size:10px;
	margin-bottom:-5px !important;
	display:block;
	float:left;
	width:100%;

	background: #7d7e7d; /* Old browsers */
	background: -moz-linear-gradient(top,  #7d7e7d 0%, #0e0e0e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7d7e7d), color-stop(100%,#0e0e0e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #7d7e7d 0%,#0e0e0e 100%); /* W3C */
}

.Ts_Program_Info_EPG_grilla{
	margin-left:5px !important;
}

.tabledata_blanco{
	background: #FFFFFF;
}

.tabledata_div_fila{
	text-align: left;
	overflow-x: hidden;
	min-height: 525px;
	padding-bottom:10px;
	overflow-y:auto;
	margin-bottom:40px;

	background: #dddddd; /* Old browsers */
	background: -moz-linear-gradient(top,  #dddddd 0%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dddddd), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #dddddd 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #dddddd 0%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #dddddd 0%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #dddddd 0%,#ffffff 100%); /* W3C */
}

.tablealtaHead,
.tabledataHead,
.tcmcanalinfohead {
	font-size: 15px;
	width: 100%;
	height: 38px;
	line-height: 38px;
	line-height: 28px;
	text-align: left;
	font-weight: bold;
	text-indent: 10px;
}

.tcminput {
	border:solid 1px #ccc;
	width: 4em;
	text-align: right;
}

.tabledataHead_sombraagregada{
	box-shadow: 0px 0px 8px #444;
}

/* paneles contenedores en pantalla de ts */

.panel1 {
	table-layout:fixed;
	float:none;
	display:table-cell;
	vertical-align:top;
	width:34%;
	height:550px !important;
	max-height:550px;
	min-width:330px;
	overflow-x:hidden;
	overflow-y:auto;
	margin-left:10px;

	background: #eeeeee; /* Old browsers */
	background: -moz-linear-gradient(top,  #eeeeee 0%, #cccccc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #eeeeee 0%,#cccccc 100%); /* W3C */
}

.panel2 {
	table-layout:fixed;
	display:table-cell;
	width:100%;
	max-height:550px !important;
	min-width:330px;
	float:right;
	overflow:scroll;
	height:550px;
	overflow-x:hidden;
	overflow-y:auto;
}


.Ts_Program_Info_filatitulo {
	position:relative
}

.Ts_Program_Info_filatitulo > span {
	float: right;
	vertical-align: middle;
	margin-right: 5px;
	cursor: pointer;
}

.Ts_Program_Info_filatitulo img {
	vertical-align:middle;
}

.Ts_Program_Info_filatitulo_imagen_boton {
	vertical-align: middle;
	margin-bottom:3px;
	margin-right:5px;
}

.Ts_Program_Info_captura {
	display:inline-block;
	margin-top:-3px;
	width:100%;
	background:#000;
	padding-top:20px;
	padding-bottom:20px;

	background: #383838; /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover,  #383838 1%, #0e0e0e 100%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(1%,#383838), color-stop(100%,#0e0e0e)); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover,  #383838 1%,#0e0e0e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover,  #383838 1%,#0e0e0e 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover,  #383838 1%,#0e0e0e 100%); /* IE10+ */
	background: radial-gradient(ellipse at center,  #383838 1%,#0e0e0e 100%); /* W3C */
}

.Ts_Program_Info_captura img {
	border-style:solid;
	border-color:#666;
	border-width:1px;
	margin-right: auto;
	margin-left:auto;
	overflow: inherit;
	vertical-align: middle;
	box-shadow: 0 0 10px #000;
	width:auto !important;
		height:150px; /* agregado para correccion de tamaño, asegura tamaño minimo y conserva la relacion de aspecto */
}

/* NUEVA pantalla edicion */

#VideoDetail-Player {
	min-height:313px;
}

/*  estilos pantalla de video ajustable 16:9 ; */

#VideoDetail-Player {
	width:auto !important;
	text-align:center !important;
}

.cont_borde {
	max-width:100% !important;
}


 /* paddings para tabs de videoplayer */
.HtmlWidgetVideoPlayerColumnUl li {
	/*padding-top:5px;*/
}
.HtmlWidgetVideoPlayerColumnUl li:first-child {
	padding-top:1px;
}

/* correccion para posible fallo en chrome con el player en ventana popup, opacidad y puntero en estado hover */
.HtmlWidgetVideoPlayerColumn1 img {
	cursor:pointer !important;
	opacity:.9 !important;
}
.HtmlWidgetVideoPlayerColumn1 img:hover {
	opacity:1 !important;
}

/* background para iframe de videoplayer, el fondo se muestra mientras carga el video */
#player_cont {
	background: grey url('/imagenes/fijas/player/player_video_loading.png') no-repeat;
	background-position:center;
}

#videoplayer_time_show_control {
	height:20px;
	width:100%;
	text-align:center;
	text-shadow:0 0 8px black;
	line-height:19px;

	background: #7d7e7d; /* Old browsers */
	background: -moz-linear-gradient(top,  #7d7e7d 0%, #0e0e0e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7d7e7d), color-stop(100%,#0e0e0e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%); /* IE10+ */
	background: linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%); /* W3C */
}

/* fin estilos pantalla de video ajustable  */

#VideoDetail-divConteiner { /* altura fija minima para emparejar modulos */
	min-height:313px !important;
}

/* fondo pop up del player, altura minima para continuidad del degradado de color */
.HtmlWidgetVideoPlayerColumn1 {
	height:100% !important; /* altura 100% para video en ventana pop up */
	/*min-height:310px !important;*/
	min-height:313px !important;
}

.VideoDetail-divContainer {
	min-height:313px !important;	
}

.cont_borde {
	margin:5px 3px 0 3px;
	border:solid 1px rgba(255,255,255,.5);
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	box-shadow:1px 1px 8px rgba(0,0,0,.75);
	color: black;
	line-height:15px;
	width:auto !important;
	min-width:240px; /* ancho minimo agregado para Firefox y resolucion baja (notebook) */
}

/* background degradado gris */
.gruposStatus,
.HtmlWidgetRemoteControlConfigContainer,
.showComboSearch,
.HtmlWidgetVideoPlayerColumn1,
.PlayerPopupForm, /* footer de pop up de vista previa de video en pantalla de grabaciones */
.pepetest2,
.ModalAlert,
/*.HtmlWidgetVideoPlayerColumn1, */ /* quitado para pantalla finger prints */
.cont_borde,
.HtmlWidgetFingerPrintListEditTable {
	background: #eeeeee !important;
	background: -moz-linear-gradient(top,  #eeeeee 0%, #cccccc 100%) !important;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc)) !important;
	background: -webkit-linear-gradient(top,  #eeeeee 0%,#cccccc 100%) !important;
	background: -o-linear-gradient(top,  #eeeeee 0%,#cccccc 100%) !important;
	background: -ms-linear-gradient(top,  #eeeeee 0%,#cccccc 100%) !important;
	background: linear-gradient(to bottom,  #eeeeee 0%,#cccccc 100%) !important;
}

.cont_borde_b {
	margin:5px 3px 0 3px;
	color: black;
	line-height:15px;
	width:48.25%;
}

.cont_borde_b {
	margin:5px 3px 0 3px;

	color: black;
	line-height:15px;

	width:48.25%;
	border:none !important; /* quita borde para acceso rapido a distinguibles */
}

.li-Manager {
	width:100%;
	text-align:left;
	margin-top:5px;
}

.Layout_config_container {
	position:relative;
	z-index:1000 !important;
	width:99.5%;
	height:23px;
	line-height:27px;
	text-align:right;
}

.cont_borde img {
	opacity:.5;
}

.cont_borde img:hover {
	opacity:1;
}

/* excepcion para opacidad de imagenes en pantalla de INFO (led status) */
.img_op_full img {
	opacity:1;
}
.img_op_full img:hover {
	opacity:1;
}

/* excepcion para opacidad de imagenes en pantalla de INFO (icono backups, etc) */
.img_op_media img {
	opacity:.5;
}
.img_op_media img:hover {
	opacity:.5;
}

.cont_borde td {
	color: grey;
}

.lin_info {
	margin:0 8px 4px 8px;
}

.lin_info b {
	color: rgba(0,0,0,.85);
}

.lin_info_c {
	width:50%;
	text-align:right !important;
	padding-right:35px;
}

.lin_info_d {
	width:50%;
	text-align:left !important;
	padding-left:0px; /* modificado para baja resolucion de notebook */
	white-space:nowrap;
}

.cont_tit {
	text-indent:8px;
	height:20px;
	line-height:25px;
	text-align:left;
}

.lin_celda {
	display:inline-block;
	/*margin:auto auto auto 5px;*/
		margin:auto;
		margin-bottom:3px;
	width:85px;
	height:45px;
	text-align:center;
	border:solid 1px rgba(0,0,0,.15);
	border-radius:5px;
	padding:3px 0 3px 0;
	background:rgba(255,255,255,.15);
		vertical-align:top;
}

.infowidgettabla {
	//width:100%;
	padding:0;
	margin:0;
	margin-left: auto;
	margin-right: auto;
}

.infowidgettabla td {
	height:16px;
	line-height:16px;
}

.infowidgettabla tr td:first-child {
	font-weight:bold;
	text-align:right;
	vertical-align:top;
	min-width:75px; /* previene que el contenido se pegue al borde cuando la celda con info sea demasiado larga */
}

.infowidgettabla tr td:nth-child(even) {
	text-align:left;
	width:auto;
	padding-left:3px;
}

.div_box_sizing {
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
}

.vista_previa_tit,
.lin_celda span {
	display:block;
	width:100%;
	color:grey;
	text-align:center;
	font-size:10px;
}

.vista_previa_tit {
	width:auto;
	position:absolute;
	top:4px;
	left:4px;
	cursor:default;
}

.tit_general {
	width: 100%;
	text-align: left;
	height: 30px;
	line-height: 30px;
	margin: -10px 0 5px 0px;
	color: white;
	font-size: 12px;
	text-indent: 6px;

	text-shadow:1px 1px 3px rgba(0,0,0,.4);

	background: #7d7e7d; /* Old browsers */
	background: -moz-linear-gradient(top,  #7d7e7d 0%, #0e0e0e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7d7e7d), color-stop(100%,#0e0e0e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%); /* IE10+ */
	background: linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%); /* W3C */
}

/* inputs de tiempo en pantalla de exportacion y copia de archivos */
.video_time_in {
	margin:3px 5px 3px 3px;
	vertical-align:-1px;
}

.video_time_out {
	margin:3px 3px 3px 5px;
	vertical-align:-1px;
}

.WidgetTranscodeSetOut {
	margin-left:0px;
}

.WidgetTranscodeSetIn {
	margin-right:0px;
}

/* final NUEVA pantalla edicion */

.Ts_Program_Info_tablainfo{
	margin-left: 10px;
	width: 300px;
	height: 100%;
	margin-bottom: 10px;
	border-left-style: solid;
	border-left-width: 1px;
}

/* correccion error IE9 */
.Ts_Program_Info_tablainfo_xxx{
	width: 100%;
	height: 100%;
	margin-top:0px;
	margin-bottom: 10px;
	margin-left: 5px;
	border-left-style: none;
	float:left;
	background:#e9e9e3;
}

.Ts_Program_Info_tablafilacategoria {
	font-weight: bold;
	font-size: 10px;
	line-height: 22px;
	height:22px;
	margin-bottom: 3px;
	margin-top: 0;
	text-indent: 8px;
	color:#FFFFFF;
	/* previene que se baje el icono de Ver Vivo Solo video */
	overflow:hidden;

	background: #7d7e7d; /* Old browsers */
	background: -moz-linear-gradient(top,  #7d7e7d 0%, #0e0e0e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7d7e7d), color-stop(100%,#0e0e0e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #7d7e7d 0%,#0e0e0e 100%); /* W3C */
}

.Ts_Program_Info_tablafilacategoria img,
.Ts_Program_Info_destacado_xxx img {
	margin-right:15px;
	vertical-align: middle;
	width: 25px;
}

.Ts_Program_Info_tablafilacategoria_epg {
	font-weight: bold;
	font-size: 13px;
	line-height: 30px;
	min-height:25px;
	height:auto;
	margin-bottom: 0;
	margin-top: 0;
	border-bottom: solid 1px #7a7a7a;
}
/* margenes para botones de "ver vivo solo video" y "ver vivo solo audio" */
.Ts_Program_Info_tablafilacategoria_vivo {
	margin-bottom:3px !important;
	margin-right:3px !important;
	width:auto !important;
}

.Ts_Program_Info_tablafilacategoria > span {
	float: right;
	vertical-align: middle;
	margin-right: 5px;
	cursor: pointer;
}

.Ts_Program_Info_tablafilacategoria img {
	vertical-align: middle;
}

.Ts_Program_Info_tablafiladato {
	text-indent: 10px;
	font-size: 12px;
	line-height: 25px;
	margin-bottom: 0px;
}

/* correccion error IE9 */
.Ts_Program_Info_tablafiladato_xxx {
	text-indent: 10px;
	font-size: 10px;
	line-height: 19px;
	margin-bottom: 0px;
	color:#666;
	border-bottom:solid 1px #ddd;
	white-space: nowrap;

	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.Ts_Program_Info_tablafiladato_xxx:hover {
	background:#c0c0c0;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.Ts_Program_Info_tablafiladato{
	cursor: default;
	transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	opacity: .7;
}

.Ts_Program_Info_tablainfo > div:nth-child(n+2):hover {
	transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	text-indent: 15px;
	opacity: 1;
}

.Ts_Program_Info_destacado{
	font-weight: bold;
}

/* correccion error IE9 */

.Ts_Program_Info_destacado_xxx{
	font-weight: bold;
}

.Ts_Program_Info_epg_container {
	scroll: auto;
	width: 90%;
	display: inline-block;
	padding-bottom:10px;
	margin-left:20px;
}

.Ts_Program_Info_epg_desc {
	font-weight: bold;
	padding: 10px 0px;
	word-wrap: break-word; 
	white-space:pre-line;
	line-height:16px;
}

.Ts_Program_Info_epg_time {
	padding: 10px 5px 5px 5px;
}
.Ts_Program_Info_epg_time > img {
	vertical-align: middle;
	padding: 0 5px 0 0;
}
.Ts_Program_Info_epg_length {
	padding: 5px 5px 0 5px;
}
.Ts_Program_Info_epg_length > img {
	vertical-align: middle;
	padding: 0 5px 0 0;
}

.Ts_Program_Info_epg_longdesc {
	width: 100%;
	padding: 5px 0 5px 5px;
	word-wrap: break-word; 
	font-size: 10px;
	white-space:pre-line;
	line-height: 16px;
	max-height: 100%;
	overflow-y: auto;
}

.Ts_Program_Info_epg_longdesc > img {
	vertical-align: middle;
	padding: 0 5px 0 0;
}

/* tomado de producto */

.screen {
	background-color: #000000;
}

.box {
	background-color: #000000;
	color: #FFFFFF;
}

.box_light {
	background-color: #FFFFFF;
	color: #000000;
}

.player {
	background-color: #EEEEE6;
	border-color: #000000;
}

.timecode {
	color: #000000;
	border-color: #000000;
	background-color: #FFFFFF;
}

.options {
	border-color: #000000;
}

.Status_Barra_Tcm {
	color: white;
}

.Ts_Program_Info_epg_desc {
	border-bottom: 1px solid #9c9c99;
}

/* scroll para la lista de videos disponibles (widget de archivos) */
#contenedorvideosdisponibles {
	overflow-x:auto;
	overflow-y:auto;
	height:230px;
	width:auto; /* agregado para ajuste de celdas dinamicas */
	padding-top:3px;
}

#titulo_videos_disponibles {
	height:32px;
	line-height:32px;
	/* background tomado de gradientGreySmall */
	background: transparent url("/imagenes/fijas/decorativo/gradient3.png") repeat-x right top;
}

.videos_disponibles_filtro_contenedor {
	border-bottom:solid 1px rgba(0,0,0,.2);
	margin-bottom:5px;
	padding-left:3px;
}

.videos_disponibles_filtro_contenedor span {
	vertical-align:8px;
}

/* boton eliminar grabaciones */
.grabaciones_borrar_archivos {
	float:right;
}

.file_size_videos_disponibles {
	font-size:9px;
	color:#666;
	/*float:right;*/
	margin-right:10px;
}

.nocambiartamanio {
	resize: none;
	outline-width: 0;
}

.contenedormedios {
	border:solid 1px #ccc;
	overflow-y:auto;
	height:45px;
	padding:0 !important;
	margin-bottom:-1px;
	line-height:15px;
	text-indent:5px;
	background:white;
}

.contenedormedios img{
	position:relative;
	top:-1px;
}

.video_disponible{
	line-height:30px;
	height:30px;
	background:#FFF !important;
	border-bottom:solid 1px #f0f0f0;
}

.video_disponible:hover{
	background:#e0e0e0 !important;
}

.video_disponible img{
	vertical-align:middle;
}

#show_idgrabacion{
	font-size:18px;
	margin-left:8px;
	color:#aaaaaa;
}

.distinguibleupdate,
#quick_distinguibleupdate,
#distinguibleupdate{
	position:absolute;
	text-align:left;
	white-space:pre-line;
	font-size:9px;
	font-size:12px;
	border:1px solid black;
	background-color:white;
}

/* thumbnails en pantalla de estado de seniales digitales */
.mostrar_miniatura {
	display:inline-block;
	position:relative;
	height:25px;
	width:45px;
	cursor:pointer;
	background:none;

	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;

	background: url('/imagenes/fijas/estado/thumb_video.png') top left no-repeat;
	background-position:10px 4px;
}

.mostrar_miniatura:hover{
	-webkit-transition: all 0.25s;
	-moz-transition: all 0.25s;
	-ms-transition: all 0.25s;
	-o-transition: all 0.25s;
	transition: all 0.25s;
}

.mostrar_miniatura img{
	position:fixed;
	cursor:default;
	left:40%;
	top:-250px;
	margin-top:0px;
	border:solid 5px rgba(00,00,00,.65);
	border-radius:5px;
	box-shadow:0 0 55px rgba(0,0,0,1);
	opacity:0;
	width: auto;
	height:180px;
	z-index:9000;
	pointer-events:none;

	background:white !important;
}

.mostrar_miniatura:hover img{
	margin-top:0px;
	opacity:1;
	top:240px;

	-webkit-transition: all .35s;
	-moz-transition: all .35s;
	-ms-transition: all .35s;
	-o-transition: all .35;
	transition: all .35;
}

.mostrar_miniatura a{
	text-align:center;
	position:fixed;
	cursor:default;
	left:calc(40% + 6px);
	top:-240px;
	margin-top:164px;
	color:#FFF;
	font-size:10px;
	display:block;
	width:auto;
	padding:4px 8px;
	height:17px;
	line-height:17px;
	cursor:default;

	text-shadow:2px 2px 2px rgba(0,0,0,1);

	opacity:0;
	-webkit-transition: all .35s;
	-moz-transition: all .35s;
	-ms-transition: all .35s;
	-o-transition: all .35;
	transition: all .35;
	
	background:rgba(0,0,0,.5);

	z-index:9001;
	pointer-events:none;
}

.mostrar_miniatura:hover a{
	opacity:1;
	top:235px;
	margin-left:0px;
	-webkit-transition: all .35s;
	-moz-transition: all .35s;
	-ms-transition: all .35s;
	-o-transition: all .35;
	transition: all .35;
}

/* fondo de grafico en pantalla historial t&m */
#graphic{
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%); /* W3C */
}

/* botones INPUT editar en pantalla de alarmas */
.err-tree-select{
	float:left;
	width:120px;
	height:20px;
	font-size:10px;
	margin:7px 0 0 5px;
	background:white;
}
.err-tree-editar {
	opacity:.65;
	cursor:pointer;
	margin:-20px 1px 0 0;
	float:right;
}
.err-tree-editar:hover {
	opacity:1;
}
.err-tree-no-edito {
	border:none !important;
	margin:-20px 1px 0 0;
	opacity:.65;
}
.err-tree-no-edito:hover {
	opacity:1;
}
.err-tree-grabar{
	opacity:.7;
	cursor:pointer;
	margin:5px 0 1px 5px;

}

@-webkit-keyframes opacity-grabar {
    0%    {opacity:.5;}
    50%   {opacity:1;}
    100%  {opacity:.5;}
}

@keyframes opacity-grabar {
    0%   {opacity:.5;}
    50%  {opacity:1;}
    100% {opacity:.5;}
}

.err-tree-grabar-pendiente{
	-webkit-animation: opacity-grabar .35s linear infinite;
	animation: opacity-grabar .35s linear infinite;
}

.err-tree-grabar:hover {
	opacity:1;
}
.TsErrorsTreeTextArea_span{
	display:block;
	background: transparent url("/imagenes/fijas/decorativo/gradient3.png") repeat-x right top;
	width:100%;
}

/* ============================  alarmas dinamicas =========================*/

/* ancho de campos para seleccionar valores en la pantalla de alarmas dinamicas */
.alarma_dinamica_input {
	width:50px;
	text-align:center;
	margin-left:5px;
}

.AlarmasDinamicas_input_parametro,
.AlarmasDinamicas_input_nombre {
	font-size:12px;
	padding:2px 3px 2px 3px;

}

.AlarmasDinamicas_input_parametro {
	padding-right:0;
	background:white;
}

/* fila de formulario de nueva alarma (popup) */
.AlarmasDinamicas_popup_form_fila {
	width:95%;
	margin:auto;
	text-align:right;
	white-space:nowrap;
	height:35px;
	line-height:35px;
}

.AlarmasDinamicas_popup_form_fila select {
	background:white;
}

.AlarmasDinamicas_popup_form_input {
	width:90%;
	height:20px;
}


/* ============================ fin alarmas dinamicas =========================*/


/* ============================  informe estado =========================*/

/* altura minima para el contendor del grafico */
#tserrors_informe_estado {
	/*padding-bottom:55px !important;*/
}

/* referencias de grafico de informe */

.WidgetGraficoInforme_referencias {
	position:relative;
	z-index:500;
	display:inline-block;
	float:left;
	text-align:left;
	padding:12px;
	margin-top:-40px;
	box-shadow:1px 1px 8px rgba(0,0,0,.15);
	border-radius:0 0 10px 0;
	background:rgba(255,255,255,.25);
	
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.WidgetGraficoInforme_referencias:hover {
	background:rgba(255,255,255,.95);
	box-shadow:1px 1px 8px rgba(0,0,0,.5);
	
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.WidgetGraficoInforme_referencias li {
	line-height:25px;
}

.WidgetGraficoInforme_referencias li img {
	margin-right:2px;
	vertical-align:-1px;
}

/* ============================  fin informe estado =========================*/


/* ============================  Popup de gafico historico =========================*/
.graficoH-popup-close{
	height: 16px;
	width: 16px;
	display: block;
	background: url("/js/utils/timeline/timeline_ajax/images/close-button.png") no-repeat scroll 0 0 transparent;
	margin:4px 4px auto auto; /* ajuste de posicion de boton close */
}
.graficoH-popup-back{
	background-color: rgba(0,0,0,.95);
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	margin-top:-42px;
	box-shadow:0 0 15px rgba(0,0,0,.5);
	padding:0 5px 0 5px;

	background: #black; /* Old browsers */
	background: -moz-linear-gradient(top,  #7d7e7d 0%, #0e0e0e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7d7e7d), color-stop(100%,#0e0e0e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%); /* IE10+ */
	background: linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%); /* W3C */
	text-shadow: 2px 2px 5px #000000;
}
.graficoH-popup-cont {
	height:100px !important;
	margin-top:20px;
	color: white;
	height:97px !important;
}

.graficoH-popup-cont img {
	margin-right:3px;
	vertical-align:-1px;
}

.graficoH-popup-arrow{
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-top: 20px solid rgba(0,0,0,1);
}

/* ================ Widget Grabacion marcas ================ */
.HtmlWidgetGrabacionMarcasOffsetTimestamp,
.HtmlWidgetGrabacionMarcasOffsetEndInput,
.HtmlWidgetGrabacionMarcasOffsetInput,
.edicion,
.HtmlWidgetCCSrtOffsetTimestamp,
.HtmlWidgetGrabacionesTextDataOffsetTimestamp {
	cursor: pointer;
	display:block;
	color:#FFF !important;
	height:23px;
	font-size:12px;
	text-align:center;
	line-height:23px;
	padding:0 8px 0 8px;
	border-radius:5px;
	box-shadow:inset 1px 1px 5px rgba(0,0,0,1);
	text-shadow:1px 1px 3px rgba(0,0,0,1);
	background: #6b6b6b; /* Old browsers */
	background: -moz-linear-gradient(top,  #6b6b6b 17%, #3d3d3d 74%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(17%,#6b6b6b), color-stop(74%,#3d3d3d)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #6b6b6b 17%,#3d3d3d 74%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #6b6b6b 17%,#3d3d3d 74%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #6b6b6b 17%,#3d3d3d 74%); /* IE10+ */
	background: linear-gradient(to bottom,  #6b6b6b 17%,#3d3d3d 74%); /* W3C */
}

.HtmlWidgetCCSrtOffsetTimestamp,
.HtmlWidgetGrabacionesTextDataOffsetTimestamp {
    padding-left:1px;
    padding-right:1px;
}

.HtmlWidgetGrabacionesTextData-tbody tr:hover td,
.HtmlWidgetCCSrt-tbody tr:hover td {
    color:black;
}

.edicion {
	width:80px;
	text-align:center;
	opacity:1;
	cursor:default;
	margin-top:1px;
}

/* contenedor para marcador de tiempo global en exportacion rapida */
.edicion_global_cont {
	background: transparent url("/imagenes/fijas/decorativo/gradient3.png") repeat-x right top;
	width: 100%;
	white-space: nowrap;
}

/* contenedor de objetos dentro del contenedor */

.tiempo_global_grupo {
	display:block;
	margin:auto;
	/*margin-right: 1rem;*/
	/*margin-left: 1rem;*/
	/*width:300px;*/
}

.tiempo_global_grupo_right {
	display:block;
	margin:auto;
	text-align: right;
}

.tiempo_global_grupo_left {
	display:block;
	margin:auto;
	text-align: left;
}


.align_right {
	text-align: right;
}

.align_left {
	text-align: left;
}

.tiempo_global_grupo img {
	opacity:.5;
	vertical-align:-3px;
}

.tiempo_global_grupo img:hover {
	opacity:.5;
}

.edicion_global_cont td {
	height:25px;
	text-align:center;
}

.edicion_absolute_time{
	width: 75%;
	text-align:center;
	opacity:1;
	margin-top:1px;
	opacity:.85 !important;
	background-color: #D7D7D7;
	border-color: #C1C5AB;
	color: #000000;


}

/* marcador de tiempo global en exportacion rapida */
.edicion_global {
	display:inline-block;
	border:none;
	background:none;
	font-size:16px;
	overflow:visible;
	/*width:44%;*/
	/*text-align:center;*/
	opacity:.85 !important;

	width: 100%;
}

.semaforo_0 {
	display : inline-block;
	width : 25px;
	height : 25px;
	border-radius : 25px;
	margin-top : 5px;
	margin-left : 5px;
	background-color : white;
	border-top : 2px solid black;
	cursor : pointer;
}
.HtmlWidgetMarcasStatsMarcasSemaforo {
	display : inline-block !important;
	width : 20px !important;
	height : 20px !important;
	border-radius : 15px !important;
	margin-top : 5px !important;
	margin-left : 5px !important;
	border-top : 0px !important;
	cursor : default !important;
	border : 0px solid black !important;
}

.semaforo_0_complete {
	background-color : red;
}

.semaforo_1 {
	display : inline-block;
	width : 25px;
	height : 25px;
	border-radius : 25px;
	margin-top : 5px;
	margin-left : 3px;
	background-color : white;
	border-top : 2px solid black;
	cursor : pointer;
}

.semaforo_1_complete {
	background-color : yellow;
}

.semaforo_2 {
	display : inline-block;
	width : 25px;
	height : 25px;
	border-radius : 25px;
	margin-top : 5px;
	margin-left : 3px;
	background-color : white;
	border-top : 2px solid black;
	cursor : pointer;
}

.semaforo_2_complete {
	background-color : green;
}

.marco_semaforo {
	width : 100px;
	height : 40px;
	border : 2px solid black;
	background-color : darkgrey;
	border-radius : 25px;
}

.HtmlWidgetGrabacionMarcasOffsetInput {
	cursor:text;
	text-align:center;
	width:80px;
}

.HtmlWidgetGrabacionMarcasOffsetEndInput {
	cursor:text;
	text-align:center;
	width:80px;
}

.distinguibles_acceso_rapido_contenedor {
	border:solid 1px rgba(0,0,0,.15) !important;
	border-radius:8px !important;
	margin-top:36px !important;
	min-height:0 !important;
}

.HtmlWidgetGrabacionMarcasDistinguiblesSpan{
	font-size:11px;
	display: inline-block;
	height:17px;
	line-height:17px;
	border-radius:0px;
	margin:4px 10px 4px 0;
	padding:0 15px 0 0;
}

/* ================ Widget Video Player ================ */
.HtmlWidgetVideoPlayerPrerollSpan_xxx {
	display:block;
	width:26px;
	font-size:12px;
	line-height:30px;
	padding:0;
	border-bottom-left-radius:5px;
	border-top-left-radius:5px;
	box-shadow:inset 0px 0px 5px rgba(0,0,0,.25);
	text-shadow:1px 1px 3px rgba(0,0,0,.25);
	margin:0 0 0 1px;
	text-align:center;

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

	background:#a0a0a0;
	opacity:.8;

	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

/*.HtmlWidgetVideoPlayerPrerollSpan:hover {
	opacity:1;

	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}*/

/*.HtmlWidgetVideoPlayerPrerollInput{
	text-shadow:1px 1px 3px rgba(0,0,0,.5);
	box-shadow:inset 1px 1px 5px rgba(0,0,0,.5);
	cursor:default; border:solid 1px #CCC;
	border-radius:5px;
	color:#000;
	width:20px;
	text-align:center; 
}*/

.HtmlWidgetVideoPlayerPrerollInput{
	cursor:default;
	border:solid 1px #CCC;
	color:#000;
	width:25px;
	text-align:center; 
}

.HtmlWidgetVideoPlayerNextVideo_xxx {
	opacity:.5 !important;
	display:block !important;
	position:relative;
	top:8px;
	left:5px;
}

/* cursor para el cuadro de arrastre en player */
.handle {
	cursor:move;
	color:grey !important;
	text-shadow:1px 1px 5px rgba(0,0,0,1);
	display:inline-block;
	width:100%;
}

/* EPG estilos para programacion, proximo evento */

.Ts_Program_Info_eventos_siguientes_titulo {
	width:90%;
	height:25px;
	margin-left:20px;
	line-height:25px;

	background:rgba(0,0,0,.10);
	text-indent:10px;

	background: #7d7e7d; /* Old browsers */
	background: -moz-linear-gradient(top,  #7d7e7d 0%, #0e0e0e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7d7e7d), color-stop(100%,#0e0e0e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #7d7e7d 0%,#0e0e0e 100%); /* W3C */

	color:white;
	font-weight:bold;

}

.Ts_Program_Info_eventos_siguientes {
	margin-left:20px;
	margin-bottom:5px;
	display:block;
	width:90%;
	height:auto;
	color:white;
}

.Ts_Program_Info_evento {
	height:35px;
	line-height:35px;
	margin-bottom:1px;
	text-shadow:1px 1px 5px rgba(0,0,0,.5);
	overflow:hidden;
	white-space:nowrap;

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

.Ts_Program_Info_evento:hover {
	background: #6c9ac8; /* Old browsers */
	background: -moz-linear-gradient(top,  #6c9ac8 0%, #4e89c4 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6c9ac8), color-stop(100%,#4e89c4)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #6c9ac8 0%,#4e89c4 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #6c9ac8 0%,#4e89c4 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #6c9ac8 0%,#4e89c4 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #6c9ac8 0%,#4e89c4 100%); /* W3C */
}

.Ts_Program_Info_evento span {
	display:none;
}

.Ts_Program_Info_evento:hover span {
	color:#333;
	text-shadow:none;
	position:absolute;
	margin-left:20%;
	margin-top:-20px;
	display:block;
	width:500px;
	height:auto;
	border-radius:10px;
	border:solid 1px #fff;
	box-shadow:0 0 15px rgba(0,0,0,.75);
	z-index:1000;
	white-space:normal;

	background: #eeeeee; /* Old browsers */
	background: -moz-linear-gradient(top,  #eeeeee 0%, #cccccc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #eeeeee 0%,#cccccc 100%); /* W3C */
}

.Ts_Program_Info_evento_horario {
	display:inline-block;
	height:100%;
	width:auto;
	padding:0 8px 0 8px;
	background:white;
	font-weight:bold;
	text-align:center;
	text-indent:0;
	border-right:solid 1px rgba(255,255,255,.25);

	background: #13aeeb; /* Old browsers */
	background: -moz-linear-gradient(top,  #13aeeb 0%, #1a92c2 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#13aeeb), color-stop(100%,#1a92c2)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #13aeeb 0%,#1a92c2 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #13aeeb 0%,#1a92c2 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #13aeeb 0%,#1a92c2 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #13aeeb 0%,#1a92c2 100%); /* W3C */
}

.Ts_Program_Info_evento_nombre {
	display:inline-block;
	height:100%;
	width:auto;
	text-indent:5px;
}

.span_nombre,
.span_duracion,
.span_fecha,
.span_descripcion {
	width:95%;
	margin:10px auto 10px auto;

	font-size:11px;
	line-height:18px;
}

.span_duracion img,
.span_fecha img,
.span_descripcion img {
	margin-right:5px;
}

.span_nombre {
	font-weight:bold;
	font-size:12px;
}

/* final EPG estilos para programacion, proximo evento */

/* estilos cuadro de red */

#net_contenedor,
#upgrade_contenedor {
	left:50%;
	text-align:center;
	width:600px;

	margin:50px auto auto auto;
	background:white;
	border-radius:10px;
	padding-top:10px;
	padding-bottom:10px;
}

#net_contenedor {
	min-height:510px;
}
#upgrade_contenedor {
	min-height:350px;
	padding-top:100px;
}

.upgrade_seleccionar_archivo {
	border:solid 1px rgba(0,0,0,.15);
	border-radius:10px;
	padding:10px;
	font-size:12px;
	margin-bottom:10px;
	cursor:hand;
	width:auto;
	text-align:center;

	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.upgrade_seleccionar_archivo:hover {
	background:rgba(0,0,0,.05);
	cursor:hand;

	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

#net_contenedor acronym {
	border: none;
}

.net_fila_separada {
	height:60px !important;
}

#net_contenedor select,
#net_contenedor input {
	width:150px;
}

#net_contenedor input {
	font-size:12px;
}

#net_contenedor td {
	height:30px;
}

#fecha,
#nettime,
#ntp {
	padding-right:145px;
}

#fecha {
	background:none;
	padding-right:0px;
}

#fecha span {
	display:block;
	font-size:9px;
	margin-top:5px;
	margin-right:-122px;
}

.mensaje_contenido {
	display:inline-block;
	height:45px;
	padding:0 25px 0 25px;
	line-height:45px;
	border-radius:5px;
	background:rgba(0,0,0,.075);
	margin-top:200px;
	font-size:15px;
	box-shadow:0 0 4px rgba(0,0,0,.25);
}

/* final estilos cuadro de red */

/* Slider */
.equipos_track {
	width: 100%;
	background-color: #aaa;
	position: relative;
	height: 0.5em; width: 10em;
	cursor: pointer; z-index: 0;
}
.equipos_handle {
	background-color: red;
	position: absolute;
	height: 1em; width: 0.25em; top: -0.25em;
	cursor: move; z-index: 2;
	width: 0.5em;
}

/* estilos editor de archivos */

.titulo_editor {
	width:100%;
	font-size:10px;
	margin:20px auto 20px 10px;
}

/* campo de edicion de archivo */
#prueba {
	border:solid 1px rgba(0,0,0,.5);
	font-size:12px;
	line-height:18px;
	padding:10px;
	margin:30px;
	margin-top:10px;
	margin-bottom:15px;
	box-shadow: 1px 1px 15px rgba(0,0,0,.25) ;
	font-family:"Courier", monospace;
	min-height:500px;
	min-width:610px;
}

.contenedor_listado_archivos_link {
	display:block;
	height:35px;
	line-height:35px;
	width:100%;
	background:#ccc;
	margin-bottom:-5px;
	text-align:center;
	padding:auto 3px auto 3px;
	font-size:10px;
	color:black;
	border:solid 1px rgba(0,0,0,.5);

	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.contenedor_listado_archivos_link:hover {
	background:white;

	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.listado_archivos_titulo {
	font-size:12px;
	display:block;
	text-align:center;

	height: 28px;
	line-height:28px;
	cursor: default;
	font-weight: normal !important;
	font-size: 11px;
	border: none;
}

.panel_edicion_editando {
	display:inline-block;
	width:80px;
	height:50px;
	line-height:50px;
	font-size:10px;
	text-align:center;
}

.panel_edicion_filename {
	font-weight:bold;
	font-size:14px;
	display:inline-block;
	width:auto;
	height:50px;
	line-height:60px;
}

.fondo_degradado {
	background: #eeeeee; /* Old browsers */
	background: -moz-linear-gradient(top,  #eeeeee 0%, #cccccc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #eeeeee 0%,#cccccc 100%); /* W3C */
}

/* correccion color texto en boton salir */
.editor_salir,
.editor_salir a,
.editor_salir a:link,
.editor_salir a:hover {
	color:#fff !important;
}

.contenedor_login_editor {
	position:fixed;
	display:block;
	left:50%;
	margin-top:-12px;
	margin-left:-200px;

	width: 400px;
	height: 200px;
	-webkit-border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
	background: url('/imagenes/tematicas/fondo_login.png') top left no-repeat white;
}

.contenedor_login_editor input {
	margin-top:8px;
	text-indent:5px;
}

.contenedor_login_editor span {
	margin-left:-55px;
	display:block;
	margin-top:70px;
}

 /* boton de entradas en grilla de programacion */
.InputDisabler {
	float:left;
	vertical-align:middle;
	margin-top:-6px;
	margin-left:10px;
	cursor:pointer;
}
/* fin estilos editor de archivos */


/* estilos pantalla de visualizador en vivo */

#HtmlVivoProgramasContenedor {
	display:table;
	width:80%;
	margin-left:auto;
	margin-right:auto;
	border:solid 1px black;
}
.HtmlVivoProgramasRow {
	display:table-row;
	width:auto;
	height:auto;
}

.HtmlVivoProgramasCol {
	display:table-cell;
	/*display:inline-block;*/
	border:solid 10px black;

	min-width:50px;
	min-height:200px;
	padding:10px;
	box-shadow:0 0 15px rgba(0,0,0,1);
	/*border-radius:10px;*/
	margin:5px !important;

	background:rgba(150,150,150,.65) !important;	
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;

	position:relative; /* agregado para posicionar boton de ir a vivo */
}

.HtmlVivoProgramasCol:hover {
	background:rgba(150,150,150,1) !important;
	
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;  
}

.HtmlVivoProgramasLabel {
	box-shadow:0 0 10px rgba(0,0,0,.75);
}

.HtmlVivoProgramasLabel {
	background:black;
	color:white;
	line-height:20px;
	border-radius:5px;
	
	background: #7d7e7d; /* Old browsers */
	background: -moz-linear-gradient(top,  #7d7e7d 0%, #0e0e0e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7d7e7d), color-stop(100%,#0e0e0e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%); /* IE10+ */
	background: linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%); /* W3C */
	text-shadow: 2px 2px 5px #000000;
}

.HtmlVivoProgramasLabel_livebutton {
	position:absolute;
/*	display:block;
	width:15px;
	height:15px;*/
	top:10px;
	left:10px;
}

.HtmlVivoProgramasLabel_livebutton,
.HtmlVivoProgramasLabel_livebutton img {
	opacity:.95 !important;
	/*width:20px;*/
}

.HtmlVivoProgramasLabel_livebutton:hover,
.HtmlVivoProgramasLabel_livebutton img:hover {
	opacity:1 !important;
}

/* fin de estilos pantalla de visualizador en vivo */

/* configuracion de red, nueva pantalla INICIO */

/* #dhcpConfig, */
#netConfig,
#dnsConfig {
	position:relative;
	padding-top:38px;
	height:260px;
	width:440px;
}

#ethConfig{
	position:relative;
	padding-top:38px;
	margin-left:8px;
    width: 440px;
    height: 545px;
}
#columna_izquierda{	
	width: 500px;
    height: 600px; 
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
}

#cont_general_configuracion_de_red {
	margin-bottom:50px;

	/* tomados de #cont_general_base_datos */
	width:100%;
	text-align:center;
	background:white;
	padding:20px 0 20px 0;   
	display: flex;
    justify-content: center;
    flex-shrink: 0;
}

.cuadro_red_tit {
	position:absolute;
	top:0;
	width:100%;
	text-align:center;
	left:0;
	line-height:30px;
	font-weight:bold;
	border-bottom:solid 1px rgba(0,0,0,.1);
	border-radius:10px 10px 0 0;
	/*background:rgba(0,0,0,.05);*/
	/* aplicado para que no transparente en fondos no blancos */
	background:rgba(220,220,220,1);
}

/* correccion para spans "cuadro_red_tit" en pantalla de equipos */
.cuadro_red_tit_relative {
	position:relative;
	display:block;
}

.cuadro_red_inputs {
	position:absolute;
	display:block;
	text-align:right;
	bottom:0;
	width:100%;
	left:0;
	height:auto;
}

.cuadro_red_inputs input {
	margin:0 8px 8px 0;
	width:auto;
	cursor:pointer;
}

.dns_overflow {
	/*background:yellow;*/
	overflow-x:hidden;
	overflow-y:auto;
	/*max-height:150px;*/
		max-height:215px;
	width:100%;
	border-bottom:solid 1px rgba(0,0,0,.1);
	border-top:solid 1px rgba(0,0,0,.1);
}

.HtmlWidgetRedIfcfgMulticastValue {
	resize:none;
	width:90% !important;
	font-size:10px;
	height:60px;
}

/* configuracion de red, nueva pantalla FINAL */

/* base de datos, nueva pantalla */

#cont_general_base_datos {
	width:100%;
	text-align:center;
	background:white;
	padding:20px 0 20px 0;
}

#cont_general_base_datos img {
	margin-top:30px;
}

.cont_base_datos {
	vertical-align:top;
	width:300px;
	height:auto;
	margin:5px;
	display:inline-block;
	padding:0;
}
.cont_base_datos_red {
	vertical-align:top;
	width:300px;
	height:auto;
	margin:5px;
	padding:0;
}

.cont_base_datos p {
	margin:0;
	font-size:12px;
	font-weight:bold;
	margin:20px 30px 0 30px;
	line-height:18px;
}

.cont_base_datos_t {
	font-size:10px;
	margin:5px 10px auto 10px;
	display:block;
	line-height:15px;
}

.cont_base_datos_b {
	width:auto;
	height:200px;
	margin:5px;
	margin-bottom:10px;
	border-radius:10px;
	border:solid 1px rgba(0,0,0,.5);
	box-shadow:0 0 5px rgba(0,0,0,.5);
	/* overflow hidden para evitar corte en titulo en parte superior */
	overflow:hidden;
}


.cont_base_datos_b.content_width {
	width: min-content;
}



/* correccion para ajuste de altura auto en contenedores, se usan en pantalla de equipos */
.cont_base_datos_b_altura_auto {
	height:auto;
	padding-bottom:10px;
	overflow:hidden;
}

.cont_base_datos_c {
	height:412px;
}

.cont_base_datos_version {
	font-size:9px;
	display:block;
	margin:20px 0 auto 0;
}

.cont_base_datos_fecha {
	width:205px;
	margin:5px auto auto auto;
	display:block;
	color:#555;
	height:43px;
	line-height:43px;
	font-size:18px;
	padding:0 8px 0 8px;
	border-radius:5px;
	border:solid 1px rgba(0,0,0,.25);
	background:rgba(0,0,0,.05);
}

/****** Flex Containter ******/

.flex_container {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: 100%;
}

.flex_content_box_rr{
	margin: 5px;
	border-radius: 10px;
	border: solid 1px rgba(0,0,0,.5);
	box-shadow: 0 0 5px rgba(0,0,0,.5);

}

.flex_content_box {
	width: min-content;
	margin: 5px;
	border-radius: 10px;
	border: solid 1px rgba(0,0,0,.5);
	box-shadow: 0 0 5px rgba(0,0,0,.5);
}

/**Si sobra ancho expande lo que pueda**/
.flex_content_box.grow {
	flex-grow: 1;
}



/*****************************/


#databaseRestaurarConf,
#databaseGuardarConf,
#descargar_base_datos {
	cursor:pointer;
	border:solid 1px rgba(0,0,0,.25);
	box-shadow:inset 0 0 20px rgba(0,0,0,.25);
	-webkit-transition: all 0.15s;
	-moz-transition: all 0.15s;
	-ms-transition: all 0.15s;
	-o-transition: all 0.15s;
	transition: all 0.15s;
}

#databaseRestaurarConf p {
	margin-top:30px;
}

#databaseRestaurarConf:hover,
#databaseGuardarConf:hover,
#descargar_base_datos:hover {
	background:rgba(0,0,0,.1);
	-webkit-transition: all 0.15s;
	-moz-transition: all 0.15s;
	-ms-transition: all 0.15s;
	-o-transition: all 0.15s;
	transition: all 0.15s;
}

/* final base de datos, nueva pantalla */


/* INICIO ajuste de overlay para pantalla de 1440px */
@media all and (min-width:1px) and (max-width:1440px) {

	#overlay-content{
	/*width:84%;
	left:7%;*/
	width:97%;
	left:1.5%;
	}
}
/* FINAL ajuste de overlay para pantalla de 1440px */

/* INICIO ajuste de overlay para pantalla de reproduccion en notebook */
@media all and (min-width:1px) and (max-width:1366px) {

	#overlay-content{
	width:98%;
	left:1%;
	}

}
/* FINAL ajuste de overlay para pantalla de reproduccion en notebook */

/* mensaje en marco.html */
#msg_equipo_support {
	display:block;
	position:fixed;
	top:93px;
	left:40px;
	padding:18px;
	font-size:10px;
	color:red;
	text-shadow:1px 1px 1px black;
	border-radius:3px;
	border:solid 1px rgba(255,255,255,.25);
	background:rgba(0,0,0,.75);
	box-shadow:0 0 10px black;
	max-width:350px;
	max-height:300px;
	overflow-y:auto;
	z-index:1000;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

#msg_equipo_support:hover {
	background:rgba(0,0,0,1);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

/* boton para cerrar mensaje en marco.html */
.removeSupportRequired {
	position:absolute;
	top:3px;
	right:3px;
	height:18px;
	opacity:.75;
	cursor:pointer;
}

.removeSupportRequired:hover {
	opacity:1;
}

/* nueva grilla de programacion INICIO */


#HtmlWidgetGrillaPlayoutEntradaHeader {

}

.HtmlWidgetGrillaPlayoutHeaderTiempo {
	border:none !important;
	padding:0 !important;
	margin:0 !important;
}

.WidgetGrillaPlayoutEntradaTitulo {
	background-color: rgba(255,255,255,.25);
	width:13%;
	min-width:180px;
	vertical-align:top;
	padding:6px 0 0 0;
}

.HtmlWidgetGrillaPlayoutHeaderTiempo,
.HtmlWidgetGrillaPlayoutFecha {
	background: #c6c6c6; /* Old browsers */
	background: -moz-linear-gradient(top,  #c6c6c6 0%, #dbdbdb 3%, #e4e4e4 6%, #ededed 37%, #cfcfcf 71%, #b8b8b8 94%, #bbbbbb 97%, #c6c6c6 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c6c6c6), color-stop(3%,#dbdbdb), color-stop(6%,#e4e4e4), color-stop(37%,#ededed), color-stop(71%,#cfcfcf), color-stop(94%,#b8b8b8), color-stop(97%,#bbbbbb), color-stop(100%,#c6c6c6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #c6c6c6 0%,#dbdbdb 3%,#e4e4e4 6%,#ededed 37%,#cfcfcf 71%,#b8b8b8 94%,#bbbbbb 97%,#c6c6c6 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #c6c6c6 0%,#dbdbdb 3%,#e4e4e4 6%,#ededed 37%,#cfcfcf 71%,#b8b8b8 94%,#bbbbbb 97%,#c6c6c6 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #c6c6c6 0%,#dbdbdb 3%,#e4e4e4 6%,#ededed 37%,#cfcfcf 71%,#b8b8b8 94%,#bbbbbb 97%,#c6c6c6 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #c6c6c6 0%,#dbdbdb 3%,#e4e4e4 6%,#ededed 37%,#cfcfcf 71%,#b8b8b8 94%,#bbbbbb 97%,#c6c6c6 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c6c6c6', endColorstr='#c6c6c6',GradientType=0 ); /* IE6-9 */
}



#HtmlWidgetGrillaProgramacionEntradaHeader {

}

.HtmlWidgetGrillaProgramacionHeaderTiempo {
	border:none !important;
	padding:0 !important;
	margin:0 !important;
}

.HtmlWidgetGrillaPlayoutHeaderTiempo {
	border:none !important;
	padding:0 !important;
	margin:0 !important;
}

.HtmlWidgetGrillaProgramacionHeaderEdicion {
	border:none !important;
	padding:0 !important;
	margin:0 !important;
	width: 36px;
}

.HtmlWidgetGrillaProgramacionHeaderEdicion,
.HtmlWidgetGrillaProgramacionHeaderTiempo,
.HtmlWidgetGrillaPlayoutHeaderTiempo,
.HtmlWidgetGrillaProgramacionFecha {
	background: #c6c6c6; /* Old browsers */
	background: -moz-linear-gradient(top,  #c6c6c6 0%, #dbdbdb 3%, #e4e4e4 6%, #ededed 37%, #cfcfcf 71%, #b8b8b8 94%, #bbbbbb 97%, #c6c6c6 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c6c6c6), color-stop(3%,#dbdbdb), color-stop(6%,#e4e4e4), color-stop(37%,#ededed), color-stop(71%,#cfcfcf), color-stop(94%,#b8b8b8), color-stop(97%,#bbbbbb), color-stop(100%,#c6c6c6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #c6c6c6 0%,#dbdbdb 3%,#e4e4e4 6%,#ededed 37%,#cfcfcf 71%,#b8b8b8 94%,#bbbbbb 97%,#c6c6c6 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #c6c6c6 0%,#dbdbdb 3%,#e4e4e4 6%,#ededed 37%,#cfcfcf 71%,#b8b8b8 94%,#bbbbbb 97%,#c6c6c6 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #c6c6c6 0%,#dbdbdb 3%,#e4e4e4 6%,#ededed 37%,#cfcfcf 71%,#b8b8b8 94%,#bbbbbb 97%,#c6c6c6 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #c6c6c6 0%,#dbdbdb 3%,#e4e4e4 6%,#ededed 37%,#cfcfcf 71%,#b8b8b8 94%,#bbbbbb 97%,#c6c6c6 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c6c6c6', endColorstr='#c6c6c6',GradientType=0 ); /* IE6-9 */
}

.HtmlWidgetGrillaProgramacionFecha {
	text-align:left;
	white-space:nowrap;
	height:45px;
}

.HtmlWidgetGrillaProgramacionFecha img {
	vertical-align:-6px;
}

.HtmlWidgetGrillaProgramacionFecha input {
	text-align:left;
	width:79px !important;
	height:25px;
	font-size:13px;
	padding-left:5px;

	padding:0 8px 0 8px;
	border-radius:5px;
	box-shadow:inset 1px 1px 5px rgba(0,0,0,1);
	text-shadow:1px 1px 3px rgba(0,0,0,1);
	color:#FFF !important;

	background: #6b6b6b; /* Old browsers */
	background: -moz-linear-gradient(top,  #6b6b6b 17%, #3d3d3d 74%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(17%,#6b6b6b), color-stop(74%,#3d3d3d)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #6b6b6b 17%,#3d3d3d 74%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #6b6b6b 17%,#3d3d3d 74%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #6b6b6b 17%,#3d3d3d 74%); /* IE10+ */
	background: linear-gradient(to bottom,  #6b6b6b 17%,#3d3d3d 74%); /* W3C */
}

.HtmlWidgetGrillaPlayoutFecha {
	background: #c6c6c6; /* Old browsers */
	background: -moz-linear-gradient(top,  #c6c6c6 0%, #dbdbdb 3%, #e4e4e4 6%, #ededed 37%, #cfcfcf 71%, #b8b8b8 94%, #bbbbbb 97%, #c6c6c6 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c6c6c6), color-stop(3%,#dbdbdb), color-stop(6%,#e4e4e4), color-stop(37%,#ededed), color-stop(71%,#cfcfcf), color-stop(94%,#b8b8b8), color-stop(97%,#bbbbbb), color-stop(100%,#c6c6c6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #c6c6c6 0%,#dbdbdb 3%,#e4e4e4 6%,#ededed 37%,#cfcfcf 71%,#b8b8b8 94%,#bbbbbb 97%,#c6c6c6 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #c6c6c6 0%,#dbdbdb 3%,#e4e4e4 6%,#ededed 37%,#cfcfcf 71%,#b8b8b8 94%,#bbbbbb 97%,#c6c6c6 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #c6c6c6 0%,#dbdbdb 3%,#e4e4e4 6%,#ededed 37%,#cfcfcf 71%,#b8b8b8 94%,#bbbbbb 97%,#c6c6c6 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #c6c6c6 0%,#dbdbdb 3%,#e4e4e4 6%,#ededed 37%,#cfcfcf 71%,#b8b8b8 94%,#bbbbbb 97%,#c6c6c6 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c6c6c6', endColorstr='#c6c6c6',GradientType=0 ); /* IE6-9 */
}

.HtmlWidgetGrillaPlayoutFecha {
	text-align:left;
	white-space:nowrap;
	height:45px;
}

.HtmlWidgetGrillaPlayoutFecha img {
	vertical-align:-6px;
}

.HtmlWidgetGrillaPlayoutFecha input {
	text-align:left;
	width:79px !important;
	height:25px;
	font-size:13px;
	padding-left:5px;

	padding:0 8px 0 8px;
	border-radius:5px;
	box-shadow:inset 1px 1px 5px rgba(0,0,0,1);
	text-shadow:1px 1px 3px rgba(0,0,0,1);
	color:#FFF !important;

	background: #6b6b6b; /* Old browsers */
	background: -moz-linear-gradient(top,  #6b6b6b 17%, #3d3d3d 74%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(17%,#6b6b6b), color-stop(74%,#3d3d3d)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #6b6b6b 17%,#3d3d3d 74%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #6b6b6b 17%,#3d3d3d 74%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #6b6b6b 17%,#3d3d3d 74%); /* IE10+ */
	background: linear-gradient(to bottom,  #6b6b6b 17%,#3d3d3d 74%); /* W3C */
}



.WidgetGrillaProgramacionLiveLed {
	float: right;
	margin-right: 1rem;
	margin-top: 1rem;

	width: 10px;
	height: 10px;
	background-color: #033a01;
	border-radius: 50%;
}

.WidgetGrillaProgramacionLiveLed.Blinking {
	/*margin: 0 auto;*/
	width: 10px;
	height: 10px;
	background-color: #0FFF00;
	border-radius: 50%;
	box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #0FFF00 0 -1px 9px, #0FFF00 0 2px 12px;
	-webkit-animation: blinkGreen 1s infinite;
	-moz-animation: blinkGreen 1s infinite;
	-ms-animation: blinkGreen 1s infinite;
	-o-animation: blinkGreen 1s infinite;
	animation: blinkGreen 1s infinite;
}

@-webkit-keyframes blinkGreen {
	from { background-color: #0FFF00; }
	50% { background-color: #00AA00; box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #088300 0 -1px 9px, #0FFF00 0 0px 0; }
	to { background-color: #0FFF00; }
}
@-moz-keyframes blinkGreen {
	from { background-color: #0FFF00; }
	50% { background-color: #00AA00; box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #088300 0 -1px 9px, #0FFF00 0 0px 0; }
	to { background-color: #0FFF00; }
}
@-ms-keyframes blinkGreen {
	from { background-color: #0FFF00; }
	50% { background-color: #00AA00; box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #088300 0 -1px 9px, #0FFF00 0 0px 0; }
	to { background-color: #0FFF00; }
}
@-o-keyframes blinkGreen {
	from { background-color: #0FFF00; }
	50% { background-color: #00AA00; box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #088300 0 -1px 9px, #0FFF00 0 0px 0; }
	to { background-color: #0FFF00; }
}
@keyframes blinkGreen {
	from { background-color: #0FFF00; }
	50% { background-color: #00AA00; box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #088300 0 -1px 9px, #0FFF00 0 0px 0; }
	to { background-color: #0FFF00; }
}

.WidgetGrillaProgramacionEntrada {
	background: #13171d; /*#45484d;*/ /* Old browsers */
	border: 3px solid black;
//	background: -moz-linear-gradient(top,  #45484d 0%, #000000 100%); /* FF3.6+ */
//	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45484d), color-stop(100%,#000000)); /* Chrome,Safari4+ */
//	background: -webkit-linear-gradient(top,  #45484d 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
//	background: -o-linear-gradient(top,  #45484d 0%,#000000 100%); /* Opera 11.10+ */
//	background: -ms-linear-gradient(top,  #45484d 0%,#000000 100%); /* IE10+ */
//	background: linear-gradient(to bottom,  #45484d 0%,#000000 100%); /* W3C */
//	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */

}

.WidgetGrillaProgramacionEntradaTitulo {
	background-color: rgba(255,255,255,.25);
	width:13%;
	min-width:180px;
	vertical-align:top;
}

.WidgetGrillaProgramacionEntradaTitulo.activo {
	background-color: rgba(21, 255, 52, 0.35);
	width:13%;
	min-width:180px;
	vertical-align:top;
}


.WidgetGrillaProgramacionEntradaInput{
	background-color: none;
	padding-top: 4px;
	padding-bottom: 4px;
	margin:0;
}

.WidgetGrillaProgramacionEntradaInputEdicion{
	background: #13171d; /* Old browsers */
	width: 36px;
	float: right;
	height: 100px;
	background-color: none;
}

.HtmlWidgetGrillaProgramacionEntradaNuevo {
	margin-left:5px;
}

.HtmlWidgetGrillaProgramacionNombre {
	text-align:left;
	line-height:20px;
	text-shadow:1px 1px 3px black;
	color:white;
}

.HtmlWidgetGrillaProgramacionEntradaHeaderBotonera{
	/*text-align:center; */
	/*display:inline-block;*/
	width: 100%;
	display: inline-flex;
	/*justify-content: center;*/
	background-color: #6d7279a1;
	box-shadow: 0 0px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.HtmlWidgetGrillaProgramacionSeparador{
	border-top: transparent;
	border-bottom: 1px solid #9a9a9a;
	padding: 0px;
	margin: 0px;
}

.HtmlWidgetGrillaSelectTsProgram{
	height: 100%;
	background-color: #fefeff5c;
}

.HtmlWidgetGrillaProgramacionRecuadroIzquierda{
	border: 1px solid #9a9a9a;
	padding: 3px;
	margin: 1px;
	width: 60%;
	float: left;
}

.HtmlWidgetGrillaProgramacionRecuadroDerecha{
	border: 1px solid #9a9a9a;
	padding: 3px;
	margin: 1px;
	width: 40%;
	float: right;
	text-align:right;
}

.HtmlWidgetGrillaProgramacionNombre_equipo,
.HtmlWidgetGrillaProgramacionNombre_entrada {
	margin-left:5px;
}

.HtmlWidgetGrillaProgramacionNombre_equipo {
	font-size:18px;
	font-weight:bold;
}

.HtmlWidgetGrillaProgramacionNombre_entrada {
	font-size:12px;
	opacity:.8;
}

.HtmlWidgetGrillaProgramacionEntradaHeaderTitulo {
	position:relative;
}

.HtmlWidgetGrillaProgramacionEntradaHeaderTitulo img {
	/*margin-top:5px;*/
	/*opacity:.5;*/
	vertical-align: middle;
}

.HtmlWidgetGrillaProgramacionEntradaHeaderTitulo img:hover {
	opacity:1;
}

.HtmlWidgetGrillaProgramacionEntradaHeaderTitulo .HtmlWidgetGrillaProgramacionEntradaHeaderBotones {
	width:100%;
	display:block;
	background:blue !important;
	position:relative;
	left:-200px;
	top:5px;

	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.HtmlWidgetGrillaProgramacionEntradaHeaderTitulo:hover .HtmlWidgetGrillaProgramacionEntradaHeaderBotones {
	left:5px;
	
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}


.HtmlWidgetGrillaPlayoutEntradaHeaderTitulo {
	position:relative;
}

.HtmlWidgetGrillaPlayoutEntradaHeaderTitulo img {
	margin-top:5px;
	opacity:.5;
}

.HtmlWidgetGrillaPlayoutEntradaHeaderTitulo img:hover {
	opacity:1;
}

.HtmlWidgetGrillaPlayoutEntradaHeaderTitulo .HtmlWidgetGrillaPlayoutEntradaHeaderBotones {
	width:100%;
	display:block;
	background:blue !important;
	position:relative;
	left:-200px;
	top:5px;

	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.HtmlWidgetGrillaPlayoutEntradaHeaderTitulo:hover .HtmlWidgetGrillaPlayoutEntradaHeaderBotones {
	left:5px;
	
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.HtmlWidgetGrillaPlayoutEntradaHeaderBotones img {
	opacity:.7;
}

.HtmlWidgetGrillaPlayoutEntradaHeaderBotones img:hover {
	opacity:1;
}


.HtmlWidgetGrillaPlayoutNombre {
	text-align:left;
 line-height:20px;
 text-shadow:1px 1px 3px black;
 color:white;
}

.HtmlWidgetGrillaPlayoutNombre_equipo,
.HtmlWidgetGrillaPlayoutNombre_entrada {
	margin-left:5px;
}

.HtmlWidgetGrillaPlayoutNombre_equipo {
	font-size:18px;
	font-weight:bold;
}

.HtmlWidgetGrillaPlayoutNombre_entrada {
	font-size:12px;
	opacity:.8;
}

.HtmlWidgetGrillaPlayoutEntradaNuevo {
	margin-left:5px;
}

.WidgetGrillaPlayoutEntradaInput{
	background-color: none;
	padding-top: 4px;
	padding-bottom: 4px;
	margin:0;
}

.HtmlWidgetGrillaProgramacionEntradaHeaderBotones img {
	opacity:.7;
}
.HtmlWidgetGrillaProgramacionEntradaHeaderBotones img:hover {
	opacity:1;
}

/* boton de reiniciar procesos */
.HtmlWidgetGrillaHeaderReiniciar {
	margin-right:25px;
	margin-left:15px;
	margin-bottom:-1px;
	opacity:.7;
}

.HtmlWidgetGrillaHeaderReiniciar:hover {
	opacity:1;
}

.HtmlWidgetGrillaProgramacionGrabacionRegularTexto {
	font-size:16px !important;
	/*fill:rgba(255,255,255,.75) !important;*/
}

/* botones de activar y desactivar programa */
.HtmlWigetPrograma_enable {
	background:rgba(0,190,0,1);
}

.HtmlWigetPrograma_disable {
	background:rgba(130,130,130,1);
}

.HtmlWigetProgramaButtonFlag {
	min-width:100px;
	color:white;
}

/* INICIO estilos en cuadro de edicion de programa */
.programacion_edicion_programa_botones {
	padding-top:15px;
	padding-bottom:15px;
}
.programacion_edicion_programa_botones input {
	margin:auto 5px auto 5px;
}


/* inputs */
.programa_nombre,
.programacion_idemisora,
.programacion_idinput,
.programacion_idperfil,
.programacion_duracion,
.programacion_intervalo,
.programacion_ttl,
.programacion_volatil {
	/*width:708px !important;*/
		/*width:100% !important; */
}

/* selects de campos de horario */
.programacion_m,
.programacion_h,
.programacion_dm {
	width:60px;
	min-height:150px;
	margin-right:15px;
}

.programacion_dw,
.programacion_my {
	width:90px;
	min-height:150px;
	margin-right:15px;
}
/* FINAL estilos en cuadro de edicion de programa */

/* ajuste alto maximo para svg de linea de tiempo */
@media all and (min-width:1px) and (max-width:1370px) {
	.HtmlWidgetGrillaProgramacionHeaderTiempo svg {
	max-height:30px !important;
	}
}
@media all and (min-width:1px) and (max-width:1370px) {
	.HtmlWidgetGrillaPlayoutHeaderTiempo svg {
	max-height:30px !important;
	}
}

/* nueva grilla de programacion FINAL */

/* header para pantallas de edicion de formularios INICIO */

.form_abm_header {
	text-align:left;
	line-height:0px;
}

.form_abm_header_botones {
	text-align:right;
}

.form_abm_header_nombre {
	font-weight:normal;
}

.form_abm_header_codigo {
	font-weight:normal;
}

.form_abm_header_codigo:after {
	content:":";
}

.form_abm_header_codigo:before {
	content:"#";
}

/* header para pantallas de edicion de formularios FINAL */

/* pisa estilos para textareas que exceden el limite de 100% del contendor */
.textarea_margenes {
	padding:0;
	text-indent:0;
	margin:0;
}

/* correccion posicion de autocompletar en grilla */
.HtmlWidgetGrillaPrograma_autocompletar {
	position:fixed !important;
	top:auto !important;
	left:auto !important;
}

.error_equipo_sinconexion {
	margin:10px 5px 0 5px;
	height:36px;
	line-height:36px;
	text-align:center;

	background: #c6c6c6; /* Old browsers */
	background: -moz-linear-gradient(top,  #c6c6c6 0%, #dbdbdb 3%, #e4e4e4 6%, #ededed 37%, #cfcfcf 71%, #b8b8b8 94%, #bbbbbb 97%, #c6c6c6 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c6c6c6), color-stop(3%,#dbdbdb), color-stop(6%,#e4e4e4), color-stop(37%,#ededed), color-stop(71%,#cfcfcf), color-stop(94%,#b8b8b8), color-stop(97%,#bbbbbb), color-stop(100%,#c6c6c6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #c6c6c6 0%,#dbdbdb 3%,#e4e4e4 6%,#ededed 37%,#cfcfcf 71%,#b8b8b8 94%,#bbbbbb 97%,#c6c6c6 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #c6c6c6 0%,#dbdbdb 3%,#e4e4e4 6%,#ededed 37%,#cfcfcf 71%,#b8b8b8 94%,#bbbbbb 97%,#c6c6c6 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #c6c6c6 0%,#dbdbdb 3%,#e4e4e4 6%,#ededed 37%,#cfcfcf 71%,#b8b8b8 94%,#bbbbbb 97%,#c6c6c6 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #c6c6c6 0%,#dbdbdb 3%,#e4e4e4 6%,#ededed 37%,#cfcfcf 71%,#b8b8b8 94%,#bbbbbb 97%,#c6c6c6 100%); /* W3C */

	color:red;
}

/*.separador_equipos {
	height:36px;
	line-height:36px;
	color:white;
	margin:30px 5px 0px 5px;
}
*/

/* inputs campos de fecha en pantalla de equipos, tab de FECHA / HORA */

.HtmlWidgetFechaHoraFormValidar,
.HtmlWidgetFechaHoraInputs,
.HtmlWidgetFechaHoraFormFechaInputs,
.HtmlWidgetFechaHoraFormSelect {
	margin:3px auto 3px auto;
}

.HtmlWidgetFechaHoraFormValidar,
.HtmlWidgetFechaHoraInputs,
.HtmlWidgetFechaHoraFormSelect {
	width:170px;
}

.HtmlWidgetFechaHoraFormFechaInputs {
	width:50px;
	text-align:center;
}

/* pantalla slave/master mode, seccion de equipos INICIO */

.HtmlWidgetMasterSlaveMode,
.HtmlWidgetMasterSlaveSlaveIp {
	margin:3px auto 3px auto;
}

.HtmlWidgetMasterSlaveDiv {
	width:100%;
	text-align:center;
}

.HtmlWidgetMasterSlaveButtonAdd,
.HtmlWidgetMasterSlaveModeSyncData,
.HtmlWidgetMasterSlaveModeSave {
	width:auto;
	cursor:pointer;
	margin-right:5px;
	margin-bottom:8px;
}

.HtmlWidgetMasterSlaveMode {
	vertical-align:-2px;
	margin-right:1px;
}

/* pantalla slave/master mode, seccion de equipos FINAL */


/* igualar ancho de inputs de texto e inputs de select */
/* ubicar aqui inputs de todas las pantallas */
.programacion_idemisora,
.programacion_idinput,
.programacion_idperfil,
.programacion_ttl,
.HtmlWidgetMasterSlaveSsh_limit,
.HtmlWidgetMasterSlaveCode_name,
.HtmlWidgetMasterSlaveIpMaster,
.HtmlWidgetGrabacionMarcasTriggerCancelar,
.HtmlWidgetGrabacionMarcasComentarioText,
.HtmlWidgetGrabacionMarcasProgramaSelect,
.HtmlWidgetGrabacionMarcasTipo,
.ta,
#nombre,
#altoSelect,
#anchoSelect,
#videoCodec,
#selectPreset,
#selectLevel,
#norma,
#audioCodec,
#discos_formato,
#discos_raid,
#capturecards_cardtype,
#inputs_flags,
#inputs_idcapturecard,
#inputs_name,
#inputs_num,
.grabaciones_regulares_programa_nombreupdate,
.grabaciones_regulares_idinput,
.grabaciones_regulares_idemisora,
.grabaciones_regulares_idperfil,
.grabaciones_regulares_intervalo,
.grabaciones_regulares_ttl,
.grabaciones_regulares_ttl_baja,
.grabaciones_regulares_volatil,
.grabaciones_regulares_volatil_baja,
.grabadora_edicion_input,
.campo_edicion,
.rBT_exportSelect,
.rBT_transcodeSelect {
	box-sizing:content-box !important;
	-ms-box-sizing:content-box !important;
	-moz-box-sizing:content-box !important;
	-webkit-box-sizing:content-box !important;
}

.HtmlWidgetMasterSlaveSsh_limit,
.HtmlWidgetMasterSlaveCode_name,
.HtmlWidgetMasterSlaveIpMaster {
	padding:0;
}

/* inputs en pantalla equipos, configuracion de entradas */
#valueHue,
#valueSaturation,
#valueContrast,
#valueBrightness {
	text-align:center;
	font-size:11px;
	width:35px !important;
	padding:2px;
}

.TsErrorsHistTrigger {
	min-width:30px;
}


/* pantalla de bookmarks INICIO */

/* border para div contenedor general, igual que tabla */
#bookmarks_tipos {
	width:100%;
	padding:0 4px 0 4px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* boton de guardar, tipo button, quitar borde y fondo, agregar opacidad */
.button_save {
	/*border:none;
	background:none;*/
}

.button_save img {
	opacity:.7;
}

.button_save img:hover {
	opacity:1;
}

.QuickDistinguible_fix_ie {
	position:absolute !important;
	top:auto !important;
	left:auto !important;
	margin-top:0px;
}

.slaveformdiv {
	width:100%;
	text-align:center;
	height:40px;
	background:white;
}

.test_grabadora {
	border-radius:0 0 3px 3px;
	box-shadow:0 0 10px black;
	text-align:left;
	width:49%;
	display:inline-block;
	vertical-align:top;
	margin:5px 0 0 0 !important;
	padding:0 !important;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	min-width:400px !important;
}

.slaveformdiv input {
	margin-left:40px;
	margin-right:5px;
	margin-top:15px;
}

.segundero {
	margin-bottom:8px !important;
}

.slaveformdiv input:first-child {
	margin-left:0;
}


/* INICIO estilos pantalla fingerprints */

/* ancho para inputs de buscador */
.HtmlWidgetFingerPrintListBuscadorInput,
.HtmlWidgetFingerPrintListBuscadorSelect,
.HtmlWidgetFingerPrintDetailBuscadorInput {
	width:85%;
	border-color:#c7c7c7;
}

/* inputs para pantalla de edicion */
.HtmlWidgetFingerPrintListEditInputFocus,
.HtmlWidgetFingerPrintListEditInput {
	width:90%;
	border-color:#c7c7c7;
	margin:3px 0 3px 0;
}

/* FINAL estilos pantalla fingerprints */

/* quitar bordes de spans dentro de spans de paginadores */
.HtmlWidgetScteDetailPaginadorTotal,
.HtmlWidgetTapesPaginadorTotal,
.HtmlWidgetProgramasPaginadorTotal,
.HtmlWidgetFingerPrintDetailPaginadorTotal,
.HtmlWidgetFingerPrintListPaginadorTotal,
.HtmlWidgetGrabacionMarcasTiposPaginadorTotal {
	display:inline!important;
	background:none!important;
	box-shadow:none!important;
	border:none!important;
	border-radius:0!important;
	padding:0!important;
	vertical-align:0px !important;
}

#panelControlCC {
	min-height:313px;
}

#emisoras_fingerprints_edit,
#emisoras_fingerprints_global,
#emisoras_fingerprints {
	margin:auto;
	padding:2px;
	box-shadow:0 0 15px black;
}

/* inputs de radio en pantalla de emisoras */

.emisoras_flags {
	margin-right:1px;
	margin-left:10px;
	vertical-align:-2px;
}
.emisoras_flags:first-child {
	margin-left:0;
}

/** Floating Div **/
.FloatingDiv {
	background-image:url("/imagenes/fijas/finger/background.png");
	border:2px solid white;
	box-shadow:0 0 15px rgba(0,0,0,.95);
	background:black;
}

.FloatingDiv-head {

}

.FloatingDiv-container {

}

.FloatingDiv-head {
	color:black;
	/*background:url("/imagenes/fijas/finger/gradient3.png") repeat-x scroll right top transparent;*/
	background:#134b69; /* deberia pasar a ccstlyes_producto.css */
	cursor:move;
}

.FloatingDiv-head img {
	margin-top:3px;
}

.FloatingDiv-head img:last-child {
	margin-right:3px;
}

.HtmlWidgetFingerPrintTimeLineFloatRight div {
	min-height:23px;
	line-height:23px;
}

.HtmlWidgetFingerPrintTimeLineFloatRight input {
	margin-right:4px;
	margin-top:5px;
	margin-bottom:5px;
	float:left;
}

.HtmlWidgetFingerPrintTimeLineFloatRight {
	/*background:none !important;*/
	border-radius:0 !important;
	margin:0 !important;
	border:none !important;
	box-shadow:none !important;
	height:100%;
	padding:5px 0 0 5px;

/*	-webkit-transition: none 0s !important;
	-moz-transition: none 0s !important;
	-ms-transition: none 0s !important;
	-o-transition: none 0s !important;
	transition: none 0s !important;
*/
}

.HtmlWidgetFingerPrintTimeLineZoomBar {

}

.HtmlWidgetFingerPrintTimeline {
	height:136px !important;
}
/*.HtmlWidgetFingerPrintListEditTable {
	overflow-y:none;
}*/

@font-face {
    font-family: GoodTimes;
    src: url("../imagenes/good_times_rg.ttf");
}

.FingerImage {
	border:solid 1px rgba(255,255,255,.5) !important;
	text-shadow:1px 1px 3px black;
	font-family: 'GoodTimes', sans-serif;
	/*color:blue !important;*/

	background:rgba(0,150,255,.25) !important;

	-webkit-transition: all .35s !important;
	-moz-transition: all .35s !important;
	-ms-transition: all .35s !important;
	-o-transition: all .35s !important;
	transition: all .35s !important;
}

.FingerImage:hover {
	background:rgba(0,150,255,.75) !important;
	-webkit-transition: all .35s !important;
	-moz-transition: all .35s !important;
	-ms-transition: all .35s !important;
	-o-transition: all .35s !important;
	transition: all .35s !important;
}

.FingerImage-diff {
	/*color:red !important;*/
	background: rgba(255,0,20, 0.25) !important;
}

.FingerImage-diff:hover {
	background: rgba(255, 54, 54, 0.75) !important;
}

.FingerImageExtraData {
	font-size: 14px !important;
}

.TimeLineLi > div {
	border-radius:0 !important;
	border:solid 1px rgba(0,200,255,.25) !important;
	/*background:rgba(180,180,180,1) !important;*/
/*	opacity:.7;*/
	-webkit-transition: all .35s !important;
	-moz-transition: all .35s !important;
	-ms-transition: all .35s !important;
	-o-transition: all .35s !important;
	transition: all .35s !important;

	overflow:hidden !important;
	box-shadow:0 0 5px black;
	
	background: rgb(190,190,190); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(190,190,190,1) 0%, rgba(163,163,163,1) 100%) !important;; /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(190,190,190,1)), color-stop(100%,rgba(163,163,163,1))) !important;; /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(190,190,190,1) 0%,rgba(163,163,163,1) 100%) !important;; /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(190,190,190,1) 0%,rgba(163,163,163,1) 100%) !important;; /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(190,190,190,1) 0%,rgba(163,163,163,1) 100%) !important;; /* IE10+ */
	background: linear-gradient(to bottom,  rgba(190,190,190,1) 0%,rgba(163,163,163,1) 100%) !important; /* W3C */
	
}

.TimeLineLi > div:hover {
	border:solid 1px rgba(0,104,151,1) !important;

	background: rgb(239,239,239) !important; /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(239,239,239,1) 0%, rgba(206,206,206,1) 100%) !important; /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(239,239,239,1)), color-stop(100%,rgba(206,206,206,1))) !important; /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(239,239,239,1) 0%,rgba(206,206,206,1) 100%) !important; /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(239,239,239,1) 0%,rgba(206,206,206,1) 100%) !important; /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(239,239,239,1) 0%,rgba(206,206,206,1) 100%) !important; /* IE10+ */
	background: linear-gradient(to bottom,  rgba(239,239,239,1) 0%,rgba(206,206,206,1) 100%) !important; /* W3C */

	/*opacity:1;*/
	-webkit-transition: all .35s !important;
	-moz-transition: all .35s !important;
	-ms-transition: all .35s !important;
	-o-transition: all .35s !important;
	transition: all .35s !important;

	background: rgb(176,176,176) !important; /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(176,176,176,1) 0%, rgba(151,151,151,1) 100%) !important; /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(176,176,176,1)), color-stop(100%,rgba(151,151,151,1))) !important; /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(176,176,176,1) 0%,rgba(151,151,151,1) 100%) !important; /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(176,176,176,1) 0%,rgba(151,151,151,1) 100%) !important; /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(176,176,176,1) 0%,rgba(151,151,151,1) 100%) !important; /* IE10+ */
	background: linear-gradient(to bottom,  rgba(176,176,176,1) 0%,rgba(151,151,151,1) 100%) !important; /* W3C */

}

.FingerImageCanvas {
	/*opacity:.8;*/
	cursor:pointer;
	box-shadow:0 0 5px black !important;
	-webkit-transition: all .35s !important;
	-moz-transition: all .35s !important;
	-ms-transition: all .35s !important;
	-o-transition: all .35s !important;
	transition: all .35s !important;
}

.FingerImageCanvas:hover {
	/*opacity:1;*/
	-webkit-transition: all .35s !important;
	-moz-transition: all .35s !important;
	-ms-transition: all .35s !important;
	-o-transition: all .35s !important;
	transition: all .35s !important;
}

/* INICIO estilos pantalla de pantalla de detalles de fingerprints */

.HtmlWidgetFingerPrintDetailBuscadorInputEmisora,
.HtmlWidgetFingerPrintDetailBuscadorInputFingerNombre,
.HtmlWidgetFingerPrintDetailBuscadorInputCampana, 
.HtmlWidgetFingerPrintDetailBuscadorInputMarca {
	min-width:145px;
}

.HtmlWidgetFingerPrintDetailBuscadorInputCategoria,
.HtmlWidgetFingerPrintDetailBuscadorInputCodigo {
	min-width:65px;
}

.HtmlWidgetFingerPrintDetailBuscadorInputEmisora,
.HtmlWidgetFingerPrintDetailBuscadorInputFingerNombre {
	width:95%;
}

.HtmlWidgetFingerPrintDetailBuscadorInputCampana, 
.HtmlWidgetFingerPrintDetailBuscadorInputMarca {
	width:95%;
}

/* FINAL estilos pantalla de pantalla de detalles de fingerprints */

/* INICIO estilos pantalla de pantalla de fingerprints */

.HtmlWidgetFingerPrintListBuscadorInputId,
.HtmlWidgetFingerPrintListBuscadorInputCodigo,
.HtmlWidgetFingerPrintListBuscadorSelectTipo {
	min-width:80px;
	width:100%;
}

.HtmlWidgetFingerPrintListBuscadorInputMarca,
.HtmlWidgetFingerPrintListBuscadorInputCategoria,
.HtmlWidgetFingerPrintListBuscadorInputNombre {
	width:100%;
}

/* FINAL estilos pantalla de pantalla de fingerprints */

/* INICIO ex hoja estilos productos */

::-moz-selection,
::selection {
	text-shadow: none;
}

.selected { 
	background-color: #D5A637;
}

.ta,
.ta_dark {
	/*border-color: #C1C5AB;*/
	color: #000000;
}

.add_atributo {
	background-color: #EEEEE6;
	border-color: #C1C5AB;
	color: #000000;
}

.none {
	color: #0066B3;
}

.fecha {
	background-color: #EEEEE6;
	border-color: #C1C5AB;
	color: #000000;
}

.time {
	color: #559900;
}

.check {
	background-color: #EEEEE6;
	border-color: #C1C5AB;
	color: #000000;
}

.menu, .panel, .panel_header {
	color: #000000; 
	background-color: #EEEEE6;
}

.Header {
	background-color: #1a171b;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#1a171b), to(#3d3c3f)); 
	background-image: -webkit-linear-gradient(top, #1a171b, #3d3c3f); 
	background-image:	-moz-linear-gradient(top, #1a171b, #3d3c3f); 
	background-image:	 -ms-linear-gradient(top, #1a171b, #3d3c3f); 
	background-image:	  -o-linear-gradient(top, #1a171b, #3d3c3f); 
	background-image:	 linear-gradient(top, #1a171b, #3d3c3f);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#1a171b', EndColorStr='#3d3c3f'); 
	color: #FFFFFF;

	white-space:nowrap;
}

#panel_join,
.grillas_light,
.repositorios_light,
.valores_light,
.atributos_light,
.historyboard_light,
.clasificaciones_light,
.tipo_distinguibles_light,
.sistemas_light,
.bookmarks_light,
.programacion_light,
.ayuda_light,
.proveedores_light,
.categorias_light,
.emisoras_light,
.eventlog_light,
.equipos_light,
.programas_light,
.canales_light,
.discos_light, 
.eventlog_light, 
.perfiles_light,
.grabaciones_light,
.config_light,
.grupos_light, 
.usuarios_light, 
.permisos_light,
.login_light,
.distinguibles_light,
.procesos_light
{ 
	background-color: #FFFFFF;

}

#HtmlWidgetMasterSlaveBasic td,
#HtmlWidgetMasterSlaveBasic,
.HtmlWidgetMasterSlaveForm,
.HtmlWidgetFechaHoraForm {
	background:white;
}

/* inputs de radio en pantalla equipos, seccion sincronizacion esclavo */
.HtmlWidgetMasterProxyMode {
	margin:5px 5px 0 0;
	vertical-align:-2px;
}

.grabaciones_dark {
	background-color: #DCDCDC;
}

.buscador { background-color: #CCCCC4 }

.flag { background-color: #EEEEE6 }

.flag0 { background-color: #FF8888 }

.flag1 { background-color: #88FF88 }

.flag_light { background-color: #EEEEE6 }

.flag0_light { background-color: #FFCCCC }

.flag1_light { background-color: #CCFFCC }

.arrow {
	color: #FFFFFF; 
	font-weight: bold;
}

.white {
	color: #FFFFFF; 
}

.ModalAlert-button-but,
#shZoom,
#zoomIn,
#zoomOut,
#spectrumGraphZoomIn,
#spectrumGraphZoomOut,
#delayGraphZoomIn,
#delayGraphZoomOut,
.btn_verde,
.btn_tilt {
	border: 1px solid #267ed4;
	cursor:pointer;
}

.btn_on {
	background-color: #DDFFDD;
	border-color: #009900;
	color: #000000;
}

.btn_amarillo {
	background-color: #EEEEE6;
	border-color: #999964;
	color: #000000;
}

.btn_rojo {
	border: 1px solid;
}

.bars_ok {
	background: #bfd255; /* Old browsers */
	background: -moz-linear-gradient(top,  #bfd255 0%, #8eb92a 50%, #72aa00 51%, #9ecb2d 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bfd255), color-stop(50%,#8eb92a), color-stop(51%,#72aa00), color-stop(100%,#9ecb2d)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* IE10+ */
	background: linear-gradient(top,  #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfd255', endColorstr='#9ecb2d',GradientType=0 ); /* IE6-9 */
}

.tab_null {
	border-color: #666666;
}

.tab_info {
	background-color: #EEEEE6;
	border-color: #666666;
}

.input_light {
	background-color:#DCDCDC;
}
.input_nlight {
	background-color:#DCDCDC;
}

.input_nlblue {
	background-color:#DCDCDC;
	color:#003399;
}

.input_strong,
.input_nstrong {
	background-color:#F5F5F5;
}

.input_nombre {
	color: #006699;
}

.bars_ok {
	background-color: #86CC86;
}

.bars_error {
	background-color: #CC8686;
	color: #FFFFFF;
}

.tabredondo {
	background-color: #E2E6C7;
	border-color: #cccccc;
}

.orejas {
	background-color:  #EEEEE6;
	border-color: #cccccc;
}

.orejasnegras {
	background-color:  #C1C5AB;
	border-color: #C1C5AB;
}

.autocompletar {
	border-color:black;
	background-color:white;
}

.repositorio_titulo {
	background-color: #EEEEE6;
	color: #000000;
}

.inactive {
	color: #999999;
}

.shuttle_enabled {
	background-color: #DBFFDB;
	border-color: #C1C5AB;
	color: #000000;
}

.shuttle_disabled {
	background-color: #FFDBDB;
	border-color: #C1C5AB;
	color: #000000;
}

.nlemenu {
	border-color: #666666;
	background-color: white;
}

.nlemenu_light {
	border-color: #666666;
	background-color: red;
}

.first_title {
	color: #000000;
}

.second_title {
	color: #000000;
}

.second_title_over {
	color: #AA0000;
}

.edicion {
	background-color: #D7D7D7;
	border-color: #C1C5AB;
	color: #000000;
}

.campo_edicion {
	/*background-color: #EEEEE6;*/
		background-color:white;
	border-color: #C1C5AB;
	color: #000000;
}

.barra_edicion {
	color: #000000;
	border-color: #C1C5AB;
	background:#FFFFFF;
}

.titulo_edicion {
	color: #000000;
}

.boton_edicion {
	background-color: #C1C5AB;
	border-color: #000000;
	color: #000000;
}

.boton_edicion:hover {
	background-color: #C1C5AB;
	border-color: #C1C5AB;
	color: #D7D7D7;
}

.boton_grande {
	background-color: #EEEEE6;
	border-color: #000000;
	color: #000000;
}

.boton_grande_desmarcado {
	background-color: #EEEEE6;
	border-color: #000000;
	color: #000000;
}

.gradientGreySmall {
	background: transparent url("/imagenes/fijas/decorativo/gradient3.png") repeat-x right top;
}
.pagetitle {
	background: url("/imagenes/fijas/decorativo/gradient2.png") repeat-x scroll right top transparent;
	border-color: #C6C6C6;
}

#StatusTooltip.tooltip,
#statusBar.tooltip {
	background-color: grey;
	-webkit-box-shadow: 0px 0px 4px #ffffff; 
	-moz-box-shadow: 0px 0px 4px #ffffff; 
	box-shadow: 0px 0px 4px #ffffff; 
}

/* -----------------------------------------------------------------------*/
#footer-container {
	background-color: #1a171b;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#1a171b), to(#3d3c3f)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #1a171b, #3d3c3f); /* Chrome 10+, Saf5.1+ */
	background-image: -moz-linear-gradient(top, #1a171b, #3d3c3f); /* FF3.6 */
	background-image: -ms-linear-gradient(top, #1a171b, #3d3c3f); /* IE10 */
	background-image: -o-linear-gradient(top, #1a171b, #3d3c3f); /* Opera 11.10+ */
	background-image: linear-gradient(top, #1a171b, #3d3c3f);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#1a171b', EndColorStr='#3d3c3f'); /* IE6–IE9 */
}

#footer-container > p {
	color: white;
}
#footer-container > p > span {
	color: #0f72d4;
}

/*=========================Table Title =======================*/
.tablePageTitle h2 {
	border-left: 4px solid;
}
.tablePageTitle span {
	background-color: white;
}
/* ==========================home/welcome.html=================================*/
.HeaderTitle {
	color: #FFFFFF;

}
.HeaderTitle > span {
	color: #a6a6a6;
}
#welcomeContent {
	background-color: #fff;
}

#welcomeContent > table tr > td {
	color: #999;
}

#welcomeContent > table tr > td:hover:nth-child(n+2) {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
#welcomeContent > table tr > td:hover:nth-child(n+2) .welcomeEmisoraLogo {
	background: url('/imagenes/fijas/menu/emisoras.png') top left no-repeat, 
	url('/imagenes/tematicas/color_fondo_icono.gif') top left no-repeat;
}
#welcomeContent > table tr > td:hover:nth-child(n+2) .welcomeProgramasLogo {
	background: url('/imagenes/fijas/menu/programas.png') top left no-repeat, 
	url('/imagenes/tematicas/color_fondo_icono.gif') top left no-repeat;
}
#welcomeContent > table tr > td:hover:nth-child(n+2) .welcomeProveedoresLogo {
	background: url('/imagenes/fijas/menu/proveedores.png') top left no-repeat, 
	url('/imagenes/tematicas/color_fondo_icono.gif') top left no-repeat;
}
#welcomeContent > table tr > td:hover:nth-child(n+2) .welcomeDistinguiblesLogo {
	background: url('/imagenes/fijas/menu/distinguibles.png') top left no-repeat, 
	url('/imagenes/tematicas/color_fondo_icono.gif') top left no-repeat;
}
#welcomeContent > table tr > td:hover:nth-child(n+2) .welcomePerfilesLogo {
	background: url('/imagenes/fijas/menu/perfiles.png') top left no-repeat, 
	url('/imagenes/tematicas/color_fondo_icono.gif') top left no-repeat;
}
#welcomeContent > table tr > td:hover:nth-child(n+2) .welcomeTsErrorsLogo {
	background: url('/imagenes/fijas/menu/errores_trans_stream.png') top left no-repeat, 
	url('/imagenes/tematicas/color_fondo_icono.gif') top left no-repeat;
}
#welcomeContent > table tr > td:hover:nth-child(n+2) .welcomeHistorialLogo {
	background: url('/imagenes/fijas/menu/historial_tcm.png') top left no-repeat, 
	url('/imagenes/tematicas/color_fondo_icono.gif') top left no-repeat;
}
#welcomeContent > table tr > td:hover:nth-child(n+2) .welcomeConfigurarLogo {
	background: url('/imagenes/fijas/menu/editar_tcm.png') top left no-repeat, 
	url('/imagenes/tematicas/color_fondo_icono.gif') top left no-repeat;
}
#welcomeContent > table tr > td:hover:nth-child(n+2) .welcomeCdLogo {
	background: url('/imagenes/fijas/menu/cd.png') top left no-repeat, 
	url('/imagenes/tematicas/color_fondo_icono.gif') top left no-repeat;
}
#welcomeContent > table tr > td:hover:nth-child(n+2) .welcomeUsuariosLogo {
	background: url('/imagenes/fijas/menu/usuarios.png') top left no-repeat, 
	url('/imagenes/tematicas/color_fondo_icono.gif') top left no-repeat;
}
#welcomeContent > table tr > td:hover:nth-child(n+2) .welcomeGruposLogo {
	background: url('/imagenes/fijas/menu/grupos.png') top left no-repeat, 
	url('/imagenes/tematicas/color_fondo_icono.gif') top left no-repeat;
}
#welcomeContent > table tr > td:hover:nth-child(n+2) .welcomeSucesosLogo {
	background: url('/imagenes/fijas/menu/sucesos.png') top left no-repeat, 
	url('/imagenes/tematicas/color_fondo_icono.gif') top left no-repeat;
}
#welcomeContent > table tr > td:hover:nth-child(n+2) .welcomeDatabaseLogo {
	background: url('/imagenes/fijas/menu/base_de_datos.png') top left no-repeat, 
	url('/imagenes/tematicas/color_fondo_icono.gif') top left no-repeat;
}
#welcomeContent > table tr > td:hover:nth-child(n+2) .welcomeEquiposLogo {
	background: url('/imagenes/fijas/menu/equipos.png') top left no-repeat, 
	url('/imagenes/tematicas/color_fondo_icono.gif') top left no-repeat;
}
#welcomeContent > table tr > td:hover:nth-child(n+2) .welcomeProcesosLogo {
	background: url('/imagenes/fijas/menu/procesos.png') top left no-repeat, 
	url('/imagenes/tematicas/color_fondo_icono.gif') top left no-repeat;
}
#welcomeContent > table tr > td:hover:nth-child(n+2) .welcomeLogsLogo {
	background: url('/imagenes/fijas/menu/logs.png') top left no-repeat, 
	url('/imagenes/tematicas/color_fondo_icono.gif') top left no-repeat;
}
#welcomeContent > table tr > td:hover:nth-child(n+2) .welcomeClaveLogo {
	background: url('/imagenes/fijas/menu/cambiar_clave.png') top left no-repeat, 
	url('/imagenes/tematicas/color_fondo_icono.gif') top left no-repeat;
}
#welcomeContent > table tr > td:hover:nth-child(n+2) .welcomeCerrarLogo {
	background: url('/imagenes/fijas/menu/cerrar_sesion.png') top left no-repeat, 
	url('/imagenes/tematicas/color_fondo_icono.gif') top left no-repeat;
}
#welcomeContent > table tr > td:hover:nth-child(n+2) .welcomeVlcLogo {
	background: url('/imagenes/fijas/menu/descargar_plugin.png') top left no-repeat, 
	url('/imagenes/tematicas/color_fondo_icono.gif') top left no-repeat;
}
#welcomeContent > table tr > td:hover:nth-child(n+2) .welcomeUpgradeLogo {
	background: url('/imagenes/fijas/menu/editorarchivos.png') top left no-repeat,
	url('/imagenes/tematicas/color_fondo_icono.gif') top left no-repeat;
}
#welcomeContent > table tr > td:hover:nth-child(n+2) .welcomeManualLogo {
	background: url('/imagenes/fijas/menu/manual_de_uso.png') top left no-repeat,
	url('/imagenes/tematicas/color_fondo_icono.gif') top left no-repeat;
}
#welcomeContent > table tr > td:hover:nth-child(n+2) .welcomeRed_configLogo {
	background: url('/imagenes/fijas/menu/red_config.png') top left no-repeat,
	url('/imagenes/tematicas/color_fondo_icono.gif') top left no-repeat;
}
#welcomeContent > table tr > td:hover:nth-child(n+2) .welcomeFingerLogo {
	background: url('/imagenes/fijas/menu/fingerprints.png') top left no-repeat,
	url('/imagenes/tematicas/color_fondo_icono.gif') top left no-repeat;
}
#welcomeContent > table tr > td:hover:nth-child(n+2) .welcomeBookmarksTipoLogo {
	background: url('/imagenes/fijas/menu/bookmarks.png') top left no-repeat,
	url('/imagenes/tematicas/color_fondo_icono.gif') top left no-repeat;
}
#welcomeContent > table tr > td:hover:nth-child(n+2) .welcomeTapesLogo {
	background: url('/imagenes/fijas/menu/tapes.png') top left no-repeat,
	url('/imagenes/tematicas/color_fondo_icono.gif') top left no-repeat;
}
#welcomeContent > table tr > td p {
	font-family: "Arial", "Verdana", sans-serif;
	font-size: 12px;
}

/* ============================= DATABASE =================================*/
.databaseCenterDiv p:first-of-type {
	color: #a6a6a6;
}

#databaseVerG {
	color: #a6a6a6;
}

/*==================================Login============================*/

#loginHeader > h2{
	background: rgb(230,234,237); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(230,234,237,1) 0%, rgba(255,255,255,1) 52%, rgba(230,234,237,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(230,234,237,1)), color-stop(52%,rgba(255,255,255,1)), color-stop(100%,rgba(230,234,237,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(230,234,237,1) 0%,rgba(255,255,255,1) 52%,rgba(230,234,237,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(230,234,237,1) 0%,rgba(255,255,255,1) 52%,rgba(230,234,237,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(230,234,237,1) 0%,rgba(255,255,255,1) 52%,rgba(230,234,237,1) 100%); /* IE10+ */
	background: linear-gradient(top,  rgba(230,234,237,1) 0%,rgba(255,255,255,1) 52%,rgba(230,234,237,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6eaed', endColorstr='#e6eaed',GradientType=0 ); /* IE6-9 */
	-webkit-box-shadow: 0px 0px 6px #000000; /* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
	-moz-box-shadow: 0px 0px 6px #000000; /* FF3.5 - 3.6 */
	box-shadow: 0px 0px 6px #000000; /* Opera 10.5, IE9, FF4+, Chrome 6+, iOS 5 */
	color: #0177af;

}
#loginHombreLogo {
	background: url('/imagenes/fijas/login/usuario.png') bottom center no-repeat, -moz-linear-gradient(-45deg,  rgba(215,230,237,1) 0%, rgba(210,227,235,1) 30%, rgba(204,223,230,1) 43%, rgba(204,222,232,1) 45%, rgba(201,219,229,1) 49%, rgba(200,220,231,1) 51%, rgba(188,212,224,1) 66%, rgba(182,208,221,1) 79%, rgba(165,189,201,1) 100%); /* FF3.6+ */
	background: url('/imagenes/fijas/login/usuario.png') bottom center no-repeat, -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(215,230,237,1)), color-stop(30%,rgba(210,227,235,1)), color-stop(43%,rgba(204,223,230,1)), color-stop(45%,rgba(204,222,232,1)), color-stop(49%,rgba(201,219,229,1)), color-stop(51%,rgba(200,220,231,1)), color-stop(66%,rgba(188,212,224,1)), color-stop(79%,rgba(182,208,221,1)), color-stop(100%,rgba(165,189,201,1))); /* Chrome,Safari4+ */
	background: url('/imagenes/fijas/login/usuario.png') bottom center no-repeat, -webkit-linear-gradient(-45deg,  rgba(215,230,237,1) 0%,rgba(210,227,235,1) 30%,rgba(204,223,230,1) 43%,rgba(204,222,232,1) 45%,rgba(201,219,229,1) 49%,rgba(200,220,231,1) 51%,rgba(188,212,224,1) 66%,rgba(182,208,221,1) 79%,rgba(165,189,201,1) 100%); /* Chrome10+,Safari5.1+ */
	background: url('/imagenes/fijas/login/usuario.png') bottom center no-repeat, -o-linear-gradient(-45deg,  rgba(215,230,237,1) 0%,rgba(210,227,235,1) 30%,rgba(204,223,230,1) 43%,rgba(204,222,232,1) 45%,rgba(201,219,229,1) 49%,rgba(200,220,231,1) 51%,rgba(188,212,224,1) 66%,rgba(182,208,221,1) 79%,rgba(165,189,201,1) 100%); /* Opera 11.10+ */
	background: url('/imagenes/fijas/login/usuario.png') bottom center no-repeat, -ms-linear-gradient(-45deg,  rgba(215,230,237,1) 0%,rgba(210,227,235,1) 30%,rgba(204,223,230,1) 43%,rgba(204,222,232,1) 45%,rgba(201,219,229,1) 49%,rgba(200,220,231,1) 51%,rgba(188,212,224,1) 66%,rgba(182,208,221,1) 79%,rgba(165,189,201,1) 100%); /* IE10+ */
	background: url('/imagenes/fijas/login/usuario.png') bottom center no-repeat, linear-gradient(-45deg,  rgba(215,230,237,1) 0%,rgba(210,227,235,1) 30%,rgba(204,223,230,1) 43%,rgba(204,222,232,1) 45%,rgba(201,219,229,1) 49%,rgba(200,220,231,1) 51%,rgba(188,212,224,1) 66%,rgba(182,208,221,1) 79%,rgba(165,189,201,1) 100%); /* W3C */
	-webkit-box-shadow: 1px 1px 5px #888;
	-moz-box-shadow: 1px 1px 5px #888;
	box-shadow: 1px 1px 5px #888;
}
.loginInput {
	background-color: #c7c7c7;
	border: 0;
}
/*=========================== Grabadora ============================*/
#grabadoraMain > div > header{
	border: 1px solid #c6c6c6;
	background: transparent url("/imagenes/fijas/decorativo/gradient2.png") repeat-x right top;
}
#grabadoraContenido > div {
	border: 1px solid #c6c6c6;
	border-top: 0 solid black;
}
#grabadoraContenido > div.nograba {
	background-color: #FFF;
}
#grabadoraContenido > div.graba {
	background-color: #d3f3d4;
}
#grabadoraContenido > div > div > ul > li:first-child {
	color: black;
}
#grabadoraContenido > div.nograba > header {
/*	background-color: #a4a4a4; */
	background: transparent url("/imagenes/fijas/decorativo/gradient3.png") repeat-x right top;
}
#grabadoraContenido > div.graba > header {
	background: transparent url("/imagenes/fijas/decorativo/gradient4.png") repeat-x right top;
}
#grabadoraContenido div.editar footer {
	background-color: #c6c6c6;
}
#grabadoraContenido div.noeditar footer {
	background-color: tansparent;
}
#grabadoraContenido div.noeditar footer a.right  {
	background: transparent url("/imagenes/tematicas/editar_f.png");
}
#grabadoraContenido div.editar footer a.right  {
	background: transparent url("/imagenes/fijas/acciones_genericas/cerrar_redondo.png") -3px -3px;
}

/* ========================== Ts Errors ===================================*/

/*#tserrorshist_data > table tr:nth-child(n+2) td:nth-child(2n) {*/
#tserrorshist_data > table tr:nth-child(2n+2){
	background-color: #E5E5E3;
}
#tserrorshist_data > table tr:first-child{
	background-color: #CCCCC4
}
#tserrorshist_data > table tr:nth-child(n+2) td:nth-child(5){
	background: transparent url("/imagenes/tematicas/descargar.png") no-repeat center center;
	width: 26px;
	height: 26px;
}

.Ts_Program_Info_tablainfo{
	border-left-color: #cccccc;
}

/*---- Estilo de tablas default ----*/

.tablealtaHead {
	background: transparent url("/imagenes/fijas/decorativo/gradient3.png") repeat-x right top;
}
.tablealta {
	background-color: white;
}
.tablealta-firsttd{
	/*background-color:#F5F5EC;*/
	/*quitado, test 30/12/14 */
}
.tabledataPreHead {
	background: none repeat scroll 0 0 #FFF;
}

.tserrors_graphdatebar *,
.tabledataHead > tr > td,
.tabledataHead > tbody > tr > td {
	color: inherit;
}
.tserrors_graphdatebar select,
.tserrors_graphdatebar input[type='text'],
.tabledataHead input[type='text'],
.tabledataHead select {
	background-color: #FFF;
	color: black;
}
.tabledata,
.tablamarcas {
	background: #ececec;
}

table.tabledata > tbody > tr:nth-child(2n),
table.tabledata > tr:nth-child(2n),
tbody.tabledata > tr:nth-child(2n),
tr.tabledata:nth-child(2n),
tr.tablamarcas:nth-child(4n+2),
tr.Ts_Program_Info_gris:nth-child(2n),
.Ts_Program_Info_tablainfo > div:nth-child(2n+2) {

	background: #fcfcfc;
}

.Ts_Program_Info_tablainfo > div:nth-child(2n+3) {
	background: none repeat scroll 0 0 #ECECEC
}
table.tabledata > tbody > tr:nth-child(n):hover,
table.tabledata > tr:nth-child(n):hover,
tbody.tabledata > tr:nth-child(n):hover,
tr.tabledata:nth-child(n):hover,
tr.tablamarcas:nth-child(4n+2):hover,
.tablamarcas:hover,
tr.Ts_Program_Info_gris:nth-child(n):hover,
.Ts_Program_Info_tablainfo > div:nth-child(n+2):hover {

	background: #cccccc;
}

table.tabledata > tbody > tr:nth-child(n+1):hover,
table.tabledata > tr:nth-child(n+1):hover,
tbody.tabledata > tr:nth-child(n+1):hover,
tr.tabledata:nth-child(n+1):hover,
tr.Ts_Program_Info_gris:nth-child(n+1):hover{

	background: #ccc;
}

/* FINAL ex hoja estilos productos */

/* INICIO clases e ids que tienen seleccion de texto desabilitada */
.gpu_load_title, /*info de carga de gpu*/
#videoplayer_time_show_control, /*contenedor de tiempo en player de video*/
.HtmlWidgetExportUsbDevicesItem,
.HtmlWidgetVivoThumbnails-main-div, /* nueva pantalla de monitoreo */
.PlayerPopupWindow,
#cont_general_lto,
.procesosDragTr, /* trs de lista de procesos */
.FingerImage, /* celdas de div flotante de fingerprints */
.GrabacionesRestoreTr,
#welcomeContent,
.roundrobin,
#roundrobin,
.mostrar_miniatura,
#fecha,
#cont_general_configuracion_de_red,
#cont_general_base_datos,
.HtmlWidgetGrillaProgramacionFecha input,
.HtmlWidgetGrillaPlayoutFecha input,
.WidgetGrillaProgramacionEntradaInput *,
.WidgetGrillaPlayoutEntradaInput *,
.HtmlWidgetGrillaProgramacionFecha,
.HtmlWidgetGrillaPlayoutFecha,
.HtmlWidgetGrillaProgramacionEntradaHeaderTitulo,
.HtmlWidgetGrillaPlayoutEntradaHeaderTitulo,
.HtmlWidgetGrillaProgramacionHeaderTiempo svg,
.HtmlWidgetGrillaPlayoutHeaderTiempo svg,
.HtmlWidgetGrillaProgramacionFecha,
.HtmlWidgetGrillaPlayoutFecha,
.HtmlWidgetFingerPrintListEditTable {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.procesosDragTr:active {
	background:rgba(230,230,230,1) !important;
}

/* FINAL clases e ids que tienen seleccion de texto desabilitada */


/* INICIO botones en grilla de programacion */
/* quitar border a inputs de grilla, agregar opacidad a imagenes */

button,
.emisora_edit,
.programa_nombre_edit,
.perfil_edit {
    padding:0;
    border:none;
    background:none;
}

button {
    width:27px;
}

.emisora_edit,
.programa_nombre_edit,
.perfil_edit {
    opacity:.5 !important;
}

.emisora_edit:hover,
.programa_nombre_edit:hover,
.perfil_edit:hover {
    opacity:1 !important;
}

/* FINAL botones en grilla de programacion */

/* correccion altura titulo en head de pop up en pantalla de grabaciones */
#popupHead span {
	display:inline-block;
	width:auto;
	margin-top:5px;
}
/* correccion para que no se divida la linea con titulos largos */
#popupHead span {
	position:absolute;
	width:50%;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}


/* INICIO mensaje alert */

.ModalAlert {
	position: fixed;
	top: 55%;
	left: 50%;
	width: 300px;
	margin-left: -150px;/*Mitad del ancho */
	height: 200px;
	margin-top: -100px; /*Mitad de la altura */
	/*background-color: red;*/
	/* background establecido antes, mismo que cont_borde */
	text-align: center;
	box-shadow:0 0 10px rgba(0,0,0,.5);
	border-radius:8px;
	z-index:10000;
}

.ModalAlert-top,
.ModalAlert-bottom {
	width: 100%;
}

.ModalAlert-top {
	position: absolute;
	top:0;
}

.ModalAlert-top-left,
.ModalAlert-top-right {
	width: 100%;
}

.ModalAlert-top-left {

	height:80px;

}

.ModalAlert-top-left-img {
	margin-top:20px;
}

.ModalAlert-top-right {
	padding:0 20px 0 20px;
	
	width:100%;
	box-sizing:border-box;
	height:auto;
	line-height:18px;
}

.ModalAlert-bottom {
	position:absolute;
	bottom:10px;
	left:0;
	height:30px;
}

.ModalAlert-button-but {
	min-width:50px;
	/*border:2px solid blue;
	margin-bottom:10px;*/
}

#overlay-content .ModalAlert {
	text-align:center !important;
	position:fixed !important;
	left:50%;
	top:40% !important;
}

.no-Repetir {
	display:block;
	margin-top:15px;
	font-size:10px;
}
/*texto no volver a mostrar*/

.reboot_service {
	width:20px !important;
	vertical-align:-2px;
	cursor:pointer;
}
/*checkbos del no volver a mostrar*/

#overlay-content .ModalAlert input {
width:50px;
margin-left:auto !important;
margin-right:auto !important;
}

.ModalAlert-bottom-but {
	position:absolute !important;
	left:42% !important;
}

/* FINAL mensaje alert */

/*
.pepetest {
	display:inline-block;
	max-width:200px;
	line-height:24px;
	min-width:200px;
	width:auto;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}

.pepetest2 {
	position:absolute;
	margin-left:100px;
	max-width:450px;
	width:auto;
	height:auto;
	display:block;
	white-space:pre-wrap;
	padding:10px;
	box-shadow:1px 1px 8px rgba(0,0,0,.75);
	border:solid 1px rgba(255,255,255,.5);
	line-height:14px;
	font-size:10px;
	border-radius:5px;
	z-index:10000;
	pointer-events:none;
	display:none;

	opacity:0;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.25s;
	-ms-transition: all 0.25s;
	-o-transition: all 0.25s;
	transition: all 0.25s;
}

.pepetest:hover .pepetest2 {
	display:block;

	opacity:1;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.25s;
	-ms-transition: all 0.25s;
	-o-transition: all 0.25s;
	transition: all 0.25s;
	pointer-events:all;
}
*/




.pepetest {
	display:inline-block;
	max-width:100%;
	line-height:16px;
	height:auto;
	max-height:63px;
	width:auto;
	overflow:hidden;
}

.pepetest2 {
	position:fixed;
	margin-left:-225px;
/*	top:10%;
	left:-500px;*/
	top:-1000px;
	left:50%;
	width:450px;
/*	width:auto;*/
	height:auto;
	display:block;

	padding:15px;
	box-shadow:1px 1px 15px rgba(0,0,0,.95);
	border:solid 1px rgba(255,255,255,.5);
	line-height:18px;
	/*font-size:10px;*/
	border-radius:5px;
	z-index:10000;
	white-space:normal;
	
	opacity:0;
	-webkit-transition: all 0.75s;
	-moz-transition: all 0.75s;
	-ms-transition: all 0.75s;
	-o-transition: all 0.75s;
	transition: all 0.75s;

	transition-delay:.5s;
}

.pepetest:hover .pepetest2 {
/*	left:30px;*/
	top:15%;
	opacity:1;

	-webkit-transition: all 0.35s;
	-moz-transition: all 0.35s;
	-ms-transition: all 0.35s;
	-o-transition: all 0.35s;
	transition: all 0.35s;
	/*pointer-events:all;*/
}

/* INICIO pantalla LTO */

#cont_general_lto {
	margin-bottom:50px;

	/* tomados de #cont_general_base_datos */
	width:100%;
	text-align:center;
	background:white;
	padding:20px 0 50px 0;
}

.cuadro_lto_tit {
	position:relative;
	display:block;
	width:100%;
	text-align:center;
	line-height:30px;
	font-weight:bold;
	border-bottom:solid 1px rgba(0,0,0,.1);
	border-radius:5px 5px 0 0;
	background:rgba(0,0,0,.05);
}

.libreriasTapes {
	height:auto;
	overflow:hidden;
	width:420px;
	margin-right:10px;
}

.lto_panel_a {
	display:table-cell;
	height:100%;
	width:450px;
	min-width:450px;
	text-align:right;
}

.lto_panel_b {
	display:table-cell;
	height:100%;
	width:auto;
	text-align:left;
}

.libreria_tipo_drive {
	background:rgba(0,0,0,.10) !important;
	height:50px !important;
	border-bottom:solid 1px rgba(0,0,0,.05);
	border-top:solid 1px rgba(0,0,0,.05);
}

.libreria_tipo_drive tr {

}

#HtmlWidgetGrabacionesRestoreTableBodyId tr:active {
	background:rgba(255,255,255,.75) !important;
}

#HtmlWidgetGrabacionesRestoreTableBodyId tr td {
	cursor:n-resize;
}

/* color para filas de tabla de lista de grabaciones */

.GrabacionesRestoreExiste_0,
.GrabacionesRestoreExiste_1 {
	border-bottom:solid 1px white;
}

.GrabacionesRestoreExiste_0 {
	background:rgba(255,50,0,.15) !important;
}

.GrabacionesRestoreExiste_0:hover {
	background:rgba(255,0,0,.25) !important;
}

.GrabacionesRestoreExiste_1 {
	background:rgba(100,255,0,.15) !important;
}

.GrabacionesRestoreExiste_1:hover {
	background:rgba(100,255,0,.35) !important;
}

/* FINAL pantalla LTO */





/* test buscador 

.filtro_cont_general {
	width:100%;
	background:#134b69;
	height:auto;
	padding:5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

}

.filtro_cont_general * {
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;
}

.filtro_contenedor {
	width:89%;
	display:inline-block;

}

.filtro_contenedor_inputs {
	position:absolute;
	right:0;
	margin-top:-28px;
	margin-right:9px;
}

.filtro_contenedor_campo {

	width:30%;
	display:inline-block;

	min-width:270px;
	max-width:400px;
}

.filtro_contenedor_campo_calendar {

	width:185px;
	min-width:185px;
}

.filtro_contenedor_campo input[type=text] {
	width:100%;
	border:none;
	padding:3px;
	margin-bottom:5px;
	font-size:12px;
	height:22px;
	line-height:22px;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.filtro_contenedor_campo_calendar input[type=text] {
	width:88%;
	width:150px;
	text-align:center;
}

.filtro_contenedor_campo p {
	color:white;
	font-size:10px;
	line-height:0px;
	text-shadow:0 0 4px black;
}

@media all and (min-width:1px) and (max-width:1640px) {

	.filtro_contenedor_campo {
		width:24%;
	}

	.filtro_contenedor_inputs {
	width:100px;
	margin-top:-60px;
	text-align:right;
	}

	.filtro_contenedor_inputs input:first-child {
		margin-bottom:6px;
	}

}

@media all and (min-width:1600px) and (max-width:1840px) {

	.filtro_contenedor_campo {
		width:24%;
	}

}


@media all and (min-width:1px) and (max-width:960px) {

	.filtro_cont_general {
		text-align:center;
	}

	.filtro_cont_general p {
		text-align:left;
	}

	.filtro_contenedor_inputs {
		display:block;
		position:relative;
		width:100%;
		margin-top:10px;
		text-align:center;
	}

	.filtro_contenedor_campo input[type=text] {
		font-size:10px;
		height:18px;
		line-height:18px;
		margin:0px;
	}

	.filtro_contenedor_inputs input:first-child {
		margin-bottom:2px;
		margin-right:10px;
	}

}

 fin test buscador */


@-webkit-keyframes slide {
    0%   {background:rgba(65,150,190,1);}
    50%   {background:rgba(75,210,240,1);}
    100%   {background:rgba(65,150,190,1);}
}

@keyframes slide {
    0%   {background:rgba(65,150,190,1);}
    50%   {background:rgba(75,210,240,1);}
    100%   {background:rgba(65,150,190,1);}
}

.btn_tilt {
    background:blue;
    -webkit-animation: slide .55s linear infinite;
    animation: slide .55s linear infinite;
}

.lista_info_categoria {
	font-size:10px;
	color:grey;
	text-transform:uppercase;
}

.lista_info_categoria:before {
	content:" ";
}

.lista_info_categoria:after {
	content:"";
}

.pepetest2 .lista_info_categoria {
	display:block;
	margin-top:10px;
}

.pepetest2 .lista_info_categoria:first-child {
	margin-top:0;
}

.pepetestellipsis {
	text-overflow:ellipsis;
}

.pepetest2 .lista_info_categoria {
	display:block;
	margin-top:10px;
}

.pepetest2 .lista_info_categoria:first-child {
	margin-top:0;
}

/** ============ GraphStats ===================**/

.HtmlWidgetGraphStats{
	background-color: white;
	width: 70%;
	margin: auto;
	padding: 1rem;
}

.HtmlWidgetMarcasStats{
	text-align: center;
}

.HtmlWidgetMarcasStatsGraph {
	margin: 20px auto 0px auto;
	width: 79%;
	height: 400px;
	border-radius: 8px;
	position: sticky;
	display: inline-block;
	background: #eeeeee !important;
	background: -moz-linear-gradient(top,  #eeeeee 0%, #cccccc 100%) !important;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc)) !important;
	background: -webkit-linear-gradient(top,  #eeeeee 0%,#cccccc 100%) !important;
	background: -o-linear-gradient(top,  #eeeeee 0%,#cccccc 100%) !important;
	background: -ms-linear-gradient(top,  #eeeeee 0%,#cccccc 100%) !important;
	background: linear-gradient(to bottom,  #eeeeee 0%,#cccccc 100%) !important;	
}

.HtmlWidgetMarcasStatsTorta {
	margin: 20px auto 0px auto;
	width: 19%;
	height: 400px;
	border-radius: 8px;
	position: sticky;
	display: inline-block;
	background: #eeeeee !important;
	background: -moz-linear-gradient(top,  #eeeeee 0%, #cccccc 100%) !important;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc)) !important;
	background: -webkit-linear-gradient(top,  #eeeeee 0%,#cccccc 100%) !important;
	background: -o-linear-gradient(top,  #eeeeee 0%,#cccccc 100%) !important;
	background: -ms-linear-gradient(top,  #eeeeee 0%,#cccccc 100%) !important;
	background: linear-gradient(to bottom,  #eeeeee 0%,#cccccc 100%) !important;	
}




@media all and (max-width:900px) {
	.HtmlWidgetMarcasStatsGraph {
		height: 250px;
	}
}

/**  ============ WidgetPlayerPopup ================ */
/*.PlayerPopupBackground {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(0, 0, 0, 0.8);
	z-index: 950;
}

.PlayerPopupWindow {
	position: fixed;
	z-index: 951;
	top: 5%;
	right: 5%;
	bottom: 5%;
	left: 5%;
	margin: 0;
	background-color: white;
}

.PlayerPopupWindowHeader{
	position: absolute;
	height: 20px;
	top: 0;
	left: 0;
	right: 0;
}
.PlayerPopupVideoContainer {
	position: absolute;
	top: 20px;
	bottom: 20px;
	left: 0;
	right: 0;
}

.PlayerPopupForm{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 20px;
}*/




.PlayerPopupBackground {
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background-color:rgba(0,0,0,0.8);
	z-index:950;
}

.PlayerPopupWindow {
	position: absolute;
	z-index:951;
	top:5%;
	left:50%;
	height:790px;
	width:600px;
	margin:0;
	margin-left:-300px;
	/*	background-color:white;
		background-image:url('/imagenes/fijas/fondos/darkdenim3.png');*/
		border:solid 2px white;
		box-shadow:0 0 20px black;
}

.PlayerPopupWindowHeader {
	position:absolute;
	height:40px;
	top:0;
	left:0;
	right:0;
	background:blue;
}

.PlayerPopupVideoContainer {
	position:absolute;
	top:40px;
	bottom:60px;
	height: 480px;
	left:0;
	right:0;    
	padding: 10px;
	background: black;
}

.PlayerPopupForm {
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	height:240px;
	padding-bottom: 7px;
	text-align:center;
}

.PlayerPopupClose {
	cursor:pointer;
	color:rgba(0,0,0,0);
	display:block;
	margin-top:8px;
	margin-right:8px;
	float:right;
	height:24px;
	width:24px;
	background-image:url('/imagenes/fijas/acciones_genericas/cerrar_redondo.png');
	opacity:.7;
}

.PlayerPopupClose:hover {
	opacity:1;
}

.PlayerPopupSelect {
	margin-top:10px;
	width:348px;
	height: 28px;
}

.PlayerPopupComentario {
	height: 24px;
	width:300px;
}


.PlayerPopupButton {
	opacity:.7;
	background-color:rgba(0,0,0,.0);
	color:rgba(0,0,0,0);
	background-image:url('../imagenes/fijas/acciones_genericas/aceptar_redondo_grande.png');
	background-repeat:no-repeat;
	border:none;
	display:inline-block;
	height:46px;
	width:46px;
}

.PlayerPopupButton :hover {
	opacity:1;
}

/* correccion de altura de linea en headers de popup */
.popupHead span {
	line-height:38px;
}


/* lista de archivos en pantalla de info */

.files_videos_disponibles_list:hover {
	background:rgba(220,220,220,1) !important;
}

/* ajustar altura de tabla en pop up de pantalla de fingerprints */
.HtmlWidgetFingerPrintListEditTable {
	height:auto !important;
}

/* fondo para edicion de ts en pantalla de equipos */
#dvbcards-tab-area {
	background:white;
}

/* ajustar box-sizing para inputs en pantalla de equipos */
#tsprograms_ttl,
#tsprograms_intervalo,
#tsprograms_num,
#tsprograms_name,
#programa_intervalo,
#programa_ttl,
#dvbcards_nombre,
#dvbcards_url,
#dvbcards_loudness {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* caja de filtro por fecha */

.showComboSearch {
	width:380px;
	height:auto;
	padding-bottom:8px;
	position:absolute;
	right:20px;
	top:-200px;
	text-align:center;

	-webkit-transition: all 0.25s;
	-moz-transition: all 0.25s;
	-ms-transition: all 0.25s;
	-o-transition: all 0.25s;
	transition: all 0.25s;
	
	background:rgba(255,255,255,1);
	border-radius:0;
	box-shadow: 0 0 10px #000;
	pointer-events:all;
	
	border:solid 2px white;
	box-shadow:0 0 20px black;

	opacity:0;
}

/*.showComboSearch input[type="checkbox"],
.showComboSearch input[type="radio"] {
	outline:none !important;
}*/

.showComboSearch_active {
	top:20px !important;
	opacity:1;
}

.combosearch_title {
	line-height:30px;
	text-align:left;
	text-indent:10px;
}

.showComboSearch_closebutton {
	margin:6px 6px 0 0;
	float:right;
}

/* informacion del desplazamiento */
.showDesplaz {
	width:150px;
	height:80px;
	position:fixed;
	left:50%;
	top:60%;
	margin-left:-75px;
	margin-top:-10px;
	text-align:center;

	-webkit-transition: all 0.25s;
	-moz-transition: all 0.25s;
	-ms-transition: all 0.25s;
	-o-transition: all 0.25s;
	transition: all 0.25s;
	
	background:rgba(255,255,255,1);
	border-radius:5px;
	box-shadow: 0 0 10px #000;
	cursor:default;
	pointer-events:none;
}

.showDesplaz_seconds {
	display:block;
	font-size:30px;
	color:rgba(0,0,0,.75);
	/*text-shadow:0 0 2px rgba(0,0,0,.2);*/
	font-family:sans-serif;
}

.show_Desplaz_indic {
	display:block;
	margin:8px auto 3px auto;
	font-size:11px;
	line-height:15px;
}

.limitDesplaz {
	/*color:red;*/
}

.limitDesplaz .showDesplaz_seconds {
	/*color:red;*/
	/*text-shadow:0 0 2px rgba(200,0,0,.2);*/
}

@-webkit-keyframes color-segundos-max {
    0%    {opacity:.0;}
    50%   {opacity:1;}
    100%  {opacity:.0;}
}

@keyframes color-segundos-max {
    0%   {opacity:.0;}
    50%  {opacity:1;}
    100% {opacity:.0;}
}

.WidgetGrillaPlayoutEntradaInput {

}

.limitDesplaz .showDesplaz_seconds {
	-webkit-animation: color-segundos-max .35s linear;
	animation: color-segundos-max .35s linear;
}

/* correccion para nombres largos de programa en listados de pantalla de archivo de grabaciones */
.celda_programa_nombre span {
	max-width:300px;
	width:auto;
	display:block;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	word-wrap:normal;
}

/* inicio ajustes pantalla de programacion */

.select_programacion {
	min-height:75px;
	height:75px;
	min-width:60px;
}

.editar_programa_div_cont {
	width:100%;
	text-align:center;
}

.editar_programa_playuot_div{
	/*width:960px;*/
	width:100%;
	margin:auto;
	margin-top:15px;
	/*border-radius:10px;*/
	border-radius: 5px;
	border:solid 1px rgba(0,0,0,.5);
	box-shadow: 0 0 15px rgba(0,0,0,.5);
	overflow:hidden;
	text-align:left;
}

.editar_programa_div {
	/*width:960px;*/
		width:80%;
	margin:auto;
	margin-top:15px;
	/*border-radius:10px;*/
	border-radius: 5px;
	border:solid 1px rgba(0,0,0,.5);
	box-shadow: 0 0 15px rgba(0,0,0,.5);
	overflow:hidden;
	text-align:left;
}

.editar_programa_div img {
	vertical-align:-4px;
}

.editar_programa_div input[type=radio] {
	vertical-align:-3px;
}

.cuadro_red_tit_programacion {
	display:block;
	width:100%;
	top:0;
	width:100%;
	text-align:center;
	left:0;
	line-height:30px;
	font-weight:bold;
	border-bottom:solid 1px rgba(0,0,0,.1);
	/*background:rgba(0,0,0,.05);*/
	/* aplicado para que no transparente en fondos no blancos */
	background:rgba(220,220,220,1);
}


/* final ajustes pantalla de programacion */


#tipoGrafico {
	width:140px;
}



/* INICIO ESTILOS BOTONES player (WidgetVideoPlayer.html) */

/* INICIO ESTILOS BOTONES player (WidgetVideoPlayer.html) */

.HtmlWidgetVideoPlayerColumnUl {
	
}

.HtmlWidgetVideoPlayerColumn1_boton {
	display:inline-block;
	background:rgba(255,255,255,0);
	width:30px;
	height:30px;
	margin:2px auto auto auto;

	box-sizing: border-box;

	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;
}

.boton_small {
	width:15px;
	height:15px;
	margin:0;
}

.boton_small:first-child {
	margin-right:-5px;	
}

.boton_small:last-child {
	margin-left:-5px;	
}

.HtmlWidgetVideoPlayerColumn1_boton:hover {
	background:rgba(255,255,255,1) !important;
}

.HtmlWidgetVideoPlayerColumn1_boton img,
.HtmlWidgetVideoPlayerColumn1_boton:hover img,
.HtmlWidgetVideoPlayerColumn1_boton img:hover {
	opacity:1 !important;
}

.HtmlWidgetVideoPlayerColumn1_boton_activo {
	background:rgba(255,255,255,.75) !important;
}

.HtmlWidgetVideoPlayerColumn1_boton_activo {
	
}

.HtmlWidgetVideoPlayerColumn1_boton_activo_live,
.HtmlWidgetVideoPlayerColumn1_boton_activo_live:hover {
	background-image:url('/imagenes/fijas/tabs/recording_tilt.gif') !important;
	background-repeat:no-repeat !important;
	background-position:2px 2px !important;
	/*background-color:white;*/
}

.HtmlWidgetVideoPlayerColumn1_boton_activo_live:hover {
	background-color:rgba(255,255,255,1) !important;
}

.HtmlWidgetVideoPlayerPrerollSpan {
	height:auto;
}

.preroll_cont {
	border:solid 1px rgba(0,0,0,.0);
	padding-top:3px;
	margin-right:1px;
	text-align:center !important;
}

.preroll_cont:hover {
	border:solid 1px rgba(0,0,0,.15);
	background:rgba(255,255,255,.5) !important;
}

/* FINAL ESTILOS BOTONES player */


/* INICIO NUEVA PANTALLA DE MONITOREO */

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

	border-right:solid 4px black;
	min-width:260px;
}

.HtmlWidgetVivoThumbnails-list-filter-div {
	height:40px;
	background: #e0e0e0; /* Old browsers */
	background: -moz-linear-gradient(top,  #e0e0e0 0%, #cacaca 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e0e0e0), color-stop(100%,#cacaca)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e0e0e0 0%,#cacaca 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #e0e0e0 0%,#cacaca 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #e0e0e0 0%,#cacaca 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #e0e0e0 0%,#cacaca 100%); /* W3C */
	vertical-align:top;
}

.HtmlWidgetVivoThumbnails-list-filter-div input {
	width:calc(100% - 45px);
}

.HtmlWidgetVivoThumbnails-list-filter {
	font-size:12px !important;
	line-height:20px;
	height:20px;
	text-indent:4px;
	vertical-align:top;
	margin-top:10px !important;
}

.HtmlWidgetVivoThumbnails-li {
	display:inline-block;
	box-sizing:border-box;
	width:250px;
	background:white;
	margin:2px;
	max-width:250px;
	border:solid 1px rgba(0,0,0,.5);
	padding:0;
	cursor:move;
}

.HtmlWidgetVivoThumbnails-li:hover {
	border:solid 1px rgba(0,0,0,1);
}

.HtmlWidgetVivoThumbnails-li-a {

}

.HtmlWidgetVivoThumbnails-li-a-buttons,
.HtmlWidgetVivoThumbnails-li-a-name {
	position:relative;
	box-sizing:border-box;
}

.HtmlWidgetVivoThumbnails-li-a-buttons {
	width:50%;
	display:inline-block;
}
.HtmlWidgetVivoThumbnails-li-a-name {
	width:50%;
	display:inline-block;
}

.HtmlWidgetVivoThumbnails-li-a-name p {
	display:inline-block;
	width:65%;
	height:90%;
	overflow:hidden;
	text-overflow:ellipsis;
	margin:0;
	padding:0;
	/*background:yellow;*/
	resize:none;

		text-indent:5px;
}

.HtmlWidgetVivoThumbnails-li-a span {
	display:inline-block;
	width:100%;
	box-sizing:content-box;
	height:30px;
	line-height:30px;
		/*text-indent:5px;*/

	background: #e0e0e0; /* Old browsers */
	background: -moz-linear-gradient(top,  #e0e0e0 0%, #cacaca 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e0e0e0), color-stop(100%,#cacaca)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e0e0e0 0%,#cacaca 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #e0e0e0 0%,#cacaca 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #e0e0e0 0%,#cacaca 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #e0e0e0 0%,#cacaca 100%); /* W3C */
}

.HtmlWidgetVivoThumbnails-li:hover span,
.HtmlWidgetVivoThumbnails-li-a span:hover {
	background:white;
}

.HtmlWidgetVivoThumbnails-list-filter-img {
	display:inline-block;
	margin:7px 4px auto 4px;
	cursor:pointer;
}

.HtmlWidgetVivoThumbnails-openinscreen {
	display:inline-block;
	position:absolute;
	float:right;
	top:0 !important;
	right:0 !important;
}

.HtmlWidgetVivoThumbnails-openinscreen-react {
	display:inline-block;
	position:absolute;
	float:right;
	top:0 !important;
	right:50px !important;
}

.HtmlWidgetVivoThumbnails-openinscreen img {
	margin:6px 8px 0 0;
}

.HtmlWidgetVivoThumbnails-main-table-td {
	background:rgba(50,50,50,1);
	border:solid 1px black;
	overflow:hidden;
}

/* imagen thumbnail */
.HtmlWidgetVivoThumbnails-img-reload {
	width:100%;
	margin-bottom:-2px !important;
}

.HtmlWidgetVivoThumbnails-img-reload_buttons {
	position:absolute;
	top:-35px;
	text-align:right;
	padding:5px 5px 0 0;
	width:100%;
	box-sizing:border-box;
	pointer-events:none;
	opacity:0;
	/*background:yellow;*/
	height:35px;
	transition:all .5s;
}

/* NO BORRAR, ES PARA LA PANTALLA DE VISUALIZACION VIVO, FALTA HACER PRUEBAS
.HtmlWidgetVivoThumbnails-style-iframe {
	border: 0;
	margin: 0;
	height: 100%;
	width: 100%;
	display:block;
}

.HtmlWidgetVivoThumbnails-style-div-iframe {
	border: 0;
	margin: 0;
	height: 100%;
	width: 100%;
	display:block;
	max-width:320px;
	max-height:240px;
	text-align:center;
}

.HtmlWidgetVivoThumbnails-style-div-iframe-expanded {
	border: 0;
	margin: 0;
	height: 100%;
	width: 100%;
	position:absolute;
	display:block;
	top:auto;
	bottom:0;
	left:0;
	z-index:8000;
}

.HtmlWidgetVivoThumbnails-style-div-iframe-expanded:hover {
	height:90% !important;
	top:auto;
	bottom:0 !important;
}
*/

.HtmlWidgetVivoThumbnails-main-table-td:hover .HtmlWidgetVivoThumbnails-img-reload_buttons {
	top:0;
}

.HtmlWidgetVivoThumbnails-img-reload_buttons img {
	opacity:.7;
}

.HtmlWidgetVivoThumbnails-img-reload_buttons img:hover {
	opacity:1;
}

.HtmlWidgetVivoThumbnails-main-table-td:hover .HtmlWidgetVivoThumbnails-img-reload_buttons {
	opacity:1;
}

/* FINAL NUEVA PANTALLA DE MONITOREO */

/* INICIO campo nueva emisora multiple */

.test_cont {
	/*width:calc(50% - 5px) !important;*/
	width:49.5%;
	display:inline-block;
/*	background:red;*/
}

.test_cont_option {
	display:inline-block;
	width:50px;
	text-align:right;
/*	background:yellow;*/
}

.test_cont_option_input {
	width:calc(100% - 60px) !important;
	display:inline-block;
	margin:0;
}

/* FINAL campo nueva emisora multiple */

.showListRoundRobin {
	position:fixed;

	top:13% !important;
	left:50% !important;
	margin-left:-600px;
	height:600px;
	overflow-y:auto;
	width:1200px;
	border:solid 1px grey;
	box-shadow:0 0 10px rgba(0,0,0,.5);
	background:white !important;
	border:solid 2px white;
	/*padding:15px;*/
}

.grabaciones_round_robin_button,
.widgetRoundRobin_cerrar,
.widgetRoundRobin_orden {
	opacity:.7;
}

.grabaciones_round_robin_button:hover,
.widgetRoundRobin_cerrar:hover,
.widgetRoundRobin_orden:hover {
	opacity:1;
}

.widgetRoundRobin_seccion {
//	background: #e0e1e2; /* Old browsers */
//
//	background: -moz-linear-gradient(top,  #e0e1e2 0%, #eff1f2 49%, #e0e1e2 100%); /* FF3.6+ */
//	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e0e1e2), color-stop(49%,#eff1f2), color-stop(100%,#e0e1e2)); /* Chrome,Safari4+ */
//	background: -webkit-linear-gradient(top,  #e0e1e2 0%,#eff1f2 49%,#e0e1e2 100%); /* Chrome10+,Safari5.1+ */
//	background: -o-linear-gradient(top,  #e0e1e2 0%,#eff1f2 49%,#e0e1e2 100%); /* Opera 11.10+ */
//	background: -ms-linear-gradient(top,  #e0e1e2 0%,#eff1f2 49%,#e0e1e2 100%); /* IE10+ */
//	background: linear-gradient(to bottom,  #e0e1e2 0%,#eff1f2 49%,#e0e1e2 100%); /* W3C */
}

div.widgetRoundRobin {
	display:inline;
}

.widgetRoundRobinListaEmisoras {
	overflow-y:scroll;
	overflow-x:hidden;
	height:528px;
	padding:10px;
	padding-bottom:25px;
	box-sizing:border-box;
}

.widgetRoundRobin_emisora_item {
	display:inline-block;
	width:162px;
	padding:6px 3px 6px 3px;
	box-sizing:border-box;
}

.widgetRoundRobin_emisora_item_grc {
	/*color:red;*/
	color:grey;
	background:rgba(0,0,0,.075);
}

.widgetRoundRobin_emisora_item_grc:after {
	content:"*";
}

.widgetRoundRobinCheckbox {
	vertical-align:-2px;
	cursor:pointer;
}

.listRoundRobin tr {
//	background:none;
//	border-bottom:solid 1px rgba(0,0,0,.025);
}

.listRoundRobin_box {
//	width:100%;
//	height:307px;
//	overflow-y:hidden;
//	border:solid 1px rgba(0,0,0,0.15);
//	border-radius:0 0 5px 5px;
//	box-shadow:none;
//	box-sizing:border-box;
//	padding:1px;
}

.listRoundRobin_title {
//	text-align:left;
//	height:35px;
//	line-height:35px;
//	text-indent:15px;
//	font-weight:bold;
//	background: transparent url("/imagenes/fijas/decorativo/gradient3.png") repeat-x right top;
}

.listRoundRobin_scroll_list {
	overflow-y:auto;
	max-height: 600px;
}

.listRoundRobin_scroll_list td {
//	text-indent:50px;
}

.widgetRoundRobin_seccion {
//	text-indent:40px;
}

.grabaciones_round_robin_button {
	/*position:absolute;*/
	float: right;
	margin-right:15px;
	margin-top:8px;
	margin-right:8px;
}

/* inicio pantalla scte35 */

.HtmlWidgetScteDetailBuscadorInputCmd {
	width:100%;
	width:calc(100% - 10px);
	min-width:200px;
}

.HtmlWidgetScteDetailBuscadorInputScteTsProgram {
	width:100%;
	width:calc(100% - 10px);
	min-width:200px;
}

.HtmlWidgetScteDetailBuscadorInputPid {
	width:100%;
	width:calc(100% - 10px);
	min-width:200px;
}

.HtmlWidgetScteDetailBuscadorInputPidpmt {
	width:100%;
	width:calc(100% - 10px);
	min-width:200px;
}

.HtmlWidgetScteDetailButton {
	width:100px;
}

.HtmlWidgetScteDetailTdCmd_null,
.HtmlWidgetScteDetailTdCmd_reserved,
.HtmlWidgetScteDetailTdCmd_schedule,
.HtmlWidgetScteDetailTdCmd_insert,
.HtmlWidgetScteDetailTdCmd_bandwidth.reservation,
.HtmlWidgetScteDetailTdCmd_time.signal,
.HtmlWidgetScteDetailTdCmd_private.command {
	font-weight:bold;
	text-transform:capitalize;
}


.HtmlWidgetScteDetailTdCmd_null {
	color:#555;
}
.HtmlWidgetScteDetailTdCmd_reserved {
	color:#555;
}
.HtmlWidgetScteDetailTdCmd_schedule {
	color:#01A9DB;
}
.HtmlWidgetScteDetailTdCmd_insert {
	color:#0101DF;
}
.HtmlWidgetScteDetailTdCmd_bandwidth.reservation {
	color:#555;
}
.HtmlWidgetScteDetailTdCmd_time.signal {
	color:#01DF01;
}
.HtmlWidgetScteDetailTdCmd_private.command {
	color:#DBA901;
}

/* final pantalla scte35 */

/* inicio pantalla grilla de programacion */

@-webkit-keyframes grabaciones_tilt {
    0%    {background-color:rgba(255,255,255,.0);}
    50%   {background-color:rgba(255,255,255,.2);}
    100%  {background-color:rgba(255,255,255,.0);}
}

@keyframes grabaciones_tilt {
    0%    {background-color:rgba(255,255,255,.1);}
    50%   {background-color:rgba(255,255,255,.25);}
    100%  {background-color:rgba(255,255,255,.1);}
}


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

.WidgetGrillaPlayoutEntradaInputTilt {
	cursor:ew-resize;
	-webkit-animation: grabaciones_tilt 1s linear infinite;
	animation: grabaciones_tilt 1s linear infinite;
	overflow:hidden;
}


.listPlays_scroll_list td {
	text-align: center;
}


.WidgetGrillaProgramacionEntradaInput {

}

.WidgetGrillaProgramacionEntradaInputTilt {
	cursor:ew-resize;
	-webkit-animation: grabaciones_tilt 1s linear infinite;
	animation: grabaciones_tilt 1s linear infinite;
	overflow:hidden;
}

/* correcciones para inputs que ocupan todo el ancho de celda */
.grabaciones_regulares_idinput,
.grabaciones_regulares_idemisora,
.grabaciones_regulares_programa_nombre,
.grabaciones_regulares_idperfil,
.grabaciones_regulares_intervalo,
.grabaciones_regulares_ttl,
.grabaciones_regulares_ttl_baja,
.grabaciones_regulares_volatil,
.grabaciones_regulares_volatil_baja {
	width:90% !important;
}

/* final pantalla grilla de programacion */

/* INICIO pantalla de configuracion de control*/
/*.HtmlWidgetRemoteControlConfigTr_on {
	background: green;
}
.HtmlWidgetRemoteControlConfigTr_off {
	background: red;
}*/
/*.HtmlWidgetRemoteControlConfigControlSchemeTemplate_on {
	background: green;
}
.HtmlWidgetRemoteControlConfigControlSchemeTemplate_off {
	background: red;
}
.HtmlWidgetRemoteControlConfig_setBotton {
	background: gray;
}*/

.HtmlWidgetRemoteControlBody {
	position:absolute;
	left:50%;
	margin-left:-112px;
	/*margin-top:15px;*/
	background-image: url('/imagenes/fijas/remote_control/remote_control_back.png');
	background-repeat:no-repeat;
	background-position: 0 0;
	width:225px;
	height:340px;
	text-align:center;
	bottom:0;
}

.HtmlWidgetRemoteControlBody span {
	display:block;
	background:white;
	width:170px;
	background:rgba(255,255,255,.1);
	border-radius:5px;
	padding:8px;
	font-size:10px;
	line-height:15px;
	box-sizing:border-box;
	margin:5px auto 0 auto;
	border:solid 1px rgba(255,255,255,.25);
	box-shadow:inset 0 0 10px rgba(0,0,0,.2);
	color:black;
}

.HtmlWidgetRemoteControlBodyNumbers {
	/*background:rgba(255,0,0,.5);*/
	margin:75px auto auto auto;
	width:180px;
	height:180px;
	font-size:0;
}

.HtmlWidgetRemoteControlConfigControlSchemeButton {
	font-size:15px;
	font-family:"GoodTimes", sans-serif;
	display:inline-block;
	width:38px;
	height:38px;
	line-height:38px;
	background:rgba(0,0,0,.05);
	box-sizing:border-box;
	border:solid 1px rgba(0,0,0,.2);
	border-radius:5px;
	margin:0 7px 7px 7px;
	box-shadow:inset 2px 2px 5px rgba(255,255,255,.09);
	text-shadow:1px 1px 1px rgba(255,255,255,.25);
	cursor:pointer;

	-webkit-transition: all 0.3s ease-out;  /* Saf3.2+, Chrome */
	-moz-transition: all 0.3s ease-out;  /* FF4+ */
	-ms-transition: all 0.3s ease-out;  /* IE10? */
	-o-transition: all 0.3s ease-out;  /* Opera 10.5+ */
	transition: all 0.3s ease-out;
}

.HtmlWidgetRemoteControlConfigControlSchemeButton:hover {
	background:rgba(255,255,255,.5);
	box-shadow:0px 0px 10px rgba(255,255,255,.75);

	-webkit-transition: all 0.3s ease-out;  /* Saf3.2+, Chrome */
	-moz-transition: all 0.3s ease-out;  /* FF4+ */
	-ms-transition: all 0.3s ease-out;  /* IE10? */
	-o-transition: all 0.3s ease-out;  /* Opera 10.5+ */
	transition: all 0.3s ease-out;
}

.HtmlWidgetRemoteControlConfigControlSchemeTemplate_on {
	color:rgba(0,200,0,1);
	text-shadow:1px 1px 1px rgba(0,0,0,.25);
}
.HtmlWidgetRemoteControlConfigControlSchemeTemplate_off {
	color:rgba(255,255,255,.5);
	text-shadow:1px 1px 1px rgba(0,0,0,.25);
}
.HtmlWidgetRemoteControlConfig_setBotton {
	background: gray;
}

@-webkit-keyframes remote-control-asignar {
    0%    {opacity:.5;}
    50%   {opacity:1;}
    100%  {opacity:.5;}
}

@keyframes remote-control-asignar {
    0%   {opacity:.5;}
    50%  {opacity:1;}
    100% {opacity:.5;}
}

.HtmlWidgetRemoteControlConfig_setBotton {
	-webkit-animation: remote-control-asignar .5s linear infinite;
	animation: remote-control-asignar .5s linear infinite;
}

.HtmlWidgetRemoteControlConfigControlSchemeButton_enter {
	width:90px;
}

.HtmlWidgetRemoteControlConfigContainer {
	position:fixed;
	background:white;
	width:420px;
	border-radius:10px;
	margin-top:10px;
	box-shadow:5px 5px 10px rgba(0,0,0,.5);
	height:450px;
}

.HtmlWidgetRemoteControlConfigContainer_left {
	left:15%;
}

.HtmlWidgetRemoteControlConfigContainer_right {
	right:15%;
}

.HtmlWidgetRemoteControlConfigContainerTitle {
	display:block;
	line-height:32px;
	height:30px;
	font-weight:bold;
	border-bottom:solid 1px rgba(0,0,0,.25);
	/*margin-bottom:10px;*/
}

.HtmlWidgetRemoteControlTextoIco {
	display:inline-block;
	width:50px;
	height:50px;
	/*background:blue;*/
	vertical-align:top;
	margin-top:10px;
}

.HtmlWidgetRemoteControlTexto {
	padding:10px;
	display:inline-block;
	box-sizing:border-box;
	width:340px;
	/*background:blue;*/
	vertical-align:top;
	text-align:left;
}

.HtmlWidgetRemoteControlConfigContainerOption {
	display:inline-block;
	width:30%;
	height:25px;
	line-height:25px;
	text-align:left;
}

.HtmlWidgetRemoteControlConfigContainerOption span {
	display:inline-block;
	width:auto;
	text-align:right;
}

.HtmlWidgetRemoteControlConfigContainerOption select {
	display:inline-block;
	/*width:50px;*/
	margin-top:4px;
	font-size:10px;
}

.HtmlWidgetRemoteControlDispSalida {
	width:35px;
}

.HtmlWidgetRemoteControlNumeroSalida {
	width:75px;
}

/* FINAL pantalla de configuracion de control*/

.HtmlWidgetExportUsbEditorFilter {
	width:calc(75% - 5px);
	margin-left:4px;
}

.HtmlWidgetExportUsbEditorList {
	width:calc(75% - 5px);
	margin-left:4px;
}

.HtmlWidgetExportUsbEditorContainerA {
	width:calc(25% - 10px);
	vertical-align:top;
	display:inline-block;
	margin-left:5px;
}

.HtmlWidgetExportUsbEditorDevice,
.HtmlWidgetExportUsbEditorStatus {
	margin-bottom:5px;
	background:white;
	padding:10px;
	border-radius:0 0 5px 5px;

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

.HtmlWidgetExportUsbEditorStatus {
	padding:0 0 5px 0;
}

.HtmlWidgetExportUsbEditorStatus strong {
	display:block;
	margin:10px 0 12px 0;
	text-align:center;
}

.HtmlWidgetExportUsbEditorDevice {
	padding:0px;
	width:100%;
	box-sizing:border-box;
	text-align:center;
}

.HtmlWidgetExportUsbEditorStatus span {
	display:block;
	/*text-align:left;*/
	margin:0 0 2px 0;
}

.HtmlWidgetExportUsbEditorStatus span.status_export_usb_value {
	text-align:center;
}

progress {
	width:calc(100% - 10px);
	margin-left:5px;
	height:20px;
}

.status_export_usb_info {
	/*border:solid 1px rgba(0,0,0,.35);*/
	/*border-radius:5px;*/
	/*background:rgba(255,255,255,.5);*/
	padding:10px;
	width:90%;
	margin:auto;
	/*margin-top:10px;*/
	color:rgba(0,0,0,.95);
}

.HtmlWidgetExportUsbDevicesRefresh {
	float:right;
	margin-top:4px;
	
}

.HtmlWidgetExportUsbDevicesItem {
	display:inline-block;
	box-sizing:border-box;
	width:120px;
	height:130px;
	border:solid 1px grey;
	vertical-align:top;
	margin:5px;
	border-radius:5px;
	box-shadow:inset 0 0 20px rgba(0,0,0,.25);
	border:solid 1px rgba(0,0,0,.25);
	-webkit-transition: all 0.15s;
	-moz-transition: all 0.15s;
	-ms-transition: all 0.15s;
	-o-transition: all 0.15s;
	transition: all 0.15s;

	background-image: url('/imagenes/fijas/acciones_genericas/export_usb_item_ico.png');
	background-repeat:no-repeat;
	background-position:50% 80%;
}

.HtmlWidgetExportUsbDevicesItem:hover {
	background:rgba(0,0,0,.1);
	background-image: url('/imagenes/fijas/acciones_genericas/export_usb_item_ico_act.png');
	background-repeat:no-repeat;
	background-position:50% 82%;

	-webkit-transition: all 0.15s;
	-moz-transition: all 0.15s;
	-ms-transition: all 0.15s;
	-o-transition: all 0.15s;
	transition: all 0.15s;
}

.HtmlWidgetExportUsbDevicesItemFree,
.HtmlWidgetExportUsbDevicesItemDevice,
.HtmlWidgetExportUsbDevicesItemSize {
	display:block;
	font-size:9px;
}

.HtmlWidgetExportUsbDevicesItemDevice {
	line-height:20px;
	height:20px;
	background:rgba(0,0,0,.15);
	border-radius:5px 5px 0 0;
	font-size:10px;
	margin-bottom:4px;
}

.HtmlWidgetExportUsbDevicesItemSize {
	margin-bottom:2px;
}

.HtmlWidgetExportUsbDevicesNote {
	display:block;
	background:rgb(220,220,220);
	height:25px;
	line-height:25px;
	text-align:center;
	color:rgb(100,100,100);
	font-size:10px;
}

.HtmlWidgetExportUsbStatusErrorMessage {
	display:block;
	width:100%;
	color:red;
	text-align:center !important;
}

/* inicio elementos genericos */

.widgetTableFilter {
	margin-bottom:15px;
}

/* final elementos genericos */

/* inicio estilos menu configuracio player monitoreo y estado de ts (popup) */
.WidgetProgramPlayerOptions {
	height: 100%;
	width: 40%;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 11;
	opacity: 0;
	transition: opacity 0.5s ease;
	text-align:center;

	background: #eeeeee !important;
	background: -moz-linear-gradient(top,  #eeeeee 0%, #cccccc 100%) !important;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc)) !important;
	background: -webkit-linear-gradient(top,  #eeeeee 0%,#cccccc 100%) !important;
	background: -o-linear-gradient(top,  #eeeeee 0%,#cccccc 100%) !important;
	background: -ms-linear-gradient(top,  #eeeeee 0%,#cccccc 100%) !important;
	background: linear-gradient(to bottom,  #eeeeee 0%,#cccccc 100%) !important;
	/*background-color:rgba(0,158,220,1);*/
}
.WidgetProgramPlayerOptions:hover {
	opacity: 1;
}
.WidgetProgramPlayerOptions span {
	margin:10 0 3px 0;
	text-align:left;
	text-indent:5%;
	display:block;
	width:90%;
	font-size:10px;
}
.WidgetProgramPlayerOptions span:after {
	content:":";
}

.WidgetProgramPlayerOptions select {
	width:90%;
	font-size:10px;
}

/*  final estilos menu configuracio player monitoreo y estado de ts (popup) */

.WidgetProgramPlayerIframe {
	overflow:hidden;
}

/* estilos para celdas th de listados, "ordenar por..." */

.ta_buscador:hover {
	text-decoration:underline;
	cursor:pointer;
	background: rgb(156,156,156);
	background: -moz-linear-gradient(top,  rgba(156,156,156,1) 0%, rgba(69,69,69,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(156,156,156,1)), color-stop(100%,rgba(69,69,69,1)));
	background: -webkit-linear-gradient(top,  rgba(156,156,156,1) 0%,rgba(69,69,69,1) 100%);
	background: -o-linear-gradient(top,  rgba(156,156,156,1) 0%,rgba(69,69,69,1) 100%);
	background: -ms-linear-gradient(top,  rgba(156,156,156,1) 0%,rgba(69,69,69,1) 100%);
	background: linear-gradient(to bottom,  rgba(156,156,156,1) 0%,rgba(69,69,69,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9c9c9c', endColorstr='#454545',GradientType=0 );
}

.ta_buscador {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/* INICIO nueva pantalla home*/
#welcomeContent {
	display:none;
	visibility:hidden;
}
.welcomeContentContainer {
	width:100%;
	min-width:850px;
	height:485px;
	margin:auto;
	font-size:0;
	padding:0;
	box-sizing:border-box;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	position:relative;
	z-index:50;
}

@media all and (max-width:1450px) {
	.welcomeContentContainer {
		height:600px;
	}
	#welcomeLogoFoot {
		width:100px;
	}
}

@media all and (max-width:1050px) {
	.welcomeContentGroup {
		display:block !important;
		width:100% !important;
		height:175px !important;
	}
	.welcomeContentGroupTitle {
	text-align:left;
	padding-left:30px;
	}
	.welcomeContentGroupItem {
		padding:0 !important;
	}
}

.welcomeContentGroup {
	background:white;
	box-sizing:border-box;
	font-size:12px;
	padding:0;
	border-right:solid 1px #6797b9;
	height:100%;
	width:20%;
	min-width:200px;
	display:inline-block;
	vertical-align:top;
}
.welcomeContentGroup:last-child {
	border-right:none;
}
.welcomeContentGroupTitle {
	font-size:13px;
	font-family:"GoodTimes", "Arial", sans-serif;
	line-height:40px;
	height:40px;
	color:white;
	margin-bottom:15px;
	background:#134b69;
	border-bottom:solid 4px #6797b9;
	box-shadow:4px 0px 10px rgba(0,0,0,.5);
	transition:all .5s;
}

.welcomeContentGroupTitleMw {
	background:#146fa2;
}

.welcomeContentGroup:hover .welcomeContentGroupTitle {
	background:#316483;
}
.welcomeContentGroupItem {
	cursor:pointer;
	width:90px;
	border-radius:5px;
	padding:5px;
	margin:0;
	display:inline-block;
	vertical-align:top;
	box-sizing:border-box;
	border:solid 1px rgba(0,0,0,0);
}
.welcomeContentGroupItem:hover {
	background:rgba(0,0,0,.05);
	border:solid 1px rgba(0,0,0,.1);
}
.welcomeContentGroupItem img {
	opacity:.75 !important;
	transition:all .5s;
}
.welcomeContentGroupItem:hover img {
	opacity:1 !important;
	-webkit-filter: drop-shadow(0px 0px 0px #134b69);
	filter: drop-shadow(0px 0px 0px #134b69);

}
.welcomeContentGroupItem p {
	font-size:12px;
	line-height:14px;
	font-family:"Arial", sans-serif;
	margin:0;
	color:#999;
}
/* FINAL nueva pantalla home*/

/* inicio EXPORTAR USB GRABACIONES NO DISPONIBLES */
.HtmlWidgetExportUsbListGrabacionesNoFile {
	cursor:default;
}

.HtmlWidgetExportUsbListGrabacionesNoFile td img {
	vertical-align:-2px;
}

.HtmlWidgetExportUsbListGrabacionesNoFile td{
	color:red;
}

.HtmlWidgetExportUsbListGrabacionesNoFile input {
	cursor:default;
}

.usb_export_info {
	height:25px;
	line-height:25px;
	border-bottom:solid 1px grey;
	text-align:center;
}

.usb_export_list {
	height:25px;
	line-height:25px;
}

.usb_export_list td {
	width:50%;
	text-align:center;
	border-bottom:solid 1px rgba(0,0,0,.05);
}

.usb_export_list:hover {
	background:rgba(0,0,0,.075);
}

.usb_export_list_contenedor {
	max-height:135px;
	overflow-y:scroll;
}

@media all and (min-width:1367px) {
	.usb_export_list_contenedor {
		max-height:300px;
	}
}

/* final EXPORTAR USB GRABACIONES NO DISPONIBLES */


/* inicio pantalla RECORDERS */

.HtmlRecorderMainContainer {
	font-size:25px;
}

.HtmlRecorderHeader,
.HtmlRecorderTsProgram,
.HtmlRecorderInputManager {
	width:100%;
	border-bottom:solid 1px black;
	text-align:center;
	box-sizing:border-box;
}

.HtmlRecorderTsProgramListContainer:last-child,
.HtmlRecorderInputManager_container:last-child {
	margin-bottom:150px;
}

.HtmlRecorderHeaderButtons {
	text-align:center;
	/*font-size:0;*/
	padding:190px 0 25px 0;
	background:rgba(0,0,0,.1);
}

.HtmlRecorderHeader {
	padding-bottom:20px;
	padding-top:20px;
	text-align:center;
	background: #006897;

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#006897+0,00628e+24,004f73+71,004767+100 */
	background: #006897; /* Old browsers */
	background: -moz-linear-gradient(top,  #006897 0%, #00628e 24%, #004f73 71%, #004767 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #006897 0%,#00628e 24%,#004f73 71%,#004767 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #006897 0%,#00628e 24%,#004f73 71%,#004767 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006897', endColorstr='#004767',GradientType=0 ); /* IE6-9 */

	position:relative;
	color:white;
	text-shadow:2px 2px 5px rgba(0,0,0,.5);
	display:none;
	visibility:hidden;
}

.HtmlRecorderButtonGeneric {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#8c8c8c+0,868686+50,828282+51,8c8c8c+100 */
	background: #8c8c8c; /* Old browsers */
	background: -moz-linear-gradient(top,  #8c8c8c 0%, #868686 50%, #828282 51%, #8c8c8c 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #8c8c8c 0%,#868686 50%,#828282 51%,#8c8c8c 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #8c8c8c 0%,#868686 50%,#828282 51%,#8c8c8c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8c8c8c', endColorstr='#8c8c8c',GradientType=0 ); /* IE6-9 */

	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #777;
	display:inline-block;
	cursor:pointer;
	color:white;
	font-family:Arial;
	font-size:100%;
	font-weight:normal;
	padding:15px 20px;
	text-decoration:none;
	text-shadow:0px 1px 0px #000;
	width:auto;
	margin:15px;
}

.HtmlRecorderButtonGeneric:active {
	position:relative;
	top:1px;
}

.HtmlRecorderButtonGeneric img {
	width:50px;
	vertical-align:-18px;
}

.ButtonGenericRecord {

}

.ButtonGenericStop {

}

.ButtonGenericNeutral {

}

.HtmlRecorderTsProgramNombre {
	margin-top:10px;
	font-size:120%;
}

.HtmlRecorderTsProgramPreview {
	margin-top:15px;
	text-align:center;
}

.HtmlRecorderTsProgramPreview img {
	width:70%;
}

.HtmlRecorderHeader_title {
	font-family:"GoodTimes", "Arial", sans-serif;
	/*font-size:45px;*/
		/*font-size:36pt;*/
		font-size:200%;
}

.HtmlRecorderTsProgram,
.HtmlRecorderInputManager {
	width:calc(100% - 30px);
	margin-left:15px;
	margin-top:15px;
	height:auto;
		/*font-size:0;*/
	margin-bottom:35px;
	padding-bottom:25px;

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eeeeee+0,cccccc+100;Gren+3D */
	background: #eeeeee; /* Old browsers */
	background: -moz-linear-gradient(top,  #eeeeee 0%, #cccccc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #eeeeee 0%,#cccccc 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */

	border:solid 1px black;
	border-radius:0 0 15px 15px;
	overflow:hidden;

}

.HtmlRecorderInputManagerRecording {
	
}

.HtmlRecorderTitleTsProgram,
.HtmlRecorderTitle {
	width:90%;
	line-height:40px;
	text-align:left;
	padding-left:15px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}

.HtmlRecorderTitleLed {
	width:10%;
}

.HtmlRecorderTitleTsProgram,
.HtmlRecorderTitle,
.HtmlRecorderTitleLed {
	display:inline-block;
	height:40px;
	border-bottom:solid 1px rgba(0,0,0,.5);
	font-family:"GoodTimes", "Arial", sans-serif;
	/*font-size:20px;*/
		font-size:120%;
	box-sizing:border-box;
	vertical-align:top;
}

.HtmlRecorderTitleRecording {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#9dd53a+0,a1d54f+50,80c217+51,7cbc0a+100;Green+Gloss+%231 */
	background: #9dd53a; /* Old browsers */
	background: -moz-linear-gradient(top,  #9dd53a 0%, #a1d54f 50%, #80c217 51%, #7cbc0a 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9dd53a', endColorstr='#7cbc0a',GradientType=0 ); /* IE6-9 */
}

.HtmlRecorderInfo {
	display:inline-block;
	margin:10px 0 0 0;
	text-align:left;
	box-sizing:border-box;
	width:100%;
}

.HtmlRecorderInfoItem {
	display:inline-block;
	margin-bottom:0px;
	/*font-size:25px;*/
		font-size:150%;
	text-transform:capitalize;
	color:rgba(0,0,0,.5);
	text-overflow:ellipsis;
	overflow:hidden;
	white-space: nowrap; 
	width:calc(100%);
	text-indent:15px;
}

.HtmlRecorderInfoItemNombre {
	color:black;
}

.HtmlRecorderMobileButtons {
	width:100%;
}

.HtmlRecorderButton {
	cursor:pointer;
}

.HtmlRecorderButton,
.HtmlRecorderButtonRecording {

}

@-webkit-keyframes buttontiltrecord {
	0%   {opacity:0;}
	20%   {opacity:0;}
	21%   {opacity:1;}
	99%   {opacity:1;}
	100%  {opacity:0;}
}

@keyframes buttontiltrecord {
	0%   {opacity:0;}
	20%   {opacity:0;}
	21%   {opacity:1;}
	99%   {opacity:1;}
	100%  {opacity:0;}
}

.HtmlRecorderButtonRecording {
	-webkit-animation: buttontiltrecord 1s linear infinite;
	animation: buttontiltrecord 1s linear infinite;
	width:30px;
	margin-top:4px;
}

.HtmlRecorderButtonHeader {
	opacity:1 !important;
}


@media screen and (device-aspect-ratio: 40/71), /* iPhone 5 */
	screen and (max-width:640px), /* Pantalla PC */
	screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3), /* iPhone 6+ */
	screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2), /* iPhone 6 */
	screen and (device-width: 320px) and (device-height: 480px) and (-webkit-device-pixel-ratio: 2), /* iPhone 4 */
	screen and (-webkit-device-pixel-ratio: .75),
	screen and (-webkit-device-pixel-ratio: 1) and (max-device-width: 768px),
	screen and (-webkit-device-pixel-ratio: 1.5),
	screen and (-webkit-device-pixel-ratio: 2)
	{

	.HtmlRecorderButtonGeneric {
		font-size:0px;
		background:none;
		border:none;
		box-shadow:none;
		width:40%;
		padding:0px;
	}

	.HtmlRecorderTitleTsProgram,
	.HtmlRecorderTitle,
	.HtmlRecorderTitleLed {
		height:80px;
		/*font-size:40px;*/
			font-size:200%;
		/*line-height:80px;*/
			line-height:80px;
	}

	.HtmlRecorderButtonRecording {
		width:60px;
		margin-top:8px;
	}

	.HtmlRecorderTitleTsProgram,
	.HtmlRecorderTitle {
		width:85%;

	}

	.HtmlRecorderTitleLed {
		width:15%;
	}

	.HtmlRecorderInfoItem {
		/*font-size:50px;*/
			font-size:240%;
	}

	.HtmlRecorderButtonGeneric img {
		width:100%;
		vertical-align:-25px;
	}

	.HtmlRecorderInputManagerRecording {
		background:rgba(255,255,255,.8);
	}

}

@media screen and (orientation:landscape) {
	.HtmlRecorderButtonGeneric {
		width:25% !important;
	}
}

@media only screen and (device-width: 768px) {
	.HtmlRecorderButtonGeneric {
		width:20% !important;
	}
}

/* final pantalla RECORDERS */

.gpu_load_title img {
	vertical-align:-5px;
	margin-right:5px;
	height:15px;

}

.gpu_load_value {
	color:rgba(255,255,255,.75);
	font-size:9px;
}

.up_bitrate{
	color:rgba(255,255,255,1);
	font-size:10px;
}

.down_bitrate{
	color:rgba(255,255,255,1);
	font-size:10px;
}

.up_bitrate img {
	vertical-align:-5px;
	margin-right:5px;
	height:15px;
}

.down_bitrate img {
	vertical-align:-5px;
	margin-right:5px;
	height:15px;
}

.contenedor_grupos_title {
	height:35px;
	line-height:35px;
	text-align:center;
}
.contenedor_grupos_foot {
	background:white;	
	box-sizing:border-box;
	width:100%;
	height:30px;
}

.contenedor_grupos_foot a {
	margin:3px 3px 0 0;
}

.contenedor_grupos_foot select {
	width:calc(100% - 160px);
	margin:6px;
	vertical-align:top;
}

.contenedor_grupos_foot b {
	display:inline-block;
	margin-top:8px;
	margin-left:8px;
	vertical-align:top;
}

.finger_table_back {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#8b8b8b+0,262626+100 */
background: #8b8b8b; /* Old browsers */
background: -moz-linear-gradient(top,  #8b8b8b 0%, #262626 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8b8b8b), color-stop(100%,#262626)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #8b8b8b 0%,#262626 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #8b8b8b 0%,#262626 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #8b8b8b 0%,#262626 100%); /* IE10+ */
background: linear-gradient(to bottom,  #8b8b8b 0%,#262626 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8b8b8b', endColorstr='#262626',GradientType=0 ); /* IE6-9 */

}

/* INICIO widget de contenedor de grupos */
.ContenedorGruposTemplateListHeader {
	position:relative;
	margin:auto;
	margin-top:15px;
	border-radius:10px;
	border:solid 1px rgba(0,0,0,.25);
	text-align:left;
	min-height:250px;
	width:100%;
	overflow:hidden;
}

.ContenedorGruposTemplateListGroups {
	overflow-y:auto;
	height:180px;
}

.grupoSelector {
	width:calc(100% - 100px);
}

.ContenedorGruposTemplateListHeader {
	position:fixed !important;
	display:block;
	top:50% !important;
	left:50%;
	width:500px;
	height:300px;
	margin-left:-250px;
	margin-top:-150px;
	z-index:900;
	background:white;
	box-shadow:0px 0px 8px rgba(0,0,0,.5);
}

.ContenedorGruposContainer {
	display:inline;
	width:auto;
}

.ContenedorGruposButtonHideWidget {
	float:right;
	margin:3px 3px 0 0;
	cursor:pointer;
}

.ContenedorGruposStyleHidden{
	display: none;
	visibility: hidden;
}

/* FINAL widget de contenedor de grupos */

/* INICIO modelo form */

.form_a_cont {
	margin-bottom:30px;
}

.form_a_cont table {
	width:100%;
	background:white;
	border:none;
	border-spacing:0px;
    border-collapse:collapse;
}

.form_a_cont table td:first-child {
	text-align:right;
	padding-right:5px;
	box-sizing:border-box;
	width:25%;
	height:30px;
	font-weight:bold;
	vertical-align:top;
	padding-top:8px;
}

.form_a_cont table td select,
.form_a_cont table td input {
	font-size:12px;
	width:calc(80% - 50px);
	display:inline;
	height:22px;
	padding-left:3px;
	box-sizing:border-box;
}

.form_a_cont table td input[type=checkbox] {
	vertical-align:-8px;
	width:15px;
	cursor:pointer;
}

.form_a_cont table td input[type=radio],
.form_a_cont table td input[type=checkbox] {
	vertical-align:-8px;
	width:15px;
	cursor:pointer;
	margin-right:5px;
}

.form_a_cont table td input[type=radio]:first-child,
.form_a_cont table td input[type=checkbox]:first-child {
	margin-top:4px;
}

.form_a_cont table td button {
	margin:0;
	padding:0;
	width:auto;
}

.form_a_cont table td button img {
	opacity:.65;
	vertical-align:-5px;
}

.form_a_cont table td button img:hover {
	opacity:1;
	cursor:pointer;
}

.form_a_cont_buttonadd,
.form_a_cont input[type=button] {
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	font-family:"Arial","Helvetica",sans-serif;
	font-size:11px;
	font-weight:bold;
	padding:8px 12px 8px 12px !important;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	text-shadow:1px 1px 1px rgba(0, 0, 0, 0.5);

	-webkit-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.5), inset 1px 1px 2px rgba(255,255,255,.5);
	-moz-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.5), inset 1px 1px 2px rgba(255,255,255,.5);
	box-shadow:1px 1px 2px rgba(0, 0, 0, 0.5), inset 1px 1px 2px rgba(255,255,255,.5);
	width:auto;
	height:auto;
	outline-width:0;
	color:#f0f0f0;
	border-color:#267ed4 !important;

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

.form_a_cont_buttonadd:hover,
.form_a_cont input[type=button]:hover {
	transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-webkit-box-shadow:1px 1px 15px rgba(0, 0, 0, 0.75), inset 1px 1px 2px rgba(255,255,255,.5);
	-moz-box-shadow:1px 1px 15px rgba(0, 0, 0, 0.75), inset 1px 1px 2px rgba(255,255,255,.5);
	box-shadow:1px 1px 15px rgba(0, 0, 0, 0.75), inset 1px 1px 2px rgba(255,255,255,.5);
}

.form_a_cont_buttonadd {
	padding:5px 8px !important;
}

.form_a_tit {
	text-align:center;
}

.form_a_tit_sec,
.form_a_tit_ter {
	text-align:left;
	text-indent:25px;
}

.form_a_cont table tr th {
	color: white;
	background: #7d7e7d; /* Old browsers */
	background: -moz-linear-gradient(top,  #7d7e7d 0%, #0e0e0e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7d7e7d), color-stop(100%,#0e0e0e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%); /* IE10+ */
	background: linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%); /* W3C */
}

.form_a_cont table tr th.form_a_tit_sec {
	background:grey;
}

.form_a_cont table tr th.form_a_tit_ter {
	background:rgba(180,180,180,1);
}

.form_a_buttons {
	padding:15px 20px 15px 0px !important;
}

.form_a_tabla_datos tr:nth-child(even) {
	background:rgba(0,0,0,.075);
}

.form_a_itemagregado {
	border:solid 1px rgba(0,0,0,.25);
	border-radius:5px;
	width:auto !important;
	display:inline-block !important;
	padding:0 0 0 10px;
	background:rgba(0,0,0,.05);
	margin:2px;
	height:28px;
	line-height:28px;
}

.form_a_itemagregado button {
	opacity:.5;
	outline:0;
}

.form_a_itemagregado button:hover {
	opacity:1;
}

/* FINAL modelo form */
.HtmlWidgetConfCamposAdicionalesData,
.HtmlWidgetConfMailServerData {
	width:calc(80% - 50px);
}

.HtmlWidgetConfCamposAdicionalesList,
.HtmlWidgetConfMailServerDataChild {
	border:solid 1px rgba(0,0,0,.25);
	border-radius:5px;
	width:auto !important;
	display:inline-block !important;
	padding:0 0 0 10px;
	background:rgba(0,0,0,.05);
	margin:2px;
	height:28px;
	line-height:28px;
}

.HtmlWidgetConfCamposAdicionalesList button,
.HtmlWidgetConfMailServerDataChild button {
	opacity:.5;
}

.HtmlWidgetConfCamposAdicionalesList button:hover,
.HtmlWidgetConfMailServerDataChild button:hover {
	opacity:1;
}

/* INICIO resultados busqueda CC/srt */

.coincidenciasccsrt ul {
	display:inline-block;
}

.coincidenciasccsrt ul li {
	display:inline-block;
	border:solid 1px rgba(0,0,0,.25);
	padding:6px 10px;
	border-radius:5px;
	margin:3px;
	text-transform:lowercase;
	transition:all .5s;
	background:rgba(255,255,255,.65);
}

.coincidenciasccsrt ul li:hover {
	border:solid 1px rgba(0,0,0,.35);
	background:rgba(255,255,255,.9);
	box-shadow:0 0 1px rgba(0,0,0,.25);
}

.textHighlight {
	background-color:#ff0;
	font-size:100%;
}

.coincidenciasccsrtgrupo {
	border:solid 1px rgba(0,0,0,.1);
	border-radius:3px;
	padding:0;
	margin:0 0 6px 0;
}

.coincidenciasccsrtnombre {
	width:auto;
	border-right:solid 1px rgba(0,0,0,.1);
	background:rgba(255,255,255,.25);
	height:100%;
	margin:0;
	padding:10px 15px;
	display:inline-block;
	text-transform:capitalize;
}

/* FINAL resultados busqueda CC/srt */


/* INICIO WIDGET COMPILAR */

.CompilarSegmentos-listItemContainer {
	width: 100%;
	display: block;
	line-height: 16px;
	font-size: 0px;
	text-align: left;
	margin:0;
	padding:0 !important;
	border: 0;
	color: white;
	text-shadow:none;
	height:20px !important;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7d7e7d+0,1e1e1e+100 */
	background: #7d7e7d; /* Old browsers */
	background: -moz-linear-gradient(top,  #7d7e7d 0%, #1e1e1e 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #7d7e7d 0%,#1e1e1e 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #7d7e7d 0%,#1e1e1e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#1e1e1e',GradientType=0 ); /* IE6-9 */
}

.CompilarSegmentos-listItemContainer img {
	opacity:1;
	margin-top:6px !important;
}

.CompilarSegmentos-listItem {
	border: 1px solid black;
	background:black;
	border-right-color:white;
	cursor:pointer;
	float:left !important;
	clear:none !important;
}

.CompilarSegmentos-listItem:first-child {
	margin-left:0;
}

.CompilarSegmentos-listItem:hover {
	border: 1px solid rgba(25,117,163,1);
	border-right:1px solid white;
}

@-webkit-keyframes list-item-playing {
    0%    {background-color:rgba(50,50,50,1);}
    50%   {background-color:rgba(110,110,110,1);}
    100%  {background-color:rgba(50,50,50,1);}
}

@keyframes list-item-playing {
    0%   {background-color:rgba(50,50,50,1);}
    50%  {background-color:rgba(110,110,110,1);}
    100% {background-color:rgba(50,50,50,1);}
}

.CompilarSegmentos-listItem-playing {
	-webkit-animation: list-item-playing 1s linear infinite;
	animation: list-item-playing 1s linear infinite;
}

.CompilarSegmentos-listItem-playing .CompilarSegmentos-listItemContainer {
	color:rgba(60,240,60,1);
	text-shadow:none;
}

.CompilarSegmentos-listItemContainer .listitemplay {
	display:none;
}
.CompilarSegmentos-listItemContainer .listitemnoplay {
	display:inline;
	width:15px;
}
.CompilarSegmentos-listItem-select .CompilarSegmentos-listItemContainer .listitemnoplay {
	display:none;
}
.CompilarSegmentos-listItem-select .CompilarSegmentos-listItemContainer .listitemplay {
	display:inline;
	width:15px;
}

.CompilarSegmentos-timeBar {

}

.CompilarSegmentos-listItem-Thumbnail {
	opacity:1 !important;
	height:80%;
	float:left;
}

/* mostrar / ocultar boton de eliminar thumb */
.CompilarSegmentos-listItem .CompilarSegmentos-listItem-remove img {
	margin-right:-60px !important;
	margin-top:1px;
	transition:all .25s !important;
	opacity:1;
	position:relative;
	z-index:100;
}
.CompilarSegmentos-listItem:hover .CompilarSegmentos-listItem-remove img {
	margin-right:2px !important;
	transition:all .25s !important;
}

.CompilarSegmentos-listItemContainerImg,
.CompilarSegmentos-listItemContainerName {
	display:inline-block;
	box-sizing:border-box;
	height:20px;
	vertical-align:top;
}

.CompilarSegmentos-listItemContainerImg,
.CompilarSegmentos-listItemContainerName {
	display:inline-block;
	box-sizing:border-box;
	height:20px;
	vertical-align:top;
}

.CompilarSegmentos-listItemContainerImg {
	width:22px;
}

.CompilarSegmentos-listItemContainerImg img {
	margin:5px 0 0 3px;
}

.CompilarSegmentos-listItemContainerName {
	width:calc(100% - 22px);
	line-height:18px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	font-size: 10px;
}

.CompilarSegmentos-listItem-text {
	margin-top:8px;
	width:0;
	display:inline-block;
	float:left;
}

.CompilarSegmentos-listItem-text span {
	color:white;
	font-size:10px;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	margin-bottom:2px;
	text-align:left;
	width:auto;
	display: block;
	overflow:visible;
}

.CompilarSegmentos-listItem-text span img {
	vertical-align:-3px;
	opacity:.7;
}

.CompilarSegmentos-listItem-text span img:hover {
	opacity:.7;
}

.CompilarSegmentos-listItem .CompilarSegmentos-listItem-Thumbnail-Final {
	display:inline-block;
	position:absolute;
	right:0;
	top:0;
	margin-top:20px;
	opacity:0 !important;
	z-index:10;
	margin-right:-200px;
	width:auto;
	height:50%;
	cursor:zoom-in;
	border:solid 1px grey;
}

.CompilarSegmentos-listItem:hover .CompilarSegmentos-listItem-Thumbnail-Final {
	opacity:1 !important;
	margin-right:0px;
	-webkit-animation:none !important;
	animation:none !important;
}

.CompilarSegmentos-listItem-Thumbnail-Final:hover {
	height:80%;
}

/*.CompilarSegmentos-header {
	background: transparent url("/imagenes/fijas/decorativo/gradient3.png") repeat-x right top;
	line-height:35px;
	height:35px;
	text-indent:10px;
}*/

.CompilarSegmentos-header {
	background: transparent url("/imagenes/fijas/decorativo/gradient3.png") repeat-x right top;
	background-size:40px 100%;
	line-height:40px;
	height:40px;
	text-indent:10px;
}

.CompilarSegmentos-header-buttonimg,
.CompilarSegmentos-header-tooglePlay {
	vertical-align:5px;
}

/*.CompilarSegmentos-header img {
	vertical-align:-9px;
}
*/
.CompilarSegmentos-header img:last-child {
	margin-right:4px;
}

.CompilarSegmentos-header-compile {
	/*opacity:1 !important;*/
}

.CompilarSegmentos-player {
	background:black;
}

.CompilarSegmentos-main {
	background:rgba(40,40,40,1);
}

@-webkit-keyframes list-item-playing-thumb {
    0%    {opacity:1;);}
    50%   {opacity:.5;);}
    100%  {opacity:1;);}
}

@keyframes list-item-playing-thumb {
    0%   {opacity:1;);}
    50%  {opacity:.5;);}
    100% {opacity:1;);}
}

.CompilarSegmentos-listItem-playing .CompilarSegmentos-listItem-Thumbnail {
	-webkit-animation: list-item-playing-thumb 1s linear infinite;
	animation: list-item-playing-thumb 1s linear infinite;
}

/* FINAL WIDGET COMPILAR */

.widgetVideoDetailPopUpSelectLayout {
	background:rgba(19,113,163,1)!important;
	color:white !important;
	padding:3px;
	font-size:12px;
	border-radius:2px;
	overflow:hidden;
	box-sizing:border-box;
	background-clip:border-box;
	border-color:rgba(250,250,250,.25);
	margin-right:6px;
	vertical-align:-1px;
}

.popupHeadBarSearch {
	margin-right:5px;
}
.popupHeadBarRestore {
	/*margin-right:18px;*/
}

.widgetVideoDetailPopUpDivLayout {
	background:rgba(0,0,0,.15);
	display:inline-block;
	width:auto;
	padding:4px 10px;
	border-radius:5px;
	height:100%;
	margin-right:15px;
}

.widgetVideoDetailPopUpDivLayout img {
	cursor:pointer;
	opacity:.7;
}

.widgetVideoDetailPopUpDivLayout img:hover {
	opacity:1;
}

.widgetVideoDetailPopUpSpanLayout {
	font-size:10px !important;
	display:inline;
}
.widgetVideoDetailPopUpSpanLayout:after {
	content:":";
}


/* INICIO tabs en css */

.tabs {
  width:100%;
  float: none;
  list-style: none;
  position: relative;
  margin:0;
  text-align: left;
}
.tabs li {
  float: left;
  display: block;
}
/*.tabs input[type="radio"] {*/
.tabs .tab_modelo {
  position: absolute;
  top: -9999px;
  left: -9999px;
}
.tabs label {
  display: block;
  padding: 8px 15px;
  border-radius: 2px 2px 0 0;
  font-size: 12px;
  font-weight: normal;
  background:white;
  cursor: pointer;
  position: relative;
  top: 22px;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  margin:0 0 0 4px;
}
.tabs label:hover {
  background:rgba(200,200,200,1);
}
.tabs .tab-content {
  z-index: 2;
  display: none;
  overflow: hidden;
  width: 100%;
  position: absolute;
  top: 53px;
  left: 0;
}
.tabs [id^="tab"]:checked + label {
  top: 18px;
  padding-top: 12px;
	background: rgba(13,99,143,1);
  color:white;
}
.tabs [id^="tab"]:checked ~ [id^="tab-content"] {
  display: block;
}

p.link {
  clear: both;
  margin: 380px 0 0 15px;
}
p.link a {
  text-transform: uppercase;
  text-decoration: none;
  display: inline-block;
  color: #fff;
  padding: 5px 10px;
  margin: 0 5px;
  background-color: #612e76;
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
p.link a:hover {
  background-color: #522764;
}
/* FINAL tabs en css */

.HtmlWidgetStoryboardTimeImg {
	display:none;
}
.HtmlWidgetStoryboardLi:hover .HtmlWidgetStoryboardTimeImg {
	display:block;
	position:absolute;
	float:left;
	margin-left:3px;
	margin-top:3px;
}
/* FINAL tabs en css */

/* INICIO modificar segmento */

.ModificarSegmentosTemplateDiv {
	width: 100%;
	height: 510px;
	z-index: 999;
	/*background-color: red;*/
	background-color:black;
	background-color:grey;
}
.ModificarSegmentoStoryboardDiv {
	width: 100%;
	height: 196px;
	display: none;
	position: relative;
	overflow-x: auto;
	overflow-y: hidden;
/*	margin:0px;
	padding:0px;*/
	box-sizing:border-box;
}
/*.ModificarSegmentoStoryboardDivTit {
	height:35px;
	line-height:35px;
	padding:0 8px 0 8px;
	margin-bottom:5px;
	background: transparent url("/imagenes/fijas/decorativo/gradient3.png") repeat-x right top;
}*/

.ModificarSegmentoStoryboardDivTit {
	height:25px;
	line-height:25px;
	margin-bottom:1px;
	border-top:solid 1px rgba(0,0,0,.5);
	display: none;
	color:black;
	text-align:center;
	font-size:15px;
	font-family:"Arial", sans-serif;

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e5e5e5+100;White+3D */
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
}


.ModificarSegmentoStoryboardUl {
	position: absolute;
	left: 0;
	white-space:nowrap;

		text-align:center;
		font-size:0;
}

.ModificarSegmentoStoryboardLiIn,
.ModificarSegmentoStoryboardLiOut {
	border: 0;
	border-collapse: collapse;
	overflow: hidden;
	/*display: table-cell;*/
	display:inline-block;
	vertical-align: middle;
	list-style-type: none;
	padding:0;
	margin: 0;
	text-align: center;
	border:solid 1px grey;
	/*width:8.26%;*/
		width:250px;
		position:relative;

		border:none;
		border-top:solid 2px rgba(0,0,0,0);
		border-bottom:solid 2px rgba(0,0,0,0);
}

.ModificarSegmentoStoryboardLiIn:hover,
.ModificarSegmentoStoryboardLiOut:hover {
	/*border:solid 1px #1975a3;*/
	border-top:solid 2px #1975a3;
	border-bottom:solid 2px #1975a3;
}

.img_tira_film {
/*	position:absolute;
	top:0;
	left:0;*/
	width:250px;
	z-index:3000;
	margin-bottom:-8px;
	opacity:1 !important;
}

.img_tira_film_inferior {
	bottom:0;
}

.ModificarSegmentoStoryboardImage {
	opacity: 1 !important;
	display: block;
	width: 100%;
	cursor:pointer;
}

.ModificarSegmentoStoryboardLiIn:first-child {
	margin-left:50px;
}

.ModificarSegmentoStoryboardLiOut:last-child {
	margin-right:50px;
}

.ModificarSegmentoStoryboardLiIn:hover .ModificarSegmentoStoryboardTime,
.ModificarSegmentoStoryboardLiOut:hover .ModificarSegmentoStoryboardTime {
	background:#1975a3;
}

.ModificarSegmentoStoryboardTime {
	position:absolute;
	top:28px;
	left:0;
	color:white;
	font-size:16px;
	font-family:sans-serif;
	background:rgba(50,50,50,1);
	width:35px;
	height:25px;
	line-height:25px;
	text-align:center;
}

.ModificarSegmentosTemplateDivButton {
	height:32px;
	text-align:right;
	padding-right:3px;
	padding-top:5px;
	background: #7d7e7d; /* Old browsers */
	background: -moz-linear-gradient(top,  #7d7e7d 0%, #1e1e1e 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #7d7e7d 0%,#1e1e1e 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #7d7e7d 0%,#1e1e1e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#1e1e1e',GradientType=0 ); /* IE6-9 */
}
@-webkit-keyframes modificarsegmento_anima {
    0%    {opacity:.5;}
    50%   {opacity:1;}
    100%  {opacity:.5;}
}

@keyframes modificarsegmento_anima {
    0%   {opacity:.5;}
    50%  {opacity:1;}
    100% {opacity:.5;}
}

.modificarsegmento-seleccionado .ModificarSegmentoStoryboardTime {
	background:cyan;
	color:black;
}

.modificarsegmento-seleccionado {
/*	-webkit-animation: modificarsegmento_anima .35s linear infinite;
	animation: modificarsegmento_anima .35s linear infinite;*/
	border-color:cyan;
	color:white;
}

.modificarsegmento-seleccionado span {
	color:white;
}

.modificarsegmento-seleccionado img {
	/*opacity:1 !important;*/
}

.ModificarSegmentosTemplateDivTitle {
	color:white;
	float:left;
	margin:4px 0 0 8px;
}

.img_fotograma {
	margin-top:5px;
	vertical-align:-8px;
	opacity:.5 !important;
	display:none;
}

.VideoDetail-CompilarSegmentos {
	overflow:hidden;
}

/* FINAL modificar segmento */

/* INICIO progreso grupos sincronizacion */

.gruposTemplateProgressContainer {
	display:block;
}

.gruposTemplateProgress {
	margin-top:15px;
	margin-bottom:5px;
	width:66%;
}

.gruposStatus {
	text-align:center;
}

.gruposTemplateTitle {
	display:block;
	background:#134b69;
	color:white;
	padding:19px 0 19px 10px;
	margin-bottom:15px;
	font-size:12px;
	font-weight:bold;
	text-align:left;
}

.gruposTemplateTitleDate {
	font-size:10px;
	font-weight:normal;
	float:right;
	text-align:right;
	margin-right:15px;
	margin-top:-8px;
	line-height:15px;
}

.gruposTemplateCantidadGrupos,
.gruposTemplateCantidadUsuarios,
.gruposTemplateGrupos,
.gruposTemplateUsuarios {
	display:inline-block;
	border:solid 1px grey;
	border-radius:4px;
	padding-bottom:15px;
	width:66%;
	vertical-align:top;
	font-size:14px;
	line-height:22px;
	margin-bottom:15px;
}

.gruposTemplateGroupTitle {
	display:block;
	background:rgba(0,0,0,.25);
	padding:5px 0 5px 0;
	margin-bottom:8px;
	font-size:14px;
	font-weight:bold;
}

/* FINAL progreso grupos sincronizacion */

/* pop up exportar segmento, pantalla catchup */
.CompilarSegmentos-configPopup-container {
	width:850px !important;
	left:50% !important;
	margin-left:-425px !important;
	height:480px !important;
	overflow-y:hidden !important;
	top:15% !important;
}


/* Ajuste de pantalla de marcas */
@media all and (min-width:1px) and (max-width:1919px) {

}

@media all and (min-width:1px) and (max-width:1640px) {
	.marcas_opt_ocultar {
		display:none !important;
	}
}

/* INICIO OTT PopUp Info */

.playlist_info_container {
	display:block;
	padding:8px;
	word-break:break-all !important;

	-webkit-user-select: all;  /* Chrome 49+ */
	-moz-user-select: all;     /* Firefox 43+ */
	-ms-user-select: all;      /* No support yet */
	user-select: all;          /* Likely future */  
	font-size:9px; 
	line-height:13px;
}

.playlist_info_container:nth-child(odd) {
	background:rgba(0,0,0,.1);
}

.playlist_info_container:hover {
	background:rgba(0,0,0,.35);
}

.playlist_info_container_firstcell {
	font-weight:bold;
}

.playlist_info_container_subtitle {
	height:20px;
}

.playlist_info_playlistscontainer {
	max-height:200px;
	overflow-y:auto;
}

.playlist_info_container_filetitle {
	display:block;
	height:30px;
	line-height:30px;
	background:rgba(0,0,0,.1);
	width:100%;
	margin-left:0;
	border-bottom:solid 1px rgba(0,0,0,.05);
/*	cursor:pointer;*/
	white-space:nowrap;
	/*overflow-x:hidden;*/
	overflow:hidden;
	text-overflow:ellipsis;
	font-size:0;
}

.playlist_info_container_filetitle:first-child {
	margin-top:5px;	
}

.playlist_info_container_filetitle strong {
	font-size:11px;
	margin-left:5px;
}

.playlist_info_container_filetitle:nth-child(odd) {
	background:rgba(0,0,0,.25);
}

.playlist_info_container_info {
	font-size:9px !important;
	overflow-x:auto;
	border:solid 1px rgba(0,0,0,.1);
	border-top:none;
	padding:8px;
	box-sizing:border-box;
	max-height:150px;
}

.playlist_title_container_info,
.playlist_info_container_info {
	width:100%;
	margin-left:0;
	font-size:0;
}

.playlist_info_item_header {
	height:25px;
	line-height:30px;
	font-weight:bold;
	border:none !important;
	margin-top:10px;
}

@media screen and (max-width:1365px) {
	.playlist_info_item_header {
		font-size:8px !important;
		overflow:hidden;
	}
}

.playlist_info_item {
	display:inline-block;
	text-align:center;
	box-sizing:border-box;
	border-right:solid 1px rgba(0,0,0,.1);
	font-size:10px;
	vertical-align:top;
}

.playlist_info_item_a {
	width:5%;
	min-height:30px;
}

.playlist_info_item_b {
	width:10%;
	min-height:30px;
}

.playlist_info_item_c {
	width:15%;
	min-height:30px;
}

.playlist_info_item_d {
	width:20%;
	min-height:30px;
}

.playlist_info_container_info_line {
	color:black;
	white-space:nowrap;
}

.playlist_info_container_info_line_color {
	color:rgba(240,0,0,1);
}

.toggle_button_style,
.playlist_info_container_filetitle_zoombuttom {
	margin:2px;
	float:right;
	-webkit-user-select: none;  /* Chrome all / Safari all */
	-moz-user-select: none;     /* Firefox all */
	-ms-user-select: none;      /* IE 10+ */
	user-select: none;          /* Likely future */
	opacity:.7;
	cursor:pointer;
	tansition:all .5s ease-in-out;
}

.toggle_button_style:hover,
.playlist_info_container_filetitle_zoombuttom:hover {
	opacity:1;
}

.stream_info_data_name,
.stream_info_data_value {
	display:inline-block;
	width:45%;
	line-height:16px;
}

.stream_info_data_name {
	text-align:right;
	padding-right:5px;
	text-transform:capitalize;
	font-weight:bold;
}

.stream_info_data_name:after {
	content:":";
}

.stream_info_data_value {
	text-align:left;
}

.td_container_items_main {
	display:block;
	width:100%;
	max-height:475px;
	overflow-y:auto;
}

.stream_info_style_container {
	text-align:center;
	width:50%;
	margin-left:25%;
}

.stream_info_style {
	text-align:center;
	margin-bottom:5px;
}

.playlist_info_container_info,
.stream_info_style {
	background:rgba(0,0,0,.10);	
}

/* FINAL OTT PopUp Info */


.contar_palabras_filtro_dest {
	background:#1a5879; 
}

.count_container_result {
	background:rgba(220,220,220,1) !important;
	height:25px;
	border-radius:5px;
	cursor:default;
}

/* INICIO playerrest */

#playerRestContainer {
	height:100%;
}

#playerRestContainer .restbutton {
	cursor:pointer;
	height:35px;
	width:35px;
}

#playerRestContainer .restbutton img {
	height:100%;
	pointer-events:none;
}

#playerRestContainer input,
#playerRestContainer .restbutton {
	vertical-align:middle;
}

#playerRestContainer input {
	border-radius:8px;
	text-align:center;
	height:28px;
	margin-top:5px;
	/*width:200px;*/
}

/*.playerRestHeaderB input {
	width:300px !important;
}*/

.inputTimeIn {
	margin-right:10px;
}
.inputTimeOut {
	margin-left:10px;
}

.playerRestHeader {
	padding-bottom:8px;
	margin-bottom:20px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e5e5e5+100;White+3D */
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
}

.playerRestHeaderA,
.playerRestHeaderB {
	text-align:center;
	min-height:40px;
	height:auto;
	padding-left:125px;
}

.playerRestHeaderCont {
	width:calc(100% - 125px);
	display:inline-block;
	font-size:0;
	vertical-align:top;
	height:auto;
}

.playerRestHeaderA {

}

.playerRestHeaderB {

}

.playerRestHeaderC {
	text-align:right;
	min-height:80px;
	height:auto;
	width:120px;
	display:inline-block;
	box-sizing:border-box;
}

.playerRestPlayerContainer {
	text-align:center;
	font-size:0;
}

.playerRestPlayer,
.playerRestButtonPrev,
.playerRestButtonNext {
	display:inline-block;
	height:70%;
	vertical-align:top;
}

.playerRestPlayer {
	background:grey;
	width:80%;
	box-sizing:border-box;
	box-shadow:1px 1px 35px rgba(0,0,0,.75);

}

.playerRestButtonPrev,
.playerRestButtonNext {
	width:10%;
}

.playerRestButtonPrev button,
.playerRestButtonNext button {
	border:solid 1px white;
/*	width:50px !important;
	height:50px !important;*/
	border-radius:25px;
	position: relative;
  	top: 50%;
  	transform: translateY(-50%);
}

.playerRestButtonPrev button img,
.playerRestButtonNext button img {
	width:75%;
}

.playerRestButtonBig {
	border:solid 1px grey;
	border-radius:5px;
	width:50px !important;
	height:50px !important;
	margin:5px 5px 5px 0;
}

.playerRestButtonPrev button,
.playerRestButtonNext button,
.playerRestButtonBig {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f1f1f1+50,e1e1e1+51,f6f6f6+100;White+Gloss+%231 */
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
}

.playerRestButtonPrev button:hover,
.playerRestButtonNext button:hover,
.playerRestButtonBig:hover {
	background:white;
}

.playerRestButtonBig img {
	width:100%;
}

.playerRestButtonDownload {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffd65e+0,febf04+100;Yellow+3D+%232 */
	background: #ffd65e; /* Old browsers */
	background: -moz-linear-gradient(top, #ffd65e 0%, #febf04 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ffd65e 0%,#febf04 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ffd65e 0%,#febf04 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd65e', endColorstr='#febf04',GradientType=0 ); /* IE6-9 */
}

.playerRestButtonDownload:hover {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffe699+0,fed65e+100 */
	background: #ffe699; /* Old browsers */
	background: -moz-linear-gradient(top, #ffe699 0%, #fed65e 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ffe699 0%,#fed65e 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ffe699 0%,#fed65e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe699', endColorstr='#fed65e',GradientType=0 ); /* IE6-9 */
}

.playerRestTextItem {
	vertical-align:-8px;
	font-size:12px;
}

.playerRestHeaderA span {
	display:inline-block;
}

#playerRestContainer button img {
	pointer-events:none !important;
}

/* FINAL playerrest */