/* mixin definitivo de todos los estilos comunes para software*/
/* Televes Basic Stylesheet */

/** ************************************* **
	@Author			Departamento de Imagen de Televes
	@Last Update	24/05/2022

	
	NOTE: 	- Only minifying this file, 10% is reduced!
			- Using gzip or deflate compression via your 
			  .htaccess, this file will be reduced by 83%


	TABLE CONTENTS
	---------------------------
	00. GENERAL
	01. COLORES GRÁFICAS
	02. BOTONES
		02.01 BOTONES PRIMARIOS Y SECUNDARIOS 
		02.02 BOTÓN CON ICONO
		02.03 BOTÓN NARANJA
		02.04 BOTÓN GRIS CLARO
		02.05 BOTÓN GRIS OSCURO
		02.06 BOTÓN NEGRO
		02.07 BOTÓN NEGRO
		02.08 TAMAÑOS DE BOTÓN0
			2.08.01 TAMAÑOS DE BOTÓN CON ICONO
		02.09 BOTÓN SOLO ICONO
		02.10 BOTÓN REDONDO
		02.11 BOTÓN BORDE NARANJA
	03. TABLAS
		03.01 COLORES CABECERAS
		03.02 TABLA CON DATOS, ORDENACIÓN, PAGINACIÓN Y BUSCADOR
		03.03 TABLE EDITABLE
	04. LISTAS
		04.01 LISTADO DESCARGAS	
	05. COLUMNAS
	06. PÁGINA DE LOGIN
	07. TOPBAR
		07.01 FECHA Y HORA
		07.02 BOTÓN HOME
		07.03 ENLACE TOPBAR
		07.04 RESPONSIVE TOPBAR
	08. BARRA DE MENÚ - HEADER
		08.01 HEADER DENTRO DE INTRANET
	09. ASIDE MENÚ LATERAL
		09.01 NIVEL 2
		09.02 NIVEL 3
		09.03 NIVEL 4
		09.04 MAYÚSCULAS EN LOS ITEMS PRINCIPALES
		09.05 HACER PEQUEÑO EL MENÚ 
			09.05.01 MENÚ PEQUEÑO HOVER
	10. NOTOPBAR - MODIFICAR EL HEADER Y EL ASIDE QUITANDO EL TOPBAR
	11. CAMBIO DE MODO (LIGHT/DARK)
	12. MIDDLE
	13. FOOTER
	14. RESPONSIVE ESTRUCTURA
	15. BREADCRUMBS
	16. RESULTADOS DE BÚSQUEDA
	17. FORMS
	18. FORM-GROUP
	19. ERROR EN FORMULARIOS
	20. ELEMENTOS DE FORMULARIO
		20.01 SELECT 2
		20.02 SELECT 2 MULTIPLE
		20.03 SWITCH CON TEXTO
		20.04 SWITCH SIN TEXTO
		20.05 RANGE DATAPICKER
		20.06 RADIO AND CHECKBOX V2
			20.06.01 RADIO AND CHECKBOX DENTRO DE TABLA EDITABLE
		20.07 DROPZONE (DRAG&DROP FILES)
		20.08 AGRUPACIÓN DE ELEMENTOS DE FORMULARIO
	21. PANELES
	22. MODALES Y ALERTAS
		22.01 ALERT INFO
		22.02 ALERT WARNING
		22.02 ALERT RIGHT
		22.02 ALERT ERROR
	23. TABS Y TABS MAX
	24. LABEL STATUS
	25. TÍTULOS
	26. TABLA LINKS Y COLLAPSE
	27. POPOVER Y TOOLTIP
		27.01 POPOVER 
		27.01 TOOLTIP
	
	
 /** ************************************* **/
 /** 00. GENERAL
 **************************************************************** **/
	body 												
	{ 
		overflow-x: hidden; 
	}

	.v-top {
		vertical-align: top;
	}
	
	a {
		color: #666;
	}
	
	a:hover {
		color: #f8a400;
	}
	
	p a, h1 a, h2 a, h3 a, h4 a {
		color: #f6a400;
	}

	p a:hover, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover {
		color: #333;
	}

	button {
		-webkit-transition: all .300s;
		-moz-transition: all .300s;
		-o-transition: all .300s;
		transition: all .300s;
	}
	
	p {
		margin-bottom: 13px !important;
	}
 /** ************************************* **/
 /** FIN GENERAL
 **************************************************************** **/	
	
 /** ************************************* **/
 /** 01. COLORES GRÁFICAS
 **************************************************************** **/
	.graf-color-1 {
		background-color: #42A5F5;
	}

	.graf-color-2 {
		background-color: #C0CA33;
	}

	.graf-color-3 {
		background-color: #F57C00;
	}

	.graf-color-4 {
		background-color: #90A4AE;
	}

	.graf-color-5 {
		background-color: #EC407A;
	}

	.graf-color-6 {
		background-color: #8D6BD6;
	}

	.graf-color-7 {
		background-color: #0D47A1;
	}

	.graf-color-8 {
		background-color: #777B2A;
	}

	.graf-color-9 {
		background-color: #D84315;
	}

	.graf-color-10 {
		background-color: #666666;
	}
 /** ************************************* **/
 /** FIN COLORES GRÁFICAS
 **************************************************************** **/	

/** ************************************* **/
 /** 02. BOTONES
 **************************************************************** **/
	.btn.active, .btn:active {
		-webkit-box-shadow: none;
		box-shadow: none;
	}
	/* 02.01 BOTONES PRIMARIOS Y SECUNDARIOS */
		.btn-primary, .btn-secondary {
			display: inline-block;
			font-weight: 400;
			font-size: 14px;
			padding: 9px 12px;
			text-align: center;
			white-space: nowrap;
			vertical-align: middle;
			-ms-touch-action: manipulation;
			touch-action: manipulation;
			cursor: pointer;
			-webkit-user-select: none;
			-moz-user-select: none;
			-ms-user-select: none;
			user-select: none;
			background-image: none;
			/*border-radius: 0; tredess*/
			border-radius: 4px;
			line-height: 18px;
			vertical-align: top;
			height: 40px;
		}
		
		.panel-heading .btn-secondary {
			float: right;
			margin-top: -10px !important;
		}
		
		.btn-primary:hover, .btn-secondary:hover, .btn-primary:focus, .btn-primary:focus {
			background-color: #333 !important;
			color: #fff;
			border: 1px solid #ddd;
		}
		
		.btn-primary {
			border: 1px solid transparent;
			background-color: #f6a400;
			color: #fff;
		}
		
		.btn-primary span, .btn-secondary span {
			vertical-align: middle;
		}
		
		.panel-heading .btn-secondary span {
			font-family: 'Open Sans',Arial,Helvetica,sans-serif !important;
			letter-spacing: normal;
		}
		
		.btn-secondary {
			border: 1px solid #ddd;
			background-color: #f8f8f8;
			color: #666;
		}
		
		.btn.noradius {
			-webkit-border-radius: 0;
			   -moz-border-radius: 0;
					border-radius: 0;
		}

		.btn {
			line-height: 26px;
		}
	/* FIN BOTONES PRIMARIOS Y SECUNDARIOS */
	
	/* 02.02 BOTÓN CON ICONO */
		.btn-primary > i, .btn-secondary > i {
			font-size: 15px;
			padding-right: 7px;
			vertical-align: middle;
		}
		
		.panel-heading .btn-secondary > i {
			padding-right: 5px;
		}		
		
		.btn > i { 
			padding-right: 5px;
		}
		
		.anima-top {
			display: inline-block;
			-webkit-transform: perspective(0px) translateZ(0);
			transform: perspective(0px) translateZ(0);
			position: relative;
			overflow: hidden;
		}

		.anima-top::before {
			content: "";
			position: absolute;
			z-index: -1;
			left: 51%;
			right: 50%;
			top: 0;
			background: #F6A400;
			height: 4px;
			-webkit-transition-property: left, right;
			transition-property: left, right;
			-webkit-transition-duration: 0.3s;
			transition-duration: 0.3s;
			-webkit-transition-timing-function: ease-out;
			transition-timing-function: ease-out;
			z-index: 999;
		}
		
		.anima-top:hover::before {
			left: 0;
			right: 0;
		}
	/* FIN BOTÓN CON ICONO */
	
	/* 02.03 BOTÓN NARANJA */
		.btn.bg-orange {
			background-color: #f6a400;
			color: #fff;
			border: 1px solid transparent;
		}

		.btn.bg-orange:hover {
			background-color: #f8f8f8 !important;
			color: #333;
			border: 1px solid #ddd;
		}
		
		.ico-noborder .btn.bg-orange {
			background-color: transparent !important;
			color: #f6a400;
			border: 0;
		}
		
		.ico-noborder .btn.bg-orange:hover {
			background-color: transparent;
			color: #333;
			border: 0;
		}
	/* FIN BOTÓN NARANJA */
	
	/* 02.04 BOTÓN GRIS CLARO */
		.btn.bg-gris2 {
			background-color: #fff;
			color: #666;
			border: 1px solid #ddd;
		}
		
		.btn.bg-gris2:hover {
			background-color: #f8f8f8;
			color: #333 !important;
			border: 1px solid #ccc;
		}
		
		.ico-noborder .btn.bg-gris2 {
			background-color: transparent;
			color: #666;
			border: 0;
		}
		
		.ico-noborder .btn.bg-gris2:hover {
			background-color: transparent;
			color: #000;
			border: 0;
		}
	/* FIN BOTÓN GRIS CLARO */
	
	/* 02.05 BOTÓN GRIS OSCURO */
		.btn.bg-gris1 {
			background-color: #333;
			color: #ddd;
			border: 1px solid #ddd;
		}
		
		.btn.bg-gris1:hover {
			background-color: #333;
			color: #fff !important;
			border: 1px solid #ccc;
		}
	/* FIN BOTÓN GRIS OSCURO */	
	
	/* 02.06 BOTÓN NEGRO */
		.btn.bg-black {
			background-color: #000 !important;
			color: #fff;
			border: 1px solid transparent;
		}
		
		.btn.bg-black:hover, .btn.bg-black:hover {
			background-color: #f8f8f8 !important;
			color: #333;
			border: 1px solid #ccc;
		}
		
		.ico-noborder .btn.bg-black {
			background-color: transparent !important;
			color: #000;
			border: 0;
		}
		
		.ico-noborder .btn.bg-black:hover {
			background-color: transparent !important;
			color: #666;
			border: 0;
		}
	/* FIN BOTÓN NEGRO */	
	
	/* 02.07 BOTÓN BLANCO */
		.btn.bg-white {
			background-color: white !important;
			color: #333;
			border: 1px solid #ddd;
		}
		
		.btn.bg-white:hover {
			background-color: #f6a400 !important;
			color: #fff;
			border: 1px solid #f6a400;
		}
		
		.ico-noborder .btn.bg-white {
			background-color: transparent !important;
			color: #666;
			border: 0;
		}
		
		.ico-noborder .btn.bg-white:hover {
			background-color: transparent !important;
			color: #f6a400;
			border: 0;
		}
	/* FIN BOTÓN BLANCO */	

	/* 02.08 TAMAÑOS DE BOTÓN */
		.btn {
			font-size: 17px;
			padding: 6px 12px;
		}
		
		.btn.btn-sm {
			font-size: 12px;
			padding: 5px 10px;
		}
		
		.btn.btn-lg {
			font-size: 32px;
			padding: 10px 15px;
		}
		
		/* 02.08.01 TAMAÑOS DE BOTÓN CON ICONO */
			.btn span {
				vertical-align: top;
			}

			.btn.btn-ico-text i {
				padding-right: 10px;
				font-size: 24px;
				line-height: 26px;
			}
			
			.btn.btn-ico-text-sm {
				font-size: 12px;
				padding: 5px 10px;
			}
			
			.btn.btn-ico-text-sm i {
				font-size: 15px;
				padding-right: 10px;
			}
			
			.btn.btn-ico-text-lg {
				font-size: 32px;
				padding: 10px 15px;
			}
			
			.btn.btn-ico-text-lg i {
				font-size: 40px;
				padding-right: 10px;
			}
		/* FIN TAMAÑO DE BOTÓN CON ICONO */	
	/* FIN TAMAÑOS DE BOTÓN */
	
	/* 02.09 BOTÓN SOLO ICONO */
		.btn.btn-ico-sm {
			height: 30px;
			width: 30px;
			font-size: 15px;
			line-height: 30px;
			padding: 0;
		}
		
		.btn.btn-ico {
			width: 65px;
			height: 65px;
			font-size: 24px;
			line-height: 65px;
			padding: 0;
		}
		
		.btn.btn-ico-lg {
			height: 100px;
			width: 100px;
			font-size: 40px;
			line-height: 90px;
		}
		
		.btn.btn-ico-sm i, .btn.btn-ico i, .btn.btn-ico-lg i {
			padding: 0;
		}
		
		table.ico-noborder .btn.btn-ico-sm , table.ico-noborder .btn.btn-ico, table.ico-noborder .btn.btn-ico-lg  {
			height: auto;
			width: auto;
		}
	/* FIN BOTÓN SOLO ICONO */
	
	/* 02.10 BOTÓN REDONDO */
		.btn.btn-r {
			-webkit-border-radius: 50% !important;
			-moz-border-radius: 50% !important;
			border-radius: 50% !important;
		}
	/* FIN BOTÓN REDONDO */
	
	/* 02.11 BOTÓN BORDE NARANJA */
		table.table-hover.anima-orange tr, .anima-orange a {
			border-left: 2px solid transparent;
		}
		
		table.table-hover.anima-orange > tbody > tr:hover, .anima-orange a:hover {
			border-left: 2px solid #f6a400;
		}
	/* FIN BOTÓN BORDE NARANJA */
 /** ************************************* **/
 /** FIN BOTONES
 **************************************************************** **/

