/**************************/
/* Generales de TAGS HTML */
html, body {
	font-family: "Open Sans", sans-serif;
}

a {
	text-decoration: none;
	color:inherit;
}

/***********/
/*  RATON  */
/***********/
.cursor_mano {
	cursor: pointer;
}

/***********/
/* Colores */
/***********/
.color_txt_gris_1, .color_txt_gris_1:focus {
	color: #bebebe;
}
.color_txt_gris_2, .color_txt_gris_2:focus {
	color: #757575;
}
.color_txt_gris_3, .color_txt_gris_3:focus {
	color: #474747;
}
.color_txt_gris_4, .color_txt_gris_4:focus {
	color: #323232;
}
.color_txt_gris_5, .color_txt_gris_5:focus {
	color: #242424;
}
.color_txt_gris_7, .color_txt_gris_7:focus {
	color: #191919;
}
.color_txt_rojo, .color_txt_rojo:focus {
	color: #d2395d;
}
.color_txt_iconos, .color_txt_iconos:focus {
	color: #9d9d9d;
}
.color_txt_blanco, .color_txt_blanco:focus {
	color: #ffffff;
}
.color_txt_notificacion_resaltado {
	color: #8eb9be;
}

.color_background_gris_1, .color_background_gris_1:focus {
	background-color: #bebebe;
}
.color_background_gris_2, .color_background_gris_2:focus {
	background-color: #757575;
}
.color_background_gris_3, .color_background_gris_3:focus {
	background-color: #474747;
}
.color_background_gris_4, .color_background_gris_4:focus {
	background-color: #323232;
}
.color_background_gris_5, .color_background_gris_5:focus {
	background-color: #242424;
}
.color_background_gris_5_important, .color_background_gris_5_important:focus {
	background-color: #242424 !important;
}
.color_background_gris_7, .color_background_gris_7:focus {
	background-color: #191919;
}
.color_background_rojo, .color_background_rojo:focus {
	background-color: #d2395d;
}
.color_background_iconos, .color_background_iconos:focus {
	background-color: #9d9d9d;
}
.color_background_blanco, .color_background_blanco:focus {
	background-color: #ffffff;
}
.color_background_fondo {
	background-color: #000000;
}

/******************/
/* Colores bordes */
/******************/
.color_borde_gris_1 {
	border-color: #BEBEBE !important;
}

.color_borde_gris_3 {
	border-color: #474747 !important;
}

.color_borde_gris_4 {
	border-color: #323232 !important;
}

.color_borde_boton_2 {
	border-color: #d29139 !important;	
}


/***********/
/* Fuentes */
/***********/
.fuente_9 {
	font-size: 9px;
}

.fuente_10 {
	font-size: 10px;
}

.fuente_11 {
	font-size: 11px;
}

.fuente_12 {
	font-size: 12px;
}

.fuente_13 {
	font-size: 13px;
}
.fuente_14 {
	font-size: 14px;
}

.fuente_15 {
	font-size: 15px;
}

.fuente_16 {
	font-size: 16px;
}

.fuente_17 {
	font-size: 17px;
}

.fuente_18 {
	font-size: 18px;
}

.fuente_20 {
	font-size: 20px;
}

.fuente_24 {
	font-size: 24px;
}

.fuente_28 {
	font-size: 28px;
}

.fuente_30 {
	font-size: 30px;
}

.fuente_32 {
	font-size: 32px;
}

/*********************************/
/* Capas coloreadas como botones */
/*********************************/
.capa_color_estado_off_listado {
	border: 1px solid #474747;
	background-color: #242424;
	color: #bebebe;
}

.capa_color_boton_2 {
	border: 1px solid #d29139;
	background-color: #453722;
	color: #ebdcc8;
}



/*******************/
/* Botones activos */
/*******************/
button:disabled {
	opacity: 0.7;
}

.boton_estado_off {
	border: 1px solid #6f6f6f !important;
	background-color: #3b3b3b !important;
	color: #bebebe !important;
	padding: 17px 10px;
}

.boton_estado_off:hover:not([disabled]) {
	background-color: #191919 !important;
	color: #bebebe;
}

.boton_pulsado {
	border: 1px solid #3cc2d2;
	background-color: #29454a;
	color: #ceecf1;
	padding: 17px 10px;
}

