body {
	--gold: gold;
	--focus-color: var(--gold);
	--texto-negro-color: #000000;
	--texto-negro-light-color: #222222;
	--texto-blanco-color: #FFFFFF;
	--bg-blanco-color: #FFFFFF;
	--bg-blanco-fe-color: #FEFEFE;
	--bg-blanco-f6-color: #F6F6F6;
	--bg-light-color: #F5F5F5;
	--bg-negro-color: #000000;
	--main-color: var(--texto-negro-color);
	--main-light-color: var(--texto-negro-light-color);
	--main-2-color: var(--texto-blanco-color);
	--main-bg-color: var(--bg-blanco-color);
	--main-2-bg-color: var(--bg-negro-color);
	--main-transparente-color: rgba(0, 0, 0, 0.0);
	--main-transparente1-color: rgba(0, 0, 0, 0.1);
	--main-transparente125-color: rgba(0, 0, 0, 0.125);
	--main-transparente4-color: rgba(0, 0, 0, 0.4);
	--main-transparente5-color: rgba(0, 0, 0, 0.5);
	--main-transparente7-color: rgba(0, 0, 0, 0.7);
	--main-transparente-light-color: rgba(255, 255, 255, 0.0);
	--main-transparente5-light-color: rgba(255, 255, 255, 0.5);
	--main-transparente8-light-color: rgba(255, 255, 255, 0.8);
	--textarea-color: var(--main-color);
	--textarea-bg-color: var(--main-bg-color);
	--header-bg-color: #E35614;
	--header-nav-color: var(--texto-blanco-color);
	--header-nav-a-color: var(--texto-blanco-color);
	--hr-border-bottom: var(--border-color);
	--app-nav-bg-color: #333333;
	--app-nav-color: var(--texto-blanco-color);
	--app-nav-border-right-color: #EEEEEE;
	--app-nav-submenu-bg-color: #222222;
	--app-nav-li-hover-a-bg-color: #333333;
	--app-nav-a-color: var(--texto-blanco-color);
	--app-content-bg-color: var(--main-bg-color);
	--app-title-color: var(--texto-blanco-color);
	--app-title-bg: rgb(48, 48, 48) none repeat scroll 0% 0%;
	--app-title-border-right-color: #E35614;
	--app-title-login-color: var(--texto-blanco-color);
	--app-title-login-bg: #E35614 none repeat scroll 0% 0%;
	--app-title-hover-before-border-color: #666666;
	--leyendaizq-color: #555555;
	--campos-bg-color: var(--main-bg-color);
	--campos-border-color: var(--border-color);
	--div-campos-par-bg-color: #FDFDFD;
	--div-campos-impar-bg-color: #FFFFFF;
	--errores-color: #463C00;
	--errores-bg-color: #FFD700;
	--errores-border-color: #EAC700;
	--warnings-color: #997700;
	--warnings-bg-color: #FFFFAA;
	--warnings-border-color: #FFD700;
	--flecha-color: #DDDDDD;
	--maximizar-bg-color: #CCCCCC;
	--maximizar-border-color: #FFFFFF;
	--maximizarencima-bg-color: #FF0000;
	--contenido-bg-color: #FBFBFB;
	--cabecera-bg-color: #E5E5E5;
	--loader-bg-color: #60C5F1;
	--slider-color: #BBBBBB;
	--slider-bg-color: #F8F8F8;
	--slider-li-color: #333333;
	--slider-li-bg-color: #DDDDDD;
	--slider-li-border-color: #DDDDDD;
	--slider-li-hover-color: var(--main-color);
	--slider-li-hover-bg-color: var(--bg-light-color);
	--slider-li-selected-color: var(--main-color);
	--slider-li-selected-bg-color: #FAFAFA;
	--divloginouter-bg-color: #222222;
	--rango-bg-color: #E7E7E7;
	--rango-bg-lg: linear-gradient(center bottom, #E8E8E8, #EEEEEE, #E8E8E8);
	--rango-border-color: var(--border-color);
	--rango2-bg-color: #E7E7E7;
	--rango2-bg-lg: linear-gradient(center bottom, #E8E8E8, #EEEEEE, #E8E8E8);
	--rango2-border-color: var(--border-color);
	--buzones-li-bg-color: #DEDEDE;
	--buzones-li-border-color: var(--border-color);
	--buzones-li-hover-bg-color: #F0F0F0;
	--buzones-li-sel-border-color: #F4C542;
	--modal-header-color: #222222;
	--modal-header-bg-color: #E7E7E7;
	--modal-body-color: #222222;
	--actualizadohace-color: #999999;
	--boton-menu-bg-color: #EEEEEE;
	--boton-menu-bg-hover-color: #FFFFAA;
	--boton-menu-bg-hover-lg: linear-gradient(bottom, #CCCCAA, #EEEEAA, #FFFFAA);
	--boton-menu-color: #222222;
	--boton-menu-border-color: var(--border-color);
	--boton-menu-border-left-color: #CCAAAA;
	--boton-color: #222222;
	--boton-bg-color: #F4F4F4;
	--boton-bg-lg: linear-gradient(bottom, #CCCCCC, #EEEEEE, #F0F0F0);
	--boton-hover-color: var(--main-color);
	--boton-bg-hover-color: #F8F8F8;
	--boton-bg-hover-lg: linear-gradient(bottom, #DDDDDD, #F0F0F0, #FFFFFF);
	--boton-shadow-color: #CCCCCC;
	--boton-border-color: var(--border-color);
	--boton-border-bottom-color: #04DD0;
	--boton-border-focus-color: var(--focus-color);
	--boton-rojo-border-bottom-color: #DE0303;
	--btn-border-color: transparent;
	--btn-hover-color: #333333;
	--btn-default-color: #333333;
	--btn-default-bg-color: var(--main-bg-color);
	--btn-default-border-color: var(--border-color);
	--btn-default-focus-bg-color: #E6E6E6;
	--btn-default-focus-border-color: #8C8C8C;
	--btn-default-hover-bg-color: var(--btn-default-focus-bg-color);
	--btn-default-hover-border-color: #ADADAD;
	--btn-default-active-bg-color: var(--btn-default-focus-bg-color);
	--btn-default-active-border-color: var(--btn-default-hover-border-color);
	--btn-default-active-hover-bg-color: #D4D4D4;
	--btn-default-active-hover-border-color: var(--btn-default-focus-border-color);
	--btn-default-disabled-bg-color: var(--btn-default-bg-color);
	--btn-default-disabled-border-color: var(--btn-default-border-color);
	--btn-default-badge-color: #FFFFFF;
	--btn-default-badge-bg-color: #333333;
	--btn-primary-color: #FFFFFF;
	--btn-primary-bg-color: #337AB7;
	--btn-primary-border-color: #2E6DA4;
	--btn-primary-focus-bg-color: #286090;
	--btn-primary-focus-border-color: #122B40;
	--btn-primary-hover-bg-color: var(--btn-primary-focus-bg-color);
	--btn-primary-hover-border-color: #204D74;
	--btn-primary-active-bg-color: var(--btn-primary-focus-bg-color);
	--btn-primary-active-border-color: var(--btn-primary-hover-border-color);
	--btn-primary-active-hover-bg-color: var(--btn-primary-hover-border-color);
	--btn-primary-active-hover-border-color: var(--btn-primary-focus-border-color);
	--btn-primary-disabled-bg-color: var(--btn-primary-bg-color);
	--btn-primary-disabled-border-color: var(--btn-primary-border-color);
	--btn-primary-badge-color: var(--btn-primary-bg-color);
	--btn-primary-badge-bg-color: #FFFFFF;
	--btn-success-color: #FFFFFF;
	--btn-success-bg-color: #5CB85C;
	--btn-success-border-color: #4CAE4C;
	--btn-success-focus-bg-color: #449D44;
	--btn-success-focus-border-color: #255625;
	--btn-success-hover-bg-color: var(--btn-success-focus-bg-color);
	--btn-success-hover-border-color: #398439;
	--btn-success-active-bg-color: var(--btn-success-focus-bg-color);
	--btn-success-active-border-color: var(--btn-success-hover-border-color);
	--btn-success-active-hover-bg-color: var(--btn-success-hover-border-color);
	--btn-success-active-hover-border-color: var(--btn-success-focus-border-color);
	--btn-success-disabled-bg-color: var(--btn-success-bg-color);
	--btn-success-disabled-border-color: var(--btn-success-border-color);
	--btn-success-badge-color: var(--btn-success-bg-color);
	--btn-success-badge-bg-color: #FFFFFF;
	--btn-info-color: #FFFFFF;
	--btn-info-bg-color: #5BC0DE;
	--btn-info-border-color: #46B8DA;
	--btn-info-focus-bg-color: #31B0D5;
	--btn-info-focus-border-color: #1B6D85;
	--btn-info-hover-bg-color: var(--btn-info-focus-bg-color);
	--btn-info-hover-border-color: #269ABC;
	--btn-info-active-bg-color: var(--btn-info-focus-bg-color);
	--btn-info-active-border-color: var(--btn-info-hover-border-color);
	--btn-info-active-hover-bg-color: var(--btn-info-hover-border-color);
	--btn-info-active-hover-border-color: var(--btn-info-focus-border-color);
	--btn-info-disabled-bg-color: var(--btn-info-bg-color);
	--btn-info-disabled-border-color: var(--btn-info-border-color);
	--btn-info-badge-color: var(--btn-info-bg-color);
	--btn-info-badge-bg-color: #FFFFFF;
	--btn-warning-color: #FFFFFF;
	--btn-warning-bg-color: #F0AD4E;
	--btn-warning-border-color: #EEA236;
	--btn-warning-focus-bg-color: #EC971F;
	--btn-warning-focus-border-color: #985F0D;
	--btn-warning-hover-bg-color: var(--btn-warning-focus-bg-color);
	--btn-warning-hover-border-color: #D58512;
	--btn-warning-active-bg-color: var(--btn-warning-focus-bg-color);
	--btn-warning-active-border-color: var(--btn-warning-hover-border-color);
	--btn-warning-active-hover-bg-color: var(--btn-warning-hover-border-color);
	--btn-warning-active-hover-border-color: var(--btn-warning-focus-border-color);
	--btn-warning-disabled-bg-color: var(--btn-warning-bg-color);
	--btn-warning-disabled-border-color: var(--btn-warning-border-color);
	--btn-warning-badge-color: var(--btn-warning-bg-color);
	--btn-warning-badge-bg-color: #FFFFFF;
	--btn-danger-color: #FFFFFF;
	--btn-danger-bg-color: #D9534F;
	--btn-danger-border-color: #D43F3A;
	--btn-danger-focus-bg-color: #C9302C;
	--btn-danger-focus-border-color: #761C19;
	--btn-danger-hover-bg-color: var(--btn-danger-focus-bg-color);
	--btn-danger-hover-border-color: #AC2925;
	--btn-danger-active-bg-color: var(--btn-danger-focus-bg-color);
	--btn-danger-active-border-color: var(--btn-danger-hover-border-color);
	--btn-danger-active-hover-bg-color: var(--btn-danger-hover-border-color);
	--btn-danger-active-hover-border-color: var(--btn-danger-focus-border-color);
	--btn-danger-disabled-bg-color: var(--btn-danger-bg-color);
	--btn-danger-disabled-border-color: var(--btn-danger-border-color);
	--btn-danger-badge-color: var(--btn-danger-bg-color);
	--btn-danger-badge-bg-color: #FFFFFF;
	--btn-link-color: #337AB7;
	--btn-link-bg-color: transparent;
	--btn-link-border-color: transparent;
	--btn-link-focus-bg-color: transparent;
	--btn-link-focus-color: #23527C;
	--btn-link-disabled-color: #777777;
	--btn-link-disabled-border-color: var(--btn-link-border-color);
	--btn-border-accent-color: #FF6E40;
	--btn-border-accent-bg-color: transparent;
	--btn-border-accent-border-color: #FF6E40;
	--btn-accent-color: #FFFFFF;
	--btn-accent-bg-color: #FF6E40;
	--btn-accent-active-color: #FFFFFF;
	--btn-accent-active-bg-color: #FF5722;
	--border-color: #CCCCCC;
	--border-dark-color: #888888;
	--table-th-bg-color: #666666;
	--table-th-border-color: #444444;
	--table-th-color: #DDDDDD;
	--table-td-bg-color: #EEEEEE;
	--table-td-par-bg-color: #EEEEEE;
	--table-td-impar-bg-color: #E9E9E9;
	--table-td-check-par-bg-color: #ECEAA8;
	--table-td-check-impar-bg-color: #E9E798;
	--table-td-check-border-color: #DEDB67;
	--table-td-warn-par-bg-color: #ECEAA8;
	--table-td-warn-impar-bg-color: #EFE77E;
	--table-td-warn-border-color: #B6AA16;
	--table-td-ok-par-bg-color: #CCFCA0;
	--table-td-ok-impar-bg-color: #C0FB8C;
	--table-td-ok-border-color: #6BBD22;
	--table-td-ko-par-bg-color: #F0A800;
	--table-td-ko-impar-bg-color: #FFB811;
	--table-td-ko-border-color: #67C9FE;
	--table-td-ko-color: var(--texto-negro-color);
	--table-td-ko-sel-bg-color: #67C9FE;
	--table-td-error-par-bg-color: #B30000;
	--table-td-error-impar-bg-color: #E80000;
	--table-td-error-border-color: #8C0505;
	--table-td-error-border-light-color: #7B0707;
	--table-td-error-color: var(--texto-blanco-color);
	--table-td-legend-color: var(--texto-negro-color);
	--table-td-acciones-bg-color: #E9E9E9;
	--table-sub-th-bg-color: #333333;
	--table-sub-td-bg-color: #444444;
	--table-sub-td-border-color: #000000;
	--table-sub-td-border-light-color: #222222;
	--table-sub-td-color: var(--texto-blanco-color);
	--table-sub-td-check-color: var(--texto-negro-color);
	--table-sub-td-ok-par-bg-color: #418404;
	--table-sub-td-ok-impar-bg-color: #479104;
	--table-sub-td-ok-border-color: var(--border-dark-color);
	--table-sub-td-ok-border-light-color: #366D03;
	--table-sub-td-ko-par-bg-color: #915702;
	--table-sub-td-ko-impar-bg-color: #9D6002;
	--table-sub-td-ko-border-color: var(--border-dark-color);
	--table-sub-td-ko-border-light-color: #955A02;
	--spnalertas-color: #FFFFFF;
	--spnalertas-bg-color: #B30000;
	--spnalertas-hover-bg-color: #E80000;
	--select-bg-color: #EEEEEE;
	--select-select-bg-color: #EEEEEE;
	--select-border-color: var(--border-color);
	--select-after-bg-color: #EEEEEE;
	--select-hover-after-bg-color: #F39C12;
	--span-tabla-bg-color: var(--main-bg-color);
	--span-tabla-border-color: var(--border-color);
	--span-tabla-dest-bg-color: #EEEEEE;
	--tooltip-color: var(--main-2-color);
	--tooltip-bg-color: var(--main-transparente7-color);
	--tooltip-border-color: #333333;
	--tooltipcal-color: var(--main-2-color);
	--tooltipcal-bg-color: var(--main-transparente7-color);
	--tooltipcal-border-color: #333333;
	--editablefict-color: var(--main-color);
	--editablefict-bg-color: transparent;
	--editablefict-border-color: transparent;
	--editablefict-focus-bg-color: var(--main-bg-color);
	--editablefict2-color: var(--main-color);
	--editablefict2-border-color: transparent;
	--graficasmain-bg-color: #F8F8F8;
	--graficasmain-border-color: var(--border-color);
	--graficaCabecera-bg-color: #E7E7E7;
	--graficaCabecera-bg-lg: linear-gradient(center bottom, #E8E8E8, #EEEEEE, #E8E8E8);
	--graficaCabecera-border-color: var(--border-color);
	--graficaTooltip-bg-color: var(--main-bg-color);
	--graficaTooltip-border-color: #777777;
	--tickLabel-color: #545454;
	--hover-bg-color: var(--gold);
	--nav-li-span-bg-color: #F5F5F5;
	--nav-li-span-border-color: var(--border-color);
	--nav-li-span-hover-bg-color: #FFFFFF;
	--nav-li-ul-li-span-color: #555555;
	--nav-li-ul-li-span-bg-color: #F5F5F5;
	--nav-li-ul-li-span-border-color: var(--border-color);
	--nav-li-ul-li-span-hover-bg-color: #FFFFFF;
	--div-login-inner-bg-color: #FFFFFF;
	--div-login-inner-border-color: #313131;
	--dropdown-menu-bg-color: #FFFFFF;
	--dropdown-menu-border-color: rgba(0,0,0,.15);
	--dropdown-menu-li-a-color: #333333;
	--dropdown-menu-li-a-hover-color: #333333;
	--dropdown-menu-li-a-hover-bg-color: #F5F5F5;
	--multiselect-group-bg-color: #FAFAFA;
	--multiselect-form-control-color: #555555;
	--multiselect-form-control-bg-color: #FFFFFF;
	--multiselect-form-control-border-color: var(--border-color);
	--multiselect-input-group-addon-color: #555555;
	--multiselect-input-group-addon-bg-color: #EEEEEE;
	--multiselect-input-group-addon-border-color: var(--border-color);
	--fc-button-primary-color: var(--main-2-color);
	--fc-button-primary-bg-color: #2C3E50;
	--fc-button-primary-border-color: #2C3E50;
	--fc-button-primary-hover-bg-color: #1E2B37;
	--fc-button-primary-hover-border-color: #1A252F;
	--fc-button-primary-active-bg-color: #1A252F;
	--fc-button-primary-active-border-color: #151E27;
	--fc-button-primary-disabled-bg-color: #2C3E50;
	--fc-button-primary-disabled-border-color: #2C3E50;
	--fc-td-border-color: #DDDDDD;
	--fc-today-bg-color: #FCF8E3;
}

/** MODO OSCURO **/

body.oscuro {
	--bg-blanco-color: #222222 !important;
	--bg-blanco-f6-color: #333333;
	--bg-blanco-fe-color: #303030;
	--main-color: #eee;
	--main-transparente-color: rgba(0, 0, 0, 0.0);
	--main-transparente1-color: rgba(0, 0, 0, 0.1);
	--main-transparente125-color: rgba(0, 0, 0, 0.125);
	--main-transparente4-color: rgba(0, 0, 0, 0.4);
	--main-transparente5-color: rgba(0, 0, 0, 0.5);
	--main-transparente7-color: rgba(0, 0, 0, 0.7);
	--main-transparente5-light-color: rgba(25, 25, 25, 0.5);
	--main-transparente8-light-color: rgba(25, 25, 25, 0.8);
	
	--focus-color: #E35614;
	--gold: #bfa100;
	--header-bg-color: #ac3f0b;
	--leyendaizq-color: #bbb;
	--cabecera-bg-color: #ac3f0b;
	--campos-bg-color: #1e1e1e;
	--div-campos-par-bg-color: #1A1A1A;
	--div-campos-impar-bg-color: #1F1F1F;
	--border-color: #151515;
	--border-dark-color: #121212;
	--contenido-bg-color: #262626;
	--app-title-border-right-color: #ac3f0b;
	--app-title-bg: #181818 none repeat scroll 0% 0%;
	--app-title-login-bg: #ac3f0b none repeat scroll 0% 0%;
	--app-nav-border-right-color: #151515;
	--app-nav-bg-color: #181818;
	--app-nav-submenu-bg-color: #111;
	--divloginouter-bg-color: #090909;
	--div-login-inner-bg-color: #111;
	--div-login-inner-border-color: #000000;
	
	--rango-bg-color: #303030;
	--rango-bg-lg: linear-gradient(center bottom, #333333, #303030, #333333);
	--rango2-bg-color: #303030;
	--rango2-bg-lg: linear-gradient(center bottom, #333333, #303030, #333333);
	
	
	--table-th-bg-color: #0f0f0f;
	--table-th-border-color: #0b0b0b;
	--table-th-color: #DDDDDD;
	--table-td-bg-color: #151515;
	--table-td-par-bg-color: #262626;
	--table-td-impar-bg-color: #1f1f1f;
	--table-td-warn-par-bg-color: #938e00;
	--table-td-warn-impar-bg-color: #807b00;
	--table-td-warn-border-color: #5b560e;
	--table-td-ok-par-bg-color: #518c1c;
	--table-td-ok-impar-bg-color: #417711;
	--table-td-ok-border-color: #275300;
	--table-td-ko-par-bg-color: #d98703;
	--table-td-ko-impar-bg-color: #c67b03;
	--table-td-ko-border-color: #935a00;
	--table-td-ko-color: var(--texto-negro-color);
	--table-td-error-par-bg-color: #B30000;
	--table-td-error-impar-bg-color: #E80000;
	--table-td-error-border-color: #6c0000;
	--table-td-error-border-light-color: #530303;
	--table-td-error-color: var(--texto-blanco-color);
	--table-td-acciones-bg-color: #202020;
	--span-tabla-dest-bg-color: #202020;
	
	--btn-default-color: #bbb;
	--btn-default-focus-bg-color: #333;
	--btn-default-focus-border-color: #252525;
	--btn-default-hover-border-color: #252525;
	--btn-default-active-hover-bg-color: #393939;
	--btn-info-bg-color: #1e819f;
	--btn-info-border-color: #0d3e4d;
	--btn-info-focus-bg-color: #218baa;
	--btn-info-focus-border-color: #104c5e;
	--btn-info-hover-border-color: #125b71;
	--btn-warning-bg-color: #b97617;
	--btn-warning-border-color: #84530f;
	--btn-warning-focus-bg-color: #dd8912;
	--btn-warning-focus-border-color: #985F0D;
	--btn-warning-hover-border-color: #aa6a0d;
	--btn-danger-bg-color: #aa2420;
	--btn-danger-border-color: #84201d;
	--btn-danger-focus-bg-color: #ca110b;
	--btn-danger-focus-border-color: #5e100e;
	--btn-danger-hover-border-color: #73120f;

	--buzones-li-bg-color: #202020;
	--buzones-li-border-color: #6a6a6a;
	--buzones-li-hover-bg-color: #151515;
	
	--select-bg-color: #28282800;
	--select-select-bg-color: #282828;
	--select-border-color: var(--border-color);
	--select-after-bg-color: #1e1e1e;
	--select-hover-after-bg-color: #F39C12;
	
	--graficasmain-bg-color: #151515;
	--graficaCabecera-bg-color: #313131;
	--graficaCabecera-bg-lg: linear-gradient(center bottom, #313131, #353535, #313131);
	--graficaCabecera-border-color: var(--border-color);
	--graficaTooltip-bg-color: var(--main-bg-color);
	--graficaTooltip-border-color: #202020;
	--tickLabel-color: #CCCCCC;
	--table-td-legend-color: #CCCCCC;
	--nav-li-span-bg-color: #202020;
	--nav-li-ul-li-span-color: #CCCCCC;
	--nav-li-ul-li-span-hover-bg-color: #252525;
	--dropdown-menu-bg-color: #111111;
	--dropdown-menu-border-color: rgba(0,0,0,.15);
	--dropdown-menu-li-a-color: #dfdfdf;
	--dropdown-menu-li-a-hover-color: #FFFFFF;
	--dropdown-menu-li-a-hover-bg-color: #333;
	--multiselect-group-bg-color: #222222;
	--multiselect-form-control-color: #dfdfdf;
	--multiselect-form-control-bg-color: #353535;
	--multiselect-form-control-border-color: #2d2c2c;
	--multiselect-input-group-addon-color: #555555;
	--multiselect-input-group-addon-bg-color: #242424;
	--multiselect-input-group-addon-border-color: var(--border-color);
	
	--fc-button-primary-color: var(--main-color);
	--fc-button-primary-bg-color: #393939;
	--fc-button-primary-border-color: #242424;
	--fc-button-primary-hover-bg-color: #ce4605;
	--fc-button-primary-hover-border-color: #1A252F;
	--fc-button-primary-active-bg-color: #ac3f0b;
	--fc-button-primary-active-border-color: #842d03;
	--fc-button-primary-disabled-bg-color: #373737;
	--fc-button-primary-disabled-border-color: #151515;
	--fc-td-border-color: #353434;
	--fc-today-bg-color: #444140;
}

body.oscuro img[src="/img/ventana_nueva.png"] {
	filter: brightness(200%);
}

body.oscuro img[src="/img/close-icon.png"], body.oscuro img[src="/img/edit_b.png"] {
	filter: invert(90%);
}

body.oscuro .ancla, body.oscuro .accion, body.oscuro .accion18, body.oscuro .accion24, body.oscuro .accion24r, body.oscuro #tblJobs div.btn-group img {
	filter: invert(90%);
}
/** FIN MODO OSCURO **/


@media not all , ( max-resolution : 124.8dpi) {
	@font-face {
		font-family: "Open Sans";
		font-style: normal;
		font-weight: normal;
		src: local("Open Sans"), local("OpenSans"), url("fonts/OpenSans-Regular.woff") format("woff");
	}
}

@font-face {
	font-family: "Open Sans";
	font-style: normal;
	font-weight: 300;
	src: local("Open Sans Light"), local("OpenSans-Light"), url("fonts/OpenSans-Light.woff") format("woff");
}

@font-face {
	font-family: "Open Sans";
	font-style: normal;
	font-weight: 600;
	src: local("Open Sans Semibold"), local("OpenSans-Semibold"), url("fonts/OpenSans-Semibold.woff") format("woff");
}

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, 
	label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {
	border: 0 none;
	cursor: default;
	font-family: inherit;
	font-size: 100%;
	font-weight: inherit;
	margin: 0;
	outline: 0 none !important;
	padding: 0;
	vertical-align: baseline;
	-webkit-font-smoothing: antialiased;
}

body, textarea {
	font-family: "Open Sans", Frutiger, Calibri, "Myriad Pro", Myriad, sans-serif;
	font-size: 0.8em;
	font-weight: 400;
	line-height: 1.6em;
}

body {
	color: var(--main-color);
	background: var(--main-bg-color);
}

hr {
	border: none;
	border-bottom: 1px solid var(--hr-border-bottom);
}

textarea {
	color: var(--textarea-color);
	background: var(--textarea-bg-color);
}

textarea {
	font-size: 100%;
}

optgroup::before {
	font-weight: bold;
	font-style: normal;
	background: var(--bg-light-color);
	border-bottom: 1px solid var(--border-color);
	border-top: 1px solid var(--border-color);
	padding-left: 5px;
}

optgroup option {
	background: var(--main-bg-color);
	padding-left: 10px;
}

.noselect {
	user-select: none;
	-moz-user-select: none;
}

.zoom-in, .zoom-in * {
	cursor: zoom-in;
}

.zoom-out, .zoom-out * {
	cursor: zoom-out;
}

.zoom-in table, .zoom-out table, .zoom-in table *, .zoom-out table * {
	cursor: default;
}

h1 {
	font-size: 120%;
	font-weight: bold;
	line-height: 45px;
	text-shadow: 1px 1px 2px var(--main-transparente4-color);
}

h1#tituloVentana {
	padding-left: 10px;
	user-select: none;
	-moz-user-select: none;
}

input, textarea {
	color: var(--main-color);
	border: 1px solid var(--border-color);
	background: var(--main-bg-color);
	outline: 0;
}

label, input[type="checkbox"] {
	cursor: pointer;
}

label {
	vertical-align: middle;
}

input[type="checkbox"] {
	vertical-align: middle;
}

pre {
	white-space: pre-wrap; /* Since CSS 2.1 */
	white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-wrap: break-word; /* Internet Explorer 5.5+ */
	background-color: var(--main-transparente-color) !important;
	background: none !important;
	line-height: inherit !important;
	color: var(--main-color);
}

table {
	border-collapse: collapse;
}

th {
	background-color: var(--table-th-bg-color);
	padding: 2px 4px;
	border: 1px solid var(--table-th-border-color);
	border-bottom-width: 2px;
	color: var(--table-th-color);
}

td {
	background-color: var(--table-td-bg-color);
	padding: 2px 10px 2px 10px;
	border: 1px solid var(--border-dark-color);
	border-color: var(--border-dark-color) var(--border-color);
	line-height: 1.4em;
}

td.nopdl {
	padding-left: 0px;
}
td.nopdb {
	padding-bottom: 0px;
}
td.nopdr {
	padding-right: 0px;
}
td.nopdt {
	padding-top: 0px;
}

tr>td:first-child {
	border-left-color: var(--border-dark-color) !important;
}

tr>td:last-child {
	border-right-color: var(--border-dark-color) !important;
}

tr:nth-child(odd)>td {
	background-color: var(--table-td-impar-bg-color);
}

tr:nth-child(even)>td {
	background-color: var(--table-td-par-bg-color);
}

tr.check:nth-child(odd)>td {
	background-color: var(--table-td-check-impar-bg-color);
	border-color: var(--border-dark-color) var(--table-td-check-border-color);
}

tr.check:nth-child(even)>td {
	background-color: var(--table-td-check-par-bg-color);
	border-color: var(--border-dark-color) var(--table-td-check-border-color);
}

tr.warn:nth-child(odd)>td {
	background-color: var(--table-td-warn-impar-bg-color);
	border-color: var(--border-dark-color) var(--table-td-warn-border-color);
}

tr.warn:nth-child(even)>td {
	background-color: var(--table-td-warn-par-bg-color);
	border-color: var(--border-dark-color) var(--table-td-warn-border-color);
}

tr.ok:nth-child(odd)>td {
	background-color: var(--table-td-ok-impar-bg-color);
	border-color: var(--border-dark-color) var(--table-td-ok-border-color);
}

tr.ok:nth-child(even)>td {
	background-color: var(--table-td-ok-par-bg-color);
	border-color: var(--border-dark-color) var(--table-td-ok-border-color);
}

tr.ko:nth-child(odd)>td {
	background-color: var(--table-td-ko-impar-bg-color);
	border-color: var(--border-dark-color) var(--table-td-ko-border-color);
}

tr.ko:nth-child(even)>td {
	background-color: var(--table-td-ko-par-bg-color);
	border-color: var(--border-dark-color) var(--table-td-ko-border-color);
}

tr.ko:nth-child(odd)>td::-moz-selection {
	background: var(--table-td-ko-sel-bg-color) !important;
	color: var(--table-td-ko-color);
}

tr.ko:nth-child(even)>td::-moz-selection {
	background: var(--table-td-ko-sel-bg-color) !important;
	color: var(--table-td-ko-color);
}

tr.error:nth-child(odd)>td {
	background-color: var(--table-td-error-impar-bg-color);
	border-color: var(--table-td-error-border-light-color) var(--table-td-error-border-color);
	color: var(--table-td-error-color);
}

tr.error:nth-child(even)>td {
	background-color: var(--table-td-error-par-bg-color);
	border-color: var(--table-td-error-border-light-color) var(--table-td-error-border-color);
	color: var(--table-td-error-color);
}

tr.clara>td {
	background-color: var(--bg-light-color) !important;
}

table.subtabla, table.subtabla>tbody>tr>th, table.subtabla>tbody>tr>td {
	font-size: 10px !important;
}

table.subtabla>tbody>tr>th {
	background-color: var(--table-sub-th-bg-color);
}

table.subtabla>tbody>tr>td {
	background-color: var(--table-sub-td-bg-color);
	border-color: var(--table-sub-td-border-light-color) var(--table-sub-td-border-color);
	color: var(--table-sub-td-color);
}

table.subtabla>tbody>tr.check>td {
	color: var(--table-sub-td-check-color);
}

table.subtabla>tbody>tr.ok:nth-child(odd)>td {
	background-color: var(--table-sub-td-ok-impar-bg-color);
	border-color: var(--table-sub-td-ok-border-color) var(--table-sub-td-ok-border-light-color);
}

table.subtabla>tbody>tr.ok:nth-child(even)>td {
	background-color: var(--table-sub-td-ok-par-bg-color);
	border-color: var(--table-sub-td-ok-border-color) var(--table-sub-td-ok-border-light-color);
}

table.subtabla>tbody>tr.ko:nth-child(odd)>td {
	background-color: var(--table-sub-td-ko-impar-bg-color);
	border-color: var(--table-sub-td-ko-border-color) var(--table-sub-td-ko-border-light-color);
}

table.subtabla>tbody>tr.ko:nth-child(even)>td {
	background-color: var(--table-sub-td-ko-par-bg-color);
	border-color: var(--table-sub-td-ko-border-color) var(--table-sub-td-ko-border-light-color);
}

td.legendColorBox {
	vertical-align: middle;
}

tr.adjuntos>td:last-child {
	background-image: url("../imgIcon/mail-attachment_118946.png");
	background-position: right 5px top 5px !important;
	background-repeat: no-repeat;
	padding-right: 20px;
}

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

input:focus, textarea:focus {
	border: 1px solid var(--focus-color);
}

.botonMenu, .botonSubMenu {
	display: block;
	width: 165px;
	margin: 0px auto 5px auto;
	border: solid 1px var(--border-color);
	border-left: 3px solid var(--border-color);
	background-color: var(--boton-menu-bg-color);
	text-align: left;
	text-decoration: none;
	color: var(--boton-menu-color);
	padding: 2px;
}

a.botonSubMenu, a.botonMenu {
	border-left: 3px solid var(--boton-menu-border-left-color);
}

.botonMenu {
	border-bottom: 2px solid var(--border-color);
}

.botonSubMenu {
	font-size: 10px;
	margin-left: 10px;
	width: 159px;
}

a.botonSubMenu:hover, a.botonMenu:hover {
	background-color: var(--boton-menu-bg-hover-color);
	background: var(--boton-menu-bg-hover-lg);
}

.boton, .botonrojo {
	display: inline-block;
	border: solid 1px var(--boton-border-color);
	border-bottom-color: var(--boton-border-bottom-color);
	background-color: var(--boton-bg-color);
	background-image: var(--boton-bg-lg);
	-moz-border-radius: 4px;
	text-decoration: none;
	color: var(--boton-color);
	padding: 1px 3px 1px 3px;
	-moz-box-shadow: 0 0 3px var(--boton-shadow-color);
}

.botonrojo {
	border-bottom-color: var(--boton-rojo-border-bottom-color);
}

.boton:focus, .botonrojo:focus {
	border: 1px solid var(--boton-border-focus-color);
}

.boton:hover, span.botonMenu:hover, .botonrojo:hover {
	background-color: var(--boton-bg-hover-color);
	background-image: var(--boton-bg-hover-lg);
	color: var(--boton-hover-color);
}

img {
	boder: 0px;
}

#header {
	background-color: var(--header-bg-color);
	box-sizing: border-box;
	height: 45px;
	left: 0;
	line-height: 2.5em;
	position: fixed;
	right: 0;
	top: 0;
	box-shadow: 0 1px 3px var(--main-transparente-color), 0 2px 2px var(--main-transparente1-color);
	z-index: 200;
}

#header-nav {
	padding-left: 250px;
	height: 100%;
	color: var(--header-nav-color);
}

#header-nav-right {
	position: absolute;
	right: 0;
	top: 0;
}

#content-wrapper {
	box-sizing: border-box;
	height: 100%;
	overflow-x: hidden;
	padding-top: 45px;
	position: absolute;
	width: 100%;
}

#content {
	height: 100%;
	position: relative;
	width: 100%;
}

#app-navigation {
	user-select: none;
	-moz-user-select: none;
	background-color: var(--app-nav-bg-color);
	color: var(--app-nav-color);
	border-right: 1px solid var(--app-nav-border-right-color);
	box-sizing: border-box;
	float: left;
	height: 100%;
	padding-bottom: 44px;
	width: 250px;
	box-shadow: 0 1px 3px var(--main-transparente-color), 0 2px 2px var(--main-transparente1-color);
}

#app-content {
	overflow-x: hidden;
	background-color: var(--app-content-bg-color);
	/*transition: background-color 0.3s ease 0s;*/
	height: 100%;
	overflow-y: auto;
	position: relative;
}