/** ************************************* **/
 /** 03. TABLAS
 **************************************************************** **/
	.table-responsive {
		width: 100%;
	}

	.table {
		color: #666;
	}
		
	.table-condensed > tbody > tr > td, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > td, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > thead > tr > th {
		padding: 5px;
	}

	.table-hover.table-bordered  tbody tr {
		border-left: 1px solid #ddd;
	}
	
	.table thead tr th:not(:last-child) {
		border-right: 0;
	}
	
	.table-nobordered {
		border: 1px solid transparent;
	}
	
	.table-hover tbody tr:hover {
		background-color: #f8f8f8;
	}

	.table-hover.table-bordered  tbody tr:hover {
		border-left: 1px solid #ddd;
	}
	
	.table-hover.hover-orange tbody tr:hover td, .table-hover.hover-orange tbody tr:hover th {
		background-color: #f6a400;
		cursor: pointer;
		color: #333333;
	}	
	
	.table > tbody > tr > td {
		vertical-align: middle;
	}
	
	.table thead.bg-gris {
		font-variant-caps: all-small-caps;
	}
	
	table {
		border-bottom: 1px solid #ddd !important;
	}
	
	table .btn {
		margin: 0 3px;
	}

	table .btn.btn-ico-sm {
			line-height: 20px;
	}	
	
	/* 03.01 COLORES CABECERAS */
		.table thead {
			background-color: transparent;
		}
		
		.table thead.bg-orange {
			background-color: #f6a400;
			color: #fff;
		}
		
		.table thead.bg-black {
			background-color: #000;
			color: #fff;
		}
		
		.table thead.bg-gris {
			background-color: #666;
			color: #fff;
		}
		
		.table thead.bg-g9 {
			background-color: #eeeeee;
		}
		
		.table thead.bg-orange tr th:not(:last-child), .table thead.bg-black tr th:not(:last-child), .table thead.bg-gris tr th:not(:last-child) {
			border-right: 1px solid #fff;
		}
	/* FIN COLORES CABECERAS */
	
	/* 03.02 TABLA CON DATOS, ORDENACIÓN, PAGINACIÓN Y BUSCADOR */		
		.dataTables_wrapper {
			margin-top: 10px;
		}
		
		.dataTables_wrapper .row:first-child {
			display: flex;
			margin-bottom: 30px;
		}
		
		.dataTables_wrapper .row:last-child {
			margin-top: 30px;
		}
		
		.dataTables_wrapper table.dataTable {
			overflow-x: auto;
		}
		
		.dataTables_wrapper table.dataTable thead th {
			background-color: #eee;
		}
		
		.dataTables_wrapper table.dataTable thead .sorting, .dataTables_wrapper table.dataTable thead .sorting_asc, .dataTables_wrapper table.dataTable thead .sorting_desc {
			cursor: pointer;
			padding-right: 20px;
		}
		
		.dataTables_wrapper table.dataTable thead .sorting {
			background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAALNJREFUeNpiYBjS4OyZMwHEqGMiwiADILUeSBdQbBgQ9EPpeqCBAmQbBnWNA5QLMmg+PvWMeAwCab4PNQQZOBqbmBwg1WX9WAwCgfm4vMuEw1UgryXgsEQBiLFGBgseDY2kJiF8htnj0feBFMM2gJICHsMaSY3NfhxhcwEYm4akxibI9gdYxAtJTrRA2z9g0TgBVxojmAOAGjdAww8W6I2U5s1CqEGJUNdSXAQ50L3cAwgwACALNDVuvPYVAAAAAElFTkSuQmCC');
			background-repeat: no-repeat;
			background-position: center right;
		}
		
		.dataTables_wrapper table.dataTable thead .sorting_asc {
			background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAAV1BMVEVMaXH////jmAbjmAbjmAbjmAb////////jmAbjmAbjmAb////////////jmAb////////////jmAb////jmAb////jmAbjmAb////////jmAb////jmAaV3xF6AAAAG3RSTlMAcBCwUEBQgMDwkPCwECAwIMDg4NCQcIBAYDD94oafAAAACXBIWXMAAAsSAAALEgHS3X78AAAAaUlEQVQYlZ3PyQ6AIAxF0YIzzvPw+v/faUAXWExMvMuT0Bb6UfrypIUKtUfZSVMAKmF1CQBibGUNY+3b5gyYfdyzOx/X/Cry8eCr5bHIOJye2/VgMRGHxsxsgm9GXOgAmyIOjEgO/I6ITmUTBnRS+XPwAAAAAElFTkSuQmCC');
			background-repeat: no-repeat;
			background-position: center right;
			background-color: #f6a400;
			color: #fff;
		}
		
		.dataTables_wrapper table.dataTable thead .sorting_desc {
			background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAAV1BMVEVMaXHjmAb////////////////jmAbjmAb////////////jmAbjmAbjmAb////jmAbjmAbjmAb////jmAbjmAb////////////////jmAbjmAbjmAb///9e/fo4AAAAG3RSTlMAcBCwUEBQgMDwkPCwECAwIMDgkOBw0IAwYECbRi8lAAAACXBIWXMAAAsSAAALEgHS3X78AAAAaUlEQVQYlZ3PyQ6AIAxF0YIzzvPw+v/faUAXWExMvMuT0Bb6UfrypIUKtUfZSVMAKmF1CQBibGUNU+3b4QwYfdyzOx/X/CryceOr+bHIOFye2/VgMRGHxsxsgm9GXOgAmyIOjEgO/I6ITmVABnR/fs3GAAAAAElFTkSuQmCC');
			background-repeat: no-repeat;
			background-position: center right;
			background-color: #f6a400;
			color: #fff;
		}
		
		.dataTables_wrapper .table-scrollable table {
			margin: 0;
		}
		
		.table-scrollable {
			overflow-x: auto;
		}
			
		.dataTables_wrapper .row:first-child div:first-child {
			order: 2;
		}
		
		.dataTables_wrapper .row:first-child div:last-child {
			order: 1;
		}
		
		.dataTables_wrapper .row:first-child div:last-child .dataTables_filter label:after {
			font-family: 'televes-software' !important;
			font-size: 10px;
			content: "\e912";
			padding: 12px 12px 6px 12px;
			font-size: 14px;
			font-weight: 400;
			line-height: 1;
			color: #555;
			text-align: center;
			background-color: #eee;
			border: 1px solid #ccc;
			border-left: 0;
			border-radius: 0 4px 4px 0;
			height: 40px;
		}
		
		.dataTables_wrapper .dataTables_filter label input:focus {
			border-right: 1px solid #e4e4e4;
		}
		
		.dataTables_wrapper .dataTables_length {
			float: right;
		}
		
		.dataTables_wrapper label {
			display: flex;
			align-items: center;
		}
		
		.dataTables_wrapper .dataTables_filter label input, .dataTables_wrapper .dataTables_length label select {
			margin: 0 15px;
		}
		
		.dataTables_wrapper .dataTables_length label select {
			min-width: 60px;
		}
		
		.dataTables_wrapper .dataTables_filter label input {
			margin-right: 0;
		}
		
		.dataTables_wrapper .dataTables_info {
			height: 40px;
			display: flex;
			align-items: end;
		}
		
		.dataTables_wrapper .dataTables_paginate {
			float: right;
		}
		
		.dataTables_wrapper .dataTables_paginate ul.pagination {
			margin: 0;
		}
		
		.dataTables_wrapper .dataTables_paginate ul.pagination li.prev i.fa.fa-angle-double-left, .dataTables_wrapper .dataTables_paginate ul.pagination li.prev i.fa.fa-angle-left, .dataTables_wrapper .dataTables_paginate ul.pagination li.next i.fa.fa-angle-double-right, .dataTables_wrapper .dataTables_paginate ul.pagination li.next i.fa.fa-angle-right {
			font-family: 'televes-software' !important;
			font-size: 8px;
			font-style: normal;
		}
		
		.dataTables_wrapper .dataTables_paginate ul.pagination li.prev i.fa.fa-angle-double-left {
			transform: rotate(-90deg);
		}
		
		.dataTables_wrapper .dataTables_paginate ul.pagination li.next i.fa.fa-angle-double-right {
			transform: rotate(90deg);
		}
		
		.dataTables_wrapper .dataTables_paginate ul.pagination li.prev i.fa.fa-angle-double-left:before, .dataTables_wrapper .dataTables_paginate ul.pagination li.next i.fa.fa-angle-double-right:before {
			content: "\e90e";
		}
		
		.dataTables_wrapper .dataTables_paginate ul.pagination li.prev i.fa.fa-angle-left:before {
			content: "\e901";
		}
		
		.dataTables_wrapper .dataTables_paginate ul.pagination li.next i.fa.fa-angle-right:before {
			content: "\e902";
		}
		
		.dataTables_wrapper .dataTables_paginate ul.pagination li a {
			display: flex;
			width: 36px;
			height: 36px;
			background-color: transparent;
			border-color: #ddd;
			padding: 0;
			color: #666;
			align-items: center;
			text-align: center;
			justify-content: center;
		}
		
		.dataTables_wrapper .dataTables_paginate ul.pagination li a:hover {
			background-color: #333;
			color: #fff;
			border: 1px solid #ddd;
		}
		
		.dataTables_wrapper .dataTables_paginate ul.pagination li.active a, .dataTables_wrapper .dataTables_paginate ul.pagination li.active a:hover {
			color: #fff;
			background-color: #f6a400;
			border-color: #f6a400;
		}
		
		.dataTables_wrapper .dataTables_paginate ul.pagination li.active a:hover {
			cursor: default;
		}
		
		.dataTables_wrapper .dataTables_paginate ul.pagination li.disabled a {
			color: #ddd;
		}
		
		.dataTables_wrapper .dataTables_paginate ul.pagination li.disabled a:hover {
			background-color: transparent;
		}
		
		@media (max-width: 530px) {
			.dataTables_wrapper .row:first-child {
				flex-flow: column;
			}
			
			.dataTables_wrapper .row:first-child div:last-child, .dataTables_wrapper .dataTables_info {
				margin-bottom: 5px;
			}
			
			.dataTables_wrapper .row:first-child div:first-child, .dataTables_wrapper .dataTables_paginate {
				display: flex;
				justify-content: center;
			}
			
			.dataTables_wrapper .dataTables_paginate, .dataTables_wrapper .dataTables_length {
				float: none;
			}
			
			.dataTables_wrapper .row:first-child {
				margin-bottom: 10px;
			}
			
			.dataTables_wrapper .row:last-child {
				margin-top: 0;
			}
			
			.dataTables_wrapper .dataTables_info {
				justify-content: center;
				margin-bottom: 10px;
			}
		}
	/* FIN TABLA CON DATOS, ORDENACIÓN, PAGINACIÓN Y BUSCADOR */

	/* 03.03 TABLE EDITABLE */
		table.table-editable{
			border-collapse: separate;
			border-spacing: 0px;
		}

		table.table-editable tr td {
			padding: 0;
			border: 1px solid #212121;
		} 
		
		table.table-editable >thead>tr{
			background-color:#f8f8f8;
		}
		
		table.table-editable>thead>tr>th {
			border-bottom: 1px solid #ccc;
		}

		table.table-editable >tbody>tr>td.td-noeditable{
			border: 1px solid #ccc;
			padding: 8px;
		}

		table.table-editable span.input-group-addon {
			border-radius: 0;
			border: 0;
		}

		table.table-editable span.form-inline .select {
			width: 100%;
		}

		table.table-editable span.form-inline {
			display: flex;
			align-items: baseline;
		}

		table.table-editable span.form-inline strong {
			width: 100%;
		}

		.table-editable td .label.checkbox,
		.table-editable td .form-control {
			border: 1px solid transparent;
		}

		.table-editable label.checkbox {
			margin: 0;
			padding: 0;
			display: flex;
			width: 100%;
			justify-content: center;
			align-items: center;
		}

		.table-editable .radio i, .table-editable  .checkbox i {
			position: relative;
			left: auto;
			display: block;
			width: 19px;
			height: 19px;
			outline: none;
			border-width: 2px;
			border-style: solid;
			border-color: rgba(0,0,0,0.3);
			background: rgba(255,255,255,0.3);
			margin: 0 auto;
		}

		.table-editable textarea{
			resize:vertical; 
		}
	/* FIN TABLE EDITABLE */
 /** ************************************* **/
 /** FIN TABLAS
 **************************************************************** **/