.boton_pulsado:hover:not([disabled]) {
	background-color: #1c2c2f;
	color: #ceecf1;
}

.boton_boton_2 {
	border: 1px solid #d29139;
	background-color: #453722;
	color: #ebdcc8;
	padding: 17px 10px;
}

.boton_boton_2:hover:not([disabled]) {
	background-color: #2b2318;
	color: #ebdcc8;
}

.boton_borrar {
	border: 1px solid #d2395d;
	background-color: #452229;
	color: #ebc8d0;
	padding: 17px 10px;
}

.boton_borrar:hover:not([disabled]) {
	background-color: #2b181b;
	color: #ebc8d0;
}

.boton_dudoso {
	border: 1px solid #cb4f41;
	background-color: #452922;
	color: #ebcec8;
	padding: 17px 10px;
}

.boton_dudoso:hover {
	background-color: #2b1b18;
	color: #ebcec8;
}

.boton_aprobado {
	border: 1px solid #56d239;
	background-color: #284522;
	color: #cfebc8;
	padding: 17px 10px;
}

.boton_aprobado:hover {
	background-color: #1b2b18;
	color: #cfebc8;
}

.boton_etiqueta {
	border: 1px solid #8e39d2;
	background-color: #362245;
	color: #dbc8eb;
	padding: 17px 10px;
}

.boton_etiqueta:hover {
	background-color: #23182b;
	color: #dbc8eb;
}

.boton_variable {
	border: 1px solid #3946d2;
	background-color: #222445;
	color: #c8cbeb;
	padding: 17px 10px;
}

.boton_variable:hover {
	background-color: #18192b;
	color: #c8cbeb;
}

.boton_estado_off_sin_marco {
	border: none;
	background-color: #3b3b3b;
	color: #bebebe;
	padding: 17px 10px;
}

.boton_estado_off_sin_marco:hover {
	background-color: #191919;
	color: #bebebe;
}

.boton_estado_off_fondo_191919 {
	border: 1px solid #474747;
	background-color: #191919;
	color: #bebebe;
	padding: 17px 10px;
}

.boton_estado_off_fondo_191919:hover {
	background-color: #333333;
	color: #bebebe;
}

.boton_estado_off_fondo_191919 IMG {
	filter: brightness(0.65);
}

.boton_estado_off_fondo_oscuro {
	border: 1px solid #6f6f6f;
	background-color: #000000;
	color: #bebebe;
	padding: 17px 10px;
}

.boton_estado_off_fondo_oscuro:hover {
	background-color: #252525;
	color: #bebebe;
}

.boton_estado_off_listado {
	border: 1px solid #474747;
	background-color: #242424;
	color: #bebebe;
	padding: 17px 10px;
}

.boton_estado_off_listado:hover {
	background-color: #404040;
	color: #bebebe;
}

.boton_estudios {
	border: 1px solid #BEBEBE;
	background-color: #000000;
	color: #bebebe;
	padding: 17px 10px;
}

.boton_estudios:hover {
	background-color: #404040;
	color: #bebebe;
}

.boton_ordenar {
	border: none;
	background-color: #242424 !important;
	color: #bebebe !important;
	padding-top: 8px;
	border-radius: 30px;
}

.boton_ordenar.collapsed::after {
	content: url("../img/custom-select-open.png");
	float: right;
	margin-right: 5px;
	margin-top: -4px;
}

.boton_ordenar::after {
	content: url("../img/custom-select-close.png");
	float: right;
	margin-right: 5px;
	margin-top: -4px;
}

.boton_ordenar_borrar {
	border: 1px solid #6F6F6F;
	background-color: #242424 !important;
	color: #bebebe !important;
	padding-top: 8px;
	border-radius: 30px;
}

.color_txt_gris_1_con_hover {
	color: #bebebe;
}

.color_txt_gris_1_con_hover:hover {
	color: #ffffff;
}

.img_con_hover:hover {
	filter: brightness(1.5);
}

.boton_estado_off_sin_hover {
	border: 1px solid #6f6f6f !important;
	background-color: #3b3b3b !important;
	color: #bebebe !important;
	padding: 17px 10px;
}

.estilo_hover:hover {
	background-color: #191919 !important;
	color: #bebebe;
}
/*******************/
/* Tamaños botones */
/*******************/
.boton_alto_25 {
	height: 25px;
}