#app-content-int {
	padding: 10px;
}

.app-content-grupo {
	position: relative;
	background-color: var(--contenido-bg-color);
	border: 1px solid var(--border-color);
	min-height: 20px;
	padding: 5px;
	margin-bottom: 5px;
	display: inline-block;
}

.app-content-cabecera-grupo {
	padding: 6px;
	border: 1px solid var(--border-color);
	background: var(--cabecera-bg-color);
	font-weight: bold;
	user-select: none;
	-moz-user-select: none;
}

#app-navigation>ul {
	padding-bottom: 44px;
}

#app-navigation>ul {
	box-sizing: border-box;
	height: 100%;
	overflow: auto;
	position: relative;
	width: inherit;
}

ul {
	list-style: outside none none;
}

#header-nav-right>ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

#header-nav-right>ul>li {
	float: left;
}

#header-nav-right>ul>li>a, #header-nav-right>ul>li>span {
	color: var(--header-nav-a-color);
	line-height: 41px;
	min-height: 40px;
	padding: 2px 12px;
	font-size: 90%;
	background-position: 14px center;
	background-repeat: no-repeat;
	background-size: 16px 16px;
	padding-left: 40px;
	opacity: 0.8;
	text-decoration: none;
}

#header-nav-right>ul>li>a:not(#nav-h-user):hover, #header-nav-right>ul>li>span:not(#nav-h-user):hover {
	opacity: 1;
	text-decoration: none;
}