/** ************************************* **/
 /** 04. LISTAS
 **************************************************************** **/
	ul > li, ol > li {
		margin-top: 0;
	}
	
	ul.columnize-2.sin-divisor, .columnize-3.sin-divisor {
		-webkit-column-rule: unset;
		-moz-column-rule: 1px solid rgba(0,0,0,0.05);
		column-rule: unset;
	}
	
	.columnize-2 {
		column-gap: 6em;
	}
	/* 04.01 LISTADO DESCARGAS */
		.listado-descargas {
			display: flex;
			flex-wrap: wrap;
			list-style: none;
			padding-left: 0;
		}
		
		.listado-descargas li {
			display: flex;
			max-width: 350px;
		}
		
		.listado-descargas li a {
			border-left: 3px solid transparent;
			margin: 0 15px 15px 0;
			padding: 10px;
		}
		
		.listado-descargas li a:hover {
			border-radius: 4px;
			background-color: #f8f8f8;
			border-left: 3px solid #f6a400;
			border-radius: 0;
		}
		
		.listado-descargas li i {
			color: #999;
			font-size: 32px !important;
			margin-right: 10px;
			line-height: 42px;
			float: left;
		}
		
		.listado-descargas li .titulo-descarga {
			font-size: 14px;
			font-weight: bold;
			color: black;
		}
		
		.listado-descargas li .subtitulo-descarga {
			font-size: 12px;
			color: gray;
			word-break: break-all;
		}
		
		.tamanoFichero {
			font-style: italic;
			font-weight: 600;
		}
	/* FIN LISTADO DESCARGAS */
 /** ************************************* **/
 /** FIN LISTAS
 **************************************************************** **/
	
 /** ************************************* **/
 /** 05. COLUMNAS
 **************************************************************** **/	
	.col-xs-5th, .col-sm-5th, .col-md-5th, .col-lg-5th {
		position: relative;
		min-height: 1px;
		padding-right: 10px;
		padding-left: 10px;
		width: 20%;
		float: left;
	}
	
	.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
		position: relative;
		min-height: 1px;
		padding-right: 15px;
		padding-left: 15px;
	}
 /** ************************************* **/
 /** FIN COLUMNAS
 **************************************************************** **/
 
 /** ************************************* **/
 /** 06. PÁGINA DE LOGIN
 **************************************************************** **/
	.fondo-login {
		min-height: 100vh;
	}	
	
	.fondo-login #topBar {
		background-color: transparent;
		z-index: 99;
	}
	
	.fondo-login .content-login {
		margin-top: 5%;
	}
	
	.fondo-login .login-box {
		max-width: 350px;
		margin: auto;
		margin-top: 2.5%;
	}
	
	.fondo-login .nombre, .fondo-login .pass {
		/*margin-top: 15px; tredess problema focus nos inputs por culpa de iconos televes*/
		padding-left: 10px;
		padding-right: 10px;
	}
	
	.fondo-login .form-control {
		border-width: 1px;
		height: 40px;
		border-radius: 4px;
	}
	
	.fondo-login .ico-login {
		display: inline-block;
		font: normal normal normal 14px/1 FontAwesome;
        font-size: 14px;
		line-height: 1;
		font-size: inherit;
		text-rendering: auto;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		position: relative;
		top: 35px;
		left: 42%;
		width: 29px;
		height: 29px;
		font-size: 15px;
		line-height: 29px;
		text-align: center;
		right: 10px;
		padding-left: 10px;
		border-left-width: 1px;
		border-left-style: solid;
	}
	
	.fondo-login .form-control:focus {
		outline: 0;
		border-color: #F6A400;
		-webkit-box-shadow: inset 0 1px 1px rgba(246, 164, 0, 0.3), 0 0 8px rgba(246, 164, 0, 0.3);
		box-shadow: inset 0 1px 1px rgba(246, 164, 0, 0.3), 0 0 8px rgba(246, 164, 0, 0.3);
	}
	
	.fondo-login fieldset {
		margin-bottom: 0;
	}
	
	.fondo-login .btn-login {
		border: none;
		color: white;
		background-color: #f6a400;
		font-weight: 500;
		font-size: large;
		-webkit-transition: background-color 300ms linear;
		-ms-transition: background-color 300ms linear;
		transition: background-color 300ms linear;
		margin: 0;
		height: 40px;
	}
	
	.hover-linea {
		display: inline-block;
		vertical-align: middle;
		-webkit-transform: perspective(1px) translateZ(0);
		transform: perspective(1px) translateZ(0);
		box-shadow: 0 0 1px transparent;
		position: relative;
		overflow: hidden;
	}
	
	.hover-linea:hover {
		-webkit-transition: background-color 300ms linear;
		-ms-transition: background-color 300ms linear;
		transition: background-color 300ms linear;
		border: 1px solid #f6a400;
	}
	
	.hover-linea::before {
		content: "";
		position: absolute;
		z-index: -1;
		left: 50%;
		right: 50%;
		top: 0;
		height: 3px;
		-webkit-transition-property: left, right;
		transition-property: left, right;
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
		-webkit-transition-timing-function: ease-out;
		transition-timing-function: ease-out;
		background: #F6A400;
	}
	
	.hover-linea:hover::before, .hover-linea:focus::before, .hover-linea:active::before {
		left: 0;
		right: 0;
	}
	
	#link-register, #link-forgot-passwd {
		display: block;
		text-decoration: none;
	}
	
	#link-register:hover, #link-forgot-passwd:hover {
		color: #f6a400;
	}
	
	.fondo-login label.checkbox {
		display: inline-block;
		font-weight: 700;
		font-size: 14px;
	}
		
	.fondo-login label.checkbox i{
		background-color: #fff;
		border-color: rgba(0,0,0,8);
	}
	
	.fondo-login .mensaje-error {
		padding-left: 30px;
		padding-right: 30px;
		border-radius: 4px;
		margin-left: 10px;
		margin-right: 10px;
		padding-top: 10px;
		padding-bottom: 10px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		border: 1px solid #ff1d25;
	}
	
	.fondo-login .mensaje-error i {
		color: #ff1d25;
	}
	
	.fondo-login .mensaje-error .ico-error {
		margin-left: -15px;
		margin-right: 10px;
		padding-right: 5px;
		font-size: 20px;
	}
	
	.fondo-login .mensaje-error .texto-mensaje {
		padding-left: 10px;
		text-align: left;
		border-left: 1px solid #ff1d25;
	}
	
	.fondo-login div.alert-ext-icon {
		background-color: transparent !important;
	}
	
	.fondo-login div.alert-ext-icon .alert-error-icon, .fondo-login div.alert-ext-icon .alert-error-text {
		border: 1px solid #e65848 !important;
	}
	
	.fondo-login div.alert-ext-icon .alert-right-icon, .fondo-login div.alert-ext-icon .alert-right-text {
		border: 1px solid #5c9732 !important;
	}
	
	.fondo-login div.alert-ext-icon .alert-error-text, .fondo-login div.alert-ext-icon .alert-right-text {
		width: 100%;
		color: #333;
	}
 /** ************************************* **/
 /** FIN PÁGINA DE LOGIN
 **************************************************************** **/
 
 /** ************************************* **/
 /** 07. TOPBAR
 **************************************************************** **/
	#topBar{
		position: relative;
		z-index: 9999;
		height: 40px;
	}

	#topBar ul.top-links>li:hover >.dropdown-menu,
	#mainMenu ul.top-links>li:hover >.dropdown-menu {
		display:block !important;
	}


	#topBar ul {
		margin: 0px;
	}

	.logo-televes img {
		max-height: 30px;
		margin-right: 20px;
		padding-top: 10px;
		height: 30px;
	}
	
	#topBar ul.top-links {
		display: flex;
		height: 40px;
		align-items: center;
		float: left;
		margin: 0;
	}
	
	#topBar ul.top-links > li {
		padding: 0;
		display: inline-block;
		margin-left: -3px;
		position: relative;
		width: 274px; /* TRedess para a hora no ancho de aside */
	}
	
	#topBar	li.selector-idioma.open ul {
		min-width: 110px;
	}
	
	#topBar ul.top-links > li > a {
		padding: 10px;
		font-size: 12px;
		display: block;
		text-decoration: none;
		height: 39px;
	}

	#topBar ul.top-links > li > a > img.flag-lang {
		float: left;
		margin-top: 3px;
		margin-right: 6px;
	}
	
	#topBar ul.top-links > li .dropdown-menu {
		z-index: 3000;
	}
	
	#topBar ul.dropdown-menu {
		min-width: 110px;
		margin: 0;
		padding: 0;
		margin-left: -1px;
	}
	
	ul.dropdown-langs.dropdown-menu {
		border-top: none;
	}
	
	#topBar ul.dropdown-langs > li > a {
		padding: 4px 9px;
		font-size: 12px;
	}
	
	#topBar ul.dropdown-langs li a img{
		margin-right: 2px;
	}
	
	#topBar ul.dropdown-menu > li.divider {
		margin: 0;
		padding: 0;
		border-bottom: 0;
		height: 1px;
	}
	
	#topBar ul > li, ol > li {
		margin-top: 0;
		margin-bottom: 0;
	}
	
	#topBar img {
		margin-bottom: 0;
	}
	
	.fecha-intranet {
		font-weight: 200;	
	}
	
	.hora-intranet {
		font-weight: 500 !important;
	}
	
	/* 07.01 FECHA Y HORA */
		#topBar .fecha-hora {
			display: block;
			/*padding: 10px 20px; TRedess */
			padding: 10px 10px;
			font-size: 12px;
			text-decoration: none;
			font-family: 'Open Sans',Arial,Helvetica,sans-serif;
			height: 39px;
			text-align: center; /* TRedess: ao quitar as bandeiras centramos a hora */
		}
	/* FIN FECHA Y HORA */	

	/* 07.02 BOTÓN HOME */
		#topBar ul.top-links > li.home_link {
			border-right: 0 !important;
		}
		
		#topBar ul.top-links > li.home_link > a {
			display: inline-block;
			vertical-align: middle;
			padding-top: 0;
			padding-bottom: 0;
		}
		
		#topBar ul.top-links > li.home_link > a:hover {
			color: #f6a400;
			background-color: transparent;
		}
		
		#topBar ul.top-links > li.home_link > a > i {
			margin-left: 10px;
			font-size: 20px;
		}
	/* FIN BOTÓN HOME */
		
	/* 07.03 ENLACE TOPBAR */
		#topBar  .topbar-link {
			margin-right: 20px;
			border-right: rgba(0,0,0,0.05) 1px solid;
			height: 39px;
			padding-top: 10px;
			padding-right: 25px;
		}

		#topBar  .topbar-link i{
			padding-right: 5px;
		}
		
		#topBar  .topbar-link a:hover{
			color: #f6a400;
		}
	/* FIN ENLACE TOPBAR */
	
	/* 07.04 RESPONSIVE TOPBAR */
		@media only screen and (min-width: 768px){
			#topBar {
				text-align:center;
			}
			#topBar ul.top-links {
				display:inline-block;
				margin:0 auto;
			}
			#topBar ul.top-links>li:last-child>a {
				border-right:0;
			}
		}
		
		@media only screen and (max-width: 480px) {
			#footer h4 {
				margin-top:60px;
				display:block;
			}
			#footer .mobile-block {
				margin-bottom:25px !important;
			}
			#footer.footer-fixed .mobile-block {
				margin-bottom:0 !important;
			}
			#footer .copyright {
				text-align:center;
			}
		}
		
		@media only screen and (max-width: 334px) {
			.barra-idioma{
				margin-top:0px;
				margin-right: 0px;
			}
		}
	/* FIN RESPONSIVE TOPBAR */
 /** ************************************* **/
 /** FIN TOPBAR
 **************************************************************** **/	

 /** ************************************* **/
 /** 08. BARRA DE MENÚ - HEADER
 **************************************************************** **/
	#header, #header-app {
		position: relative;
		z-index: 100;
		height: 110px;
		z-index: 999;
		width: 100%;
	}
	
	#header.fixed {
		position: fixed;
		height: 70px;
	}
	
	#header.fixed #topBar {
		display: none;
	}
	
	#mobileMenuBtn {
		float: left;
		height: 69px;
		width: 50px;
		font-size: 18px;
		-webkit-transition: 0s;
		-moz-transition: 0s;
		-o-transition: 0s;
		transition: 0s;
	}
	
	nav.nav-header {
		display: flex;
		justify-content: space-between;
	}
	
	#buscadores {
    
    height: 70px;
    display: flex;
	}
	
	#buscador-min .dropdown-menu {
    min-width: 350px;
    padding: 15px;
	}
	
	#buscador-min .dropdown-menu .buscar {
    min-width: 320px;
    height: 60px;
    margin-left: 4px;
    padding-top: 5px;
    padding-bottom: 5px;
	}
	
	#buscador-min .dropdown-menu .buscar input{
		min-width: 200px;
	}
	
	#buscador-min .dropdown-menu .input-group {
    min-width: 320px;
	}
	
	body.menu-open.nomenu #mobileMenuBtn::before,
	body.menu-open #mobileMenuBtn::before,
	#mobileMenuBtn::before {
		font-family: 'televes-software';
		content: "\e908"; /* x */
	}

	#mobileMenuBtn.active::before,
	body.nomenu #mobileMenuBtn::before {
		font-family: 'televes-software';
		content: "\e906"; /* = */
	}	
	
	#header .logo {
		display: flex;
		flex-direction: row;
		justify-content: left;
		align-items: center;
		height: 70px;
		min-width: 202px;
		padding-left: 20px;
		font-size:22px;
		width: 220px; /* TRedess 50px+220px = 270px - width aside */
	}
	
	#header .logo-intranet-app, #header-app .logo-intranet-app  {
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		height: 70px;
		padding: 0 20px 0 20px;
		border-right: rgba(0, 0, 0, 0.05) 1px solid;
		font-family: 'Raleway', 'Open Sans', Arial, Helvetica, sans-serif;
		text-transform: uppercase;
		color: #666 !important;
	}
	
	#header .text {
		display: flex;
		flex-direction: row;
		align-items: center;
		font-size: 30px;
		font-weight: 700;
		padding-left: 20px;
		height: 100%;
	}
	
	#header .logo img {
		margin-bottom: 0;
		max-width: 150px;
	}
	
	#header form.search {
		margin-left: 18px;
		padding: 0;
	}
	
	#header form > select, #header form > input, #header form > textarea {
		margin-bottom: 0;
	}
	
	.buscar, .user-opciones, .zona-alertas {
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		height: 70px;
	}
	
	buscar, .user-opciones, .zona-alertas {
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		height: 70px;
	}
	
	#header form.search > input {
		color: #fff;
		height: 34px;
		line-height: 50px;
		padding: 14px;
		border: 1px solid lightgrey;
		background: white;
	}
	
	#header nav ul li a {
		position: relative;
	}
	
	.buscar > input {
		height: 54% !important;
		width: 250px;
	}
	.buscar .input-group-addon {
		border-radius: 0;
	}

	#header nav .dropdown-toggle {
		color: #c2c9c9;
		margin: 0 !important;
		padding: 0px !important;
		height: 70px!important;
		display: flex;
		align-items: center;
		justify-content: center;
		
	}
	
	#header nav .dropdown>a {
		color: #c2c9c9;
		padding-left: 20px!important;
		padding-right: 20px!important;
	}
	#header nav .dropdown>a:hover {
		color: #fff;
	}

	#header nav .dropdown {
		margin: 0px;
	}


	#header nav .dropdown-menu>li>a{
		border-left: 2px solid transparent;
	}

	#header nav .dropdown-menu>li>a:focus,
	#header nav .dropdown-menu>li>a:hover {
		text-decoration: none;
		border-left: 2px solid #f6a400!important;
	}
	#header nav .label{
		position: absolute;
		margin-left: 9px;
		margin-top: -30px; /* tredess -12px */
	}
	
	#header nav .header-buttons .label {
		position: relative;
		margin: auto;
		font-weight: 500;
	}

	#header nav .fa-fw {
		text-align: center;
		font-size: 20px;
	}
	
	.header-buttons {
		display: flex;
		position: relative;
		width: auto;
		height: 100%;
		justify-content: center;
		align-items: center;
	}
	
	#header nav .nav>li.zona-user-separate {
		margin: 0 20px;
		border-left: rgba(0, 0, 0, 0.05) 1px solid;
		height: 100%;
	}
	
	#header nav .nav>li>a.btn-secondary {
		background-color: transparent !important;
	}
	
	#header nav .nav>li>a:focus, #zona-user .nav>li>a:hover {
		text-decoration: none;
		background-color: #212121;
	}
	
	#header nav .nav>li>a.btn-secondary:focus, #zona-user .nav>li>a.btn-secondary:hover, #header nav .nav>li>a.btn-primary:focus, #zona-user .nav>li>a.btn-primary:hover {
		background-color: #333 !important;
		color: #fff;
		border: 1px solid #ddd;
	}
	
	#header nav .dropdown span,
	#header nav .dropdown a{
		white-space: initial;
	}
	
	
	#header nav ul.dropdown-menu  {
		min-width: 300px;
	}

	#header nav ul.dropdown-menu li a i, #header nav ul.dropdown-menu li .item-nolink i, #header nav ul.dropdown-menu li .item .info i {
		padding-right: 10px;
	}
	
	#header nav ul.dropdown-menu li.footer{
		padding: 15px;
	}
	
	#header nav ul.dropdown-menu li.footer button.btn{
		display: inline-block;
		font-size: 14px;
		margin: 0px;
	}
		
	#header img.user-avatar {
		display: inline-block;
		margin-right: 15px;
		margin: 7px;
		border: #999 1px solid;
	}
	
	#header a.dropdown-toggle i.fa-angle-down {
		margin-left: 6px;
		margin-right: 3px;
	}
	
	#header nav .dropdown-menu {
		margin-top: 0;
		padding-top: 0px;
		padding-bottom: 0px;
		right: 0;
		left: auto;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
	}
	
	#header nav .dropdown-menu::before {
		content: "";
		position: absolute;
		top: -8px;
		right: 23px;
		border-left: 8px solid transparent;
		border-right: 8px solid transparent;
		z-index: 0;
	}
	
	#header .table thead tr th {
		border-right: 0;
		border-bottom: 0;
	} 
	
	#header .table > thead > tr > th {
		vertical-align: bottom;
	}
	
	#header nav .dropdown-menu li a, #header nav .dropdown-menu li .item-nolink,  #header nav ul.dropdown-menu li .item {
		padding: 5px 13px;
		margin: 0px;
	}
	
	#header nav .dropdown-menu li a .pull-right {
		margin-top: 2px;
	}
	#header a.dropdown-toggle i.icon-angle-down {
		margin-left: 6px;
		margin-right: 3px;
		font-size: 10px;
	}
	
	#zona-user li.dropdown.pull-right.open .ts-angle-down:before {
    content: "\e903";
	}

	/* 08.01 HEADER DENTRO DE INTRANET */
		#header.app-in, #header-app.app-in {
			height: 70px;
			background-image: none;
			background-color: transparent;
			z-index: 99;
		}
		
		#header.app-in.fixed, #header-app.app-in.fixed{
			background-color: #fff;
		}
		
		#header.app-in #topBar, #header-app.app-in #topBar {
			display: none;
		}
		
		#header.app-in .logo-intranet-app, #header-app.app-in .logo-intranet-app {
			border: 0;
		}
	/* FIN HEADER DENTRO DE INTRANET */
 /** ************************************* **/
 /** FIN BARRA DE MENÚ - HEADER
 **************************************************************** **/

 /** ************************************* **/
 /** 09. ASIDE MENÚ LATERAL
 **************************************************************** **/
	#aside {
	position: absolute;
    left: 0;
    top: 108px;
    bottom: 0;
    z-index: 30;
    height: calc(100% - 110px);
		
	}

	#asidebg {
		position: fixed;
		left: 0;
		bottom: 0;
		z-index: -1;
	
		top: 0;
	}
	
	#aside, #asidebg {
		width: 270px;
	}
	
	#aside nav ul {
		list-style: none;
		border-top: rgba(0,0,0,0.1) 1px solid;
		border-bottom: rgba(255,255,255,0.1) 1px solid;
		height: 100%;
	}
	
	#aside nav > ul.nav.nav-list {
		margin-bottom: 0;
		margin-top: 0;
	}
	
	

	#aside nav a i.main-icon {
		float: left;
		font-size: 20px;
		width: 50px;
		height: 40px;
		line-height: 40px;
		text-align: center;
		margin: -12px 0px -12px -10px;
	}
	
	#aside nav a i.pull-right {
		padding-left: 8px;
		font-size: 14px;
		width: 20px;
		color: #9da9b7;
	}
	
	#aside nav ul li a {
		border-bottom: rgba(0,0,0,0.1) 1px solid;
		border-top: rgba(255,255,255,0.1) 1px solid;
		padding: 11px 10px !important;
		font-size: 13px;
		line-height: 14px;
		display: block;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: normal;
	}
	
	.nav > li > a:focus, .nav > li > a:hover {
		text-decoration: none;
		background-color: transparent !important;
	}
	
	h3.grupo-menu {
		font-size: 14px;
		font-weight: 600;
		text-transform: none;
		padding-left: 10px;
		padding-top: 5px;
		line-height: 14px;
	}
	
	body.min h3.grupo-menu {
		display: none;
	}
	
	#aside nav h3 + ul > :first-child > a {
		border-top: 0!important;
	}
		
	#aside nav > ul.nav.nav-list {

		margin-bottom: 30px;

	}
	
	#aside nav ul li ul {
		padding: 0;
		border-top: 0;
		display: none;
	}
	
	#aside nav ul li ul::before {
		content: "";
		display: block;
		position: absolute;
		top: 42px;
		bottom: 17px;
		left: 23px;
		border-left: rgba(255,255,255,0.2) 1px dotted;
		z-index: 0;
	}
	
	/* 09.01 NIVEL 2 */
	#aside nav ul li ul li {
		position: relative;
		padding-left: 37px;
		border: 0;
		
	}
	
	#aside nav ul li ul li::before {
		content: "";
		display: block;
		position: absolute;
		width: 12px;
		left: 23px;
		top: 15px;
	}
	
	#aside nav ul li ul li ul::before {
		top: 32px;
		bottom: 16px;
		left: 50px;
	}
	
	body.min #aside nav ul li ul li ul::before {
		border-left: transparent 1px solid;
	}
	
	#aside ul li.el_primary ul li a {
		border-left: 2px solid transparent;
	}
	/* FIN NIVEL 2 */
	
	/* 09.02 NIVEL 3 */
	#aside nav ul li ul li ul li {
		padding-left: 23px;
	}
	
	#aside nav ul li ul li ul li::before {
		left: 13px;
	}
	/* FIN NIVEL 3 */
	
	/* 09.03 NIVEL 4 */
	#aside nav ul li ul li ul li ul li {
		padding-left: 17px;
	}
	#aside nav ul li ul li ul li ul::before {
		margin-left:-15px;
	}
	#aside nav ul li ul li ul li ul li::before {
		margin-left: -2px;
	
	}
	/* FIN NIVEL 4 */
		
	#aside nav ul li ul li a i.icon, aside nav ul li ul li a i.fa {
		font-size: 15px;
		float: left;
		width: 50px;
		height: 40px;
		line-height: 40px;
		text-align: center;
		/*margin: -12px -8px -12px -15px;*/
		margin: -12px -8px -12px -17px;
	}
	
	#aside nav ul li ul li a i.icon.fa-menu-arrow.pull-right {
		margin-right: -16px;
	}
	
	#aside nav ul li a {
		height: auto !important;
	}

	body.menu-open #aside,
	body.menu-open #aside,
	#aside{
		z-index: 999;
	}
	
	#aside nav ul li ul li a {
		border: 0;
		text-decoration: none;
		padding: 6px 10px !important;
		min-height: 32px !important;
		line-height: 18px !important;
		border: 0;
	}
	
	#aside nav ul li i {
		padding-right:5px;
	}
	
	i.icon {
		text-decoration: none !important;
	}
	
	.icon {
		display: inline-block;
		font: normal normal normal 10px/1 'televes-software'; 
		font-size: inherit;
		text-rendering: auto;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}
	
	#aside nav ul li > a i.fa-menu-arrow::before {
		content: "\e90d";
		font-size: 10px;
	}
	
	menu-arrow::before, #aside nav ul li.always-open > a i.fa-menu-arrow::before, #aside nav ul li.menu-open > a i.fa-menu-arrow::before {
		content: "\e90c" !important;
		font-size: 10px;
	}
	
	/* 09.04 MAYÚSCULAS EN LOS ITEMS PRINCIPALES */
	#aside nav.main-uppercase ul li > a span{
		text-transform: uppercase;	
	}
	/* FIN MAYÚSCULAS EN LOS ITEMS PRINCIPALES */
		
	#aside .legal-aside .icon-copy{
		display: none;
	}
	#aside .legal-aside .text-copy{
		display: block;
		
	}
	
	body.min #aside .legal-aside .icon-copy{
		
		display: block;
		padding-left: 7px;
	}
	body.min #aside .legal-aside .text-copy {
		
		display: none;
		
	}
	
	body.min #aside nav ul li.menu-open.menu-open > a {
		border-left: 2px solid transparent;
    }
	
	/* 09.05 HACER PEQUEÑO EL MENÚ */
		@media only screen and (min-width: 768px) {
			body.min #aside #asidebg {
			/*	top:94px;*/
			}

			body.min #header {
				/*margin-left:-50px;*/
			}
			body.min #header>nav {
				/*padding-left:7px;*/
			}


			body.min #aside,
			body.min #aside #asidebg,
			body.min #aside .logo {
				width:50px;
			}

			body.min .min-hide,
			body.min #aside .logo,
			body.min #showHideAside,
			body.min #aside ul.nav>li>a i.fa.pull-right,
			body.min #aside ul.nav>li>a span {
				display:none !important;
			}
			body.min #aside nav ul li a {
				overflow:visible;
			}

			body.min #aside nav.ajaxNav h3 {
				text-indent:-99999px;
			}

			body.min #wrapper {
				margin-left:0px;
				/*padding-left:50px;*/
			}

			body.min #aside ul.nav>li:hover:before {
				right: 0;
				top: 50%;
				content: " ";
				width: 0;
				height: 0;
				position: absolute;
				border: solid transparent;
				border-color: rgba(0, 0, 0, 0);
				border-right-color: #f6a400;
				border-width: 6px;
				margin-top: -6px;
				z-index:100;
			}

			body.min #aside>nav li>ul {
				display: none !important;
			}
			
			body.min #aside ul.nav>li:hover ul {
				display: block !important;
			}

			/* 09.05.01 MENÚ PEQUEÑO HOVER */
			body.min #aside ul.nav>li:hover>a span  {
				display:block !important;
				position:absolute;
				width:250px; height:40px;
				top:0; left:50px; 
				line-height:40px;
				padding-left:20px;
			}
			/* FIN MENÚ PEQUEÑO HOVER */
			
			body.min #aside ul.nav>li:hover>a span.label {
				display:none !important;
			}

			body.min #aside ul.nav>li:hover>ul {
				display:block;
				position:absolute;
				width:250px; left:52px;
				top:40px;
			}
			body.min #aside nav ul li ul {
				display:none;
			}
			body.min #aside nav ul li:hover>ul {
				display:block !important;
			}
			body.min #aside nav ul li ul li {
				padding-left:10px;
			}
			body.min #aside nav ul li ul > li {
				padding-left:10px;
			}
			body.min #aside nav ul li ul > li:before {
				display:none;
			}
			body.min #aside nav ul li.el_primary a {
				border-bottom: 0;
				border-top: 0;
				height: 40px!important;
			}
			
			body.min #aside nav ul li.el_primary ul a {
				height: auto !important;
			}
			
			body.min #aside nav ul li {
				border-bottom: rgba(0,0,0,0.1) 1px solid;
				border-top: rgba(255,255,255,0.1) 1px solid;
			}
			
			body.min #sideNav .fa-menu-arrow {
				display: none !important;
			}
		}
	/* FIN HACER PEQUEÑO EL MENÚ */
 /** ************************************* **/
 /** FIN ASIDE MENÚ LATERAL
 **************************************************************** **/
	
 /** ************************************* **/
 /** 10. NOTOPBAR - MODIFICAR EL HEADER Y EL ASIDE QUITANDO EL TOPBAR
 **************************************************************** **/	
	.notopbar #header #topBar {
		display: none;
	}
	
	.notopbar #aside {
		top: 69px;
	}
	
	.notopbar #header {
		height: 71px;
	}
 /** ************************************* **/
 /** FIN NOTOPBAR - MODIFICAR EL HEADER Y EL ASIDE QUITANDO EL TOPBAR
 **************************************************************** **/

 /** ************************************* **/
 /** 11. CAMBIO DE MODO (LIGHT/DARK)
 **************************************************************** **/
	.menu_mode {
		padding-right: 20px;
	}
 /** ************************************* **/
 /** FIN CAMBIO DE MODO (LIGHT/DARK)
 **************************************************************** **/

 /** ************************************* **/
 /** 12. MIDDLE
 **************************************************************** **/
	#middle {
		position: relative;
		content: ' ';
		clear: both;
		overflow-y: auto;
		/*height: calc(100% - 109px);*/
		min-height: calc(100vh - 179px);
		height: 100%;
		margin-left: 270px;
	}
	
	body.min #middle {
		margin-left: 50px;
	}
	
	body.nomenu #middle {
		margin-left: 0;
	}
	
	#middle canvas {
		width: 100% !important;
		height: auto !important;
	}
	
	#middle .panel-heading {
		color: #333;
		/*background-color: rgba(0, 0, 0, 0.1);*/
		position: relative;
		display: block;
		/*border-bottom: rgba(0,0,0,0.03) 1px solid;*/
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0px; /* tredess: 4px redondeado de abaixo do heading */
		-webkit-transition: all .10s ease-out;
		-moz-transition: all .10s ease-out;
		-o-transition: all .10s ease-out;
		transition: all .10s ease-out;
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		/* border-bottom: #e6e6e6 1px solid; */
		/*border-bottom: #b3b3b3 1px solid; TRedess*/
		/*background-color: #fff;*/
		color: #666;
		font-size: 14px;
		font-weight: 700;
		/* height: 51px; */
		height: 34px; /* TRedess */
		/* padding: 15px 15px; */
		padding: 7px 15px; /* TRedess */
		font-family: 'Raleway', 'Open Sans', Arial, Helvetica, sans-serif;
		letter-spacing: 1pt; 
		/*cursor: pointer; TRedess */
	}
	
	#middle .panel-heading.nocollapse {
		cursor: default;
	}
	
	#middle .panel-heading a, .middle-fluid .panel-heading a {
		margin-top: -5px;
	}
	
	#middle div.panel-heading ul.options {
		margin-bottom: 0;
	}
	
	#middle div.panel-heading ul.options > li > a {
		display: inline-block;
		text-transform: none;
		font-weight: 400;
	}
	
	.panel-heading ul.options > li > a {
		color: #999;
	}
	
	.panel-heading ul.options > li > a:hover {
		color: #333;
	}
	
	#middle div.panel-heading .panel_colapse.plus::before {
		content: "\e926";
	}
	
	#middle div.panel-heading .panel_colapse::before {
		font-family: 'televes-software';
		content: "\e923";
		display: inline-block;
		font-size: 14px;
		width: 22px;
		height: 24px;
		line-height: 24px;
		text-align: center;
	}
	
	#middle div.panel.fullscreen {
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		margin: 0;
		z-index: 1000;
		background-color: 
		#fff;
		-webkit-border-radius: 0 !important;
		-moz-border-radius: 0 !important;
		border-radius: 0 !important;
	}

	#middle.middle-fluid  {
		min-height: auto;
		max-width: 1700px;
		margin: 15px auto;
		padding: 30px 15px 0 15px;
		overflow: visible;
	}

	#middle.middle-fluid  {
		min-height: auto;
		max-width: 1700px;
		margin: 15px auto;
		padding: 30px 15px 0 15px;
		overflow: visible;
	}

	#middle-app {
		margin: 15px auto;
		padding: 30px 15px 0 15px;
	}
	
	@media (max-width: 530px) {
		body > #wrapper > #middle > #content {
			padding: 0px;
		}
	}
 /** ************************************* **/
 /** FIN MIDDLE
 **************************************************************** **/

 /** ************************************* **/
 /** 13. FOOTER
 **************************************************************** **/
	.legal-aside {
		position: fixed;
		bottom: 0;
		margin-bottom: 10px;
		padding-left: 10px;
		z-index: -1;
	}
	
	.legal-noaside {
		margin-bottom: 10px;
		padding-left: 10px;
	}

	#footer {
		clear:both;
		z-index: 99;
		position: relative;
		bottom: 0;
		left: 0;
		width: calc(100% - 270px);
		margin-left: 270px;
	}
	
	#footer > .copyright {
		padding: 25px 0;
		font-size: 13px;
		display: block;
	}
	
	#footer a {
		text-decoration: none;
	}
	
	body.min #footer,
	body.nomenu #footer
	{
		margin-left: 0;	
		width: 100%;
	}
 /** ************************************* **/
 /** FIN FOOTER
 **************************************************************** **/

 /** ************************************* **/
 /** 14. RESPONSIVE ESTRUCTURA
 **************************************************************** **/