.boton_alto_35 {
	height: 35px;
}

.boton_alto_35 {
	height: 35px;
}

.boton_alto_40 {
	height: 40px;
}

.boton_alto_45 {
	height: 45px;
}

.boton_alto_50 {
	height: 50px;
}

.boton_ancho_35 {
	width: 35px;
	min-width: 35px;
}

.boton_ancho_45 {
	width: 45px;
	min-width: 45px;
}

.boton_ancho_50 {
	width: 50px;
}

.boton_ancho_65 {
	width: 65px;
}

.boton_ancho_100 {
	width: 100px;
}

.boton_ancho_133 {
	width: 133px;
}

.boton_ancho_10_percent {
	width: 10%;
}

.boton_ancho_13_percent {
	width: 13%;
}

.boton_ancho_15_percent {
	width: 15%;
}

.boton_ancho_18_percent {
	width: 18%;
}
.boton_ancho_19_percent {
	width: 19%;
}
.boton_ancho_20_percent {
	width: 20%;
}

.boton_ancho_22_percent {
	width: 22%;
}

.boton_ancho_23_percent {
	width: 23%;
}

.boton_ancho_25_percent {
	width: 25%;
}

.boton_ancho_30_percent {
	width: 30%;
}

.boton_ancho_32_percent {
	width: 32%;
}

.boton_ancho_40_percent {
	width: 40%;
}

.boton_ancho_45_percent {
	width: 45%;
}

.boton_ancho_45_percent_important {
	width: 45% !important;
}

.boton_ancho_48_percent {
	width: 48%;
}

.boton_ancho_48_percent_important {
	width: 48% !important;
}

.boton_ancho_50_percent {
	width: 50%;
}


/***********/
/* Inputs  */
/***********/
.campoEntrada {
	background-color: #242424;
	border-style: solid;
	border-width: 1px;
	border-color: #474747;
	border-radius: 0px;	
}

.campoEntrada:disabled {
	background-color: #242424;
	border-color: #474747;
}

.campoEntrada:focus {
	background-color: #242424;
	border-style: solid;
	border-width: 1px;
	border-color: #474747;
	border-radius: 0px;
	box-shadow: none;
}

.campoEntrada.color_txt_gris_1::placeholder {
	color: #bebebe;
	opacity: 1; /* Firefox */
}

.campoEntrada.color_txt_gris_1::-ms-input-placeholder { /* Edge 12 -18 */
	color: #bebebe;
}


/************************/
/* CHECKBOX TIPO SWITCH */
/************************/
.form-switch .form-check-input.check_etiquetas {
	--bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23dbc8eb'/%3e%3c/svg%3e");
	background-image: var(--bs-form-switch-bg);
	background-color: #000000;
	border: 1px solid #443b4b;
}

.form-switch .form-check-input.check_etiquetas:focus {
	--bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23dbc8eb'/%3e%3c/svg%3e");
	box-shadow: none;
}

.form-check-input.check_etiquetas:checked[type="checkbox"], .form-check-input.check_etiquetas:active {
	background-color: #362245;
	border-color: #8e39d2;
}

.form-switch .form-check-input.check_variables {
	--bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23c8cbeb'/%3e%3c/svg%3e");
	background-image: var(--bs-form-switch-bg);
	background-color: #000000;
	border: 1px solid #3b3b4b;
}

.form-switch .form-check-input.check_variables:focus {
	--bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23c8cbeb'/%3e%3c/svg%3e");
	box-shadow: none;
}

.form-check-input.check_variables:checked[type="checkbox"], .form-check-input.check_variables:active {
	background-color: #222445;
	border-color: #3946d2;
}

.form-switch .form-check-input.check_general {
	--bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23989898'/%3e%3c/svg%3e");
	background-image: var(--bs-form-switch-bg);
	background-color: #242424;
	border: 1px solid #474747;
}

.form-switch .form-check-input.check_general:focus {
	--bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23989898'/%3e%3c/svg%3e");
	box-shadow: none;
}

.form-check-input.check_general:checked[type="checkbox"], .form-check-input.check_general:active {
	background-color: #29454a;
	border-color: #3cc2d2;
}

/***************/
/* Miga de pan */
/***************/
.miga_de_pan {
	
}

.miga_de_pan li {
	list-style: none;
}