#title-buscar {
	background: var(--main-transparente8-light-color);
	border: 1px solid var(--main-bg-color);
	border-radius: 3px;
	padding: 2px 5px;
	text-align: center;
	color: var(--main-color);
	line-height: 16px;
	width: 150px;
}

#nav-h-buscar {
	background-image: url("../imgIcon/zoom_icon&16.png");
	padding-left: 28px !important;
	background-position: 6px center !important;
}

#nav-h-preferencias {
	background-image: url("../imgIcon/cog_icon&16.png");
}

#nav-h-user {
	background-image: url("../imgIcon/user_icon&16.png");
}

#nav-h-salir {
	background-image: url("../img/icons8-logout-52.png");
}

#app-navigation  ul.submenu {
	background: var(--app-nav-submenu-bg-color);
	margin-right: 1px;
}

#app-navigation li {
	box-sizing: border-box;
	position: relative;
	width: 100%;
}

#app-navigation .nav-files a.nav-icon-files {
	width: auto;
}

#app-navigation .with-icon a, #app-navigation .app-navigation-entry-loading a {
	background-position: 14px center;
	background-repeat: no-repeat;
	background-size: 16px 16px;
	padding-left: 44px;
}

#app-navigation .with-icon a, #app-navigation .app-navigation-entry-loading a {
	background-position: 14px center;
	background-repeat: no-repeat;
	background-size: 16px 16px;
	padding-left: 44px;
}