@media only screen and (max-width: 768px) {
	#aside,
	#asidebg {
		margin-left:-270px;
	}
	#middle {
		margin-left: 0px !important;
	}
	#mobileMenuBtn {
		display:block;
	}
	
	#header .logo {
		width:auto;
	}

	body.menu-open #aside,
	body.menu-open #asidebg {
		margin-left:0;
		width:100%;
	}
	body.menu-open #aside ul.nav>li>a span {
		display:block !important;
	}
	body.menu-open #aside nav ul li a.dashboard {
		line-height:1.5;
	}
	
	.buscar{
		max-width: 200px;
	}

}

@media only screen and (max-width: 482px) {
	body.menu-open #aside,
	body.menu-open #asidebg {
		width:100%;
	}
	.lockscreen form {
		margin:0 15px;
	}
	.lockscreen form img.avatar {
		display:none;
	}
}
 /** ************************************* **/
 /** FIN RESPONSIVE ESTRUCTURA
 **************************************************************** **/

 /** ************************************* **/
 /** 15. BREADCRUMBS
 **************************************************************** **/
	.breadcrumbs {
		max-width: 1760px;
		margin: 20px auto 0 auto;
		font-size: 12px;
		padding: 10px 20px 0 20px;
	}
	
	.breadcrumbs a:hover {
		color: #f6a400;
	}
 /** ************************************* **/
 /** FIN BREADCRUMBS
 **************************************************************** **/