.miga_de_pan li::after {
	content: "/";
	padding-right: 4px;
	padding-left: 7px;
	
}

.miga_de_pan li:last-child::after {
  content: none;
}

/*******************/
/* Header y Footer */
/*******************/
header {
	position: fixed;
	top: 0;
	width: 100%;
	height: 50px;
}

footer {
	position: fixed;
	bottom: 0;
	width: 100%;
	height: 50px;
}

.body-con-header {
	padding-top:50px;
} 

.body-con-footer {
	padding-bottom:50px;
}

.header_logo {
	width: 16.66666667%;
}

.header_miga_de_pan {
	width: 33.33333333%;
}

.header_menu {
	width: 50%;
}

/********/
/* MENU */
/********/
.menu_superior li.menu_video {
	border-radius: 46px;
	border-width: 4px;
	margin-right: 15px;
	width: 80px;
}
	
.menu_superior li.menu_video_ampliado {
	border-radius: 46px;
	border-width: 4px;
	margin-right: 15px;
	width: auto;
}

.menu_superior li, .menu_superior li DIV.menu_superior_opcion {
	width: 72px;
	height: 46px;
	margin-right:4px;
	border-radius: 0px;
	list-style: none;
}

.menu_superior li.menu_configurar_usuario, .menu_superior li.menu_configurar_usuario DIV.menu_superior_opcion {
	width: 214px;
}

.menu_superior_idioma_close {
	background-image: url("../img/ico-menu-close.png");
	background-repeat: no-repeat;
	background-position: 90%;
}

.menu_superior_idioma_open {
	background-image: url("../img/ico-menu-open.png");
	background-repeat: no-repeat;
	background-position: 90%;
}

.menu_superior li span{
	display: none;
	visibility: hidden;
}

.menu_superior .menu_cerrar_responsive {
	display: none;
	visibility: hidden;
}

.menu_superior .menu_nombre_responsive {
	display: none;
	visibility: hidden;
}

.menu_superior .menu_cerrar_sesion_responsivve {
	display: none;
	visibility: hidden;
}

.menu_superior_ico_responsive {
	display: none;
	visibility: hidden;
}

/**********/
/* Scroll */
/**********/
.capa_con_scroll_y {
	overflow-y: auto;
}

.capa_con_scroll_x {
	overflow-x: auto;
}

.capa_sin_scroll_x {
	overflow-x: clip;
}

/*********************/
/* Colores etiquetas */
/*********************/
.caja_color_etiqueta_general {
	border: 1px solid #8e39d2;
	background-color: #362245;
	color: #dbc8eb;
}

.caja_color_variable_general {
	border: 1px solid #3946d2;
	background-color: #222445;
	color: #c8cbeb;
}

.color_etiqueta_color_1 {
	border: 1px solid #8e39d2;
	background-color: #362245;
	color: #dbc8eb;
	padding: 12px 10px;
}

.color_etiqueta_color_2 {
	border: 1px solid #3946d2;
	background-color: #18192B;
	color: #c8cbeb;
	padding: 12px 10px;
}

.color_etiqueta_color_3 {
	border: 1px solid #d29139;
	background-color: #453722;
	color: #ebdcc8;
	padding: 12px 10px;
}

.color_etiqueta_color_4 {
	border: 1px solid #1fb529;
	background-color: #214b0e;
	color: #ebdcc8;
	padding: 12px 10px;
}

.color_etiqueta_color_5 {
	border: 1px solid #a04a16;
	background-color: #24100b;
	color: #ebdcc8;
	padding: 12px 10px;
}

.color_etiqueta_color_6 {
	border: 1px solid #39d2b5;
	background-color: #04a5bf;
	color: #ebdcc8;
	padding: 12px 10px;
}

/*****************/
/* Custom select */
/*****************/
.custom_select {
	height: 41px;
	padding-top: 7px;
	padding-left:18px;
}

.custom_select:after {
	float: right;
	margin-right: 5px;
	margin-top: -3px;
}

.custom_select_close:after {
	content: url("../img/custom-select-close.png");
}

.custom_select_open:after {
	content: url("../img/custom-select-open.png");
}

.custom_select_buscar INPUT {
	padding-left:18px;
	padding-right:50px;
}