#app-navigation li>a {
	box-sizing: border-box;
	color: var(--app-nav-a-color);
	display: block;
	line-height: 44px;
	min-height: 44px;
	opacity: 0.8;
	overflow: hidden;
	padding: 0 12px;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%;
	text-decoration: none;
}

#app-navigation ul.submenu>li>a {
	line-height: 30px;
	min-height: 30px;
	padding: 0 12px;
	font-size: 90%;
	text-decoration: none;
}

#app-navigation li>a:hover {
	opacity: 1;
	text-decoration: none;
}

#app-navigation.compacto {
	width: 40px;
}

#app-navigation.compacto ul {
	overflow: hidden;
}

#app-navigation.compacto ul.submenu li {
	display: none;
}

/*#app-navigation.compacto:hover {
	width: 250px;
	overflow: hidden;
	position: absolute;
	z-index: 190;
}

#app-navigation.compacto:hover ul {
	overflow: auto;
}

#app-navigation.compacto:hover ul.submenu li {
	display: block;
}*/
.nav-icon-remedy {
	background-image: url("../imgIcon/eye_icon&16.png");
}

.nav-icon-mantenimiento {
	background-image: url("../imgIcon/chart_line_2_icon&24.png");
}

.nav-icon-tratamiento {
	background-image: url("../imgIcon/inbox_icon&16.png");
}

.nav-icon-logistica {
	background-image: url("../imgIcon/track_icon&16.png");
}

.nav-icon-offline {
	background-image: url("../imgIcon/off_icon&16.png");
}

.nav-icon-varios {
	background-image: url("../imgIcon/coffe_cup_icon&16.png");
}

.nav-icon-pvcs {
	background-image: url("../imgIcon/comp_icon&16.png");
}

.nav-icon-roadmap {
	background-image: url("../imgIcon/game_pad_icon&16.png");
}

.nav-icon-configuracion {
	background-image: url("../imgIcon/wrench_plus_icon&16.png");
}

a, a *, input, input *, select, .button span, label {
	cursor: pointer;
}