/** ************************************* **/
 /** 16. RESULTADOS DE BÚSQUEDA
 **************************************************************** **/
	.results.lista img {
		width: 80px;
	}
	
	.modes {
		font-size: 20px;
	}
	
	.modes-mode, .modes-mode:visited {
		color: #999;
	}
	
	.modes-mode.active {
		color: #f6a400;
	}
	
	.modes-mode:hover {
		color: #666;
	}
	
	.results.parrilla {
		display: block;
		text-align: center;
	}
	
	.results.parrilla tr {
		display: inline-block;
		width: 400px;
		padding: 40px;
		-webkit-transform: perspective(0px) translateZ(0);
		transform: perspective(0px) translateZ(0);
		position: relative;
		overflow: hidden;
		border-top: 4px solid transparent;
		border-left: 0 !important;
	}
	
	.results.parrilla tr:hover {
		border-left: 0 !important;
		border-top: 4px solid #f6a400;
	}
	
	.results.parrilla td {
		display: block;
		border: 0;
		text-align: center;
	}
	
	.results.parrilla img {
		width: 250px;
	}
	
	.results.parrilla td.imag span {
		display: block;
	}
 /** ************************************* **/
 /** FIN RESULTADOS DE BÚSQUEDA
 **************************************************************** **/

 /** ************************************* **/
 /** 17. FORMS
 **************************************************************** **/
	.modal .modal-body form {
		margin-bottom: 0;
	}
 /** ************************************* **/
 /** FIN FORMS
 **************************************************************** **/

 /** ************************************* **/
 /** 18. FORM-GROUP
 **************************************************************** **/	
	#middle .form-group, .modal-body .form-group {
		padding: 0 20px;
		/* margin-bottom: 20px; */
		margin-bottom: 10px; /* TRedess */
	}
	
	#middle .form-group label, .modal-body .form-group label {
		display: inline-flex;
		align-items: center;
		height: 40px;
		align-self: center;
	}
	
	@media (max-width: 776px) {
		#middle .form-group, .modal-body .form-group {
			display: block;
			margin-bottom: 15px;
			height: auto;
		}
	}
 /** ************************************* **/
 /** FIN FORM-GROUP
 **************************************************************** **/

 /** ************************************* **/
 /** 19. ERROR EN FORMULARIOS
 **************************************************************** **/
 /* movemos esto a tredess-multitxseries para dispoñer das cores en variables
	form .error {
		position: absolute;
		background-color: #e65848;
		color: white !important;
		font-size: 12px;
	}
	
	form .error-input {
		border-color: #e65848;
		background-color: #e65848;
		color: white !important;
	}
	
	form .error-label {
		color: #e65848;
	}
*/
 /** ************************************* **/
 /** FIN ERROR EN FORMULARIOS
 **************************************************************** **/

 /** ************************************* **/
 /** 20. ELEMENTOS DE FORMULARIO
 **************************************************************** **/
	.form-control {
		border-radius: 0px;
		height: 40px;
		border: 1px solid #e4e4e4;
		-webkit-box-shadow: none;
		box-shadow: none;
	}
	
	textarea.form-control {
		min-height: 40px;
		outline: 0 !important;
		resize: vertical;
	}
	
	.form-control:focus {
		box-shadow: none;
		border-color: #f6a400;
	}
			
	select.form-control, .select2-selection.select2-selection--single > .select2-selection__rendered {
		color: #7a7d82;
		font-weight: 400;
		font-size: 14px;
		padding: 0 12px;
		padding-right: 30px;
		border-radius: 0;
		background-color: #ffffff;
		-webkit-appearance: none;
		-moz-appearance: none;
		-ms-appearance: none;
		appearance: none;
		background: #fff;
		background: #fff url('/assets/imag/select-bg.svg') no-repeat 100% 48%;
		background-size: 30px 60px;
	}
	
	.select2-selection.select2-selection--multiple > .select2-selection__rendered {
		background: #fff url('/assets/imag/select-bg.svg') no-repeat 100% 35%;
		min-height: 33px;
	}
	
	.border-bottom-1 {
		border-bottom: 1px solid #ddd;
	}
	
	/* 20.01 SELECT 2 */	
		.select2-container--default .select2-selection--multiple {
			border: 1px solid #e4e4e4;
		}
		
		.select2-container {
			width: 100% !important;
		}
		
		.select2-container--default .select2-selection--single {
			border-radius: 0;
		}
		
		.select2-container--default .select2-selection__arrow {
			display: none;
		}
		
		.select2-container--default .select2-selection{
			border: 1px solid #e4e4e4;
			min-height: 40px;
		}
		
		.select2-container--default .select2-selection--single .select2-selection__rendered {
			line-height: 36px;
		}
		
		.select2-container--default.select2-container--open .select2-selection{
			border: 1px solid #f6a400;
			border-bottom: 0;
		}
		
		.select2-container--default.select2-container--open.select2-container--above .select2-selection{
			border: 1px solid #f6a400;
		}
		
		.select2-results__option[role="treeitem"] {
			border-left: 3px solid transparent;
		}
		
		.select2-container--default .select2-results__option--highlighted[aria-selected] {
			background-color: #e8e8e8;
			color: #262626;
			border-left: 3px solid #f6a400;
		}
		
		.select2-container .select2-dropdown {
			border-color: #f6a400;
		}
		
		.select2-container .select2-dropdown input[type="search"] {
			outline: 0 !important;
		}
		
		.select2-search__field:focus:focus-visible {
			outline: none;
		}
	/* FIN SELECT 2 */

	/* 20.02 SELECT 2 MULTIPLE */
		.select2-container--default .select2-selection--multiple {
			border: 1px solid #e4e4e4;
			border-radius: 0;
			cursor: pointer;
		}
		
		.select2-container--default .select2-selection--multiple:focus, .select2-container--default.select2-container--open .select2-selection--multiple, .select2-container--default.select2-container--focus .select2-selection--multiple {
			border: 1px solid #f6a400;
		}
		
		.select2-container--default.select2-container--open .select2-selection--multiple {
			border-bottom: 0;
		}
		
		.select2-container--default .select2-selection--multiple .select2-selection__choice {
			display: flex;
			align-items: center;
			border-radius: 20px;
			margin-top: 3px;
			padding: 0 12px 0 7px;
		}
		
		.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
			font-size: 20px;
			margin-right: 5px;
		}
	/* FIN SELECT 2 MULTIPLE */
		
	/* 20.03 SWITCH CON TEXTO */
		label {
			font-weight: normal;
			margin-bottom: 0;
		}
		
		.switch {
			cursor: pointer;
			position: relative;
			padding-right: 10px;
			display: inline-block;
			margin-bottom: 5px;
			height: 26px;
		}	
		
		.switch > input {
			-webkit-appearance: none;
			position: absolute;
			width: inherit;
			height: inherit;
			opacity: 0;
			left: 0;
			top: 0;
		}
		
		.switch-round > .switch-label {
			-webkit-border-radius: 13px;
			-moz-border-radius: 13px;
			-o-border-radius: 13px;
			border-radius: 13px;
		}
		
		.switch > .switch-label {
			cursor: pointer;
			display: inline-block;
			position: relative;
			height: 25px;
			width: 58px;
			color: #fff;
			font-size: 10px;
			font-weight: bold;
			line-height: 20px;
			text-align: center;
			background: #B5C1C7;
			border: 2px solid #B5C1C7;
			text-transform: uppercase;
			font-family: 'Open Sans',Arial,Helvetica,sans-serif;
			-webkit-transition: 0.3s ease-out;
			-moz-transition: 0.3s ease-out;
			-o-transition: 0.3s ease-out;
			transition: 0.3s ease-out;
		}
		
		.switch-round > .switch-label::before {
			width: 33px;
		}
		
		.switch > .switch-label::before {
			content: attr(data-off);
			position: absolute;
			top: 1px;
			right: 3px;
			width: 33px;
		}
		
		.switch-round > .switch-label::after {
			color: #fff;
			background-color: #fff;
		}
		
		.switch-round > .switch-label::after {
			width: 19px;
			color: #B5C1C7;
			content: "\2022";
			font: 20px/20px Times, Serif;
			-webkit-border-radius: 13px;
			-moz-border-radius: 13px;
			-o-border-radius: 13px;
			border-radius: 13px;
		}
		
		.switch > .switch-label::after {
			content: "";
			margin: 1px;
			width: 19px;
			height: 19px;
			display: block;
			background: #fff;
			background-color: rgb(255, 255, 255);
		}
		
		.switch.switch-default > input:checked + .switch-label {
			border-color: #f6a400;
			background: #f6a400;
		}
		
		.switch-round > input:checked + .switch-label {
			padding-left: 33px;
		}
		
		.switch > input:checked + .switch-label::before {
			content: attr(data-on);
			left: 1px;
			top: 1px;
		}
		
		.switch-round > input:checked + .switch-label::after {
			color: #fff;
			background-color: #fff;
		}
		
		.switch > input:checked + .switch-label::after {
			margin: 1px;
			width: 19px;
			height: 19px;
			background-color: white;
		}
	/* FIN SWITCH CON TEXTO */
		
	/* 20.04 SWITCH SIN TEXTO */
		.material-switch > input[type="checkbox"] {
			display: none;
		}
		
		.material-switch > label, #middle .form-group .material-switch > label{
			display: inline-block;
			cursor: pointer;
			height: 0px;
			position: relative;
			width: 40px;
		}
		
		#middle .form-group .material-switch {
			margin-bottom: 10px;
			padding-left: 12px; /* TRedess: para igualar no formulario ao resto de inputs */
		}
		
		.label-switch {
			/*background-color: #f6a400;*/
			background-color: #5c9732; /* TRedess */
			color: #333;
		}
		
		.material-switch > label::before {
			background: rgb(0, 0, 0);
			box-shadow: none;
			border-radius: 8px;
			border: 1px solid lightgray;
			content: '';
			height: 16px;
			margin-top: -8px;
			position: absolute;
			opacity: 0.3;
			transition: all 0.4s ease-in-out;
			width: 40px;
		}
		
		.material-switch > label::after {
			background: rgb(255, 255, 255);
			border-radius: 16px;
			border: 1px solid lightgray;
			box-shadow: none;
			content: '';
			height: 24px;
			left: -4px;
			margin-top: -8px;
			position: absolute;
			top: -4px;
			transition: all 0.3s ease-in-out;
			width: 24px;
		}

		/* TRedess: Para cambiar algo cando o input está changed */
		.material-switch > input[type="checkbox"].changed + label::before {
			border: 2px solid #337ab7; /* 5c9732; */
		}
		.material-switch > input[type="checkbox"].changed + label::after {
			border: 2px solid #337ab7; /*rgb(126 156 133)*/
		}

		.material-switch > input.readonly + label, #middle .form-group .material-switch > input.readonly + label{
			cursor: default;
		}
		/* --- */

		
		.material-switch > input[type="checkbox"]:checked + label::before {
			background: inherit;
			opacity: 0.5;
		}
		
		.material-switch > input[type="checkbox"]:checked + label::after {
			background: inherit;
			left: 20px;
		}
	/* FIN SWITCH TEXTO*/
		
	/* 20.05 RANGE DATAPICKER */

		.datepicker-dropdown, .colorpicker, .bootstrap-timepicker-widget, .daterangepicker {
			z-index: 1060 !important;
			-webkit-border-radius: 0;
			-moz-border-radius: 0;
			border-radius: 0;
		}
		
		div.datepicker, div.daterangepicker {
			padding: 5px;
		}
		
		div.daterangepicker {
			min-width: 777px;
		}
		
		.form-control.datepicker:focus, .form-control.rangepicker:focus {
			border-right-color: #e4e4e4;
		}
		
		.form-control + span.input-group-addon {
			cursor: pointer;
		}
		
		.form-control.datepicker:focus + span.input-group-addon, .form-control.rangepicker:focus + span.input-group-addon {
			border-color: #f6a400;
		}
		
		.daterangepicker.opensright .ranges, .daterangepicker.opensright .calendar, .daterangepicker.openscenter .ranges, .daterangepicker.openscenter .calendar, .datepicker .datepicker-days {
			float: right;
			margin: 4px;
			min-width: 194px;
		}
		
		.daterangepicker.opensright .ranges .range_inputs {
			padding-top: 15px;
		}
		
		.daterangepicker .calendar, .datepicker .datepicker-days {
			font-size: 14px !important;
			max-width: none !important;
		}
		
		.daterangepicker .calendar-date, .datepicker .datepicker-days {
			border: 1px solid 	#ddd;
			padding: 4px;
			border-radius: 4px;
			background: #fff;
		}	
		
		.daterangepicker table, .datepicker table {
			border-bottom: 0 !important;
		}
		
		.daterangepicker table.table-condensed, .datepicker table.table-condensed {
			margin-bottom: 0;
		}
		
		.daterangepicker .calendar th, .daterangepicker .calendar td, .datepicker .table-condensed th, .datepicker .table-condensed td {
			font-family: 'Open Sans',Arial,Helvetica,sans-serif;
			white-space: nowrap;
			text-align: center;
			min-width: 32px;
			padding: 10px;
		}

		.datepicker .datepicker-months .month, .datepicker .datepicker-years .year, .datepicker .datepicker-decades .decade, .datepicker .datepicker-centuries .century {
			font-family: 'Open Sans',Arial,Helvetica,sans-serif;
			white-space: nowrap;
			text-align: center;
			padding: 2px;
		}
		
		.daterangepicker td.in-range {
			background-color: #666;
			color: #fff;
			-webkit-border-radius: 0;
			-moz-border-radius: 0;
			border-radius: 0;
		}
		
		.daterangepicker td.available:hover, .daterangepicker th.available:hover, .datepicker td.day:hover, .datepicker th.prev:hover, .datepicker th.next:hover, .datepicker th.datepicker-switch:hover, .datepicker .datepicker-months .month:hover, .datepicker .datepicker-years .year:hover, .datepicker .datepicker-decades .decade:hover, .datepicker .datepicker-centuries .century:hover {
			background-color: #eee;
			color: #666;
			cursor: pointer;
		}
		
		.datepicker .datepicker-centuries .datepicker-switch:hover {
			background-color: transparent;
			cursor: auto;
		}
		
		.daterangepicker td.active, .daterangepicker td.active:hover, .datepicker td.active, .datepicker td.active:hover {
			background-color: #f6a400;
			color: #fff;
			cursor: auto;
		}
		
		.daterangepicker td.off, .datepicker td.old, .datepicker td.new  {
			color: #999;
		}
		
		.glyphicon-arrow-right::before {
			font-family: 'televes-software';
			content: "\e902";
		}
		
		.glyphicon-arrow-left::before {
			font-family: 'televes-software';
			content: "\e901";
		}
		
		.daterangepicker .ranges {
			font-family: 'Open Sans',Arial,Helvetica,sans-serif;
			width: 160px;
			text-align: left;
		}	
		
		.daterangepicker .ranges ul {
			list-style: none;
			margin: 0;
			padding: 0;
		}
		
		.daterangepicker .ranges ul {
			width: 100%;
		}
		
		.daterangepicker .ranges li {
			border-color: transparent;
			border-left: 3px solid transparent !important;
			border-bottom: 1px solid #e6e6e6;
			background-color: #fff !important;
			color: #676a6c !important;
			border-radius: 0;
			margin: 0;
			padding: 10px;
			cursor: pointer;
		}
		
		.daterangepicker .ranges li.active {
			background-color: #f6a400 !important;
			color: #fff !important;
		}
		
		.daterangepicker .ranges li:hover {
			background-color: #f8f8f8 !important;
			color: #666 !important;
		}
		
		.daterangepicker .ranges li.active, .daterangepicker .ranges li:hover {
			border-color: transparent;
			border-left-color: transparent;
			border-left: 3px solid #f6a400 !important;
		}
		
		.daterangepicker .daterangepicker_start_input label, .daterangepicker .daterangepicker_end_input label {
			color: #333;
			display: block;
			font-size: 11px;
			font-weight: normal;
			height: 20px;
			line-height: 20px;
			margin-bottom: 2px;
			text-shadow: #fff 1px 1px 0px;
			text-transform: uppercase;
			width: 74px;
		}
		
		.daterangepicker .ranges .input-mini {
			border: 1px solid #ccc;
			border-radius: 0;
			color: #555;
			display: block;
			font-size: 11px;
			height: 30px;
			line-height: 30px;
			vertical-align: middle;
			margin: 0 0 10px 0;
			padding: 0 6px;
			width: 91px;
		}
		
		.daterangepicker .ranges .range_inputs > div {
			float: left;
		}
		
		.daterangepicker .ranges .range_inputs > div:nth-child(2) {
			padding-left: 11px;
		}
		
		.daterangepicker .range_inputs .btn {
			height: 40px;
			font-size: 14px;
			font-weight: 400;
			line-height: 1.42857143;
			text-align: center;
			white-space: nowrap;
			cursor: pointer;
			color: #666;
			background-color: white;
			border: 1px solid #ddd;
			background-color: #f8f8f8 !important;
			margin: 0;
			margin-top: 10px;
			border-radius: 0;
		}
		
		.daterangepicker .range_inputs .btn:hover {
			background-color: #333 !important;
			color: #fff !important;
			border: 1px solid #ddd;
		}
		
		.input-sm {
			font-size: 14px;
		}
	/* FIN RANGE DATAPICKER */

	/* 20.06 RADIO AND CHECKBOX V2 */
		.radio, .checkbox {
			margin: 0 15px 3px 0;
			margin-bottom: 3px;
			padding-left: 27px;
			font-size: 15px;
			line-height: 27px;
			color: #404040;
			/*cursor: pointer;*/
		}
		label.checkbox input.check-this:not(.readonly) + i::after {
			cursor: pointer;
		}
		label.checkbox input.check-this.readonly + i::after {
			cursor: not-allowed;
		}

		.radio input, .checkbox input {
			left: -9999px;
		}

		.radio input:checked + i, .checkbox input:checked + i, .toggle input:checked + i {
			border-color: #666;
		}
		/* TRedess: esto é para se está disabled color mais tenue */
		.radio input[disabled]:checked + i, .checkbox input[disabled]:checked + i, .toggle input[disabled]:checked + i {
			border-color: rgba(0,0,0,0.3);
		}
		/* TRedess: estos é para marcar que foi editado */
		.radio input.changed + i, .checkbox input.changed + i, .toggle input.changed + i {
			border-color: #337ab7;
		}
		
		.radio i {
			-webkit-border-radius: 50% !important;
			-moz-border-radius: 50% !important;
			border-radius: 50% !important;
		}
		
		.radio i, .checkbox i {
			position: absolute;
			left: 0;
			display: block;
			width: 19px;
			height: 19px;
			outline: none;
			border-width: 2px;
			border-style: solid;
			border-color: rgba(0,0,0,0.3);
			background: rgba(255,255,255,0.3);
		}
		
		.radio input + i::after {
			content: '';
			top: 5px;
			left: 5px;
			width: 5px;
			height: 5px;
			border-radius: 50%;
			background-color: #666;
		}
		
		.radio input + i::after, .checkbox input + i::after {
			position: absolute;
			opacity: 0;
			transition: opacity 0.1s;
			-o-transition: opacity 0.1s;
			-ms-transition: opacity 0.1s;
			-moz-transition: opacity 0.1s;
			-webkit-transition: opacity 0.1s;
		}
		
		.radio input:checked + i::after, .checkbox input:checked + i::after {
			opacity: 1;
		}
		/* TRedess esto por se foi editado */
		.radio input.changed:checked + i::after, .checkbox input.changed:checked + i::after {
			color: #337ab7;
		}
		
		.checkbox input + i::after {
			font-family: 'televes-software' !important;
			content: '\e918';
			top: 0;
			left: 0px;
			width: 15px;
			height: 15px;
			font: normal 12px/16px FontAwesome;
			text-align: center;
			color: #666;
		}
		/* TRedess: esto para o check se está disabled máis tenue */
		.checkbox input[disabled] + i::after {
			color: rgba(0,0,0,0.3);
		}

		/* 20.06.01 RADIO AND CHECKBOX DENTRO DE TABLA EDITABLE */
			.table-editable label.checkbox {
				margin: 0;
				padding: 0;
				display: flex;
				width: 100%;
				justify-content: center;
				align-items: center;
			}
			
			.table-editable .radio i, .table-editable .checkbox i {
				position: relative;
				left: auto;
				display: block;
				width: 19px;
				height: 19px;
				outline: none;
				border-width: 2px;
				border-style: solid;
				border-color: rgba(0,0,0,0.3);
				background: rgba(255,255,255,0.3);
				margin: 0 auto;
			}
			
			table .checkbox {
			  display: flex;
			  align-items: center;
			}
		/* FIN RADIO AND CHECKBOX DENTRO DE TABLA EDITABLE */
	/* FIN RADIO AND CHECKBOX V2 */	

	/* 20.07 DROPZONE (DRAG&DROP FILES) */
		.dropzone {
			display: flex;
			flex-wrap: wrap;
			align-items: start;
			justify-content: center;
			width: 100%;
			min-height: 200px;
			color: #b6b6b6;
			cursor: pointer;
			text-align: center;
			padding: 20px;
			border: dashed 2px #b6b6b6;
		}
		
		.dropzone .dz-message {
			display: flex;
			flex-flow: column;
			justify-content: center;
			min-height: 160px;
			flex-flow: column;
		}
		
		.dropzone.dz-started .dz-message {
			display: none;
		}
		
		.dropzone .dz-message:before {
			font-family: 'televes-software' !important;
			content: "\e936";
			font-size: 40px;
		}
		
		.dropzone .dz-message .dz-message-int {
			border: 0;
			font-size: 30px;
			background-color: transparent;
		}
		
		.dropzone .dz-preview {  
			position: relative;
			display: flex;
			flex-flow: column;
			align-items: center;
			color: #666;
			border-radius: 6px;
			margin-right: 10px;
			max-width: 200px;
			margin-top: 20px;
		}
		
		.dropzone .dz-preview:before {  
			position: absolute;
			display: flex;
			align-items: center;
			justify-content: center;
			width: 120px;
			height: 120px;
			background: rgba(0,0,0,0.5);
			content: "";
			z-index: 1;
			border-radius: 6px;
		}
		
		.dropzone .dz-preview.dz-error:before {  
			position: absolute;
			display: flex;
			align-items: center;
			justify-content: center;
			width: 120px;
			height: 120px;
			background: rgba(0,0,0,0.3);
			content: "";
			z-index: 1;
			border-radius: 6px;
		}
		
		.dropzone .dz-preview:hover {  
			z-index: 3;
		}
		
		.dropzone .dz-preview .dz-image {
			width: 120px;
			color: #666;
			overflow: hidden;
			z-index: 2;
			border-radius: 6px;
			min-height: 120px;
			margin: 0 auto;
		}
		
		.dropzone .dz-preview.dz-error:hover .dz-image {
			visibility: hidden;
		}
		
		.dropzone .dz-preview .dz-details {
			margin-top: 10px;
			width: 100%;
		}
		
		.dropzone .dz-preview .dz-details .dz-filename {
			word-break: break-all;
		}
		
		.dropzone .dz-preview.dz-error .dz-success-mark, .dropzone .dz-preview.dz-error .dz-progress, .dropzone .dz-preview .dz-success-mark {
			display: none;
		}
		
		.dropzone .dz-preview.dz-error .dz-error-mark {
			position: absolute;
			display: flex;
			align-items: center;
			justify-content: center;
			top: 0;
			left: 0;
			width: 100%;
			height: 120px;
			z-index: 3;
			color: #e65848;
		}
		
		.dropzone .dz-preview.dz-error .dz-error-mark svg {
			display: none;
		}
		
		.dropzone .dz-preview.dz-error .dz-error-mark:before {
			display: flex;
			align-items: center;
			justify-content: center;
			width: 50px;
			height: 50px;
			font-family: 'televes-software' !important;
			content: "\e908";
			color: #fff;
			background-color: #e65848;
			border-radius: 4px;
			font-size: 18px;
		}
		
		.dropzone .dz-preview.dz-error:hover .dz-error-mark {
			display: none;
		}
		
		.dropzone .dz-preview .dz-error-message {
			display: none;
		}
		
		.dropzone .dz-preview.dz-error:hover .dz-error-message {
			display: flex;
			align-items: center;
			position: absolute;
			width: 120px;
			height: 120px;
			color: #ffff;
			padding: 10px;
			background-color: #e65848;
			margin: 0 auto;
			border-radius: 6px;
			z-index: 1;
		}
	/* FIN DROPZONE (DRAG&DROP FILES) */
	
	/* 20.08 AGRUPACIÓN DE ELEMENTOS DE FORMULARIO */		
		.agrupa-form {
			width: 100%;
			border-radius: 4px;
			margin-bottom: 30px;
		}
		
		.agrupa-form:last-child {
			margin-bottom: 0;
		}
		
		.agrupa-form .agrupa-form-title {
			padding: 15px;
			background: #333;
			color: #fff;
			text-transform: uppercase;
			font-size: 14px;
			font-weight: 700;
			font-family: 'Raleway', 'Open Sans', Arial, Helvetica, sans-serif;
			letter-spacing: 1pt;
			border-color: #333;
		}
		
		.agrupa-form .agrupa-form-body {
			padding: 25px;
			border: 1px solid #ddd;
		}
	/* FIN AGRUPACIÓN DE ELEMENTOS DE FORMULARIO */
 /** ************************************* **/
 /** FIN ELEMENTOS DE FORMULARIO
 **************************************************************** **/

 /** ************************************* **/
 /** 21. PANELES
 **************************************************************** **/
	.panel-body {
		/*padding: 30px;*/
		padding: 10px 10px; /* TRedess */
	}
	
	@media (max-width: 530px) {
		.panel-body {
			padding: 10px;
		}
	}
 /** ************************************* **/
 /** FIN PANELES
 **************************************************************** **/

 /** ************************************* **/
 /** 22. MODALES Y ALERTAS
 **************************************************************** **/
	.modal {
		padding-right: 0 !important;
	}

	.modal-xl, .modal-xls {
		width: 100%;
		height: 100%;
		padding-right: 0px;
	}
	
	.modal-dialog.modal-lg {
		max-height: 100%;
	}
	
	.modal-dialog.modal-lg.lg-flex {
		width: 80vw;
		height: auto;
	}
	
	.modal-xls .modal-body{
		height: calc(100vh - 138px);
		overflow-x: hidden;
		overflow-y: auto;
	}

	.modal.fade {
		display: none;
		align-items: center;
		justify-content: center;
	}

	.modal.fade.in {
		/*display: flex !important; TRedess*/ 
	}
	
	.modal-content {
		border: 0;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		width: 100%; /* TRedess */
	}
	
	.modal-title {
		margin: 0;
		padding: 0;
		line-height: 1.42857143;
		font-size: 18px;
		letter-spacing: normal;
		font-family: 'Raleway';
		font-weight: 600;
	}
	
	.modal-body {
		padding: 30px;
	}
	
	.modal-body p{
		margin-top: 20px;
	}
	
	.modal-footer .btn {
		margin-bottom: 0;
		margin-left: 5px;
		font-size: 14px;
	}
	
	@media (max-width: 768px) {
		.modal-dialog {
			width: 100%;
		}
	}
	
	div.alert {
		border: 0 !important;
		border-left: 5px solid #f6a400 !important;
		background-color: #f8f8f8 !important;
		color: #676a6c !important;
	}
	
	.alert > p, .alert > ul {
		padding: 8px;
		margin: 0 !important;
	}
	
	.alert-btn {
		margin-top: 0 !important;
		margin-bottom: 0 !important;
	}
	
	.alert a {
		color: #666;
		border: 0 !important;
	}
	
	.alert a:hover {
		color: #f6a400;
	}
	
	div.alert-ext-icon {
		position: relative;
		display: flex;
		flex-direction: row;
		align-items: center;
		min-height: 50px;
		background-color: #f8f8f8;
		border-radius: 4px 0 0 4px;
	}
	
	div.alert-int-icon {
		position: absolute;
		height: 100%;
		width: 50px;
		text-align: center;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 18px;
		color: #fff;
		border-radius: 4px 0 0 4px;
	}
	
	/* 22.01 ALERT INFO */
	.modal-body .alert.alert-info p {
		margin-top: 0;
	}

	.alert.alert-info p {
		border-bottom: 1px solid #ddd;
		display: flow-root;
	}

	.alert.alert-info p span {
		text-align: right;
	}
	
	.alert.alert-info [class*="col-"] {
		padding: 0 25.5px;
	} 
	/* FIN ALERT INFO */
	
	/* 22.02 ALERT WARNING */
	div.alert-warning-icon {
		background-color: #f6a400;
	}
	/* FIN ALERT WARNING */
	
	/* 22.02 ALERT RIGHT */
	div.alert-right-icon {
		background-color: #5c9732;
	}
	/* FIN ALERT RIGHT */
	
	/* 22.02 ALERT ERROR */
	div.alert-error-icon {
		background-color: #e65848;
	}
	/* FIN ALERT ERROR */
 /** ************************************* **/
 /** FIN MODALES Y ALERTAS
 **************************************************************** **/
 
  /** ************************************* **/
 /** 23. TABS Y TABS MAX
 **************************************************************** **/
	.nav-tabs {
		border-bottom: 0;
	}

	.nav-tabs>li {
		margin-right: 5px;
		margin-bottom: -6px;
	}

	.nav-tabs>li.active{
	 margin-bottom: 4px;
	}

	ul.nav-tabs li a {
		margin-top: 1px;
		font-size: 16px;
		font-weight: 600;
		padding: 10px 15px 3px 15px;
		background-color: #f8f8f8;
		border: 1px solid #ddd;
		color:#999;
		-webkit-transition: all .300s;
		-moz-transition: none;
		-o-transition: none;
		transition: none;
	}
	
	.nav-tabs>li.active>a {
		padding: 10px 15px;
		margin-top: -6px;
		margin-bottom: -5px;
	}

	.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{
		color: inherit;
		cursor: pointer;
		background-color: #fff!important;
		border-bottom:1px solid #fff;
	   
	}

	.nav-tabs>li>a:hover {
		color: #ffffff;
		cursor: pointer;
		background-color: #f6a400!important;
		border: 1px solid #ddd;
	   
	}

    .nav-tabs>li.active>a:hover {
		cursor: default;
	}

	.tab-content {
		border: 1px solid #ddd;
		padding: 30px;
	}
	
	.nav-tabs > li > a {
		margin-right: 0;
	}
		
	.nav-tabs > li.active > a {
		padding: 8px 15px 9px 15px;
		border-top: 4px solid #f6a400 !important;
	}
	
	@media (max-width: 530px) {
		.tab-content {
			border: 1px solid #ddd;
			padding: 0px;
		}
	}
	/* 23.01 TABS MAX */
	.nav-tabs li a {
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
	}
	
	#tabs_max.max .header-tabs #ui_tabs_nav li.nav-tab, .nav-tabs.max li {
		margin-top: -3px;
		height: 45px;
	}

	#tabs_max.max #tabs_content {
		margin-top: -4px;
	}
	
	#tabs_max .header-tabs {
		display: flex;
		min-height: 37px;
	}
	
	#tabs_max .header-tabs .buttons_tabs {
		display: flex;
		flex-direction: row;
		margin: 0;
	}
	
	#tabs_max .header-tabs .buttons_tabs a, #tabs_max .header-tabs .buttons_tabs a:hover {
		background-color: transparent !important;
		border: 0;
	}
	
	#tabs_max .header-tabs .buttons_tabs a:hover {
		color: #f6a400;
	}
	
	#tabs_max .header-tabs .buttons_tabs a.disabled:hover {
		color: #ddd;
	}
	
	#tabs_max .header-tabs .buttons_tabs a {
		background-color: #fff !important;
		border: 0;
	}
	
	#tabs_max.max .header-tabs .nav-tabs li.nav-tab, .nav-tabs.max li {
		margin-right: 0;
		margin-bottom: -1px;
		text-align: center;
	}
	
	#tabs_max.max .header-tabs .nav-tabs li.nav-tab a, .nav-tabs.max li a {
		margin-right: 0;
		width: 100%;
	}
	
	#tabs_max .header-tabs #dropdown_more_tabs {
		padding: 0;
		border: 0;
		background: transparent;
	}
	
	#tabs_max .header-tabs #dropdown_more_tabs i {
		-webkit-transition: transform .100s;
		-moz-transition: transform .100s;
		-o-transition: transform .100s;
		transition: transform .100s;
	}
	
	#tabs_max .header-tabs .dropdown.show.open #dropdown_more_tabs i {
		transform: rotate(45deg);
	}
	
	#tabs_max .header-tabs #dropdown_more_tabs:hover {
		background: #fff !important;
	}
	
	#tabs_max .header-tabs #dropdown_more_tabs:hover i {
		color: #f6a400;
	}
	
	#tabs_max .header-tabs .dropdown.open .dropdown-menu {
		display: flex;
		flex-direction: column;
	}
	
	#tabs_max .header-tabs .dropdown.open #dropdown_more_tabs {
		border: 1px solid #f6a400;
		border-bottom: 0;
		background: #fff;
	}
	
	#tabs_max .header-tabs .dropdown.open #dropdown_more_tabs i {
		color: #f6a400;
	}
	
	#tabs_max .header-tabs .dropdown.open #dropdown_more_tabs {
		position: relative;
		z-index: 1001;
	}
	
	#tabs_max .header-tabs #dropdown_more_tabs i {
		padding: 0;
	}	

	#tabs_max .header-tabs .more-tabs, .header-tabs .tabs_save {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 40px;
		height: 37px;
		border-radius: 5px 5px 0 0;
		padding: 0;
		margin: 0;	
	}

	#tabs_max .header-tabs .tabs_save.disabled, .header-tabs .tabs_save.disabled:hover {
		color: #ddd;
		cursor: initial;
		background-color: transparent;
	}

	#tabs_max .header-tabs .dropdown-menu {
		margin-top: -1px;
		border: 1px solid #f6a400;
		border-radius: 0;
		padding: 15px;
	}

	#tabs_max .header-tabs .dropdown-menu .checkbox .checkbox-item {
		display: flex;
		align-items: center;
	}

	#tabs_max .header-tabs .dropdown-menu .checkbox .checkbox-item SPAN {
		display: block;
		white-space: nowrap;
	}

	#tabs_max .header-tabs .dropdown-menu .checkbox {
		margin-right: 0;
		margin-bottom: 0;
	}

	#tabs_max .header-tabs .dropdown-menu .checkbox_cont {
		display: flex;
		align-items: center;
	}

	#tabs_max.max .nav-tabs > li.active > a, .nav-tabs.max > li.active > a {
		padding: 8px 15px 16px 15px;
		border-top: 4px solid #f6a400;
	}

	#tabs_max .nav-tabs > li.active > a, .nav-tabs > li.active > a {
		padding: 8px 15px 9px 15px;
		border-top: 4px solid #f6a400;
	}

	#tabs_max.max ul.nav-tabs li a, .nav-tabs.max li a {
		padding: 10px 15px 10px 15px;
	}

	#tabs_max.max.drag-tab ul.nav-tabs li.nav-tab a, #tabs_max.max.drag-tab .nav-tabs > li.nav-tab.active > a {
		padding: 10px 15px 10px 15px !important;
		height: 40px !important;
		margin: 0 !important;
		border: 1px solid #ddd !important;
	}

	#tabs_max.max.drag-tab ul.nav-tabs li.nav-tab, #tabs_max.max.drag-tab .nav-tabs > li.nav-tab.active {
		padding: 0px 10px 10px 10px !important;
		height: 65px;
	}
	
	#tabs_max .nav-tabs > li.active.ui-state-active a {
		cursor: grab;
	}

	#tabs_max .nav-tabs > li.ui-sortable-helper >  a {
		cursor: grabbing !important;
	}
	/* FIN TABS MAX */
 /** ************************************* **/
 /** FIN TABS Y TABS MAX
 **************************************************************** **/

 /** ************************************* **/
 /** 24. LABEL STATUS
 **************************************************************** **/
	.label-status {
		border-radius: 15px;
		padding: 3px 8px;
		color: #fff;
		font-size: 14px;
		font-weight: normal;
		line-height: 17px;
	}
	
	.label-status i {
		margin-right: 5px;
	}
 /** ************************************* **/
 /** FIN LABEL STATUS
 **************************************************************** **/

 /** ************************************* **/
 /** 25. TÍTULOS
 **************************************************************** **/
	h4 {
		text-transform: uppercase;
		font-size: 15px;
		font-weight: 600;
	}
 /** ************************************* **/
 /** FIN TÍTULOS
 **************************************************************** **/