.custom_select_buscar SPAN {
	right:0px;
	margin-right: 20px;
	margin-top: 5px;
}

.custom_select_caja_opciones {
	height: 108px;
}

.custom_select_alto_elemento {
	height: 36px;
}

.custom_select_opcion {
	border: none;
	background-color: #242424;
	color: #bebebe;
	padding: 17px 10px;
}

.custom_select_opcion:hover {
	background-color: #474747;
	color: #ffffff;
}

.select_sin_borde {
	border: none;
}

/*************************/
/* Estados de aprobación */
/*************************/
.capa_estados {
	height: fit-content;
	width: 158px;
}

.capa_estados_margin_top {
	margin-top: 4px;
}

.capa_estados .boton_estado_off {
	padding: 13px 10px;
}

#tabla_listado_imagenes .capa_estados .boton_estado_off {
	padding: 4px 8px !important;
}

/***********/
/* Modales */
/***********/
.modal-content {
	border-radius: 0px;
}

.modal-content .modal-header {
	border-radius: 0px;
	border-style: solid;
	border-width: 1px;
	border-color: #bebebe
}

.modal-content .modal-body {
	border-style: solid;
	border-width: 1px;
	border-color: #bebebe
}

/******************************/
/* PANEL IZQ ACCIONES/FILTROS */
/******************************/
.nav-tabs {
  --bs-nav-tabs-border-width: var(--bs-border-width);
  --bs-nav-tabs-border-color: var(--bs-border-color);
  --bs-nav-tabs-border-radius: 0px;
  --bs-nav-tabs-link-hover-border-color: var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color);
  --bs-nav-tabs-link-active-color: #FFF;
  --bs-nav-tabs-link-active-bg: #000;
  --bs-nav-tabs-link-active-border-color: #BEBEBE;
}

.nav-tabs .nav-link {
  margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width));
  border: var(--bs-nav-tabs-border-width) solid transparent;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}

.ul_acciones LI:first-child, .ul_acciones LI:last-child  {
	width: 25%;
}

.ul_acciones LI {
	width: 40%;
}

.caja_acciones {
	border-left-width: 1px;
	border-left-style: solid;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-right-width: 1px;
	border-right-style: solid;
}

.capas_roi_etiqueta {
	width: 97%;
	height: 27px;
	padding-left: 12px;
	padding-top:3px;
	margin-bottom: 4px;
}

.capas_roi_etiqueta_texto {
	height: 20px;
}

/*******************/
/* TABLAS DE DATOS */
/*******************/
.capa_tabla_listado {
	/*max-height: calc(100vh - 248px);*/
}

.tabla_listado TR:first-child TD {
	border: none;
	background-color: #000000;
}

.tabla_listado TR TH, .tabla_listado TR TD  {
	padding-bottom:3px;
	padding-right:3px;
}

.tabla_listado TR TD DIV, .tabla_listado.tabla_listado_proyectos TR TD.celda_coloreada {
	border-style: solid;
	border-width: 1px;
	border-color: #474747;
	background-color: #242424;
	margin-top: 1px;
}

.tabla_listado.tabla_listado_proyectos TR TD.celda_coloreada.boton_listado:hover:not([disabled]) {
	background-color: #191919;
}

.tabla_listado TR:nth-child(even) TD DIV.celda_coloreada, .tabla_listado TR:nth-child(even) TD BUTTON.celda_coloreada, .tabla_listado TR:nth-child(even) TD.celda_coloreada {
	border-color: #757575;
	border-width: 1px;
	background-color: #323232;
}

.tabla_listado.mosaico TR TD DIV.celda_coloreada, , .mosaico .mosaico_estado BUTTON, .mosaico .mosaico_control_calidad BUTTON {
	border-color: #757575;
	background-color: #323232;
}

.tabla_listado .caja_etiqueta_o_variable {
	border-style: solid;
	border-width: 1px;
	border-color: #6f6f6f;
	height: 25px;
	width: 130px;
	overflow: hidden;
	padding-top: 3px;
	padding-left: 10px;
	padding-right: 10px;
	margin-right: 4px;
	white-space: nowrap;
}

.tabla_listado .caja_mas_N_etiqueta {
	height: 25px;
	width: 25px;
	overflow: hidden;
	padding-top: 1px;
	padding-left: 0px;
	padding-right: 0px;
}