a {
	border: 0 none;
	color: var(--main-color);
	text-decoration: none;
}

#app-title {
	user-select: none;
	-moz-user-select: none;
	float: left;
	color: var(--app-title-color);
	font-weight: bold;
	box-sizing: border-box;
	width: 250px;
	height: 100%;
	background: var(--app-title-bg);
	background-image: url('../imgIcon/logo2.png');
	background-position: 4px 0px;
	background-repeat: no-repeat;
	background-size: 79px 40px;
	font-size: 140%;
	padding: 6px 90px;
	border-right: 1px solid var(--app-title-border-right-color);
	cursor: pointer;
}

#app-title-login {
	user-select: none;
	-moz-user-select: none;
	color: var(--app-title-login-color);
	font-weight: bold;
	box-sizing: border-box;
	background: var(--app-title-login-bg);
	background-image: url('../imgIcon/logo2.png');
	background-position: 10px 4px;
	background-repeat: no-repeat;
	background-size: 79px 40px;
	font-size: 140%;
	padding: 6px 140px;
	line-height: 40px;
	box-shadow: 0 1px 3px var(--main-transparente-color), 0 2px 2px var(--main-transparente1-color);
}

.header-comp #app-title {
	width: 20px !important;
	padding: 6px 45px !important;
	font-size: 0% !important;
}

.header-comp #header-nav {
	padding-left: 91px;
}

#app-title:hover::before {
	position: absolute;
	content: '';
	z-index: 9;
	top: 15px;
	left: 226px;
	width: 5px;
	height: 5px;
	border: solid var(--app-title-hover-before-border-color);
	border-width: 0 4px 4px 0;
	display: inline-block;
	padding: 4px;
	transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
}

.header-comp #app-title:hover::before {
	left: 66px;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}

.leyendaIzq {
	float: left;
	width: 120px;
	padding: 3px;
	padding-top: 6px;
	color: var(--leyendaizq-color);
	text-align: right;
	vertical-align: middle;
	/*white-space: nowrap;*/
}

.campoDer {
	padding: 3px;
	padding-left: 133px;
	padding-top: 4px;
}

.campos {
	border: 1px solid var(--campos-border-color);
	background-color: var(--campos-bg-color);
	margin-bottom: 5px;
	overflow: hidden;
}

div.multicampos, div.multicampos {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	border-left: 1px solid var(--campos-border-color);
}

div.multicampos > div.campos {
	width: auto !important;
	min-width: 400px;
	flex-basis: 0;
	flex-grow: 1;
	border-left: none;
}

div.col2 > div.campos {
	min-width: 40%;
}

div.col3 > div.campos {
	min-width: 30%;
}

#dvLoginContenedor .campos {
	border: none;
}

#dvLoginContenedor .leyendaIzq {
	width: 150px;
}

#dvLoginContenedor .campoDer {
	padding: 4px 3px 3px 163px;
}

.msgHistorico {
	font-size: 10px;
	font-style: italic;
}

.estSolicitud {
	line-height: 15px;
	display: block;
	padding: 2px;
}

.errores {
	background-color: var(--errores-bg-color);
	border: 1px solid var(--errores-border-color);
	color: var(--errores-color);
	margin-bottom: 5px;
	padding: 3px;
}

.warnings {
	background-color: var(--warnings-bg-color);
	border: 1px solid var(--warnings-border-color);
	color: var(--warnings-color);
	margin-bottom: 5px;
	padding: 3px;
}

a.flechaOrdenUp {
	/*font-size: 15px;*/
	text-decoration: none;
	margin: 1px;
	color: var(--flecha-color);
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

a.flechaOrdenDown {
	/*font-size: 15px;*/
	text-decoration: none;
	margin: 1px;
	color: var(--flecha-color);
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

.maximizar, .maximizarencima {
	position: absolute;
	top: 0px;
	right: 36px;
	border: 1px solid var(--maximizar-border-color);
	background-color: var(--maximizar-bg-color);
	width: 19px;
	height: 19px;
	cursor: pointer;
}

.maximizarencima {
	background-color: var(--maximizarencima-bg-color);
}

#dvCargando {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	zIndex: 2000;
	background-color: var(--main-transparente5-color);
}

#dvCargandoSpinner {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 200;
}

#dvCargandoSpinner>div {
	margin: 0;
	position: absolute;
	top: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

#dvCargandoFrame {
	position: relative;
	text-align: center;
	color: var(--main-bg-color);
	font-size: 20px !important;
	vertical-align: middle;
	top: 40%;
	text-shadow: 2px 2px 5px var(--main-2-bg-color);
}

#loader {
	display: none;
	width: 100%;
	top: 0px;
	margin: 0;
	height: 3px;
	position: fixed;
	background: var(--main-transparente-color);
	z-index: 300;
}

#loader .loaderBar {
	position: fixed;
	top: 0;
	right: 100%;
	bottom: 0;
	left: 0;
	background: var(--loader-bg-color);
	width: 50%;
	height: 3px;
	animation: load 2s linear infinite;
	z-index: 300;
}

@keyframes load {
	0%{ left: -100%; }
	100%{ left: 100%; }
}

.slider {
	overflow-x: hidden;
}

.slider .next, .slider .prev {
	border: none;
	color: var(--slider-color);
	cursor: pointer;
	display: none;
	float: left;
	font: bold 20px Helvetica;
	margin: 5px 0 0;
	padding: 0;
	background: var(--slider-bg-color);
}

.slider .next {
	float: right;
}

.slider div {
	overflow: hidden;
	text-align: left;
	height: none;
	margin: 0;
	padding: 0;
}

.slider div ul {
	width: 1000%; /* // set to an arbitary high value overflow : hidden;*/
	padding: 1;
	margin-left: 0;
}

.slider div ul li {
	display: inline;
	color: var(--slider-li-color);
	padding: 3px 5px 3px 5px;
	margin: 0;
	background: var(--slider-li-bg-color);
	border: 1px solid var(--slider-li-border-color);
}

.slider div ul li:hover {
	background-color: var(--slider-li-hover-bg-color);
	color: var(--slider-li-hover-color);
}

.slider div ul li.selected {
	background-color: var(--slider-li-selected-bg-color);
	color: var(--slider-li-selected-color);
}

.slider div ul li:not(:first-child) {
	margin-left: -2px;
}

.footer {
	padding: 10px;
	margin: 0px;
}

.divLoginOuter {
	background: var(--divloginouter-bg-color);
	display: table;
	position: absolute;
	height: 100%;
	width: 100%;
}

.divLoginMiddle {
	display: table-cell;
	vertical-align: middle;
}

.divLoginInner {
	background: var(--div-login-inner-bg-color);
	border: 1px solid var(--div-login-inner-border-color);
	margin-left: auto;
	margin-right: auto;
	width: 400px;
}

.btn {
	-moz-user-select: none;
	background-image: none;
	border: 1px solid var(--btn-border-color);
	border-radius: 4px;
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 0;
	padding: 4px 12px;
	text-align: center;
	/*vertical-align: middle;*/
	white-space: nowrap;
}

.btn-mini {
	font-size: 12px;
	margin-left: 5px;
	padding: 1px 10px;
}

.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn.active.focus {
	outline: thin dotted;
	outline-offset: -2px;
}

.btn:hover, .btn:focus, .btn.focus {
	color: var(--btn-hover-color);
	text-decoration: none;
}

.btn:active, .btn.active {
	background-image: none;
	box-shadow: 0 3px 5px var(--main-transparente125-color) inset;
	outline: 0 none;
}

.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
	box-shadow: none;
	cursor: not-allowed;
	opacity: 0.65;
}

a.btn.disabled, fieldset[disabled] a.btn {
	pointer-events: none;
}

.btn-default {
	background-color: var(--btn-default-bg-color);
	border-color: var(--btn-default-border-color);
	color: var(--btn-default-color);
}

.btn-default:focus, .btn-default.focus {
	background-color: var(--btn-default-focus-bg-color);
	border-color: var(--btn-default-focus-border-color);
	color: var(--btn-default-color);
}

.btn-default:hover {
	background-color: var(--btn-default-hover-bg-color);
	border-color: var(--btn-default-hover-border-color);
	color: var(--btn-default-color);
}

.btn-default:active, .btn-default.active, .open>.dropdown-toggle.btn-default {
	background-color: var(--btn-default-active-bg-color);
	border-color: var(--btn-default-active-border-color);
	color: var(--btn-default-color);
}

.btn-default:active:hover, .btn-default.active:hover, .open>.dropdown-toggle.btn-default:hover, .btn-default:active:focus, .btn-default.active:focus, .open>.dropdown-toggle.btn-default:focus, 
	.btn-default.focus:active, .btn-default.active.focus, .open>.dropdown-toggle.btn-default.focus {
	background-color: var(--btn-default-active-hover-bg-color);
	border-color: var(--btn-default-active-hover-border-color);
	color: var(--btn-default-color);
}

.btn-default:active, .btn-default.active, .open>.dropdown-toggle.btn-default {
	background-image: none;
}

.btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover,
	.btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled.focus, .btn-default.focus[disabled],
	fieldset[disabled] .btn-default.focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active,
	.btn-default.active[disabled], fieldset[disabled] .btn-default.active {
	background-color: var(--btn-default-disabled-bg-color);
	border-color: var(--btn-default-disabled-border-color);
}

.btn-default .badge {
	background-color: var(--btn-default-badge-bg-color);
	color: var(--btn-default-badge-color);
}

.btn-primary {
	background-color: var(--btn-primary-bg-color);
	border-color: var(--btn-primary-border-color);
	color: var(--btn-primary-color);
}

.btn-primary:focus, .btn-primary.focus {
	background-color: var(--btn-primary-focus-bg-color);
	border-color: var(--btn-primary-focus-border-color);
	color: var(--btn-primary-color);
}

.btn-primary:hover {
	background-color: var(--btn-primary-hover-bg-color);
	border-color: var(--btn-primary-hover-border-color);
	color: var(--btn-primary-color);
}

.btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary {
	background-color: var(--btn-primary-active-bg-color);
	border-color: var(--btn-primary-active-border-color);
	color: var(--btn-primary-color);
}