/** ************************************* **/
 /** 26. TABLA LINKS Y COLLAPSE
 **************************************************************** **/
	table .link {
		font-weight: bold;
	}
	
	table i.ts-angle-down::before {
		content: "\e903";
	}
	
	table .collapsed i.ts-angle-down::before {
		content: "\e900";
	}
 /** ************************************* **/
 /** FIN TABLA LINKS Y COLLAPSE
 **************************************************************** **/
 
 /** ************************************* **/
 /** 27. POPOVER Y TOOLTIP
 **************************************************************** **/
	.tooltip, .popover {
		z-index: 9999;
	}
	/* 27.01 POPOVER */
	.popover {
		font-family: "Open Sans";
		border: 1px solid #666;
		border-radius: 2px;
		font-size: 14px;
	}
	
	.popover.top, .popover.bottom  {
		text-align: center;
	}
	
	.popover.left, .popover.right {
		text-align: left;
	}
	
	.popover > .arrow {
		border-width: 6px;
	}
	
	.popover > .arrow::after {
		border-width: 5px;
	}
	
	.popover.top {
		margin-top: -4px;
	}	
	
	.popover.top > .arrow {
		border-top-color: #000;
		bottom: -6px;
		margin-left: -6px;
	}
	
	.popover.top > .arrow::after {
		bottom: 1px;
		margin-left: -5px;
	}
	
	.popover.bottom {
		margin-top: 3px;
	}	
	
	.popover.bottom > .arrow {
		border-bottom-color: #000;
		top: -6px;
		margin-left: -6px;
	}
	
	.popover.bottom > .arrow::after {
		margin-left: -5px;
	}
	
	.popover.left {
		margin-left: -5px;
	}
	
	.popover.left > .arrow {
		right: -6px;
	}
	
	.popover.left > .arrow {
		border-left-color: #000;
		margin-top: -6px;
	}
	
	.popover.left > .arrow::after {
		bottom: -5px;
	}
	
	.popover.right {
		margin-left: 5px;
	}
	
	.popover.right > .arrow {
		border-right-color: #000;
		left: -6px;
		margin-top: -7px;
	}
	
	.popover.right > .arrow::after {
		bottom: -5px;
	}
	
	.popover-title {
		padding: 5px 8px;
		text-transform: uppercase;
		border-radius: 0;
	}
	
	.popover-title .close {
		line-height: 0.67;
	}
	
	.popover-content {
		padding: 3px 8px;
	}
	/* / POPOVER */
	
	/* 27.02 TOOLTIP */
	.tooltip {
		font-family: "Open Sans";
	}
	
	.tooltip.top .tooltip-arrow {
		border-top-color: #333;
	}
	
	.tooltip.bottom .tooltip-arrow {
		border-bottom-color: #333;
	}
	
	.tooltip.left .tooltip-arrow {
		border-left-color: #333;
	}
	
	.tooltip.right .tooltip-arrow {
		border-right-color: #333;
	}
	
	.tooltip .tooltip-inner {
		border-radius: 2px;
		background-color: #333;
		font-size: 14px;
	}
	/* / TOOLTIP */
 /** ************************************* **/
 /** FIN POPOVER Y TOOLTIPS
 **************************************************************** **/

/* NUEVOS TOOLTIPS - TEXT HOVER 
	.object-hover:hover {
		position: relative !important;
	}

	.object-hover span.text-hover {
		display: none;
	}
	
	.object-hover:hover span.text-hover {
		display: block ruby;
		position: absolute;
		padding: 6px 8px;
		top: -33px;
		left: -5px;
		background-color: #f6a400;
		color: #fff;
		font-family: "Open Sans";
		font-size: 12px;
	}
	
	span.text-hover::before {
		content: ' ';
		width: 0;
		height: 0;
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
		border-top: 12px solid #f6a400;
		display: block;
		position: absolute;
		top: 18px;
	}
/* FIN NUEVOS TOOLTIPS - TEXT HOVER*/