.tabla_listado .caja_mas_N_variable {
	height: 25px;
	width: 25px;
	overflow: hidden;
	padding-top: 1px;
	padding-left: 0px;
	padding-right: 0px;
}

.tabla_listado TD.ancho_etiquetas_variables {
	width: 315px;
}

.tabla_listado .ordenar {
	float: right;
	width: 15px;
	height: 15px;
	background-repeat: no-repeat;
	background-position: bottom center;
	margin-right: 5px;
}

.tabla_listado .ordenar.asc {
	background-image: url("../img/ico-ordenar-asc.png");
}

.tabla_listado .ordenar.desc {
	background-image: url("../img/ico-ordenar-desc.png");
}

.tabla_listado .ordenar.active {
	filter: brightness(2);
	-webkit-filter: brightness(2); 
}

.tabla_listado TR:nth-child(even) .mosaico_info .boton_estado_off_listado {
	border: 1px solid #6f6f6f;
	background-color: #3b3b3b;
	color: #bebebe;
	padding: 17px 10px;
}

.tabla_listado TR:nth-child(even) .mosaico_info .boton_estado_off_listado:hover {
	background-color: #191919;
	color: #bebebe;
}

.tabla_listado TR:nth-child(odd) .mosaico_info .boton_estado_off_listado {
	border: 1px solid #474747;
	background-color: #242424;
	color: #bebebe;
	padding: 17px 10px;
}

.tabla_listado TR:nth-child(odd) .mosaico_info .boton_estado_off_listado:hover {
	background-color: #404040;
	color: #bebebe;
}

.tabla_listado.tabla_listado_proyectos {
	border-collapse: separate;
 	border-spacing: 3px;
}

/************/
/* TOOLTIPS */
/************/
.custom-tooltip {
	--bs-tooltip-bg: #bebebe;
	--bs-tooltip-color: #191919;
	--bs-tooltip-max-width: 200px;
	--bs-tooltip-opacity: 1;
}

.tooltip-arrow {
	display:none !important;
}

.tooltip-inner {
	border-radius: 0px;
	font-size: 11px;
	font-weight: bold;
}

.tooltip--.show {
	opacity: 1;
}

/*****************/
/* RESPONSIVE    */
/*****************/
.solo_mostrar_en_responsive {
	display:none;
	visibility: hidden;
}

/**********************/
/* ORDENAR RESPONSIVE */
/**********************/
.capa_opciones_ordenar {
	width: 65vw;
	background-color: #242424;
	border-radius: 23px;
	position: absolute;
	right: 0px;
	top: 50px;
	z-index: 2;
	max-width: 270px;
}

.elemento_opciones_ordenar  {
	height: 50px;
	border-bottom: 1px solid #535353;
	vertical-align: middle;
}

/* .elemento_opciones_ordenar::after {
	content: ' ';
	background-image: url("../img/ico-seleccionado.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 30px;
	margin-right: 5px;
	margin-top: 5px;
	width: 25px;
	height: 25px;
}
 */