.btn-primary:active:hover, .btn-primary.active:hover, .open>.dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus,
	.open>.dropdown-toggle.btn-primary:focus, .btn-primary.focus:active, .btn-primary.active.focus, .open>.dropdown-toggle.btn-primary.focus {
	background-color: var(--btn-primary-active-hover-bg-color);
	border-color: var(--btn-primary-active-hover-border-color);
	color: var(--btn-primary-color);
}

.btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary {
	background-image: none;
}

.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover,
	.btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary.focus[disabled],
	fieldset[disabled] .btn-primary.focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active,
	.btn-primary.active[disabled], fieldset[disabled] .btn-primary.active {
	background-color: var(--btn-primary-disabled-bg-color);
	border-color: var(--btn-primary-disabled-border-color);
}

.btn-primary .badge {
	background-color: var(--btn-primary-badge-bg-color);
	color: var(--btn-primary-badge-color);
}

.btn-success {
	background-color: var(--btn-success-bg-color);
	border-color: var(--btn-success-border-color);
	color: var(--btn-success-color);
}

.btn-success:focus, .btn-success.focus {
	background-color: var(--btn-success-focus-bg-color);
	border-color: var(--btn-success-focus-border-color);
	color: var(--btn-success-color);
}

.btn-success:hover {
	background-color: var(--btn-success-hover-bg-color);
	border-color: var(--btn-success-hover-border-color);
	color: var(--btn-success-color);
}

.btn-success:active, .btn-success.active, .open>.dropdown-toggle.btn-success {
	background-color: var(--btn-success-active-bg-color);
	border-color: var(--btn-success-active-border-color);
	color: var(--btn-success-color);
}

.btn-success:active:hover, .btn-success.active:hover, .open>.dropdown-toggle.btn-success:hover, .btn-success:active:focus, .btn-success.active:focus, 
	.open>.dropdown-toggle.btn-success:focus, .btn-success.focus:active, .btn-success.active.focus, .open>.dropdown-toggle.btn-success.focus {
	background-color: var(--btn-success-active-hover-bg-color);
	border-color: var(--btn-success-active-hover-border-color);
	color: var(--btn-success-color);
}

.btn-success:active, .btn-success.active, .open>.dropdown-toggle.btn-success {
	background-image: none;
}

.btn-success.disabled, .btn-success[disabled], fieldset[disabled] .btn-success, .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover,
	.btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled.focus, .btn-success.focus[disabled], 
	fieldset[disabled] .btn-success.focus, .btn-success.disabled:active, .btn-success[disabled]:active, fieldset[disabled] .btn-success:active, .btn-success.disabled.active,
	.btn-success.active[disabled], fieldset[disabled] .btn-success.active {
	background-color: var(--btn-success-disabled-bg-color);
	border-color: var(--btn-success-disabled-border-color);
}

.btn-success .badge {
	background-color: var(--btn-success-badge-bg-color);
	color: var(--btn-success-badge-color);
}

.btn-info {
	background-color: var(--btn-info-bg-color);
	border-color: var(--btn-info-border-color);
	color: var(--btn-info-color);
}

.btn-info:focus, .btn-info.focus {
	background-color: var(--btn-info-focus-bg-color);
	border-color: var(--btn-info-focus-border-color);
	color: var(--btn-info-color);
}

.btn-info:hover {
	background-color: var(--btn-info-hover-bg-color);
	border-color: var(--btn-info-hover-border-color);
	color: var(--btn-info-color);
}

.btn-info:active, .btn-info.active, .open>.dropdown-toggle.btn-info {
	background-color: var(--btn-info-active-bg-color);
	border-color: var(--btn-info-active-border-color);
	color: var(--btn-info-color);
}

.btn-info:active:hover, .btn-info.active:hover, .open>.dropdown-toggle.btn-info:hover, .btn-info:active:focus, .btn-info.active:focus, .open>.dropdown-toggle.btn-info:focus,
	.btn-info.focus:active, .btn-info.active.focus, .open>.dropdown-toggle.btn-info.focus {
	background-color: var(--btn-info-active-hover-bg-color);
	border-color: var(--btn-info-active-hover-border-color);
	color: var(--btn-info-color);
}

.btn-info:active, .btn-info.active, .open>.dropdown-toggle.btn-info {
	background-image: none;
}

.btn-info.disabled, .btn-info[disabled], fieldset[disabled] .btn-info, .btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, .btn-info.disabled:focus,
	.btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus, .btn-info.disabled.focus, .btn-info.focus[disabled], fieldset[disabled] .btn-info.focus, .btn-info.disabled:active,
	.btn-info[disabled]:active, fieldset[disabled] .btn-info:active, .btn-info.disabled.active, .btn-info.active[disabled], fieldset[disabled] .btn-info.active {
	background-color: var(--btn-info-disabled-bg-color);
	border-color: var(--btn-info-disabled-border-color);
}

.btn-info .badge {
	background-color: var(--btn-info-badge-bg-color);
	color: var(--btn-info-badge-color);
}

.btn-warning {
	background-color: var(--btn-warning-bg-color);
	border-color: var(--btn-warning-border-color);
	color: var(--btn-warning-color);
}

.btn-warning:focus, .btn-warning.focus {
	background-color: var(--btn-warning-focus-bg-color);
	border-color: var(--btn-warning-focus-border-color);
	color: var(--btn-warning-color);
}

.btn-warning:hover {
	background-color: var(--btn-warning-hover-bg-color);
	border-color: var(--btn-warning-hover-border-color);
	color: var(--btn-warning-color);
}

.btn-warning:active, .btn-warning.active, .open>.dropdown-toggle.btn-warning {
	background-color: var(--btn-warning-active-bg-color);
	border-color: var(--btn-warning-active-border-color);
	color: var(--btn-warning-color);
}

.btn-warning:active:hover, .btn-warning.active:hover, .open>.dropdown-toggle.btn-warning:hover, .btn-warning:active:focus, .btn-warning.active:focus, .open>.dropdown-toggle.btn-warning:focus,
.btn-warning.focus:active, .btn-warning.active.focus, .open>.dropdown-toggle.btn-warning.focus {
	background-color: var(--btn-warning-active-hover-bg-color);
	border-color: var(--btn-warning-active-hover-border-color);
	color: var(--btn-warning-color);
}

.btn-warning:active, .btn-warning.active, .open>.dropdown-toggle.btn-warning {
	background-image: none;
}

.btn-warning.disabled, .btn-warning[disabled], fieldset[disabled] .btn-warning, .btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover,
	.btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, .btn-warning.disabled.focus, .btn-warning.focus[disabled], 
	fieldset[disabled] .btn-warning.focus, .btn-warning.disabled:active, .btn-warning[disabled]:active, fieldset[disabled] .btn-warning:active, .btn-warning.disabled.active,
	.btn-warning.active[disabled], fieldset[disabled] .btn-warning.active {
	background-color: var(--btn-warning-disabled-bg-color);
	border-color: var(--btn-warning-disabled-border-color);
}

.btn-warning .badge {
	background-color: var(--btn-warning-badge-bg-color);
	color: var(--btn-warning-badge-color);
}

.btn-danger {
	background-color: var(--btn-danger-bg-color);
	border-color: var(--btn-danger-border-color);
	color: var(--btn-danger-color);
}

.btn-danger:focus, .btn-danger.focus {
	background-color: var(--btn-danger-focus-bg-color);
	border-color: var(--btn-danger-focus-border-color);
	color: var(--btn-danger-color);
}

.btn-danger:hover {
	background-color: var(--btn-danger-hover-bg-color);
	border-color: var(--btn-danger-hover-border-color);
	color: var(--btn-danger-color);
}

.btn-danger:active, .btn-danger.active, .open>.dropdown-toggle.btn-danger {
	background-color: var(--btn-danger-active-bg-color);
	border-color: var(--btn-danger-active-border-color);
	color: var(--btn-danger-color);
}

.btn-danger:active:hover, .btn-danger.active:hover, .open>.dropdown-toggle.btn-danger:hover, .btn-danger:active:focus, .btn-danger.active:focus, .open>.dropdown-toggle.btn-danger:focus,
	.btn-danger.focus:active, .btn-danger.active.focus, .open>.dropdown-toggle.btn-danger.focus {
	background-color: var(--btn-danger-active-hover-bg-color);
	border-color: var(--btn-danger-active-hover-border-color);
	color: var(--btn-danger-color);
}

.btn-danger:active, .btn-danger.active, .open>.dropdown-toggle.btn-danger {
	background-image: none;
}

.btn-danger.disabled, .btn-danger[disabled], fieldset[disabled] .btn-danger, .btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover,
	.btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled.focus, .btn-danger.focus[disabled] 
	fieldset[disabled] .btn-danger.focus, .btn-danger.disabled:active, .btn-danger[disabled]:active, fieldset[disabled] .btn-danger:active, .btn-danger.disabled.active,
	.btn-danger.active[disabled], fieldset[disabled] .btn-danger.active {
	background-color: var(--btn-danger-disabled-bg-color);
	border-color: var(--btn-danger-disabled-border-color);
}

.btn-danger .badge {
	background-color: var(--btn-danger-badge-bg-color);
	color: var(--btn-danger-badge-color);
}

.btn-link {
	border-radius: 0;
	color: var(--btn-link-color);
	font-weight: normal;
}

.btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled], fieldset[disabled] .btn-link {
	background-color: var(--btn-link-bg-color);
	box-shadow: none;
}

.btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active {
	border-color: var(--btn-link-border-color);
}

.btn-link:hover, .btn-link:focus {
	background-color: var(--btn-link-focus-bg-color);
	color: var(--btn-link-focus-color);
	text-decoration: underline;
}

.btn-link[disabled]:hover, fieldset[disabled] .btn-link:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:focus {
	color: var(--btn-link-disabled-color);
	text-decoration: none;
}

.btn-lg, .btn-group-lg>.btn {
	border-radius: 6px;
	font-size: 18px;
	line-height: 1.33333;
	padding: 10px 16px;
}

.btn-sm, .btn-group-sm>.btn {
	border-radius: 3px;
	font-size: 12px;
	line-height: 1.5;
	padding: 5px 10px;
}

.btn-xs, .btn-group-xs>.btn {
	border-radius: 3px;
	font-size: 12px;
	line-height: 1.5;
	padding: 1px 5px;
}

.btn-block {
	display: block;
	width: 100%;
}

.btn-block+.btn-block {
	margin-top: 5px;
}

input.btn-block[type="submit"], input.btn-block[type="reset"], input.btn-block[type="button"] {
	width: 100%;
}

.btn.btn-border.btn-accent {
	background: var(--btn-border-accent-bg-color) none repeat scroll 0 0;
	border: 1px solid var(--btn-border-accent-border-color);
	color: var(--btn-border-accent-color);
}

.btn.btn-accent {
	background: var(--btn-accent-bg-color) none repeat scroll 0 0;
	color: var(--btn-accent-color);
}

.btn-accent.active, .btn-accent:hover, .btn-accent:active, .btn-accent:focus {
	background: var(--btn-accent-active-bg-color) none repeat scroll 0 0;
	color: var(--btn-accent-active-color);
}

.dvFenix h1 {
	display: none;
}

.dvFenix .app-content-cabecera-grupo {
	display: block !important;
}

.dvFenix table {
	margin: 8px 0px;
}

td.legendColorBox {
	border-right: none !important;
	padding-right: 0 !important;
}

td.legendLabel {
	border-left: none !important;
	padding-left: 2px !important;
	color: var(--table-td-legend-color)
}

#spnAlertas {
	display: inline-block;
	margin-left: 10px;
	background: var(--spnalertas-bg-color);
	width: 30px;
	height: 30px;
	text-align: center;
	vertical-align: middle;
	border-radius: 20px;
	cursor: pointer;
	color: var(--spnalertas-color);
	font-weight: bold;
	line-height: 30px;
}

#spnAlertas:hover {
	background: var(--spnalertas-hover-bg-color);
}

#app-navigation.compacto, #app-navigation.compacto>ul, #app-navigation.compacto>ul>li {
	overflow: visible;
	position: relative;
}

#app-navigation.compacto>ul>li, #app-navigation.compacto>ul>li>a {
	opacity: 1;
}

#app-navigation.compacto>ul>li:hover {
	height: 44px;
}

#app-navigation.compacto>ul>li:hover>a {
	width: 289px !important;
	z-index: 3000 !important;
	position: absolute !important;
	top: 0px !important;
	left: 0px !important;
	background-color: var(--app-nav-li-hover-a-bg-color);
	background-position: 14px center;
	background-repeat: no-repeat;
	background-size: 16px 16px;
	padding-left: 44px;
}

#app-navigation.compacto>ul>li:hover ul.submenu {
	display: block !important;
	position: absolute !important;
	width: 250px !important;
	top: 44px !important;
	left: 39px !important;
	z-index: 3000 !important;
}

#app-navigation.compacto>ul>li:hover ul.submenu>li {
	display: block;
	z-index: 300 !important;
}

#spinner, #spinnerMini {
	user-select: none;
	-moz-user-select: none;
}

#spinnerMini>img {
	width: 40px;
	height: 25px;
	filter: grayscale(100%);
}

.center-on-page {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

/* Reset Select */
.select select {
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	appearance: none;
	outline: 0;
	box-shadow: none;
	border: 0 !important;
	background: inline-block;
	background-image: none;
}
/* Custom Select */
.select {
	position: relative;
	display: inline-block;
	width: 150px;
	height: 22px;
	line-height: 22px;
	background: var(--select-bg-color);
	overflow: hidden;
	border-radius: .25em;
	border: 1px solid var(--select-border-color);
	vertical-align: bottom;
}

.select select {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0 0 0 .5em;
	cursor: pointer;
	background: var(--select-select-bg-color);
}

.select select::-ms-expand {
	display: none;
}
/* Arrow */
.select::after {
	content: '\25BC';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	padding: 2px 10px;
	background: var(--select-after-bg-color);
	pointer-events: none;
	line-height: 20px;
}
/* Transition */
.select:hover::after {
	color: var(--select-hover-after-bg-color);
}

.select::after {
	-webkit-transition: .25s all ease;
	-o-transition: .25s all ease;
	transition: .25s all ease;
}

.fc-right-cargando {
	padding-left: 80px;
	background-image: url("../img/cooper_160_100.gif");
	background-position: 0px center;
	background-repeat: no-repeat;
	background-size: 80px 50px;
}

.fc-toolbar h2:first-letter {
	text-transform: uppercase;
}

#divInfoPVCS {
	position: absolute;
	z-index: 30;
	top: 0px;
	left: 0px;
	right: 0px;
	padding: 10px;
	background: var(--main-transparente5-light-color);
}

#divInfo .campos, #divInfoPVCS .campos {
	margin-bottom: 0px;
	border-top: none;
}

#divInfo .campos:nth-child(odd), #divInfoPVCS .campos:nth-child(odd) {
	background-color: var(--div-campos-impar-bg-color);
}

#divInfo .campos:nth-child(even), #divInfoPVCS .campos:nth-child(even) {
	background-color: var(--div-campos-par-bg-color);
}

#divInfo .leyendaIzq, #divInfoPVCS .leyendaIzq {
	font-size: 90%;
	width: 110px;
	padding: 0px;
}

#divInfo .campoDer, #divInfoPVCS .campoDer {
	font-size: 90%;
	padding: 1px 2px 1px 123px;
}

#divInfoPVCS>div {
	background-color: varg(- -main-bg-color);
	max-width: 1000px;
	display: block;
	padding: 5px;
	margin-left: auto;
	margin-right: auto;
}

#divInfoPVCS>div table, #divInfoPVCS>div .campoDer {
	font-size: 90%;
}

.show-more {
	bottom: 0;
	right: 0;
	position: absolute;
	text-align: right;
	background: var(--main-transparente5-light-color);
	padding: 3px 10px;
}

.show-more:hover a {
	color: var(--main-light-color);
}

.show-more-activo {
	width: 100%;
	background: linear-gradient(to bottom, var(--main-transparente-light-color), var(--main-bg-color));
}

.show-more a {
	color: var(--main-2-color);
}

#cWorklog div {
	padding-left: 1.5em;
	text-indent: -1.5em;
	border-bottom: 1px solid var(--border-color);
}

#Asignaciones div {
	padding-left: 1.5em;
	text-indent: -1.5em;
	border-bottom: 1px solid var(--border-color);
}

ul#buscarPor {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul#buscarPor li {
	display: inline;
}

.ancla {
	background-image: url(../img/anchor.png);
}

.cerrar {
	background-image: url(../img/close-icon.png);
}

.anadir {
	background-image: url(../img/plus.png);
}

.editar {
	background-image: url(../img/edit_b.png);
}

.confirmar {
	background-image: url(../img/tick-circle-frame.png);
}

.cancelar {
	background-image: url(../img/cross-circle-frame.png);
}

.actualizar {
	background-image: url(../img/sync.png);
}

.notificar {
	background-image: url(../img/notification.png);
}

.notificar-on {
	background-image: url(../img/notification-on.png);
	opacity: 0.8;
	visibility: visible !important;
}

tr > td > div.notificarInc {
	visibility: hidden;
	margin-right: 2px;
	margin-left: 2px;
	vertical-align: top;
}

tr.hover > td > div.notificarInc {
	visibility: visible;
}

.modo-claro {
	background-image: url(../img/icons8-sun-52.png);
	filter: invert(90%);
	opacity: 0.8;
}

.modo-claro:hover {
	opacity: 1;
}

.modo-oscuro {
	background-image: url(../img/icons8-waxing-crescent-52.png);
	opacity: 0.8;
}

.modo-oscuro:hover {
	opacity: 1;
}

.accion:hover, .accion18:not(.modo-oscuro):not(.modo-claro):hover, .accion24:not(.modo-oscuro):not(.modo-claro):hover, .accion24r:hover, .fija .ancla:hover, .clipboard:hover, .clipboard.hover, .fija.cambiada .ancla:hover {
	background-color: var(--main-bg-color) !important
}

.accion, .accion18, .accion24, .accion24r {
	position: relative;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 12px;
	width: 14px;
	top: 0px;
	cursor: pointer;
	padding: 0px 2px;
	display: inline-block;
}

.accion18 {
	background-size: 18px;
	width: 18px;
	min-height: 18px;
	vertical-align: middle;
}

.accion24 {
	background-size: 18px;
	width: 24px;
	min-height: 24px;
	vertical-align: middle;
}

.accion24r {
	background-size: 18px;
	width: 24px;
	height: 24px;
	float: right;
	margin-top: 2px;
	margin-right: 2px;
}

#rango, .rango {
	border: 1px solid var(--rango-border-color);
	padding: 5px;
	background-color: var(--rango-bg-color);
	background-image: var(--rango-bg-lg);
	margin-right: 20px;
}

#rango select, #rango input {
	vertical-align: bottom;
}

#rango2, .rango2 {
	border: 1px solid var(--rango2-border-color);
	padding: 2px 10px;
	background-color: var(--rango2-bg-color);
	background-image: var(--rango2-bg-lg);
	text-align: right;
	margin-bottom: 5px;
}

#ulBuzones {
	list-style-type: none;
	margin: 0;
	margin-top: 4px;
	padding: 0;
	overflow: hidden;
}

#ulBuzones li {
	/*float: left;*/
	display: inline-block;
	padding: 2px 4px;
	margin: 2px;
	background-color: var(--buzones-li-bg-color);
	border-bottom: 3px solid var(--buzones-li-border-color);
	cursor: pointer;
}

#ulBuzones li:hover {
	background-color: var(--buzones-li-hover-bg-color);
}

#ulBuzones li.sel {
	border-bottom: 3px solid var(--buzones-li-sel-border-color);
}

.notifyjs-corner {
	top: 44px !important;
	right: 12px !important;
}

.centrado {
	text-align: center;
}

.input-group>.multiselect-search {
	height: 40px;
}

.modal-dialog {
	margin: 80px auto;
}

.modal-content {
	border-radius: 10px;
}

.modal-header {
	color: var(--modal-header-color);
	border-radius: 6px 6px 0px 0px;
	background: var(--modal-header-bg-color);
	font-weight: bold;
}

.modal-body {
	color: var(--modal-body-color);
}

.modal-body>span {
	margin-bottom: 8px;
	display: inline-block;
}

.actualizadoHace {
	display: inline-block;
	float: right;
	color: var(--actualizadohace-color);
	font-size: 12px;
	margin-top: 3px;
	user-select: none;
	-moz-user-select: none;
}

.actualizadoHace::before {
	content: 'actualizado ';
}