.elemento_opciones_ordenar.elemento_opciones_ordenar_seleccionado::after {
	content: ' ';
	background-image: url("../img/ico-seleccionado.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 20px;
	margin-right: 5px;
	margin-top: 5px;
	width: 25px;
	height: 25px;
	filter: brightness(2);
	-webkit-filter: brightness(2);
}

.elemento_opciones_ordenar.elemento_opciones_ordenar_seleccionado_asc::after {
	content: ' ';
	background-image: url("../img/ico-ordenar-asc.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 20px;
	margin-right: 5px;
	margin-top: 5px;
	width: 25px;
	height: 25px;
	filter: brightness(2);
	-webkit-filter: brightness(2);
}

.elemento_opciones_ordenar.elemento_opciones_ordenar_seleccionado_desc::after {
	content: ' ';
	background-image: url("../img/ico-ordenar-desc.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 20px;
	margin-right: 5px;
	margin-top: 5px;
	width: 25px;
	height: 25px;
	filter: brightness(2);
	-webkit-filter: brightness(2);
}

/*********/
/* AYUDA */
/*********/
.dialogo-ayuda::before {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #fff;
	top: -9px;
	transform: translateX(-50%);
}

.dialogo-ayuda.left0:before {
	left: 4%;
}

.dialogo-ayuda.left25:before {
	left: 25%;
}

.dialogo-ayuda.left50:before {
	left: 50%;
}

.dialogo-ayuda.left75:before {
	left: 75%;
}

.dialogo-ayuda.left100:before {
	left: 96%;
}

.dialogo-ayuda {
	max-width: 310px;
	width: 310px;
	background-color: #FFFFFF !important;
	transform: translateX(-50%);
}

.dialogo-ayuda DIV {
	background-color: #FFFFFF !important;
	border: 0px !important;
}

/********************/
/* Boton Nuevo algo */
/********************/
#boton_nuevo::after {
	content: ' ';
	margin-right: 5px;
	margin-top: 3px;
	float: right;
	background-image: url("../img/ico-proyecto-nuevo.png");
	width: 20px;
	height: 20px;
	display: block;
}

/********************/
/* Videoconferencia */
/********************/
.videoconferencia_numero_personas {
	top: -10px;
	left: 14px;
	border-radius: 50%;
	width: 17px;
	text-align: center;
}

.videoconferencia_numero_personas_icono {
	width: 60px;
}

.videoconferencia_ancho_perfiles {
	width: 580px;
}

.videoconferencia_boton_estado_off {
	padding-top: 5px;
	padding-bottom: 5px;
}

.videoconferencia_boton_estado_off:hover:not([disabled]) {
	background-color: #191919 !important;
	color: #bebebe;
}


.videoconferencia_boton_borrar {
	border: 1px solid #d2395d;
	background-color: #452229;
	padding-top: 5px;
	padding-bottom: 5px;
}

.videoconferencia_boton_borrar:hover {
	background-color: #2b181b;
	color: #ebc8d0;
}

.videoconferencia_pantalla_shared_screen {
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;  
  z-index: 200;
  display: none;
  border: 5px solid blue;
  box-sizing: border-box;  
  background-color: black;
  
}
.videoconferencia_body_container {
padding: 0 !important;margin: 0 !important; overflow: hidden; height: 100% !important;background-color:black
}

.videoconferencia_iframe {
  width: 100vw;
  height: 100vh;
  border: none;
  overflow-y: auto;
}

.videoconferencia_message_waiting {
	margin: 0;
    height: 100vh; /* Altura completa de la ventana */
    display: flex;
    justify-content: center; /* Centrado horizontal */
    align-items: center;     /* Centrado vertical */
    color: white;
}


.videoconferencia_control_panel_mini {
	z-index: 300 !important;
	padding: 2px !important;
	border-radius: 10px !important;
	right:35%;
}
.videoconferencia_control_panel {
	z-index: 310! important;
	margin-top: 4px;
	padding: 2px !important;
	border-radius:20px !important;
	min-height: 200px;
	max-height: 231px;
}

.videoconferencia_compartiendo {
	border:3px solid green !important; 
	background-color: green important!	
}

.videoconferencia_imagen_perfil {
	border-radius: 20px;
	width: 115px;
	height: 115px;
}

.videoconferencia_imagen_perfil_activo {
	border-width: 1px;
	border-style: solid;
	border-color: #d29139;
}

/******************/
/* Mensaje alerta */
/******************/
#mensajes_alerta {
	z-index: 1200 !important;
}

/****************/
/* Disable link */
/****************/
a.disable {
	pointer-events: none;
	cursor: default;
}

/*************************/
/* Invertir imagen eje Y */
/*************************/
.invertir-eje-y {
	-webkit-transform: scaleY(-1);
	transform: scaleY(-1);
}

/************************************/
/* Filtro activo en panel izquierdo */
/************************************/
.filtro_activo {
	color: #d29139;
}

/****************************************/
/* Alto linea listado nombre con centro */
/****************************************/
.alto_linea_con_centro {
	line-height: 18px;
}

/*********************/
/* ScrollBar Chrome  */
/*********************/
::-webkit-scrollbar {
    height: 4px;
    width: 4px;
    background: #171717;
}

::-webkit-scrollbar-thumb {
    background: #959595;
    -webkit-border-radius: 1ex;
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75);
}

::-webkit-scrollbar-corner {
    background: #171717;
}

/***************************************/
/* Bajar brillo botones deshabilitados */
/***************************************/
LI[disabled], BUTTON[disabled], A[disabled] {
	filter: brightness(0.5);
}