span.rol, span.dom, span.destino, span.telefono, span.sistema, span.buzon {
	padding: 2px 4px;
	border: 1px solid var(--span-tabla-border-color);
	margin-right: 4px;
	background: var(--span-tabla-bg-color);
	vertical-align: middle;
}

span.sistema {
	padding: 0px 2px;
}

span.destino, span.telefono, span.buzon {
	display: inline-block;
}

span.destino {
	background: var(--span-tabla-dest-bg-color);
}

.tooltip {
	display: none;
	position: absolute;
	border: 1px solid var(--tooltip-border-color);
	background-color: var(--tooltip-bg-color);
	border-radius: 5px;
	padding: 5px 10px;
	color: var(--tooltip-color);
	font-size: 12px Arial;
}

.tooltipCal {
	width: auto;
	height: auto;
	position: absolute;
	z-index: 10001;
	border: 1px solid var(--tooltipcal-border-color);
	background-color: var(--tooltipcal-bg-color);
	border-radius: 5px;
	padding: 5px 10px;
	color: var(--tooltipcal-color);
	font-size: 12px;
}

.tooltipCal span {
	font-size: 10px;
}

#tooltip {
	border: 1px solid var(--border-color);
}

.editableFict {
	width: 100%;
	border: 1px solid var(--editablefict-border-color);
	background: var(--editablefict-bg-color);
}

.editableFict:focus {
	background: var(--editablefict-focus-bg-color);
}

.editableFict2 {
	font-weight: bold;
	font-family: "Open Sans", Frutiger, Calibri, "Myriad Pro", Myriad, sans-serif;
	background: none;
	border: 1px solid var(--editablefict2-border-color);
	user-select: none;
	cursor: default;
	color: var(--editablefict2-color);
}

tr.yaCreada>td, tr.yaCreada>td>input {
	text-decoration: line-through;
}

.content {
	overflow: hidden;
	line-height: 1.5em;
	height: 9em;
	-webkit-transition: height 0.5s;
	/* Safari */
	transition: height 0.5s;
	/*white-space:pre-wrap;*/
	/*font-size: 90%;*/
}

#graficasMain {
	background-color: var(--graficasmain-bg-color);
	border: 1px solid var(--graficasmain-border-color);
	min-height: 400px;
	/*position: absolute;*/
	padding: 5px;
	height: auto;
	/*width: 90%;*/
}

.graficaCabecera, .graficaCabeceraPets {
	margin: 10px 0px;
	border: 1px solid var(--graficaCabecera-border-color);
	padding: 5px;
	background-color: var(--graficaCabecera-bg-color);
	background-image: var(--graficaCabecera-bg-lg);
	margin-right: 15px;
	position: relative;
}

.graficaCabeceraPets {
	margin: 10px 0px;
}

.graficaTooltip {
	border: 1px solid var(--graficaTooltip-border-color);
	padding: 4px;
	background-color: var(--graficaTooltip-bg-color);
	float: right;
	text-align: center;
}

#grafica, #graficaPets {
	width: auto;
	height: 300px;
	margin-top: 10px;
	margin-right: 15px;
	clear: both;
	padding-bottom: 50px;
}

.tickLabel {
	color: var(--tickLabel-color);
}

#grafica .xAxis .tickLabel, #graficaPets .xAxis .tickLabel {
	transform: rotate(15deg);
	-moz-transform: rotate(15deg);
	font-size: 8px;
	line-height: 1.4em;
}

#grafica .yAxis .tickLabel, #graficaPets .yAxis .tickLabel {
	font-size: 8px;
	line-height: 1.4em;
}

#overview, #overviewPets {
	width: auto;
	height: 100px;
	margin-right: 14px;
}

#overview .xAxis .tickLabel, #overviewPets .xAxis .tickLabel {
	font-size: 9px;
	transform: rotate(15deg);
	-moz-transform: rotate(15deg);
	font-size: 8px;
	line-height: 1.4em;
}

#overview .yAxis .tickLabel, #overviewPets .yAxis .tickLabel {
	font-size: 7px;
	line-height: 1.4em;
}

#legend, #legendPets {
	margin-top: 6px;
}

.hover, .hover>td {
	background-color: var(--hover-bg-color) !important;
}

#label {
	vertical-align: auto;
}

.nav {
	position: absolute;
	top: 1px;
	right: 1px;
	font-size: 11px;
	line-height: 14px;
}

.nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	z-index: 100;
}

.nav ul li {
	float: right;
	position: relative;
}

.nav ul li span {
	display: block;
	padding: 2px 6px;
	border: 1px solid var(--nav-li-span-border-color);
	transition: all .2s ease-in-out;
	cursor: pointer;
	height: 22px;
	background: var(--nav-li-span-bg-color);
}

.nav ul li span:hover, .nav ul li span:focus {
	background: var(--nav-li-span-hover-bg-color);
}

.nav ul li span:not(:only-child)::after {
	padding-left: 4px;
	content: ' >';
}

.nav ul li ul li {
	min-width: 80px;
	text-align: right;
}

.nav ul li ul li span {
	background: var();
	color:var(--nav-li-ul-li-span-color);
	border: 1px solid var(--nav-li-ul-li-span-border-color);
	margin-top: 2px;
}

.nav ul li ul li span:hover, .nav ul li ul li span:focus {
	background: var(--nav-li-ul-li-span-hover-bg-color);
}

.nav .subops {
	display: none;
	position: absolute;
	right: 0;
	background: none;
}

#tblDestinos tr td:last-child {
	padding: 0px;
	width: auto !important;
	text-align: center;
}

#tblDestinos tr td:last-child>* {
	vertical-align: middle;
}

.tablaca {
	width: auto;
	vertical-align: top;
	min-width: 400px;
}

table.tablaca>tbody>tr>td {
	min-height: 20px;
}

table.tablaca>tbody>tr>td:nth-child(2), table.tablaca>tbody>tr>td:nth-child(4) {
	background: var(--bg-blanco-fe-color) !important;
}

table.tablaca>tbody>tr>td:nth-child(1), table.tablaca>tbody>tr>td:nth-child(3) {
	background: var(--bg-blanco-f6-color) !important;
	white-space: nowrap;
}

table.tablaca .sistemaGrupo, table.tablaca .sistemaAplicacion, table.tablaca .sistemaBuzon {
	display: block;
}

tr.yaCreada>td, tr.yaCreada>td>input {
	text-decoration: line-through;
}

#divAlertas .tablaca {
	margin: 0px;
	margin-top: 10px;
	margin-right: 10px;
}

#divAlertas {
	display: flex;
	flex-wrap: wrap;
}

#divAlertas table>tbody>tr:first-child>td:nth-child(2) {
	min-width: 250px;
	max-width: 250px;
	overflow: hidden;
	white-space: nowrap;
}

#divMensajeRef {
	padding-left: 10px;
	height: 15px;
	vertical-align: middle;
}

.btn-group img {
	width: 26px;
	height: 26px;
	margin: 0px 0px;
	cursor: pointer;
}

.input-group {
	margin-bottom: 5px;
}

.title {
	text-align: center;
	font-size: 30px;
	margin-top: 15px;
}

.btnCreate {
	text-align: right;
	margin: 5px 5px;
}

.head {
	border: solid;
	border-color: #8080805c;
	border-width: 1px;
}

.line {
	border: 0;
	height: 1px;
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.23), rgba(0, 0, 0, 0));
}

.modal-body .tablaca {
	border-collapse: initial;
	border-spacing: 0px 4px;
	border-color: #fff;
}

.modal-body .tablaca input.editableFict:focus {
	border: 1px solid rgba(0, 0, 0, 0);
}

.modal-body .tablaca tbody tr td {
	border-color: #bbb;
}

.modal-body .tablaca tbody tr td:first-child {
	border-radius: 6px 0px 0px 6px;
	border-right: none;
	border-color: #bbb !important;;
	color: #555;
}

.modal-body .tablaca tbody tr td:last-child {
	border-radius: 0px 6px 6px 0px;
	border-color: #bbb !important;;
}

.dropdown-menu {
	background-color: var(--dropdown-menu-bg-color);
	border: 1px solid var(--dropdown-menu-border-color);
}

.dropdown-menu > li > a {
	color: var(--dropdown-menu-li-a-color);
}

.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
	color: var(--dropdown-menu-li-a-hover-color);
	background-color: var(--dropdown-menu-li-a-hover-bg-color);
}

.multiselect-container > li.multiselect-group {
	background: var(--multiselect-group-bg-color);
}

.multiselect-container .form-control {
	color: var(--multiselect-form-control-color);
	background-color: var(--multiselect-form-control-bg-color);
	border: 1px solid var(--multiselect-form-control-border-color);
}

.multiselect-container .input-group-addon {
	color: var(--multiselect-input-group-addon-color);
	background-color: var(--multiselect-input-group-addon-bg-color);
	border: 1px solid var(--multiselect-input-group-addon-border-color);
}

.tdAcciones {
	width: 10px;
	background: var(--table-td-acciones-bg-color) !important;
}

.tdAcciones40 {
	width: 40px;
	background: var(--table-td-acciones-bg-color) !important;
}

.fc-button-primary {
	color: var(--fc-button-primary-color) !important;
	background-color: var(--fc-button-primary-bg-color) !important;
	border-color: var(--fc-button-primary-border-color) !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}

.fc-button-primary:hover {
	background-color: var(--fc-button-primary-hover-bg-color) !important;
	border-color: var(--fc-button-primary-hover-border-color) !important;
}

.fc-button-primary:not(:disabled):active, .fc-button-primary:not(:disabled).fc-button-active  {
	background-color: var(--fc-button-primary-active-bg-color) !important;
	border-color: var(--fc-button-primary-active-border-color) !important;
}
.fc-button-primary:disabled {
	background-color: var(--fc-button-primary-disabled-bg-color) !important;
	border-color: var(--fc-button-primary-disabled-border-color) !important;
}

.fc-unthemed th, .fc-unthemed td, .fc-unthemed thead, .fc-unthemed tbody, .fc-unthemed .fc-divider, .fc-unthemed .fc-row, .fc-unthemed .fc-content, 
.fc-unthemed .fc-popover, .fc-unthemed .fc-list-view, .fc-unthemed .fc-list-heading td {
	border-color: var(--fc-td-border-color) !important;
}

.fc-unthemed td.fc-today {
	background: var(--fc-today-bg-color) !important;
}