/*v4.0.15*/

/* FUENTES
=========================================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Blinker:wght@100;200;300;400;600;700;800;900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Barlow+Semi+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/* SCROLLBARS
=========================================================================================== */
::-webkit-scrollbar-track {
	background-color: rgba(255, 255, 255, 0.3);
}

::-webkit-scrollbar-thumb {
	border-radius: 4px;
	background-color: var(--g9);
}

::-webkit-scrollbar {
	width: 6px;
	height: 6px;
}

/* SELECCIÓN TEXTO
=========================================================================================== */
::-moz-selection {
	color: var(--g3);
	background: var(--gris);
}

::selection {
	color: var(--g3);
	background: var(--gris);
}

/* VARIABLES
=========================================================================================== */
:root {
	--g1: #111111;
	--g2: #222222;
	--g3: #333333;
	--g4: #444444;
	--g5: #555555;          
	--g6: #666666;
	--g7: #777777;
	--g8: #888888;
	--g9: #999999;
	--e0: #e0e0e0;
	--e6: #e6e6e6;
	--e: #eeeeee;
	/*--gris-lt: #ebeff5;*/
	--gris-lt: rgb(177 215 167);
	/*--gris-lt-2: rgb(235 239 245 / 40%);*/
	--gris-lt-2: rgb(177 215 167 / 20%);
	--gris: #d9e1ed;
	--bg: #f5f5f5;
	--blanco: #ffffff;
	--negro: #000000;
	--amarillo: #f3b704;
	--rojo: #e74a25;
	--verde: #10c38e;
	--azul: #00c0ef;
	--morado: #8e44ad;
	--urgencia: #c0392b;
	--dificultad: #00a7bf;
	--amarillo-everent: #ebeb94;
	--azul-everent: #6fa2c7;
	--verde-everent: #90cba9;
}

* {
	padding: 0;
	margin: 0;
	scrollbar-width: thin;
	scrollbar-color: var(--g9) rgba(255, 255, 255, 0.3);
}

[onclick] {
	cursor: pointer;
}

input[type="date"]::-webkit-calendar-picker-indicator {
	background: transparent;
	bottom: 0;
	color: transparent;
	cursor: pointer;
	height: auto;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: auto;
}

.file-input-container {
	font-size: 1.5rem;
	display: inline-flex;
	align-items: center;
	width: calc(100% + 6px);
	margin-left: -3px;
	margin-right: -3px;
}

.file-input-container div:first-of-type {
	width: 90%;
	margin-right: auto;
	padding-right: 15px;
	position: relative;
}

.file-input-container input[type="file"] {
	height: 40px;
	display: inline-block !important;
	position: absolute;
	opacity: 0;
	cursor: pointer;
}

.file-input-container label {
	font-weight: 400;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding: 0 15px;
	height: 40px;
	margin: 0px;
	border-radius: 20px;
	background-color: var(--gris-lt-2);
}

a,
body,
h1,
h2,
h3,
h4,
h5,
h6 {
	color: var(--g3);
}

.chosen-container,
.form-control {
	font-size: inherit;
}

#filemanager,
#tb-gastos {
	max-width: 100%;
}

#tablagastos>.row:first-of-type>[class^=col-]:nth-of-type(odd),
.cierre,
.daterangepicker .drp-buttons {
	clear: both;
}

#dashboard #mapa,
.componente-mapa {
	width: 100%;
	height: 75vh;
}

.contenido-columna {
	padding: 0 4%;
}

#contenedor-columnas .columna .contenido-columna .tarjeta {
	border: 1px solid var(--e0);
	border-radius: 10px;
	padding: 10px;
	margin-bottom: 10px;
}

#contenedor-columnas .columna .contenido-columna .tarjeta ul:not(:last-of-type) {
	border-bottom: 1px solid var(--e);
}

#contenedor-columnas .columna .contenido-columna .tarjeta h5 {
	color: var(--g9);
}

#contenedor-columnas .columna .contenido-columna .tarjeta i {
	font-size: 0.9em;
}

.contenido-info {
	padding-top: 15px;
	border-top: 1px solid var(--e);
}

#div-panel .cabecera {
	padding-bottom: 15px;
}

#div-panel .cabecera .nav-panel {
	padding-top: 8px;

}

.columna {
	min-height: 500px;
}

.columna>h2 {
	text-align: center;
	border-bottom: 2px solid var(--e0);
	padding-bottom: 8px;
}

.columna:not(:last-of-type) {
	border-right: 2px solid var(--e0);
}

.gm-ui-hover-effect,
.hidden,
.oculto {
	display: none !important;
}

#container-interior,
.caja-fecha {
	margin-top: 15px;
}

.no-padding,
table.gantt tbody tr.marcar td.grafico {
	padding: 0 !important;
}

.bg-verde {
	background-color: var(--verde) !important;
}

.bg-rojo {
	background-color: var(--rojo) !important;
}

.bg-amarillo {
	background-color: var(--amarillo) !important;
}

.bg-negro {
	background-color: var(--negro) !important;
}

.bloque-tabs {
	/*display: none;*/
}

#container-tarea {
	width: 70vw;
}

#tb-gastos .fila,
.resumen-datos h4,
.conceptos-pedidos-proveedor>li,
.tabla_ajax_resultados .texto_elementos,
ul.timeline>li {
	margin-bottom: 10px;
}

.eleccion {
	width: unset !important;
	min-width: unset !important;
	height: 34px;
	border: solid 1px var(--e0);
	padding: 4px 10px;
}

.eleccion.verde {
	background-color: var(--verde);
	color: var(--blanco);
}

.eleccion.active {
	background-color: var(--e6);
}

.eleccion:last-of-type {
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}

#valor-eleccion {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

#valor-eleccion {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

#loader {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	background-color: #edeff281;
	z-index: 9999;
	display: flex;
	justify-content: center;
	align-items: center;
	opacity: 1;
	transition: opacity .3s ease-in-out;
}

*,
:after,
:before {
	-webkit-transition: border-box;
	transition: border-box;
	box-sizing: border-box;
}

a,
body,
body header,
body header .header .extra .dropdown>a.config>i,
table.modificado tbody tr,
table.tabla_datos tbody tr,
table.table-hover tr,
table.table-hover tr a,
table.table-hover tr span {
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.loader-animation {
	border: 10px solid var(--bg);
	border-top: 10px solid #e63027;
	border-radius: 50%;
	width: 120px;
	height: 120px;
	animation: 2s linear infinite spin;
}

@keyframes spin {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

.editor.editing .note-toolbar,
body main aside .sidebar>ul.sidebar-menu>li>ul.active {
	display: block;
}

#dashboard-container {
	margin-top: 10px;
}

.day-box {
	width: 14.285714285714285714285714285714%;
}

.day-box.gris {
	background-color: #e6e6ec;
}

.day-box:not(:last-child) {
	border-right: 1px solid gray;
}

#estado-actual .modal-body .puntos,
#estado-actual .modal-header h4.modal-title,
.day-box h4,
.loader {
	text-align: center;
}

.day-box .box {
	background-color: #cfcece;
}

.data-ok {
	color: var(--verde);
}

.data-ok-bg {
	background-color: var(--verde);
}

.progress-ok {
	background-color: rgba(216, 240, 80, .6);
}

.data-limite,
.naranja {
	color: #f09e34;
}

.data-limite-bg {
	background-color: #f09e34;
}

.progress-limite {
	background-color: rgba(240, 158, 52, .8);
}

.data-mal {
	color: #f05050;
}

.data-gris {
	color: #c6c6c6;
}

.data-mal-bg {
	background-color: #f05050;
}

.progress-mal {
	background-color: rgba(240, 80, 80, .9);
}

.verde-produccion {
	background-color: rgba(40, 148, 31, .8);
}

.rojo-gestion {
	background-color: rgba(148, 31, 31, .6);
}

.azul-produccion {
	background: #00c0ef;
}

.gris-gestion {
	background: #c8c8c8;
}

.rojo,
table tr td.alerta,
table.modificado tr td i.fa-times,
table.tabla_datos tr td i.fa-times {
	color: #e74a25;
}

.verde {
	color: #1fd09c;
}

.amarillo {
	color: #f3b704;
}

.azul {
	color: #00c0ef;
}

.extra-left,
.extra-right {
	top: 8px;
	z-index: 3;
}

.jqstooltip,
hr {
	box-sizing: content-box;
}

:active,
:focus,
:hover {
	outline: 0;
	text-decoration: none;
}

.preview {
	margin-left: 25px;
	max-width: 150px;
}

.preview img {
	margin: 0 5px;
	max-width: 120px;
	border-radius: 5px;
}

.sugerencias {
    border: 1px solid #ccc;
    max-height: 150px;
    overflow-y: auto;
    background-color: #fff;
    position: absolute;
    width: calc(100% - 20px);
	z-index: 9;
}

.sugerencia-item {
    padding: 8px;
    cursor: pointer;
}

.sugerencia-item:hover {
    background-color: #f0f0f0;
}

.no-overflow {
	overflow-x: hidden !important;
}

#estados.fila,
.overflow-x {
	overflow-x: auto;
}

iframe {
	width: 100%;
	height: 500px;
}

html {
	font-size: 62.5%;
	position: relative;
	min-height: 100vh;
	scroll-behavior: smooth;
}

body {
	font-family: 'Barlow Semi Condensed', Helvetica, Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
	font-size: 1.6rem;
	/*background-image: url('img/bg_main.jpg');*/
	background-image: url('img/bg-atenda.webp');
	background-attachment: fixed;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
}
body main {
	background-color: rgba(255, 255, 255, 0.3);
}
body.scrolling header .header .extra .dropdown>.btn.round-icon,
body.scrolling header .header .extra .dropdown>.btn.round-icon:focus,
body.scrolling header .header .extra .dropdown>.btn.round-icon:active {
	background-color: transparent;
}

body.scrolling header .header .extra .dropdown>.btn.round-icon:hover {
	background-color: var(--e) !important;

}

a,
table.modificado tbody tr,
table.tabla_datos tbody tr,
table.table-hover tr,
table.table-hover tr a,
table.table-hover tr span {
	-webkit-transition: 0.2s ease;
	transition: 0.2s ease;
}

table.gantt thead tr .horas span#centrar:hover,
table.modificado thead tr th h6:hover,
table.tabla_datos thead tr th h6:hover,
table.table tbody tr td.accion a:active i,
table.table tbody tr td.accion a:focus i,
table.table tbody tr td.accion a:hover i,
table.table thead tr th a {
	color: var(--negro);
}

table.tareas tbody tr td.nb-tarea .info.stats.active {
	opacity: 1;
	visibility: visible;
}

#estados .panel-resumen .box-body .proyecto .detalles>.inner select,
#fila.registro-fila,
#tablagastos ul.descripcion-gasto>li:last-child:before,
.caja-gauge .gauge .gauge-obj tspan,
.check-button,
.highcharts-tooltip text tspan:nth-child(2),
body header .header .extra > .breadcrumb ul#registro-activo>li:last-child:after,
body.fullscreen main section>.content-header {
	display: none;
}

#movable tbody tr td:last-child ul,
table.no-padding-lr tbody tr td:last-of-type {
	padding-right: 0;
}

body header {
	display: none;
}

body main {
	display: flex;
	min-height: 100vh;
}

body main aside {
	font-family: 'Barlow Semi Condensed', Helvetica, Arial, sans-serif;
	width: 260px;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	z-index: 20;
	opacity: 1;
	visibility: visible;
	-webkit-transition: all 0.15s ease;
	transition: all 0.15s ease;
}

body main aside .sidebar {
	position: fixed;
	top: 70px;
	bottom: 110px;
	width: 260px;
	height: calc(100vh - 190px);
	padding-right: 5px;
	overflow: auto;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

body main aside .sidebar>ul.sidebar-menu {
	list-style: none;
	margin: 0;
	padding: 0;
}

body main aside .sidebar>ul.sidebar-menu>li {
	margin: 0;
	/*padding: 1px 1px 1px 0px;*/
	position: relative;
	overflow: hidden;
}

body main aside .sidebar>ul.sidebar-menu>li>a {
	font-size: 1.6rem;
	font-weight: 500;
	color: var(--g3);
	height: 44px;
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-start;
	align-items: center;
	padding-left: 22px;
	margin-bottom: 2px;
	position: relative;
	border-radius: 0 25px 25px 0px;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

body main aside .sidebar>ul.sidebar-menu>li>a>i {
	font-size: 1.6rem;
	display: flex;
	align-items: center;
	width: 35px;
	min-width: 35px;
	height: 44px;
}

body main aside .sidebar>ul.sidebar-menu>li>a:after {
	content: '';
	display: block;
	border-radius: 0 22px 22px 0;
	/*background: transparent;*/
	background: var(--blanco);
	position: absolute;
	z-index: -1;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

body main aside .sidebar>ul.sidebar-menu>li>a:focus:after,
body main aside .sidebar>ul.sidebar-menu>li>a:active:after {
	background: transparent;
    /*box-shadow: 0px 0px 0px 1px transparent;*/
}

body main aside .sidebar>ul.sidebar-menu>li.submenu>a.mostrar-bloque {
	width: 60px;
	min-width: 60px;
	padding: 0 0;
	justify-content: center;
	border-radius: 0 6px 6px 0px;
	position: absolute;
	top: 0;
    right: 0;
    transition: none;
    margin: 0;
	background-color: transparent;
	-webkit-box-shadow: none;
	box-shadow: none;
}

body main aside .sidebar>ul.sidebar-menu>li.submenu>a.mostrar-bloque:after {
	display: none;
}

body main aside .sidebar>ul.sidebar-menu>li.submenu>a.mostrar-bloque>i {
	font-size: 1.5rem;
	position: initial;
	width: 30px;
	min-width: 30px;
}

body main aside .sidebar>ul.sidebar-menu>li>a>i:before {
	width: 20px;
	height: 20px;
	display: flex;
	justify-content: left;
	align-items: center;
}

body main aside .sidebar>ul.sidebar-menu>li>a>span {
	text-transform: uppercase;
	opacity: 1;
	visibility: visible;
	display: block;
	text-wrap: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-transition: opacity 0.2s ease, visibility 0.2s ease;
	transition: opacity 0.2s ease, visibility 0.2s ease;
}

body main aside .sidebar>ul.sidebar-menu>li>a .gif-menu {
	width: 16px;
	margin-left: auto;
}

body main aside .sidebar>ul.sidebar-menu>li.submenu>ul {
	width: 100%;
	padding-left: 24px;
	display: none;
}

body main aside .sidebar>ul.sidebar-menu>li.submenu>ul>li>a {
	font-size: 1.3rem;
	font-weight: 500;
	color: var(--g3);
	height: 40px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	position: relative;
}

body main aside .sidebar>ul.sidebar-menu>li.submenu>ul>li>a>span {
	text-transform: uppercase;
	width: calc(100% - 45px);
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-transition: left 0.2s ease, opacity 0.1s ease, visibility 0.2s ease;
	transition: left 0.2s ease, opacity 0.1s ease, visibility 0.2s ease;
}

body main aside .sidebar>ul.sidebar-menu>li.submenu>ul>li>a>i {
	font-size: 1.2rem;
	width: 33px;
	padding-left: 3px;
}

body main aside .sidebar>ul.sidebar-menu>li>a:hover,
body main aside .sidebar>ul.sidebar-menu>li>a.active,
body main aside .sidebar>ul.sidebar-menu>li.submenu>ul>li>a:hover,
body main aside .sidebar>ul.sidebar-menu>li.submenu>ul>li>a.active {
	color: var(--g1);
}

body main aside .sidebar>ul.sidebar-menu>li>a.active,
body main aside .sidebar>ul.sidebar-menu>li.submenu>ul>li>a.active {
	font-weight: 600;
}

body main aside .sidebar>ul.sidebar-menu>li>a:hover:after,
body main aside .sidebar>ul.sidebar-menu>li>a.active:after,
body main aside .sidebar>ul.sidebar-menu>li>a.active:focus:after,
body main aside .sidebar>ul.sidebar-menu>li>a.active:active:after,
body main aside .sidebar>ul.sidebar-menu>li.submenu>ul>li>a:hover:after,
body main aside .sidebar>ul.sidebar-menu>li.submenu>ul>li>a.active:after,
body main aside .sidebar>ul.sidebar-menu>li.submenu>ul>li>a.active:focus:after,
body main aside .sidebar>ul.sidebar-menu>li.submenu>ul>li>a.active:active:after {
	/*background: var(--blanco);*/
	background: var(--gris-lt);
    /*box-shadow: 0px 0px 0px 1px rgba(150, 150, 150, 0.2);*/
}

body main aside .sidebar>ul.sidebar-menu>li>a:focus,
body main aside .sidebar>ul.sidebar-menu>li>a:active,
body main aside .sidebar>ul.sidebar-menu>li.submenu>ul>li>a:focus,
body main aside .sidebar>ul.sidebar-menu>li.submenu>ul>li>a:active {
	color: var(--g1);
}

body main aside .sidebar>ul.sidebar-menu>li>a.active:hover,
body main aside .sidebar>ul.sidebar-menu>li>a.active:focus,
body main aside .sidebar>ul.sidebar-menu>li>a.active:active,
body main aside .sidebar>ul.sidebar-menu>li.submenu>ul>li>a.active:hover,
body main aside .sidebar>ul.sidebar-menu>li.submenu>ul>li>a.active:focus,
body main aside .sidebar>ul.sidebar-menu>li.submenu>ul>li>a.active:active {
	color: var(--g1);
}

body main aside .sidebar>ul.sidebar-menu>li.submenu>ul>li>a:after {
	content: '';
	display: block;
	position: absolute;
	z-index: -1;
	top: 0;
	right: 10px;
	bottom: 0;
	left: -30px;
	/*background: transparent;*/
	background: var(--blanco);
	border-radius: 0 20px 20px 0;
	-webkit-box-shadow: 0px 0px 0px 1px transparent;
	box-shadow: 0px 0px 0px 1px transparent;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

body main aside .sidebar>ul.sidebar-menu>li.submenu>ul>li>a:hover>i,
body main aside .sidebar>ul.sidebar-menu>li.submenu>ul>li>a:hover>span {
	color: var(--negro);
}

body main aside .sidebar>ul.sidebar-menu>li.submenu>ul>li>a.active:after,
body main aside .sidebar>ul.sidebar-menu>li.submenu>ul>li>a:hover:after {
	/*background: var(--blanco);*/
	background: var(--gris-lt);
}

body main aside .sidebar>ul.sidebar-menu>li>a.active>i,
body main aside .sidebar>ul.sidebar-menu>li.submenu>ul>li>a.active>i {
	font-weight: 900 !important;
}

body main aside .sidebar>ul.sidebar-menu>li.submenu>ul.active {
	display: block;
}

body main aside .sidebar>ul.sidebar-menu>li.submenu {	
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

body main aside .sidebar>ul.sidebar-menu>li.submenu>ul>li {
	margin-bottom: 2px;
}

body main aside .sidebar>ul.sidebar-menu>li.submenu>a:first-of-type {
	width: 100%;
}

body main aside .header {
	width: 260px;
	height: 70px;
	padding: 20px 20px 10px;
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	-webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

body main aside .header .logo {
	margin: 0 auto;
	/*
	position: relative;
	left: 0;
	*/
}

body header .header .logo .icon,
body main aside .header .logo .icon {
	max-height: 25px;
	max-width: 120px;
	mix-blend-mode: multiply;
}

body main aside .header .sidebar-toggle {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

body main aside .header .sidebar-toggle .icon-bar {
	display: block;
	width: 26px;
	height: 2px;
	border-radius: 2px;
	background: var(--g3) !important;
	-webkit-transition: 0.2s ease;
	transition: 0.2s ease;
}

body main aside .header .sidebar-toggle .icon-bar+.icon-bar {
	margin-top: 5px;
}

body main aside .header .sidebar-toggle.on .icon-bar:nth-of-type(2) {
	width: 22px;
}

body main aside .header .sidebar-toggle.on .icon-bar:nth-of-type(3) {
	width: 19px;
}

body main aside .header .sidebar-toggle.on .icon-bar:nth-of-type(4) {
	width: 16px;
}

body header .header .extra,
body main aside .footer .extra {
	padding: 0 0 15px;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	flex-wrap: nowrap;
	width: 100%;
}

body header .header .extra .dropdown,
body main aside .footer .extra .dropdown {
	margin: 0 6px;
	position: initial;
}

body header .header .extra .dropdown > .btn.round-icon .wrap-numero-avisos,
body main aside .footer .extra .dropdown > .btn.round-icon .wrap-numero-avisos {
    display: flex;
    flex-direction: column;
    position: absolute;
    right: -5px;
}

body header .header .extra .dropdown > .btn.round-icon .wrap-numero-avisos > span,
body main aside .footer .extra .dropdown > .btn.round-icon .wrap-numero-avisos > span {
    display: flex;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    justify-content: center;
	-webkit-transition: all 0.15s linear;
    transition: all 0.15s linear;
}

body header .header .extra .dropdown > .btn.round-icon .wrap-numero-avisos > span,
body main aside .footer .extra .dropdown > .btn.round-icon .wrap-numero-avisos > span {
	background-color: var(--blanco);
}

body header .header .extra .dropdown > .btn.round-icon .wrap-numero-avisos > span.total-avisos-importantes,
body main aside .footer .extra .dropdown > .btn.round-icon .wrap-numero-avisos > span.total-avisos-importantes {
    color: var(--rojo);
}

body main aside .footer .extra .dropdown > .btn.round-icon,
body main aside .footer .extra .dropdown > .btn.round-icon:focus,
body main aside .footer .extra .dropdown > .btn.round-icon:active {
	background-color: var(--blanco);
	-webkit-box-shadow: 0px 0px 0px 0px transparent;
    box-shadow: 0px 0px 0px 0px transparent;
}

body main aside .footer .extra .dropdown > .btn.round-icon:hover,
body main aside .footer .extra .dropdown > .btn.round-icon[aria-expanded="true"] {
	background-color: var(--blanco) !important;
}

body header .header .extra .dropdown > .dropdown-toggle:after,
body main aside .footer .extra .dropdown > .dropdown-toggle:after {
	display: none;
}

body header .header .extra .dropdown > .dropdown-menu,
body main aside .footer .extra .dropdown > .dropdown-menu {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 0;
	width: fit-content;
	min-width: 240px;
	max-width: calc(100vw - 20px);
	height: fit-content;
	border: none;
	border-radius: 8px;
	background: var(--blanco);
	z-index: 2300;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
	transform: none !important;
	-webkit-box-shadow: 0px 0px 0px 2px var(--gris-lt), 0 0 20px rgba(150, 150, 150, 0.1);
	box-shadow: 0px 0px 0px 2px var(--gris-lt), 0 0 20px rgba(150, 150, 150, 0.1);
}

body main aside .footer .extra .dropdown > .dropdown-menu {
	position: fixed;
	bottom: 100px;
    top: initial !important;
    left: 15px !important;
}

body header .header .extra .dropdown.show > .dropdown-menu,
body main aside .footer .extra .dropdown.show > .dropdown-menu {
	opacity: 1;
	visibility: visible;
}

body header .header .extra .dropdown > .dropdown-menu.avisos,
body main aside .footer .extra .dropdown > .dropdown-menu.avisos {
	width: initial;
	min-width: 360px;
	max-width: calc(100vw - 30px)
}

body header .header .extra .dropdown > .dropdown-menu > .dropwdown-menu-panel,
body main aside .footer .extra .dropdown > .dropdown-menu > .dropwdown-menu-panel {
	width: 100%;
	height: 100%;
	padding: 8px 0;
}

body header .header .extra .dropdown > .dropdown-menu > .dropwdown-menu-panel .aviso-cabecera,
body main aside .footer .extra .dropdown > .dropdown-menu > .dropwdown-menu-panel .aviso-cabecera {
	display: flex;
	flex-wrap: nowrap;
	min-height: 50px;
	padding: 5px 20px;
	position: relative;
	-webkit-transition: 0.2s ease;
    transition: 0.2s ease;
}

body header .header .extra .dropdown > .dropdown-menu > .dropwdown-menu-panel .aviso-cabecera:hover,
body main aside .footer .extra .dropdown > .dropdown-menu > .dropwdown-menu-panel .aviso-cabecera:hover {
	background-color: var(--bg);
}

body header .header .extra .dropdown > .dropdown-menu > .dropwdown-menu-panel .aviso-cabecera .texto,
body main aside .footer .extra .dropdown > .dropdown-menu > .dropwdown-menu-panel .aviso-cabecera .texto {
	display: flex;
	flex-direction: column;
	justify-content: center;
    align-items: flex-start;
	padding-right: 10px;
}

body header .header .extra .dropdown > .dropdown-menu > .dropwdown-menu-panel .aviso-cabecera .texto .comentario,
body main aside .footer .extra .dropdown > .dropdown-menu > .dropwdown-menu-panel .aviso-cabecera .texto .comentario {
	font-size: 1.6rem;
	line-height: 1.1;
	font-weight: 500;
	width: 100%;
	max-width: 350px;
}

body header .header .extra .dropdown > .dropdown-menu > .dropwdown-menu-panel .aviso-cabecera .texto .fecha,
body main aside .footer .extra .dropdown > .dropdown-menu > .dropwdown-menu-panel .aviso-cabecera .texto .fecha {
	font-size: 1.3rem;
	line-height: 1;
	color: var(--g6);
	display: flex;
	padding-top: 5px;
}

body header .header .extra .dropdown > .dropdown-menu > .dropwdown-menu-panel .aviso-cabecera .campana,
body main aside .footer .extra .dropdown > .dropdown-menu > .dropwdown-menu-panel .aviso-cabecera .campana {
	width: 40px;
	min-width: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-left: 10px;
	margin-right: 10px;
}

body header .header .extra .dropdown > .dropdown-menu > .dropwdown-menu-panel .aviso-cabecera .campana i,
body main aside .footer .extra .dropdown > .dropdown-menu > .dropwdown-menu-panel .aviso-cabecera .campana i {
	font-size: 1.8rem;
}

body header .header .extra .dropdown > .dropdown-menu > .dropwdown-menu-panel .aviso-cabecera .acceso,
body main aside .footer .extra .dropdown > .dropdown-menu > .dropwdown-menu-panel .aviso-cabecera .acceso {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 40px;
	min-width: 40px;
	margin-left: auto;
}

body header .header .extra .dropdown > .dropdown-menu > .dropwdown-menu-panel .aviso-cabecera .acceso .btn,
body main aside .footer .extra .dropdown > .dropdown-menu > .dropwdown-menu-panel .aviso-cabecera .acceso .btn {
	display: inline-flex;
	padding: 0;
	width: 40px;
	height: 40px;
}

body header .header .extra .dropdown > .dropdown-menu > .dropwdown-menu-panel > ul > li,
body main aside .footer .extra .dropdown > .dropdown-menu > .dropwdown-menu-panel > ul > li {
	width: 100%;
}

body header .header .extra .dropdown > .dropdown-menu > .dropwdown-menu-panel > ul > li:first-child,
body main aside .footer .extra .dropdown > .dropdown-menu > .dropwdown-menu-panel > ul > li:first-child {
	border-top: none;
}

body header .header .extra .dropdown > .dropdown-menu > .dropwdown-menu-panel > ul > li > a,
body main aside .footer .extra .dropdown > .dropdown-menu > .dropwdown-menu-panel > ul > li > a {
	font-size: 1.6rem;
	font-weight: 500;
	text-transform: uppercase;
	display: inline-block;
	padding: 10px 20px;
	width: 100%;
	height: 100%;
}

body header .header .extra .dropdown > .dropdown-menu > .dropwdown-menu-panel > ul > li > a:hover,
body main aside .footer .extra .dropdown > .dropdown-menu > .dropwdown-menu-panel > ul > li > a:hover {
	background-color: var(--bg);
}

body header .header .extra .dropdown > .dropdown-menu > .user-header,
body main aside .footer .extra .dropdown > .dropdown-menu > .user-header {
	width: 100%;
	padding: 20px;
	text-align: left;
}

body header .header .extra .dropdown > .dropdown-menu > .user-header > span,
body main aside .footer .extra .dropdown > .dropdown-menu > .user-header > span {
	font-size: 1.6rem;
	display: block;
	margin-bottom: 5px;
}

body header .header .extra .dropdown > .dropdown-menu > .user-header > span.usuario,
body main aside .footer .extra .dropdown > .dropdown-menu > .user-header > span.usuario {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 2px solid var(--gris-lt);
}

body header .header .extra .dropdown > .dropdown-menu > .user-header > span.usuario > a,
body main aside .footer .extra .dropdown > .dropdown-menu > .user-header > span.usuario > a {
	font-size: 2rem;
	font-weight: 600;
}

body header .header .extra .dropdown > .dropdown-menu > .user-header > span > a > img,
body main aside .footer .extra .dropdown > .dropdown-menu > .user-header > span > a > img {
	width: 72px;
	height: auto;
	margin: 0;
	z-index: 5;
}

body header .header .extra .dropdown > .dropdown-menu > .user-header > span > i,
body main aside .footer .extra .dropdown > .dropdown-menu > .user-header > span > i {
	font-size: 1.4rem;
	width: 20px;
}

body header .header .extra .dropdown > .dropdown-menu > .user-footer,
body main aside .footer .extra .dropdown > .dropdown-menu > .user-footer {
	width: 100%;
	padding: 0 20px 20px;
}

body main aside .footer {
	display: flex;
    flex-direction: column;
    justify-content: flex-end;
	position: absolute;
	bottom: 0px;
	width: 100%;
	height: 110px;
	padding: 20px 20px 20px 15px;
	-webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

body main aside .footer .brand {
	display: flex;
	justify-content: center;
}

body main aside .footer .brand img {
	height: 15px;
	opacity: 0.8;
	-webkit-transition: 0.2s ease;
    transition: 0.2s ease;
}

body main aside.collapse-left {
	width: 95px;
}

body main aside.collapse-left .header {
	width: 95px;
}

body main aside.collapse-left .sidebar {
	width: 95px;
	bottom: 110px;
	height: calc(100vh - 285px);
}

body main aside.collapse-left .header .logo {
	left: -20px;
	opacity: 0;
	visibility: hidden;
}

body main aside.collapse-left .sidebar>ul.sidebar-menu>li>a>span {
	text-wrap: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

body main aside.collapse-left .sidebar>ul.sidebar-menu>li>a:hover i:after,
body main aside.collapse-left .sidebar>ul.sidebar-menu>li>a.active i:after {
	background: var(--blanco);
	box-shadow: 0px 0px 0px 1px var(--e6);
}

body main aside.collapse-left>.sidebar>ul.sidebar-menu>li>a>span {
	opacity: 0;
	visibility: hidden;
}

body main aside.collapse-left>.sidebar>ul.sidebar-menu>li.submenu>ul>li>a:after {
	width: 65px;
}

body main aside.collapse-left>.sidebar>ul.sidebar-menu>li.submenu>ul>li>a>span {
	opacity: 0;
	visibility: hidden;
}

body main aside.collapse-left>.sidebar>ul.sidebar-menu>li>a.active,
body main aside.collapse-left>.sidebar>ul.sidebar-menu>li>a:hover {
	background-color: transparent;
	-webkit-box-shadow: 0px 0px 0px 0px transparent;
	box-shadow: 0px 0px 0px 0px transparent;
}

body main aside.collapse-left>.sidebar>ul.sidebar-menu>li>a.mostrar-bloque {
	padding: 0px 0px;
	width: 30px;
	min-width: 30px;
}

body main aside.collapse-left>.sidebar>ul.sidebar-menu>li>a.mostrar-bloque i {
	font-size: 1.6rem;
}

body main aside.collapse-left>.sidebar>ul.sidebar-menu>li.submenu>ul>li>a.active,
body main aside.collapse-left>.sidebar>ul.sidebar-menu>li.submenu>ul>li>a:focus,
body main aside.collapse-left>.sidebar>ul.sidebar-menu>li.submenu>ul>li>a:hover,
body main aside.collapse-left>.sidebar>ul.sidebar-menu>li.submenu>ul>li.active,
body main aside.collapse-left>.sidebar>ul.sidebar-menu>li.submenu>ul>li.active>a.active,
body main aside.collapse-left>.sidebar>ul.sidebar-menu>li.submenu>ul>li.active>a:focus,
body main aside.collapse-left>.sidebar>ul.sidebar-menu>li.submenu>ul>li.active>a:hover {
	background: transparent;
	-webkit-box-shadow: 0px 0px 0px 0px transparent !important;
	box-shadow: 0px 0px 0px 0px transparent !important;
}

body main aside.collapse-left>.sidebar>ul.sidebar-menu>li>a.active+.mostrar-bloque,
body main aside.collapse-left>.sidebar>ul.sidebar-menu>li>a:focus+.mostrar-bloque,
body main aside.collapse-left>.sidebar>ul.sidebar-menu>li>a:hover+.mostrar-bloque,
body main aside.collapse-left>.sidebar>ul.sidebar-menu>li.active+.mostrar-bloque,
body main aside.collapse-left>.sidebar>ul.sidebar-menu>li.active>a.active+.mostrar-bloque,
body main aside.collapse-left>.sidebar>ul.sidebar-menu>li.active>a:focus+.mostrar-bloque,
body main aside.collapse-left>.sidebar>ul.sidebar-menu>li.active>a:hover+.mostrar-bloque {
	background-color: transparent;
	-webkit-box-shadow: 0px 0px 0px 0px transparent;
	box-shadow: 0px 0px 0px 0px transparent;
}

body main aside.collapse-left .footer {
	height: 215px;
	align-items: flex-start;
	padding: 20px 10px 20px 10px;
}

body main aside.collapse-left .footer .extra {
	flex-direction: column;
	align-items: flex-start;
}

body main aside.collapse-left .footer .extra .dropdown {
	margin: 4px 0 !important;
}

body main aside.collapse-left .footer .extra .dropdown > .dropdown-menu {
	bottom: 55px;
    top: initial !important;
    left: 60px !important;
}

body main aside.collapse-left .footer .extra .dropdown > .btn.round-icon {
	background-color: var(--blanco);
}

body main section {
	width: calc(100vw - 260px);
	margin-left: auto;
	position: relative;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

body main section.strech {
	width: calc(100vw - 95px);
}

body main section>.content-header {
	margin: 0 20px 0 0;
	padding: 25px 20px;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: center;
	position: relative;
}

body main section>.content-header h1 {
	margin-bottom: 0;
	min-height: 36px;
}

body main section>.content-header>div {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: center;
	margin-right: 15px;
}

body main section>.content-header>div #num-recursos-activos {
	font-size: 1.4rem;
	color: var(--blanco);
	font-weight: 600;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 26px;
	height: 26px;
	margin: 0 15px;
	background-color: var(--e0);
	border-radius: 50%;
}

body main section>.content-header>div #num-recursos-activos.extra {
	padding: 2px 7px;
	border-radius: 7px;
	width: auto;
	margin: 0 15px 0 0;
}

body main section.registroHoras {
	padding-top: 0px;
}

body main section .content {
	/*padding: 3px 20px 81px;*/
	padding: 18px 20px 81px;
}

body main section .content div+ul.lista-botones.tabs {
	margin-top: 40px;
}

body main section .botones-footer {
	position: fixed;
	z-index: 2;
	bottom: 0px;
	left: 260px;
	right: 0px;
	padding: 20px;
	/*background-image: url('img/bg_main.jpg');*/
	background-color: rgba(255, 255, 255, 1);
    background-attachment: fixed;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
	-webkit-transition: 0.2s ease;
	transition: 0.2s ease;
}

body main section .botones-footer .btn {
	-webkit-box-shadow: 0 5px 15px rgba(150, 150, 150, .1);
	box-shadow: 0 5px 15px rgba(150, 150, 150, .1);
}

body main section.strech .botones-footer {
	left: 100px;
}

body main section.proyecto .resumen-datos .wrapper-select {
	margin-top: 7px;
}

.aviso,
.icheckbox_minimal label,
.inline,
.iradio_minimal label,
.notas,
.right,
label.inline {
	display: inline-block;
}

#tb-gastos,
.leyenda {
	padding: 20px;
}

#mapa,
#panel-gantt table.gantt thead tr th,
.box,
.box-timeline,
.celda-boton,
.cierre,
.separador,
table,
table.table-acciones,
table.table-acciones tr td,
table.table-acciones tr th {
	width: 100%;
}

body #breadcrumb,
input,
input[type=color],
input[type=color]:hover,
input[type=file]:focus,
table.table tbody tr.transparent,
table.table tbody tr.transparent:hover,
table.table-hover thead tr:hover,
table.table-hover tr.no-hover.transparent:active,
table.table-hover tr.no-hover.transparent:focus,
table.table-hover tr.no-hover.transparent:hover {
	background-color: transparent;
}

.resumen-datos h4,
#tb-gastos .fila,
.tabla_ajax_resultados .texto_elementos,
label,
ul.timeline>li {
	margin-bottom: 10px;
}

body.modulo-login {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100vh;
	/*background-image: url('img/login.jpg');*/
	background-image: url('img/bg-atenda.webp');
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

body.modulo-login main {
	padding: 50px;
	width: 100vw;
	height: 100vw;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: rgba(255, 255, 255, 0.3);
}

body.modulo-login section.login {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	z-index: 1;
	top: initial;
	left: initial;
	right: initial;
}

body.modulo-login section.login .login-wrapper {
	padding: 50px;
	width: 80%;
	max-width: 480px;
	min-width: 320px;
	border-radius: 0px;
	background: var(--blanco);
	-webkit-box-shadow: 0px 0px 0px 1px var(--e6);
    box-shadow: 0px 0px 0px 1px var(--e6);
	border-top: 10px solid var(--gris-lt);
}

body.modulo-login section.login .login-wrapper .login-logo {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 10px 0 15px;
}

body.modulo-login section.login .login-wrapper .login-logo img {
	height: 35px;
	max-width: 250px;
}

body.modulo-login section.login .login-wrapper .login-logo .titulo {
	color: var(--g6);
	margin-top: 10px;
	margin-bottom: 10px;
}

body.modulo-login section.login .login-wrapper .form-group {
	margin-bottom: 10px;
}

body.modulo-login section.login .login-wrapper .form-group input {
	height: 50px;
	border-radius: 25px;
	padding: 0 20px;
	border: none;
	background-color: var(--bg);
}

body.modulo-login section.login .login-wrapper .form-group input:focus,
body.modulo-login section.login .login-wrapper .form-group input:active {
	background-color: var(--gris-lt);
}

body.modulo-login section.login .login-wrapper .footer {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding-top: 15px;
}

body.modulo-login section.login .login-wrapper .footer button {
	width: 100%;
	flex: 10 50px;
	border-radius: 25px;
}

body.modulo-login section.login .login-wrapper .footer a.enlace {
	font-size: 1.4rem;
	color: var(--g6);
	margin-top: 20px;
}

body.modulo-login section.login .login-wrapper .footer a.enlace:hover {
	text-decoration: underline;
}

body.modulo-login section.login .login-wrapper #cargando {
	display: none;
	text-align: center;
}

body.modulo-login section.login .login-wrapper #cargando img,
table.modificado thead tr th:last-of-type,
table.tabla_datos thead tr th:last-of-type {
	width: 50px;
}

body.fullscreen header {
	top: -50px;
}

body.fullscreen main {
	padding-top: 0;
}

body.fullscreen main aside {
	left: -60px !important;
}

body.fullscreen main section {
	left: 0 !important;
	min-height: 100vh;
}

body.fullscreen .item .inner {
	max-height: calc(100vh - 145px);
}

body.fullscreen.filtros-on .item .inner {
	max-height: calc(100vh - 230px);
}

body.filtros-on .item .inner {
	max-height: calc(100vh - 340px);
}

body #breadcrumb {
	font-size: 1.6rem;
	font-weight: 600;
	padding: 0;
	margin-bottom: 0;
}

.resumen-datos .box p,
body #breadcrumb>li {
	padding-left: 25px;
	position: relative;
}

body #breadcrumb>li>a {
	color: var(--g3);
	font-weight: 600;
	text-decoration: none;
}

body #breadcrumb>li>a:hover,
table.modificado tr td a,
table.modificado tr th a,
table.tabla_datos tr td a,
table.tabla_datos tr th a,
table.tareas tbody tr td.nb-tarea .info.resumen i:hover {
	color: inherit;
}

body #breadcrumb>li+li:before {
	content: "\f105";
	font-family: "Font Awesome 6 Pro";
	font-size: 1.4rem;
	font-weight: 400;
	position: absolute;
	top: 2px;
	left: 8px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Blinker', Helvetica, Arial, sans-serif;
	font-weight: 600;
	margin-bottom: 20px;
}

h4,
h5,
h6 {
	margin-bottom: 10px;
}

.box.info-panel p span,
.btn-list>li .btn.active,
.btn-list>li .btn.activo,
.btn-list>li .btn.selected,
.fw-600,
h1 strong,
h2 strong,
h3 strong,
h4 strong,
h5 strong,
h6 strong,
strong,
ul.timeline>li.event>.timeline-item .timeline-header a,
ul.timeline>li.event>.timeline-item .timeline-info>li:first-of-type span {
	font-weight: 600;
}

h1 {
	font-size: 3.2rem;
}

h2 {
	/*font-size: 2.4rem;*/
	font-size: 2.8rem;
}

h3 {
	/*font-size: 2rem;*/
	font-size: 2.4rem;
}

h4 {
	font-size: 1.8rem;
}

h4.modal-title {
	font-size: 2.2rem;
	font-weight: 400;
	color: var(--blanco);
	width: 100%;
}

.bloque-fase,
.btn-list,
.flex-column,
.mini .form-group,
.small-box,
.table-content,
p {
	margin-bottom: 15px;
}

a:active,
a:focus,
a:hover {
	color: var(--negro);
	text-decoration: none;
	outline: 0;
}

.regular {
	font-weight: 400;
}

.fw-600 small,
.fw-700,
.negrita,
strong,
strong small {
	font-weight: 600;
}

small {
	font-size: 85%;
}

.box .box-footer .btn,
.no-padding-y-axis {
	padding: 0 20px;
}

.nowrap {
	text-wrap: nowrap;
}

.pull-right {
	float: right !important;
}

.pull-left {
	float: left !important;
}

.btn-ver-mas,
.der,
.right {
	float: right;
}

.der {
	text-align: right;
}

.der i {
	margin: 0 5px 0 10px;
}

.extra-left {
	position: absolute;
	left: 0;
}

.extra-right {
	position: absolute;
	left: 98%;
}

.error {
	-webkit-box-shadow: inset 0 0 0 2px rgba(255, 0, 0, .8);
	box-shadow: inset 0 0 0 2px rgba(255, 0, 0, .8);
}

.correcto {
	-webkit-box-shadow: inset 0 0 0 2px var(--verde);
	box-shadow: inset 0 0 0 2px var(--verde);
}

.acompletar {
	-webkit-box-shadow: inset 0 0 0 2px var(--amarillo);
	box-shadow: inset 0 0 0 2px var(--amarillo);
}

.sin-borde {
	border: none !important;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.section-acciones {
	background: #f5f5f5;
	-webkit-box-shadow: inset -3px 0 8px -4px rgba(0, 0, 0, .1);
	box-shadow: inset -3px 0 8px -4px rgba(0, 0, 0, .07);
}

.radius-0 {
	border-radius: 0 !important;
}

.radius-top-0 {
	border-top-left-radius: 0 !important;
	border-top-right-radius: 0 !important;
}

.radius-bottom-0 {
	border-bottom-left-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
}

.separador {
	height: 1px;
	background-color: #e5e5e5;
	margin: 40px 0;
}

.no-padding,
table.gantt tbody tr.marcar td.grafico {
	padding: 0 !important;
}

.no-padding-left {
	padding-left: 0 !important;
}

.no-padding-right {
	padding-right: 0 !important;
}

.padding-0-5 {
	padding: 0 5px !important;
}

.padding-5 {
	padding: 5px !important;
}

.tapar {
	visibility: hidden;
}

.aviso,
.notas {
	font-size: 1.8rem;
	font-weight: 300;
	line-height: 1.2;
	color: var(--blanco);
	background: var(--g3);
	margin: 20px 2px 2px;
	padding: 12px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    min-height: 48px;
    border-radius: 24px;
    position: relative;
	-webkit-box-shadow: 0px 0px 0px 2px var(--gris-lt);
	box-shadow: 0px 0px 0px 2px var(--gris-lt);
}

.aviso {
	color: var(--g1);
    font-weight: 400;
    background: var(--blanco);
}

.aviso i,
.notas i {
	font-size: 2.4rem;
	margin-right: 10px;
	position: relative;
}

.aviso i:before,
.notas i:before {
	position: relative;
	z-index: 1;
}

.aviso i:after,
.notas i:after {
	content: '';
	position: absolute;
	z-index: 0;
	top: 2px;
	right: 2px;
	bottom: 2px;
	left: 2px;
	background-color: var(--blanco);
	border-radius: 50%;
}

.aviso a,
.notas a {
	color: var(--blanco);
	cursor: pointer;
}

.caja-gauge .gauge,
.seleccion-fecha,
.relative,
table.gantt tr,
table.table-acciones tr,
table.table-proyectos tr,
ul.timeline-simple>li,
ul.timeline>li {
	position: relative;
}

.toggle span,
.toggle:before {
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.ocultar-inicio {
	visibility: hidden !important;
	opacity: 0 !important;
}

#bloque_stop_fecha,
.pie_gantt,
.toggle span {
	position: absolute;
}

#icono-actual,
.seleccion-fecha i,
.seleccion-fecha span,
.mostrar,
button.close,
table.table tr td a,
table.table tr th a {
	cursor: pointer;
}

.desktop {
	display: block;
	opacity: 1;
	visibility: visible;
}

.responsive {
	display: none;
	opacity: 0;
	visibility: hidden;
}

.xs-hidden {
	display: block;
}

.xs-visible {
	display: none;
}

hr {
	height: 0;
	overflow: visible;
	margin: 25px 0 30px;
	border: 0;
	border-top: 2px solid var(--gris-lt);
	opacity: 1;
}

.weekend {
	background: #f4f7f4 !important;
}

#tb-gastos {
	width: 900px;
}

#tb-gastos h2 strong {
	float: right;
	padding-right: 15px;
	color: #f05050;
}

#tb-gastos .form input {
	margin: 0 5px;
}

#tb-gastos .fila {
	border-bottom: 1px solid #333;
	padding-bottom: 10px;
}

#datos-gastos,
#tablatareas {
	margin: 30px 0;
}

#datos-gastos img {
	display: block;
	margin: auto;
}

#datos-gastos input,
#datos-gastos textarea {
	border: 0;
	margin-bottom: 15px;
}

#fecha_gantt {
	width: 200px;
}

.toggle,
.toggle:before {
	position: relative;
	display: block;
}

#fecha_stop,
#hora_stop {
	width: 140px !important;
}

#icono-actual i {
	line-height: 24px;
	margin-right: 10px;
}

.mini label {
	margin-bottom: 3px;
}

.mini .form-control {
	padding: 1px 5px;
	height: 35px;
}

.mini .chosen-container-single .chosen-single {
	height: 35px;
}

.mini .chosen-container-single .chosen-single span {
	margin-top: 0;
	height: 33px;
	display: flex;
	align-items: center;
}

.mini .note-editor .note-editable {
	min-height: 50px !important;
}

.celda-boton>li:first-of-type {
	width: calc(100% - 40px);
	border-radius: 0px;
}

.celda-boton>li:last-of-type {
	width: 30px;
}

.celda-boton>li:last-of-type i {
	font-size: 20px;
}

.toggle {
	width: 44px;
	height: 16px;
	margin: 8px 0px;
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.toggle:before {
	content: "";
	left: 0;
	width: 44px;
	height: 16px;
	background: #9a9999;
	border-radius: 8px;
	transition: background .2s;
}

.toggle span {
	left: 0;
	width: 24px;
	height: 24px;
	display: block;
	background: var(--e0);
	border-radius: 14px;
	transition: .2s;
}

.toggle span:before {
	content: "";
	position: absolute;
	display: block;
	margin: -11px;
	width: 44px;
	height: 44px;
	background: rgba(244, 124, 0, .5);
	border-radius: 50%;
	-webkit-transform: scale(0);
	transform: scale(0);
	opacity: 1;
	pointer-events: none;
}

.toggle:hover span {
	background: var(--e);
}

.btn-list {
	display: inline-flex;
}

.check-button:checked+.toggle:before {
	background: #41c38d66;
}

.check-button:checked+.toggle span {
	background: var(--verde);
	-webkit-transform: translate(20px, -50%);
	transform: translate(20px, -50%);
	transition: .2s cubic-bezier(.8, .4, .3, 1.25), background 0.2s;
	-webkit-box-shadow: 0 3px 8px rgba(40, 167, 69, .2);
	box-shadow: 0 3px 8px rgba(40, 167, 69, .2);
}

.check-button:checked+.toggle span:before {
	-webkit-transform: scale(1);
	transform: scale(1);
	opacity: 0;
	transition: .4s;
	background: rgba(40, 167, 69, .5);
}

ul.lista-botones.tabs,
ul.timeline>li.time-label {
	margin-top: 15px;
}

ul.timeline-simple:before,
ul.timeline-simple>li:before {
	display: block;
	background: var(--negro);
	position: absolute;
	content: "";
}

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

ul.timeline-simple {
	padding-left: 20px;
	position: relative;
}

ul.timeline-simple:before {
	width: 1px;
	height: 100%;
	left: 0;
	top: 0;
}

ul.timeline-simple>li:before {
	width: 15px;
	height: 15px;
	border-radius: 50%;
	left: -27px;
	top: 9px;
}

ul.timeline {
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
}

.tareas-fase:before,
ul.timeline:before {
	content: "";
	position: absolute;
	top: 20px;
	bottom: 0;
	width: 2px;
	background: var(--gris-lt);
	left: 24px;
	margin: 0;
	border-radius: 2px;
}

#aviso :last-of-type,
#tbl-hoy-proyectos>div:last-of-type,
.box .box-header label.toggle,
.box.lista_recursos,
.flex-column>li ul,
.table-footer label,
.table-footer select,
button.mb-0px,
input.mb-0px,
optgroup.mb-0px,
option.mb-0px,
select.mb-0px,
table.modificado tr td input,
table.tabla_datos tr td input,
textarea.mb-0px,
ul.timeline>li:last-child {
	margin-bottom: 0;
}

#estados .panel-resumen .box-body .proyecto:first-of-type,
ul.timeline>li.time-label:first-of-type {
	margin-top: 0;
}

ul.timeline>li.time-label>span {
	font-size: 1.4rem;
	color: var(--g3);
	font-weight: 500;
	padding: 5px 10px;
	display: inline-block;
	background-color: var(--gris-lt);
	border-radius: 10px;
	-webkit-box-shadow: 0 0 0 4px var(--blanco);
	box-shadow: 0 0 0 4px var(--blanco);
}

ul.timeline>li.event>.timeline-item {
	margin-bottom: 15px;
	margin-left: 50px;
	padding: 15px;
	position: relative;
	border: solid 2px var(--gris-lt);
	border-radius: 10px;
	background: var(--blanco);
}

ul.timeline>li.event>.timeline-item.active {
	border-color: var(--g9);
}

ul.timeline>li.event>.timeline-item.active .btn.e6,
ul.timeline>li.event>.timeline-item.active .btn.e6:focus,
ul.timeline>li.event>.timeline-item.active .btn.e6:active {
	color: var(--blanco);
	background-color: var(--g6);
}

ul.timeline>li.event>.timeline-item.active .btn.e6:hover {
	background-color: var(--g3);
}

ul.timeline>li.event>.timeline-item .timeline-header {
	font-size: 1.4rem;
	color: var(--g3);
	line-height: 20px;
	margin-bottom: 5px;
}

ul.timeline>li.event>.timeline-item .timeline-header i.fa-clock {
	font-size: 1.2rem;
	width: 18px;
}

ul.timeline>li.event>.timeline-item .timeline-header a img {
	width: 20px;
	position: relative;
	top: -2px;
}

ul.timeline>li.event>.timeline-item .timeline-body {
	padding-left: 24px;
	position: relative;
}

ul.timeline>li.event>.timeline-item .timeline-body.activo {
	font-size: 120%;
}

ul.timeline>li.event>.timeline-item .timeline-body:before {
	content: "\f4ae";
	font-family: "Font Awesome 6 Pro";
	font-weight: 400;
	position: absolute;
	top: 0;
	left: 2px;
}

.note-editable ol,
.note-editable ul,
ul.timeline>li.event>.timeline-item .timeline-body ol,
ul.timeline>li.event>.timeline-item .timeline-body ul {
	list-style-type: initial;
	margin-left: 15px;
}

ul.timeline>li.event>.timeline-item .timeline-info>li:first-of-type i {
	margin: 0 2px;
}

ul.timeline>li.event>.timeline-item .timeline-info>li:last-of-type a {
	opacity: .8;
	-webkit-transition: 0.2s ease;
	transition: 0.2s ease;
}

.flex.seleccion>li .btn.mini.icon:active,
.flex.seleccion>li .btn.mini.icon:focus,
.flex.seleccion>li .btn.mini.icon:hover,
.matriz-horas table td:hover,
ul.timeline>li.event>.timeline-item .timeline-info>li:last-of-type a:hover {
	opacity: 1;
}

ul.timeline>li.event>.tags {
	position: absolute;
	width: 50px;
	display: flex;
	flex-flow: column wrap;
	align-items: center;
}

.tareas-fase .bloque-tarea .tags i,
ul.timeline>li.event>.tags i {
	font-size: 1rem;
	line-height: 26px;
	color: var(--blanco);
	text-align: center;
	width: 26px;
	height: 26px;
	background: #efefef;
	border-radius: 50%;
	margin: 4px 0 6px;
	-webkit-box-shadow: 0 0 0 4px var(--blanco);
	box-shadow: 0 0 0 4px var(--blanco);
}

ul.timeline>li.event>.tags i.logo-importante {
	font-size: 2rem;
	color: #e74a25;
	background: var(--blanco);
}

ul.lista-botones.tabs {
	display: inline-flex;
	/* margin: 40px 0 0; */
	padding: 4px;
	gap: 4px;
	border-radius: 24px;
	background-color: var(--blanco);
}

ul.lista-botones.tabs li:first-child {
	padding-left: 0;
}

ul.lista-botones.tabs li:last-child {
	padding-right: 0;
}

ul.lista-botones.tabs li .btn {
	color: var(--g6);
	line-height: 1;
	text-align: center;
	padding: 0 20px;
	background-color: var(--blanco);
	border-radius: 20px;
}

ul.lista-botones.tabs li .btn span {
	white-space: nowrap;
}

ul.lista-botones.tabs li .btn:hover {
	color: var(--g3);
	background-color: var(--bg);
}

ul.lista-botones.tabs li .btn:focus,
ul.lista-botones.tabs li .btn:active {
	/*background-color: var(--blanco);*/
}

ul.lista-botones.tabs li .btn.active,
ul.lista-botones.tabs li .btn.active:hover {
	color: var(--blanco);
	/*background-color: var(--g6);*/
	background-color: var(--azul-everent);
	opacity: 1;
}

ul.lista-botones.tabs li:first-child .btn {
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
}

ul.lista-botones.tabs li:last-child .btn {
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
}

ul.lista-botones .btn.green {
	background-color: rgb(120 224 143 / 30%);
}

ul.lista-botones .btn.green:hover,
ul.lista-botones .btn.green.active {
	background-color: rgb(120 224 143);
}

ul.lista-botones .btn.yellow {
	background-color: rgb(254 211 48 / 30%);
}

ul.lista-botones .btn.yellow:hover,
ul.lista-botones .btn.yellow.active {
	background-color: rgb(254 211 48);
}

ul.lista-botones .btn.red {
	background-color: rgb(229 80 57 / 30%);
}

ul.lista-botones .btn.red:hover,
ul.lista-botones .btn.red.active {
	background-color: rgb(229 80 57);
}

ul.lista-botones .btn.gris {
	/*background-color: rgb(190 190 190 / 30%);*/
	background-color: var(--gris-lt);
}

ul.lista-botones .btn.gris:hover,
ul.lista-botones .btn.gris.active {
	background-color: rgb(190 190 190);
}

#movable {
	width: 100%;
	border-collapse: collapse;
	text-align: center;
	font-size: 16px;
}

#movable th {
	padding-top: 12px;
	padding-bottom: 12px;
	background-color: var(--e);
	color: var(--negro);
	font-size: 18px;
	border: 2px solid var(--blanco);
}

#movable td {
	height: 1px;
}

#movable th,
#movable ul li {
	padding: 10px;
	margin-bottom: 10px;
}

#movable ul {
	height: 100%;
	padding: 5px;
}

#movable ul li {
	padding: 5px !important;
	width: 100%;
	position: relative;
	border: 3px solid #e6e6e6;
	border-radius: 10px;
	min-height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
}

#movable ul li:hover {
	background-color: var(--e0);
}

#movable ul li div {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	opacity: 0;
	visibility: hidden;
	border-radius: 3px;
	-webkit-transition: .1s ease;
	transition: .1s ease;
}

#movable ul li:hover div {
	opacity: 1;
	visibility: visible;
	background-color: var(--blanco);
}

#movable ul li div span.mini.round {
	margin: 0 5px;
	flex: 0 0 0;
	min-width: 32px;
}

#movable ul li div span.mini.round:hover {
	color: #909497;
}

#movable ul li:nth-child(even) {
	background-color: var(--e6);
}

#movable thead tr th:first-child {
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	border-left: none;
}

#movable thead tr th:last-child {
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	border-left: none;
}

#mood-form #wrapper-mood-bar {
	display: flex;
}

#estructura-borrar {
	width: 80%;
}

.resumen-checklist {
	margin-left: 15px;
	border-left: 2px solid var(--e0);
	padding-left: 15px;
}

.tareas-fase {
	padding-top: 20px;
	padding-left: 50px;
	position: relative;
}

.tareas-fase .bloque-tarea {
	overflow: visible !important;
}

.tareas-fase .bloque-tarea .tags {
	position: absolute;
	top: 10px;
	left: -40px;
	width: 40px;
	align-items: center;
}

.tareas-fase .bloque-tarea .checklist-lista {
	overflow: hidden;
	position: relative;
}

.tareas-fase .bloque-tarea .checklist-lista:before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	width: 2px;
	background: var(--e0);
	left: 12px;
	margin: 0;
	border-radius: 2px;
}

.tareas-fase .bloque-tarea .checklist-lista .tags {
	position: relative;
	top: 0;
	left: 0;
}

.tareas-fase .bloque-tarea .checklist-lista .tags i {
	background-color: #00c0ef;
	color: var(--blanco);
}

.bloque-fase {
	padding-bottom: 15px;
	border-bottom: 1px solid rgba(0, 0, 0, .1);
}

.bloque-fase:last-of-type {
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: none;
}

.note-editable {
	-webkit-user-select: initial;
	user-select: initial;
}

.abierto {
	background-color: gray !important;
	color: var(--blanco) !important;
}

#estados.fila {
	flex-wrap: nowrap;
}

#estados .panel-resumen .box-body .proyecto .detalles>.inner .caja-datos {
	margin-left: -5px;
	margin-right: -5px;
}

#estados .panel-resumen .box-body .proyecto .detalles>.inner .caja-datos .dato {
	padding-left: 5px;
	padding-right: 5px;
}

.flex.seleccion.txt-right {
	justify-content: flex-end;
}

.flex.space-around {
	display: flex;
	justify-content: space-around;
}

.tpv ul.opciones li:last-child {
	margin-left: auto;
}

.seleccion-fecha i,
.flex.seleccion>li .btn.mini.icon,
.tpv ul ul,
table tr td .progress,
table.modificado tr td .btn.round.micro,
table.tabla_datos tr td .btn.round.micro {
	margin: 0;
}

.seleccion-fecha i,
.flex.seleccion>li .btn.mini.icon,
.tpv ul ul,
table tr td .progress,
table.modificado tr td .btn.round.micro,
table.tabla_datos tr td .btn.round.micro,
ul.cerrar-registro>li .btn.desplegable i {
	margin: 0
}

.seleccion-fecha i {
	font-size: 1.4rem;
}

.seleccion-fecha #fecha-seleccion {
	font-weight: 600;
	text-align: center;
	margin: 0 5px;
	width: 80px;
}

.seleccion-fecha #fecha-input {
	position: absolute;
	left: 16px;
	z-index: 2;
	border: 0;
	width: 80px;
	height: 30px;
	opacity: 0;
	margin: 0;
	padding: 0;
	cursor: pointer
}

.seleccion-fecha #fecha-hoy {
	padding-left: 10px
}

.seleccion-fecha #fecha-hoy i + span {
	font-size: 1.5rem;
	font-weight: 600;
	margin-left: 5px
}

.flex-column.li-spacing {
	margin-top: -5px;
}

.flex-column.li-spacing>li {
	padding-top: 5px;
	padding-bottom: 5px;
}

.flex-column.li-spacing-md {
	margin-top: -10px;
}

.flex-column.li-spacing-md>li {
	padding-top: 10px;
	padding-bottom: 10px;
}

.flex-column.li-spacing-xl {
	margin-top: -15px;
}

.flex-column.li-spacing-xl>li {
	padding-top: 15px;
	padding-bottom: 15px;
}

.box .inner-box.tabs.nav-tabs-custom .box-header .nav-tabs li a.active,
.box .inner-box.tabs.nav-tabs-custom .box-header .nav-tabs li a:active,
.box .inner-box.tabs.nav-tabs-custom .box-header .nav-tabs li a:focus,
.box .inner-box.tabs.nav-tabs-custom .box-header .nav-tabs li a:hover,
.flex.seleccion.bg {
	background: #efefef;
}

.flex.seleccion {
	box-shadow: inset 0 0 0px 2px var(--gris-lt);
	background: var(--blanco);
	border-radius: 20px;
	/*margin-top: 1px;*/
	flex-wrap: nowrap;
}

.flex.seleccion.border {
	position: relative;
	border: none !important;
}

.flex.seleccion.border:before {
	content: "";
	display: block;
	border-radius: 10px;
	border: 1px solid var(--e0) !important;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.flex.seleccion>li {
	height: 40px;
	padding: 0;
	margin-bottom: 0;
}

.flex.seleccion>li .btn.mini.icon,
.flex.seleccion>li input,
.flex.seleccion>li label,
.flex.seleccion>li select,
.flex.seleccion>li span {
	height: 40px;
	margin: 0px;
	display: inline-block;
}

.flex.seleccion>li input,
.flex.seleccion>li label,
.flex.seleccion>li select {
	border: none !important;
	min-width: initial !important;
}

.flex.seleccion>li input {
	margin-bottom: 0;
	padding: 0 5px;
	width: 95px;
	text-align: center;
	border-right: none !important;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	position: relative;
	z-index: 0;
}

.flex.seleccion>li input.criterio {
	width: 100%;
	max-width: 215px;
	text-align: left;
	margin: 0;
	padding: 0 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
	background: transparent;
}

#movable li.ui-state-default,
.box,
.form-control,
input[type=file]:after {
	background-color: var(--blanco);
}

.flex.seleccion>li img {
	width: 34px;
	height: 34px;
	margin: 0 10px;
}

.flex.seleccion>li>i {
	position: relative;
	top: 1px;
}

.flex.seleccion>li:last-child .btn {
	display: inline-block;
	margin-left: 0;
	margin-right: 0;
}

.flex.seleccion>li:last-child .btn.mini {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
}

.flex.seleccion>li:last-child .btn.mini.icon {
	position: relative;
	color: var(--negro);
	/*background-color: var(--gris-lt);*/
	background-color: transparent;
	border: none;
	padding: 0;
	width: 40px;
}

.flex.seleccion>li:last-child .btn.mini.icon i {
	position: absolute;
	top: 5px;
	left: 20px;
	width: 20px;
	height: 20px;
	text-align: center;
	line-height: 20px;
}

.flex.seleccion>li:last-child .btn.mini.icon i.cargando {
	-webkit-transform: rotate(360deg);
	-webkit-transition-delay: 0s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	transform: rotate(360deg);
	transition-delay: 0s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}

.flex.seleccion>li:last-child .btn.mini.icon.buscar:before {
	content: "\f002";
	font-family: "Font Awesome 6 Pro";
	font-size: 1.6rem;
	font-weight: 400;
	line-height: 20px;
	position: absolute;
	width: 20px;
	height: 20px;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.flex.seleccion>li:last-child .btn.mini.icon.buscar.cargando_tabla_ajax:before {
	content: "\f2f1";
	transform: rotate(360deg);
	transition-duration: 1s;
	transition-delay: now;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}

.btn-list {
	flex-flow: row wrap;
	align-items: flex-start;
	padding: 0;
	border-radius: 10px;
}

.btn-list>li {
	border-left: 1px solid var(--blanco);
	margin-bottom: 0;
}

.btn-list>li .btn {
	font-size: 1.6rem;
	color: var(--e0);
	font-weight: 600;
	height: 30px;
	cursor: pointer;
	border: none;
	border-radius: 0;
	background: var(--blanco);
}

.btn-list>li .btn.mini.icon.activo i {
	font-weight: 900;
}

.btn-list>li .btn.active,
.btn-list>li .btn.activo,
.btn-list>li .btn.selected,
.btn-list>li .btn:hover {
	color: var(--negro);
	background: #e6e6e6;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.btn-list>li .btn>span {
	font-size: 1.2rem;
	color: var(--blanco);
	font-weight: 600;
	margin-left: 5px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 22px;
	height: 22px;
	padding: 3px;
	border-radius: 50%;
	background: #e74a25;
}

.btn-list>li input {
	border-radius: 0;
	margin: 0;
}

.btn-list>li:first-child,
table.gantt thead tr th.horas span:first-of-type {
	border-left: none;
}

.btn-list>li:first-child .btn,
.btn-list>li:first-child input {
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

.btn-list>li:last-child .btn,
.btn-list>li:last-child input {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

/*
.btn-list.controles_paginacion {
	background: #ececec;
}

.btn-list.controles_paginacion>li .btn {
	color: var(--e6);
	width: 36px;
	background: var(--blanco) !important;
}

.btn-list.controles_paginacion>li .btn:hover {
	color: var(--blanco) !important;
	background: var(--e6) !important;
}

#estados .panel-resumen .box-body .proyecto .btn.micro.icon i,
.btn-list.controles_paginacion>li .btn.micro.icon i,
.controles_paginacion .btn.round i {
	font-size: 1.4rem;
}

.btn-list.controles_paginacion>li .btn.micro.icon i.fa-caret-left,
.btn-list.controles_paginacion>li .btn.micro.icon i.fa-caret-right {
	font-size: 1.4rem;
}
*/

.btn-list.bg>li,
.btn-list.border>li {
	border-color: #e5e5e5;
}

.btn-list.bg>li .btn.active,
.btn-list.bg>li .btn.activo,
.btn-list.bg>li .btn.selected,
.btn-list.bg>li .btn:hover,
table tr.ignorar {
	background: #e6e6e6;
}

.btn-list.botones {
	margin-left: -3px;
	margin-right: -3px;
	margin-top: -6px;
}

.btn-list.botones>li {
	margin-left: 3px;
	margin-right: 3px;
	margin-top: 6px;
	border-left: none;
}

.btn-list.botones>li .btn {
	border-radius: 15px !important;
	border: 1px solid #e5e5e5 !important;
}

.igualar-altura-boxes>[class^="col-"]>.box {
	height: calc(100% - 15px);
}

.e-check-wrapper {
	margin-top: 0px !important;
	padding-right: 5px;
}

.check-wrapper {
	margin-top: 10px !important;
}

.e-check-wrapper .modulo,
.check-wrapper .modulo {
	opacity: 0.5;
	display: flex;
	padding: 15px 0px;
	border-bottom: 1px solid var(--g8);
	justify-content: space-between;
	font-size: 20px;
	font-weight: 500;
}

.e-check-wrapper .modulo:last-of-type,
.check-wrapper .modulo:last-of-type {
	border-bottom: none;
}

.e-check-wrapper .modulo:hover,
.e-check-wrapper .modulo.active,
.check-wrapper .modulo:hover,
.check-wrapper .modulo.active {
	opacity: 1;
}

.e-check-wrapper .modulo span,
.check-wrapper .modulo span {
	margin: 0;
	color: var(--g3);
}

.e-check-wrapper .modulo.edit,
.check-wrapper .modulo.edit {
	opacity: 1;
}

.e-check-wrapper .modulo input,
.check-wrapper .modulo input {
	font-size: 2rem;
}

.heighted {
	max-height: 500px;
	overflow-y: scroll;
	overflow-x: hidden;
}

.heighted-sm {
	max-height: 250px;
	overflow-y: scroll;
	overflow-x: hidden;
}

.e-checklist-wrapper {
	padding: 19px 5px 0px 10px;
}

.e-checklist-wrapper .checklist:not(:first-of-type),
.checklist-wrapper .checklist:not(:first-of-type) {
	padding-top: 20px;
}

.e-checklist-wrapper .checklist {
	display: flex;
	flex-direction: column;
}

.e-checklist-wrapper .checklist>div:first-of-type {
	display: flex;
	justify-content: space-between;
	border-bottom: solid 2px var(--g8);
}

.e-checklist-wrapper .checklist span,
.checklist-wrapper .checklist span {
	display: block;
	font-size: 1.8rem;
	color: var(--g3);
	font-weight: 600;
	padding-bottom: 10px;
	margin-bottom: 0px;
}

.checklist-wrapper .checklist span {
	border-bottom: solid 2px var(--g8);
}

.e-checklist-wrapper .checklist .punto {
	margin-left: 10px;
}

.e-checklist-wrapper .checklist .punto,
.checklist-wrapper .checklist .punto {
	line-height: 1.2;
	display: flex;
	align-items: center;
	padding: 10px 0px;
}

.e-checklist-wrapper .checklist .punto:not(:last-of-type),
.checklist-wrapper .checklist .punto:not(:last-of-type) {
	border-bottom: solid 1px var(--g8);
}

.e-checklist-wrapper .checklist .punto .txt,
.checklist-wrapper .checklist .punto .txt {
	width: 100%;
	padding-right: 20px;
}

.e-checklist-wrapper .checklist .punto .txt p {
	margin: 0px;
	cursor: default;
}

.checklist-wrapper .checklist .punto .txt p {
	margin: 0px;
	cursor: pointer;
}

.checklist-wrapper .checklist span:first-of-type::before,
.e-checklist-wrapper .checklist span:first-of-type::before,
.e-check-wrapper .modulo span:first-of-type::before,
.e-checklist-wrapper .checklist .punto .txt p::before,
.check-wrapper .modulo span:first-of-type::before,
.checklist-wrapper .checklist .punto .txt p::before {
	font-family: 'Font Awesome 6 Pro';
	content: '\e411';
	margin-right: 10px;
	font-size: 16px;
}

.e-checklist-wrapper .checklist .punto.add .txt p::before,
.checklist-wrapper .checklist .punto.add .txt p::before {
	font-family: 'Font Awesome 6 Pro';
	content: '\2b';
	margin-right: 10px;
	font-size: 16px;
}

.e-checklist-wrapper .checklist .punto .txt ul,
.checklist-wrapper .checklist .punto .txt ul {
	list-style-position: outside;
	margin: 0px;
	padding-left: 20px;
}

.e-checklist-wrapper .checklist .punto .txt ul>li,
.checklist-wrapper .checklist .punto .txt ul>li {
	list-style-type: disc;
	margin: 0px;
}

.e-checklist-wrapper .checklist .punto .acciones,
.e-checklist-wrapper .checklist .punto .acciones .estados,
.checklist-wrapper .checklist .punto .acciones,
.checklist-wrapper .checklist .punto .acciones .estados {
	display: flex;
}

.e-checklist-wrapper .checklist .punto .acciones a,
.checklist-wrapper .checklist .punto .acciones a {
	margin-right: 20px;
}

.e-checklist-wrapper .checklist .punto .acciones a i,
.checklist-wrapper .checklist .punto .acciones a i {
	font-size: 1.4rem;
}

.e-checklist-wrapper .checklist .punto .acciones .estados button,
.checklist-wrapper .checklist .punto .acciones .estados button {
	transition: background-color 0.3s ease, color 0.3s ease;
	background-color: var(--bg);
	color: var(--g3);
	letter-spacing: 0.5px;
	height: 32px;
	min-width: 40px;
	margin-left: 5px;
}

.e-checklist-wrapper .checklist .punto .acciones .estados button:hover,
.e-checklist-wrapper .checklist .punto .acciones .estados button.active,
.checklist-wrapper .checklist .punto .acciones .estados button:hover,
.checklist-wrapper .checklist .punto .acciones .estados button.active {
	color: var(--blanco);
}

.e-checklist-wrapper .checklist .punto .acciones .estados button.green:hover,
.e-checklist-wrapper .checklist .punto .acciones .estados button.green.active,
.checklist-wrapper .checklist .punto .acciones .estados button.green:hover,
.checklist-wrapper .checklist .punto .acciones .estados button.green.active {
	background-color: #1fd09bb4;
}

.e-checklist-wrapper .checklist .punto .acciones .estados button.yellow:hover,
.e-checklist-wrapper .checklist .punto .acciones .estados button.yellow.active,
.checklist-wrapper .checklist .punto .acciones .estados button.yellow:hover,
.checklist-wrapper .checklist .punto .acciones .estados button.yellow.active {
	background-color: #f09e34b4;
}

.e-checklist-wrapper .checklist .punto .acciones .estados button.blue:hover,
.e-checklist-wrapper .checklist .punto .acciones .estados button.blue.active,
.checklist-wrapper .checklist .punto .acciones .estados button.blue:hover,
.checklist-wrapper .checklist .punto .acciones .estados button.blue.active {
	background-color: rgb(74 128 209);
}

.e-checklist-wrapper .checklist .punto .acciones .estados button.red:hover,
.e-checklist-wrapper .checklist .punto .acciones .estados button.red.active,
.checklist-wrapper .checklist .punto .acciones .estados button.red:hover,
.checklist-wrapper .checklist .punto .acciones .estados button.red.active {
	background-color: #e74925b4;
}

.box {
	display: flex;
	flex-direction: column;
	margin-top: 15px;
	padding: 20px 10px;
	position: relative;
	border-radius: 12px;
}

.box:not(.resumen-datos) {
	border-radius: 0px;
	border-top: 10px solid var(--gris-lt);
}

.fancybox-content .box {
	margin-top: 0;
	padding: 0;
}

.fancybox-content {
	width: 80vw;
    max-width: 980px;
    min-width: 350px;
}

.box.frame {
    padding: 4px;
}

.box .box-header {
	padding: 0px 10px 10px;
	position: relative;
	z-index: 2;
}

.box .box-header ul.flex.x-axis > li {
	display: flex;
    align-items: center;
    overflow: hidden;
    min-width: 40px;
    min-height: 40px;
}

.box .box-header ul.flex, .box .box-header a {
    position: relative;
    z-index: 0;
}

.box .box-header .toggle {
	margin-top: 0px;
}

.box .box-header .btn.round-icon {
	background-color: var(--blanco);
}

.box .box-header .form-group {
	margin-bottom: 0;
}

.box .box-header h1,
.box .box-header h2,
.box .box-header h3,
.box .box-header h4,
.box .box-header h5,
.box .box-header h6,
.box table h1,
.box table h2,
.box table h3,
.box table h4,
.box table h5,
.box table h6 {
	line-height: 1;
	margin-bottom: 0;
	position: relative;
    z-index: 1;
}

.box .box-header h2,
.box .box-header h3 {
	width: 100%;
    white-space: nowrap;
	overflow: hidden;
    text-overflow: ellipsis;
}

.box .box-header h3 i {
	font-size: 2.1rem;
	margin-right: 10px;
	position: relative;
	top: -1px;
}

.box .box-header.fondo {
	padding: 20px;
	margin: -30px -30px 20px;
	background: var(--e6);
}

.resumen-datos .status,
.box .box-header.fondo h2,
.modal-content .modal-header h2,
.modal-content .modal-header h3,
.modal-content .modal-header h4,
.modal-content .modal-header h5,
.modal-content .modal-header h6,
.small-box:hover>.inner h3 {
	color: var(--blanco);
}

.box .box-header>.box-tools {
	margin-left: auto;
	width: 18px;
	height: 18px;
}

.box .box-header>.box-tools button {
	font-size: 2.4rem;
	line-height: 20px;
	width: 20px;
	padding: 0;
	border: none;
	background: 0 0;
	cursor: pointer;
}

.box .box-header>.box-tools button:active,
.box .box-header>.box-tools button:focus,
.box .box-header>.box-tools button:hover {
	-webkit-box-shadow: none;
	box-shadow: none;
	outline: 0;
}

.box .box-body {
	padding-top: 15px;
	padding-left: 10px;
	padding-right: 10px;
	/*padding-left: 15px;
	padding-right: 15px;
	margin-left: -5px;
	margin-right: -5px;*/
	height: 100%;
}

.box .box-body.max-height-400 {
	max-height: 400px;
	overflow-y: auto;
}

.box .box-body.max-height-600 {
	max-height: 600px;
	overflow-y: auto;
}

.box .box-body.overflow-initial {
	overflow: initial;
}

.box .box-body.overflow-visible {
	overflow: visible;
}

.box .box-body .box-inner {
	margin-top: 25px;
}

.box-body .menu-desplegable {
	top: 0;
}

.box-body .menu-desplegable .close-menu-panel {
	right: 0;
}

.box .box-body .wrapper_tabla .criterio {
	margin-left: 0;
}

.box .box-footer {
	margin-top: auto;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 15px;
}

.box-body .box-footer {
	margin-top: 15px;
}
/*
.resumen-kpis {
	padding: 16px;
    border: solid 2px var(--gris-lt);
    border-radius: 8px;
}
*/
.num-destacado {
	font-size: 4rem;
	line-height: 1.1;
	font-weight: 600;
	margin-bottom: 0;
	text-wrap: nowrap;
}

.num-secundario-cartera {
	font-size: 1.8rem;
	line-height: 0.6;
	font-weight: 600;
	margin: 0;
	text-wrap: nowrap;
	display: inline-flex;
    margin-right: 5px;
}

.resumen-numeros h4 {
	margin-bottom: 5px;
}

.resumen-numeros .num-destacado {
	line-height: 1;
	margin-bottom: 15px;
}

.porcentaje-cartera {
	font-size: 1.8rem;
	line-height: 0.6;
	font-weight: 600;
	margin: 0;
	text-wrap: nowrap;
}

.resumen-kpis h3 {
	margin-bottom: 10px; 
}

.resumen-kpis hr {
	margin-bottom: 20px;
}

.resumen-kpis .kpi {
	padding: 20px;
	border-radius: 12px;
	background-color: var(--blanco);
}

.box .resumen-kpis .kpi {
	padding: 12px;
	border-radius: 8px;
	background-color: var(--gris-lt);
}

.resumen-kpis .kpi p {
	font-size: 3.2rem;
	line-height: 0.8;
	font-weight: 600;
	margin-bottom: 5px;
	text-wrap: nowrap;
}

.resumen-kpis .kpi p span small {
	font-size: 1.8rem;
	color: var(--g3);
	display: inline-flex;
	padding-left: 5px;
}

.resumen-kpis [class^="num-destacado"] {
	margin-bottom: 15px;
}

.box .inner-box {
	padding: 16px;
	margin-bottom: 16px;
	border: solid 1px var(--e0);
	border-radius: 10px;
	position: relative;
	overflow: hidden;
}

.box .inner-box input,
.box .inner-box select,
.box .inner-box table tbody tr:nth-child(odd),
.box .inner-box table tr.filaimpar,
.box .inner-box textarea,
.box .inner-box#calendario table:not(.fc-header) tr,
.tabs>.tab-content,
table.modificado tbody tr:nth-child(odd) input,
table.tabla_datos tbody tr:nth-child(odd) input {
	background: var(--blanco);
}

.box .inner-box input[type=file],
.box .inner-box table tr {
	background: 0 0;
}

.box .inner-box#calendario {
	background: #f1f1f1;
}

.box.transparent {
	background-color: transparent;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.box.tabs {
	padding: 0 15px 20px;
}

.box.info-panel {
	height: calc(100% - 20px);
}

.box.info-panel .box-header [class^="col-"] {
	margin-bottom: 20px;
}

.box.info-panel .box-header .row:last-of-type [class^="col-"] {
	margin-bottom: 0px;
}

.box.info-panel h2 {
	font-size: 3.2rem;
	
	font-weight: 600;
	line-height: .8;
	margin-bottom: 5px;
}

.box.info-panel>i {
	font-size: 2rem;
	position: absolute;
	top: 20px;
	right: 20px;
}

.box.info-panel p {
	font-weight: 600;
}

.box.shadow {
	-webkit-box-shadow: 0 5px 15px rgba(150, 150, 150, .1) !important;
	box-shadow: 0 5px 15px rgba(150, 150, 150, .1) !important;
}

.tabs>.box-header {
	color: var(--blanco);
	padding-bottom: 0;
	margin: 0 -15px 30px;
	background: #e6e6e6;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

.tabs>.box-header h2,
.tabs>.box-header h3 {
	line-height: 1;
	margin-right: auto;
	padding: 10px 15px;
}

.tabs .nav-tabs,
.tabs .nav-tabs li:first-child,
table.modificado thead tr,
table.modificado thead tr th,
table.no-border tbody tr,
table.tabla_datos thead tr,
table.tabla_datos thead tr th,
table.table tbody.modificado tr {
	border: none;
}

.small-box {
	border-radius: 10px;
	background: var(--blanco);
}

.tabs .nav-tabs li a {
	font-weight: 600;
	letter-spacing: .1px;
	display: block;
	padding: 10px 25px;
	background: #e6e6e6;
}

.tabs .nav-tabs li a.active,
.tabs .nav-tabs li a:active,
.tabs .nav-tabs li a:focus,
.tabs .nav-tabs li a:hover,
.tabs .nav-tabs li.active a,
.tabs .nav-tabs li:active a,
.tabs .nav-tabs li:focus a,
.tabs .nav-tabs li:hover a {
	color: var(--negro);
	background: var(--blanco);
}

.tabs .nav-tabs li:last-child a {
	border-top-right-radius: 10px;
}

.tabs>.tab-content>.tab-pane.chart {
	height: 300px;
}

.tabs.inner-box>.box-header {
	margin: -16px -16px 30px;
}

ul.bloques li {
	padding: 10px 15px 10px 30px;
	margin: 10px 0;
	border-radius: 10px;
	font-size: 1.7rem;
	border: none;
	background-color: var(--bg);
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

ul.bloques .bloque {
	cursor: grab;
}

ul.bloques li.active {
	background-color: var(--e0);
}

ul.bloques li input,
ul.bloques li span {
	display: inline-block;
	padding-right: 20px;
	width: 80%;
}

ul.bloques li input:active,
ul.bloques li input:focus,
ul.bloques li input:hover {
	background-color: var(--bg);
}

ul.bloques li:before {
	content: "\e411";
	font-family: "Font Awesome 6 Pro";
	position: absolute;
	left: 10px;
	top: 10px;
}

ul.bloques i:last-child {
	margin-left: 15px;
}

.formularios form {
	display: none;
}

.small-box>.inner {
	padding: 15px 15px 15px 45px;
}

.small-box>.inner a {
	display: block;
	padding: 0;
	margin: 0 0 20px;
	white-space: nowrap;
}

.small-box>.inner p {
	font-size: 1.5rem;
	z-index: 5;
}

.small-box>.inner p>small {
	display: block;
	color: #f9f9f9;
	font-size: 1.3rem;
	margin-top: 5px;
}

.small-box>.inner .icon {
	font-size: 90px;
	color: rgba(0, 0, 0, .15);
	position: absolute;
	top: auto;
	bottom: 5px;
	right: 5px;
	z-index: 0;
}

.small-box>.inner:after {
	content: "";
	display: block;
	width: 50px;
	height: 50px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	top: 20px;
	right: 20px;
	-webkit-transform: rotate(20deg);
	transform: rotate(20deg);
	-webkit-transition: .3s ease;
	transition: .3s ease;
}

.small-box>.small-box-footer {
	font-size: 1.4rem;
	color: var(--blanco);
	font-weight: 600;
	text-decoration: none;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 36px;
	padding: 0 10px;
	background: var(--e6);
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

.small-box>.small-box-footer:hover {
	background: var(--e0);
}

.small-box>.small-box-footer i {
	font-size: 1.6rem;
	margin-right: 5px;
	position: relative;
	top: 1px;
}

.small-box.panelexcel .inner:after {
	background-image: url("../../gestor/modulos/proyectos/style/img/excel.svg");
}

.small-box.panelinforme .inner:after {
	background-image: url("../../gestor/modulos/proyectos/style/img/pdf.svg");
}

.small-box:hover {
	text-decoration: none;
	color: #f9f9f9;
}

.small-box:hover>.inner .icon {
	-webkit-animation-name: tansformAnimation;
	-webkit-animation-duration: .5s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: ease;
	-webkit-animation-fill-mode: forwards;
	animation-name: tansformAnimation;
	animation-duration: .5s;
	animation-iteration-count: 1;
	animation-timing-function: ease;
	animation-fill-mode: forwards;
}

.small-box:hover>.inner:after {
	width: 56px;
	height: 56px;
	-webkit-transform: rotate(0);
	transform: rotate(0);
}

.wrapper-table,
.wrapper-tabs {
	padding-top: 1px;
	padding-bottom: 10px;
	overflow: auto;
}

.wrapper-tabs {
	padding-bottom: 0;
	scrollbar-width: none;
	scrollbar-color: transparent transparent;
}

.wrapper-tabs::-webkit-scrollbar-track {
	background-color: transparent;
}

.wrapper-tabs::-webkit-scrollbar-thumb {
	border-radius: 0px;
	background-color: transparent;
}

.wrapper-tabs::-webkit-scrollbar {
	width: 0px;
	height: 0px;
}

table {
	line-height: 1;
	margin-bottom: 0;
}

table tr.ok {
	background: #53a94b;
}

table tr.ko {
	background: #f05050;
}

table tr th {
	font-weight: 500;
	white-space: nowrap;
	height: 48px;
	background-color: var(--gris-lt-2);
}

table tr td.loader {
	text-align: center;
	vertical-align: middle;
	width: 58px;
	padding: 0 12px;
}

table tr td.loader img {
	width: 34px;
	height: 34px;
}

table tr td.loader i {
	font-size: 2rem;
	margin-right: 0;
}

table tr td.alerta i {
	font-size: 1.5rem;
	margin-right: 0 !important;
}

table tbody tr {
	border-top: solid 2px var(--gris-lt);
}

table tbody tr:hover {
	background-color: var(--gris-lt-2);
}

table.no-border tbody tr td {
	vertical-align: top;
}

table.td-y-top tr td {
	vertical-align: top !important;
}

table.nowrap {
	white-space: nowrap;
}

table.table {
	font-family: 'Barlow Semi Condensed', Helvetica, Arial, sans-serif;
	color: var(--negro);
	margin: 2px;
	width: calc(100% - 4px);
	border-radius: 8px;
	background: var(--blanco);
	-webkit-box-shadow: 0px 0px 0px 2px var(--gris-lt);
	box-shadow: 0px 0px 0px 2px var(--gris-lt);
}

table.table thead tr th {
	padding: 5px 10px;
	vertical-align: middle;
	border: none;
	white-space: nowrap;
	-webkit-transition: 0.2s ease;
	transition: 0.2s ease;
}

table.table tr td,
table.table tr th {
	padding: 5px 10px;
	vertical-align: middle;
	border-top: 2px solid var(--gris-lt);
}

#tbl-hoy-recursos .row:first-of-type,
table.fc-header tr,
table.table tbody tr:first-of-type td,
table.table thead tr:first-of-type th {
	border-top: none;
}
/*
table.table thead tr:first-of-type th {
	cursor: pointer;
}
*/
table.table thead tr:first-of-type th i {
	font-size: 1.3rem;
	margin-left: 5px;
}

table.table thead tr:first-of-type th:first-of-type {
	border-top-left-radius: 8px;
}

table.table thead tr:first-of-type th:last-of-type {
	border-top-right-radius: 8px;
}

table.table thead tr th:first-of-type,
table.table tbody tr td:first-of-type {
	padding-left: 15px;
}

table.table thead tr th:last-of-type,
table.table tbody tr td:last-of-type {
	padding-right: 15px;
}

table.table tbody tr:last-of-type td:first-of-type {
	border-bottom-left-radius: 8px;
}

table.table tbody tr:last-of-type td:last-of-type {
	border-bottom-right-radius: 8px;
}

/* Por defecto para las tablas genéricas */
table.table.clave-valor.generica tbody td:last-of-type {
	width: 80%;
}

/* Para las tablas tipo "puntos" */
table.table.clave-valor.puntos tbody td:last-of-type {
	width: 25%;
}

table.modificado tbody tr:hover,
table.tabla_datos tbody tr:hover,
table.table thead tr th input {
	background-color: #f5f5f5;
}

table.gantt thead tr th.horas span#centrar:hover,
table.modificado thead tr th h6:hover,
table.tabla_datos thead tr th h6:hover,
table.table tbody tr td.accion a:active i,
table.table tbody tr td.accion a:focus i,
table.table tbody tr td.accion a:hover i,
table.table thead tr th a {
	color: var(--negro);
}

table.table tbody {
	line-height: 1;
}

table.table tbody tr.marcado {
	background-color: var(--gris-lt);
	-webkit-transition: 0.2s ease;
	transition: 0.2s ease;
}

table.table tbody tr td,
table.table tbody tr th {
	padding: 5px 10px;
	vertical-align: middle;
	border: none;
	-webkit-transition: 0.2s ease;
	transition: 0.2s ease;
}

table.table tbody tr td {
	height: 42px;
}

table.table tbody tr td > span {
	white-space: nowrap;
}

table.table tbody tr td > span i {
	font-size: 1.6rem;
	margin-right: 2px;
}

table.table tbody tr td a:not(.btn) {
	text-decoration: underline;
}

table.table tbody tr td a:not(.btn) i {
	margin-right: 5px;
}

table.table tbody tr td img {
	margin-right: 5px;
	width: 24px;
}

table.table tbody tr td .form-group {
	margin-bottom: 0px;
}

table.table tbody tr td input[type=checkbox] {
	height: auto;
	margin: 0;
}

table.table tbody tr td.accion,
table.table tbody tr td.tarea {
	padding: 0;
}

table.table tbody tr td.accion a {
	cursor: pointer;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

table.table tbody tr td.accion a i {
	font-size: 1.6rem;
	color: var(--e6);
	text-align: center;
	width: 20px;
	margin-right: 15px;
	-webkit-transition: 0.2s ease;
	transition: 0.2s ease;
}

table.table tbody tr td.delete-accion {
	font-size: 2rem;
	cursor: pointer;
}

table.table tbody tr td.delete-accion i {
	margin-right: 0;
}

table.table tbody tr td.enlace,
table.table tbody tr td.guardar {
	width: 44px;
}

table.table tbody tr td.enlace:hover,
table.table tbody tr td.guardar:hover {
	color: var(--negro);
	cursor: pointer;
}


table.table tbody tr td.aviso-proyecto,
table.table tbody tr td.delete-accion,
table.table tbody tr td.delete-proyecto,
table.table tbody tr td.estado-proyecto,
table.table tbody tr td.guardar {
	vertical-align: top;
	text-align: center;
}

table.table tbody tr td.aviso-proyecto,
table.table tbody tr td.delete-accion,
table.table tbody tr td.delete-proyecto,
table.table tbody tr td.estado-proyecto,
table.table tbody tr td.guardar {
	width: 36px;
	max-width: 36px;
}

table.table tbody tr td.delete-accion a,
table.table tbody tr td.delete-proyecto a {
	font-size: 2rem;
	line-height: 20px;
	cursor: pointer;
}

table.table tbody tr td.fila-separador {
	height: 10px;
	padding: 0;
	background-color: #eaeaea;
	position: relative;
}

table.table tbody tr td.fila-separador:after {
	display: block;
	content: "";
	height: 3px;
	background: var(--gris-lt);
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

table.table tbody tr td.fila-separador-fino {
	padding: 1px 0 0;
	background: var(--e9);
}

table.table tbody tr td.estrecho {
	width: 25px !important;
	padding: 5px 0 !important;
}

table.table tbody tr td.estrecho i {
	text-align: center;
	margin-right: 0 !important;
	padding-left: 10px;
}

table.table tbody tr td.contenido_gantt:hover {
	background-color: var(--blanco) !important;
}

table.table tbody tr td.seleccionado {
	width: 80px;
}

table.table tbody tr td.propiedades {
	width: 100px;
}

table.table tbody tr td.propiedades i {
	font-size: 1.6rem;
}

table.table tbody tr td #centrar {
	position: absolute;
	right: 5px;
	text-align: center;
	border: none;
	color: #72afd2;
}

table.table tbody tr td .proyecto {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis !important;
	position: relative !important;
	left: 0 !important;
}

table.table tbody tr td > i {
	font-size: 1.6rem;
	margin-right: 5px;
	position: relative;
	top: 2px;
}

table.table tbody tr td > i.lg,
table.table tbody tr td > span i.lg {
	font-size: 2.4rem;
}

table.table tbody tr td i.fa-check {
	font-size: 1.8rem;
}

table.table tbody tr td .nowrap {
	white-space: nowrap;
}

table.table tbody tr td .nowrap i {
	margin-right: 8px;
}

table.table.border-bottom tr {
	border-bottom: 1px solid #dee2e6;
}

table.table-hover tr:active,
table.table-hover tr:focus,
table.table-hover tr:hover {
	background-color: var(--gris-lt);
}

table.estrecha tbody td,
table.estrecha thead th {
	padding: 7px 12px;
}

table.tareas tr {
	height: 40px;
}

table.tareas thead tr th#progresion {
	padding: 10px 0;
	position: relative;
}

table.tareas thead tr th#progresion .intervalo {
	position: absolute;
	top: 0;
	height: 100%;
	vertical-align: middle;
	border-left: 1px solid #ddd;
	padding: 12px;
}

table.mostrar-tareas tbody tr,
table.tareas tbody tr {
	border-top: 1px solid #ddd;
}

table.mostrar-tareas tbody tr:last-of-type,
table.tareas tbody tr:last-of-type {
	border-bottom: 1px solid #ddd;
}

table.tareas tbody tr td.nb-tarea {
	max-width: 300px;
	padding-right: 40px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	vertical-align: middle !important;
	border-right: 1px solid #ddd;
	position: relative;
}

table.tareas tbody tr td.nb-tarea>i {
	padding-left: 0;
	opacity: .6;
	font-size: 14px;
}

table.tareas tbody tr td.nb-tarea>i:hover {
	opacity: 1;
	color: var(--e0);
}

table.tareas tbody tr td.nb-tarea>i.fa-user:before {
	position: relative;
	left: 3px;
}

table.tareas tbody tr td.nb-tarea a:not(.nb-tarea),
table.tareas tbody tr td.nb-tarea>.i,
table.tareas tbody tr td.nb-tarea>i {
	width: 24px;
	display: inline-block;
}

table.tareas tbody tr td.nb-tarea .info {
	position: absolute;
	top: 0;
	right: 2px;
	bottom: 0;
	z-index: 10;
}

table.tareas tbody tr td.nb-tarea .info.stats {
	cursor: pointer;
	opacity: 0;
	visibility: hidden;
	background: rgba(255, 255, 255, .9);
	padding-right: 2px;
	right: 0;
	width: 100%;
	-webkit-transition: 0.2s ease;
	transition: 0.2s ease;
}

table.tareas tbody tr td.nb-tarea .info.stats span {
	font-size: 1.2rem;
	line-height: 12px;
	font-weight: 600;
	text-align: right;
	display: block;
	padding-top: 1px;
}

table.tareas tbody tr td.nb-tarea .info.stats span i {
	font-size: 1rem;
	color: var(--e0);
	margin-left: 3px;
	width: 12px;
	text-align: left;
}

table.tareas tbody tr td.nb-tarea .info.stats a.close {
	position: absolute;
	left: 9px;
	top: 0;
	bottom: 0;
	opacity: 1;
}

table.tareas tbody tr td.nb-tarea .info.stats a.close i {
	font-size: 2rem;
	line-height: 39px;
	color: var(--negro);
}

table.tareas tbody tr td.nb-tarea .info.resumen {
	cursor: pointer;
	right: 12px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	display: block;
	height: 14px;
}

table.tareas tbody tr td.grafica {
	width: 100%;
	position: relative;
	padding: 0;
}

table.tareas tbody tr td.grafica .reg-tarea {
	display: block;
	background-color: #00c0ef;
	position: absolute;
	bottom: 0;
	z-index: 99;
}

table.tareas tbody tr td.grafica .reg-tarea.resto {
	background-color: #ef005b;
}

table.tareas .completado {
	font-size: 1.4rem;
	font-weight: 700;
}

table.tareas .fecha {
	color: #3478f0;
}

table.tareas .completado .input {
	border: none !important;
	background-color: inherit;
}

table.mostrar-tareas {
	margin-top: 30px;
}

table.mostrar-tareas tbody tr td,
table.mostrar-tareas thead tr th {
	border-left: 1px solid #ddd;
}

table.mostrar-tareas tbody tr td:first-of-type,
table.mostrar-tareas thead tr th:first-of-type {
	border: none;
	width: 300px;
}

table.mostrar-tareas tbody tr td i {
	opacity: .6;
	font-size: 1.4rem;
	width: 24px;
}

table.mostrar-tareas tbody tr td i:hover {
	opacity: 1;
	color: #00c0ef;
}

table.table-equal {
	table-layout: fixed;
}

table.no-border tbody tr td:first-of-type,
table.table-nowrap {
	white-space: nowrap;
}

table.table-no-overflow {
	overflow: hidden;
}

table.table-responsive {
	display: table;
}

table.modificado thead tr th h6,
table.tabla_datos thead tr th h6 {
	font-size: 1.2rem;
	color: var(--e0);
	font-weight: 600;
	margin-bottom: 0;
	cursor: pointer;
	-webkit-transition: 0.2s ease;
	transition: 0.2s ease;
}

table.modificado thead tr th h6 span,
table.tabla_datos thead tr th h6 span {
	text-transform: capitalize;
	white-space: nowrap;
	padding-left: 15px;
	position: relative;
}

table.modificado thead tr th h6 span:before,
table.tabla_datos thead tr th h6 span:before {
	content: "";
	font-family: "Font Awesome 6 Pro";
	position: absolute;
	left: 0;
}

table.modificado thead tr th.asc h6 span:before,
table.tabla_datos thead tr th.asc h6 span:before {
	content: "\f0de";
}

table.modificado thead tr th.desc h6 span:before,
table.tabla_datos thead tr th.desc h6 span:before {
	content: "\f0dd";
}

#movable tbody tr td:first-child ul,
table.modificado thead tr th.cabecera h6 span,
table.no-padding-lr tbody tr td:first-of-type,
table.tabla_datos thead tr th.cabecera h6 span {
	padding-left: 0;
}

table.modificado tr th,
table.tabla_datos tr th {
	vertical-align: top;
	border-top: 1px solid #ddd;
	white-space: nowrap;
}

table.modificado tr td,
table.modificado tr th,
table.tabla_datos tr td,
table.tabla_datos tr th {
	padding: 7px !important;
}

table.modificado tr td i[class*=fa-check],
table.tabla_datos tr td i[class*=fa-check] {
	color: #10c38e;
}

/* REGISTRO DE HORAS ====================================*/
#registro {
	padding-top: 15px;
}

#registro .box {
	border-radius: 8px;
}

#registro #registro-actual {
	height: 40px;
	position: relative;
	z-index: 2;
}

#registro #registro-actual>li>div {
	font-size: 1.8rem;
	font-weight: 600;
}

#registro #form-cierre {
	height: 40px;
	position: absolute;
	z-index: 2;
	top: 0;	
	left: 0;
	right: 0;
	visibility: visible;
    opacity: 1;
	padding-left: calc(var(--bs-gutter-x)* 0.5);
	padding-right: calc(var(--bs-gutter-x)* 0.5);
	/*background-image: url('img/bg_main.jpg');*/
	background-image: url('img/bg-atenda-bn.webp');
    background-attachment: fixed;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

#registro #form-cierre form {
	padding: 0;
	background: #f5f5f5;
	border-bottom-right-radius: 10px;
	opacity: 1;
	visibility: visible;
	-webkit-transition: 0.2s ease;
	transition: 0.2s ease;
	display: inline;
}

#registro #form-cierre.ocultar-inicio form {
	opacity: 0;
	visibility: hidden;
}

#registro ul.edicion-fecha-hora input {
	text-align: center;
	width: 120px;
	margin-bottom: 0;
	background: var(--blanco);
	-webkit-box-shadow: 0px 0px 0px 2px var(--gris-lt);
    box-shadow: 0px 0px 0px 2px var(--gris-lt);
}

#registro ul.edicion-fecha-hora input[type="time"] {
	width: 90px;
}

#registro ul.edicion-fecha-hora input.datepicker {
	width: 185px;
}

#registro ul.edicion-fecha-hora input#cierre-hora {
	text-align: right;
}

#registro ul.cerrar-registro.desactivar>li#mostrar-cierre i {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

#registro ul.cerrar-registro>li .btn {
	border: none;
}

#registro ul.cerrar-registro>li:first-of-type .btn {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

#registro ul.cerrar-registro>li .btn.desplegable {
	width: 40px;
	min-width: 40px;
	padding: 10px 13px 10px 7px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	position: relative;
}

#registro ul.cerrar-registro>li .btn.desplegable:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	width: 1px;
	left: -1px;
	background: var(--bg);
}

#registro ul.cerrar-registro>li:first-of-type .btn,
#registro ul.cerrar-registro>li .btn.desplegable:hover {
	opacity: 1;
	cursor: pointer;
}

#registro ul.cerrar-registro>li .btn.desplegable.active,
#registro ul.cerrar-registro>li .btn.desplegable.selected {
	background: var(--e0) !important;
}

#registro table.table {
	width: 100%;
	margin: 0px;
	-webkit-box-shadow: 0px 0px 0px 2px var(--blanco);
	box-shadow: 0px 0px 0px 2px var(--blanco);
}

#registro table.table thead {
	height: 80px;
}

#registro table.table thead tr th {
	height: unset;
}

#registro table.table.table-acciones thead tr th,
#registro table.table.table-proyectos thead tr th {
	background-color: var(--blanco);
}

#registro table.table thead tr th:first-of-type {
	padding-left: 15px;
}

#registro table.table tbody tr td a {
	text-decoration: none;
}

#registro table.table tbody tr td a.elegir-tarea {
	padding: 5px 5px;
	z-index: 2;
	width: 26px;
	height: 39px;
}

#registro table.table tbody tr td a:last-of-type:not(.registro) {
	padding: 5px 15px;
	width: 100%;
	display: block;
}

#registro table.table tbody tr td a.proyecto {
	width: calc(100% - 36px) !important;
	height: 38px;
}

#registro .aviso,
#registro .notas {
	border-radius: 8px;
}

/* ACCIONES =============================================*/

#registro table.table.table-acciones thead {
	height: 81px;
}

#registro table.table.table-acciones tbody tr td {
	height: 40px;
}

#registro table.table.table-acciones tbody tr:last-child:after {
	border-bottom: none;
}

/* PROYECTOS =========================================== */

#registro table.table.table-proyectos thead {
	height: 81px;
}

#registro table.table.table-proyectos tbody tr td {
	height: 40px;
}

#registro table.table.table-proyectos tbody tr td.tarea {
	max-width: 150px;
	width: calc(100% - 132px);
	padding: 0px 12px 0px 34px;
	white-space: nowrap;
	vertical-align: top;
	overflow: hidden;
	text-overflow: ellipsis;
	position: relative;
}

#registro table.table.table-proyectos tbody tr td.tarea a {
	display: flex;
	align-items: center;
	cursor: pointer;
	position: absolute;
	left: 10px;
}

#registro table.table.table-proyectos tbody tr td.tarea a i {
	font-size: 1.6rem;
}

#registro table.table.table-proyectos tbody tr td.tarea .wrapper-select {
	margin-left: 15px;
	margin-bottom: 10px;
}

#registro table.table.table-proyectos tbody tr td.tarea .wrapper-select:before {
	background-color: var(--blanco);
}

#registro table.table.table-proyectos tbody tr td.tarea .wrapper-select select {
	padding: 0 25px;
}

#registro table.table.table-proyectos tbody tr td.ver-proyecto {
	width: 60px;
	max-width: 60px;	
}

#registro table.table.table-proyectos tbody tr td.ver-proyecto a {
	font-size: 1.8rem;
	height: 24px;
	padding: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}

/* GANTT ================================================*/

#registro #panel-gantt {
	overflow: hidden;
    position: relative;
	border-radius: 8px;
	-webkit-box-shadow: 0px 0px 0px 2px var(--blanco);
    box-shadow: 0px 0px 0px 2px var(--blanco);    
}

#registro #panel-gantt table.table {
	-webkit-box-shadow: 0px 0px 0px 0px transparent;
    box-shadow: 0px 0px 0px 0px transparent;
}

#registro #panel-gantt #actual {
	position: absolute;
	top: 82px;
	bottom: 0;
	border-left: 1px dotted #00c0ef;
	z-index: 1;
}

#registro #panel-gantt #actual span {
	font-size: 1.3rem;
	font-weight: 600;
	line-height: 10px;
	color: #00c0ef;
	text-align: center;
	height: 10px;
	padding: 0 4px;
	border-radius: 3px;
	position: absolute;
	top: -13px;
	left: -20px;
	width: 34px;
}

#registro .menu-desplegable {
    top: 0;
	right: 0;
}

#registro .menu-desplegable .close-menu-panel {
    right: 8px;
}

#registro .btn.menu-panel,
#registro .btn.menu-panel:focus,
#registro .btn.menu-panel:active {
	/*box-shadow: 0px 0px 0px 1px rgba(150, 150, 150, 0.2);*/
}

#registro .btn.menu-panel:hover {
	background-color: var(--blanco) !important;
}

#registro table.table.gantt thead tr th {
	font-size: 1.6rem;
	height: initial;
	background-color: var(--blanco);
}

#registro table.table.gantt thead tr:first-of-type th i {
	margin-left: 0;
}

#registro table.table.gantt thead tr th.selector-fecha {
	height: 55px;
	padding: 10px 15px;
}

#registro #datos-resumen {
	font-size: 1.4rem;
	font-weight: 600;
	line-height: 1.25;
}

#registro #datos-resumen ul li {
	position: relative;
}

/*
#registro #datos-resumen ul li:after {
	content: '';
	display: block;
	width: 1px;
	position: absolute;
	top: 2px;
	bottom: 2px;
	right: -10px;
	background-color: var(--g1);
}

#registro #datos-resumen ul li:last-of-type:after {
	display: none;
}
*/

#registro #datos-resumen ul li i {
	font-size: 1.5rem;
	color: var(--g3);
	margin-right: 5px;
}

#registro table.table.gantt thead tr th.selector-fecha .controles {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}

#registro table.table.gantt thead tr th.selector-fecha .controles .btn.round i {
	font-size: 1.8rem;
}

#registro table.table.gantt thead tr th.selector-fecha .controles .seleccion-fecha .wrapper-fecha-seleccion {
	position: relative;
}

#registro table.table.gantt thead tr th.selector-fecha .controles .seleccion-fecha .wrapper-fecha-seleccion #fecha-seleccion {
	font-weight: 600;
	display: flex;
    justify-content: center;
    align-items: center;
    width: 80px;
    height: 32px;
}

#registro table.table.gantt thead tr th.selector-fecha .controles .seleccion-fecha .wrapper-fecha-seleccion #fecha-input {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	z-index: 2;
	border: 0;
	width: 90px;
	height: 32px;
	opacity: 0;
	padding: 0;
	cursor: pointer;
}

#registro table.table.gantt thead tr th.selector-fecha .controles .seleccion-fecha .wrapper-fecha-seleccion #fecha-hoy {
	padding-left: 10px;
}

#registro table.table.gantt thead tr th.horas {
	height: 25px;
	padding: 0 !important;
	display: flex;
	flex-flow: row wrap;
	border-top: 2px solid var(--gris-lt);
}

#registro table.table.gantt thead tr th.horas span {
	font-size: 1.1rem;
    font-weight: 500;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	border-left: 2px solid var(--gris-lt);
	padding: 1px 0 0 4px;
	height: 25px;
	position: relative;
}

#registro table.table.gantt thead tr th.horas span:first-of-type {
	border-left: none;
}

#registro table.table.gantt tbody tr {
	border-top: none;
}

#registro table.table.gantt tbody tr td {
	position: relative;
	padding: 0 !important;
	vertical-align: middle;
	width: 100%;
	height: 40px;
	border-top: 2px solid var(--gris-lt);
}

#registro table.table.gantt tbody tr td.ajustar {
	width: 15%;
}

#registro table.table.gantt tbody tr td.fila {
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-end;
	align-items: center;
	padding: 10px 12px !important;
}

#registro table.table.gantt tbody tr td.fila a.registro {
	height: 100%;
	border-left: 1px solid #e6e6e6;
	opacity: .5;
	z-index: 2;
	position: absolute;
	top: 0;
}

#registro table.table.gantt tbody tr td .accion {
	display: inline-block;
	opacity: .6;
}

#registro table.table.gantt tbody tr td .total {
	display: inline-block;
	position: absolute;
	top: 14px;
	right: 0;
	color: #a7a7a7;
	margin-left: 0;
	margin-right: 15px;
	vertical-align: -webkit-baseline-middle;
}

#registro table.table.gantt tbody#registro-proyectos tr td .enlace {
	position: absolute;
	left: 15px;
	top: calc(50% - 1px);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

#registro table.table.gantt tbody#registro-proyectos tr td .enlace.extra-right {
	left: auto;
	right: 15px;
}

/* FIN REGISTRO HORARIO ================================ */
/*
#lista-pendientes-cliente {
	font-family: 'Barlow Semi Condensed', Helvetica, Arial, sans-serif;
    color: var(--negro);
    margin: 2px;
    width: calc(100% - 4px);
    border-radius: 8px;
    background: var(--blanco);
    -webkit-box-shadow: 0px 0px 0px 2px var(--gris-lt);
    box-shadow: 0px 0px 0px 2px var(--gris-lt);
}

#lista-pendientes-cliente .row {
    margin-left: 0px;
    margin-right: 0px;
}

#lista-pendientes-cliente .row:nth-of-type(even) {
	border-top: solid 2px var(--gris-lt);
}

#lista-pendientes-cliente .row [class^="col-"] {
	height: 42px;
	padding: 5px 10px;
	display: flex;
    flex-direction: column;
    justify-content: center;
}

#lista-pendientes-cliente .row [class^="col-"]:first-of-type {
    padding-left: 15px;
}

#lista-pendientes-cliente .row [class^="col-"]:last-of-type {
    padding-right: 15px;
}

#lista-pendientes-cliente .row:nth-of-type(2) {
	border-top: none;
}

#lista-pendientes-cliente .row:first-of-type [class^="col-"] {
    font-weight: 500;
    white-space: nowrap;
    height: 48px;
    background-color: var(--gris-lt);
}

#lista-pendientes-cliente .row:first-of-type [class^="col-"]:first-of-type {
    border-radius: 8px 0 0 0;
    padding-left: 15px;
}

#lista-pendientes-cliente .row:first-of-type [class^="col-"]:last-of-type {
    border-radius: 0 8px 0 0;
    padding-right: 15px;
}

#lista-pendientes-cliente .row:first-of-type [class^="col-"] label {
	font-weight: 500;
    margin: 0;
}
*/
.table-responsive {
	display: block;
	width: calc(100% + 8px);
	padding-right: 10px;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: -ms-autohiding-scrollbar;
}

.table-content {
	border-radius: 10px;
	border: solid 1px var(--e0);
}

.table-embed {
	overflow-x: scroll;
}

.table-embed table td {
	min-width: 60px;
	border: 1px solid #c4c4c4;
}

.table-embed table td input {
	margin-bottom: 0;
	background: 0 0;
}

.table-embed tr td:first-child {
	min-width: 20px;
}

.table-footer {
	color: var(--g3);
	overflow: hidden;
}

.table-footer label {
	font-weight: 400;
}

.table-footer .wrapper-select:before {
	background: transparent;
	border: solid 2px var(--gris-lt);
}

.table-footer .controles_paginacion .btn.round,
.table-footer .controles_paginacion .btn:active,
.table-footer .controles_paginacion .btn:focus {
	min-width: 40px;
    width: 40px;
    height: 40px;
}

.wrapper-tables {
	display: flex;
	width: 100%;
	position: relative;
}

.wrapper-tables .fixed-table {
	width: 20%;
	min-width: 350px;
	position: relative;
	z-index: 1;
}

.wrapper-tables .scroll-table {
	width: 80%;
	overflow: auto;
	padding-bottom: 4px;
}

.wrapper-tables .fixed-table tr td:last-of-type {
	border-right: solid 1px var(--e);
}

.wrapper-tables .fixed-table table.table {
	width: 100%;
	margin: 1px;
}

.wrapper-tables .scroll-table table.table {
	width: calc(100% - 2px);
	margin: 1px;
}

.wrapper-tables .fixed-table table.table,
.wrapper-tables .fixed-table table.table tr:first-of-type th:last-of-type {
	border-top-right-radius: 0px;
}

.wrapper-tables .fixed-table table.table,
.wrapper-tables .fixed-table table.table tr:last-of-type td:last-of-type {
	border-bottom-right-radius: 0px;
}

.wrapper-tables .scroll-table table.table,
.wrapper-tables .scroll-table table.table tr:first-of-type th:first-of-type {
	border-top-left-radius: 0px;
}

.wrapper-tables .scroll-table table.table,
.wrapper-tables .scroll-table table.table tr:last-of-type td:first-of-type {
	border-bottom-left-radius: 0px;
}

.wrapper-tables .scroll-table table.table thead tr th {
	height: 25px;
}

.wrapper-tables .scroll-table table.table thead tr:first-of-type th {
	padding-top: 8px;
	padding-bottom: 0px;
}

.wrapper-tables .scroll-table table.table thead tr:last-of-type th {
	padding-top: 0px;
	padding-bottom: 8px;
}

.lista-columna .tarjeta {
	margin: 8px 0px;	
	padding: 15px;
	position: relative;
	cursor: move;
	border-radius: 8px;
	background: var(--blanco);
	border-left: 8px solid var(--e);
	box-shadow: 0px 0px 0px 1px var(--e);
}

.lista-columna .tarjeta.activo {
	background-color: var(--e);
}

.lista-columna .tarjeta .titulo {
	font-weight: 600;
	margin-bottom: 8px;
}

.lista-columna .tarjeta .titulo a {
	text-decoration: none;
}

.lista-columna .tarjeta .menu-desplegable {
    top: 15px;
    right: 10px;
}

.lista-columna .tarjeta .propiedades > span {
	display: block;
	margin-bottom: 5px;
}

.lista-columna .tarjeta .propiedades > span:last-of-type {
	margin-bottom: 0px;
}

.lista-pendientes > li:first-child {
	width: 44px;
}

.lista-pendientes > li:last-child {
	position: relative;
	width: 40px;
}

.lista-pendientes > li.txt {
	width: calc(100% - 158px);
	margin-left: auto !important;
	/*padding-left: 10px;*/
}

.lista-pendientes > li.txt .text-ellipsis {
	padding-top: 2px;
}

.lista-pendientes .menu-desplegable {
	display: flex;
	flex-direction: row-reverse;
	right: 0;
}

.lista-pendientes .menu-desplegable > ul {
	display: flex;
	margin-right: 10px;
	padding: 0px;
}

.lista-pendientes .menu-desplegable > ul li a {
	margin: 0;
	padding: 8px 12px;
    width: 100%;
	height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.lista-pendientes .menu-desplegable > ul li:first-of-type a {
	border-radius: 8px 0 0 8px;
}

.lista-pendientes .menu-desplegable > ul li:last-of-type a {
	border-radius: 0 8px 8px 0;
}

.lista-pendientes .menu-desplegable .close-menu-panel {
	margin-bottom: 0;
}

.text-ellipsis {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.uppercase {
	text-transform: uppercase;
}

.puntuacion {
	background-color: var(--g3);
}

.importancia {
	background-color: var(--morado);
}

.urgencia {
	background-color: var(--urgencia);
}

.dificultad {
	background-color: var(--dificultad);
}

.leyenda_colores {
	font-size: 1.3rem;
    font-weight: 500;
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-end;
	align-items: center;
	margin: 0 -3px;
}

.leyenda_colores > li {
	margin: 0 3px;
}

.leyenda_colores > li > span {
	font-weight: 600;
	line-height: 1.2;
	/*color: var(--blanco) !important;*/
	display: inline-flex;
	padding: 0 5px 1px 5px;
	/*border-radius: 4px;*/
	border-bottom: solid 3px transparent;
}

.leyenda_colores > li > .puntuacion {
	background: transparent;
	border-color: #333333;
}

.leyenda_colores > li > .importancia {
	background: transparent;
	border-color: #8e44ad;
}

.leyenda_colores > li > .urgencia {
	background: transparent;
	border-color: #c0392b;
}

.leyenda_colores > li > .dificultad {
	background: transparent;
	border-color: #16a085;
}

.tpv ul.opciones {
	margin: 0 -10px;
	align-items: center;
}

.tpv ul.opciones li.menu-boton {
	display: none;
	position: absolute;
	top: 1px;
	right: 0;
	font-size: 20px;
}

.tpv ul.opciones li.crono {
	font-size: 1.8rem;
	padding: 0 10px;
	display: flex;
	flex-flow: row wrap;
	align-items: center;
}

.tpv ul.opciones li.crono i {
	font-size: 2.2rem;
	
	margin-left: 10px;
}

.tpv ul.opciones li.crono img {
	width: 34px;
	margin-left: 10px;
}

.tpv ul.opciones li form {
	display: none;
	margin-bottom: 30px;
}

.tpv ul.opciones li form input {
	display: block;
	width: 100%;
	padding: 5px 10px;
	margin-bottom: 0;
	font-size: 16px;
}

.tpv ul.opciones.autoaccion li.boton {
	padding: 0 10px;
}

.tpv ul.opciones:after {
	content: "";
	display: block;
	clear: both;
}

.tpv ul.opciones #mostrar-cierre {
	line-height: 28px;
	width: 20px;
	border-bottom-right-radius: 10px;
	border-top-right-radius: 10px;
	background: var(--e0);
	cursor: pointer;
	position: relative;
}

.tpv ul.opciones #mostrar-cierre:before {
	content: "";
	display: block;
	position: absolute;
	width: 3px;
	left: -3px;
	top: 0;
	bottom: 0;
	background-color: var(--e0);
}

.tpv ul.opciones #mostrar-cierre i {
	color: var(--blanco);
	line-height: 36px;
	position: relative;
	left: 3px;
}

.tpv .listado {
	display: none;
	margin-top: 0;
}

.tpv .listado ul {
	display: flex;
	flex-flow: row wrap;
	padding: 0;
	margin: 0 -10px;
}

.tpv .listado ul li.boton {
	white-space: nowrap;
	margin: 10px;
	display: flex;
	width: calc(25% - 20px);
	position: relative;
}

.tpv .listado ul li.boton>a {
	font-size: 1.5rem;
	line-height: 1.15;
	font-weight: 600;
	color: var(--blanco);
	padding: 10px;
	white-space: normal;
	border: none;
	height: 100px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-content: center;
}

.tpv .listado ul li.boton>a i {
	font-size: 2.2rem;
	
	margin: 0 0 7px;
}

.tpv .listado ul li.boton>.delete-accion,
.tpv .listado ul li.boton>.delete-proyecto {
	display: block;
	width: 30px;
	height: 30px;
	text-align: center;
	position: absolute;
	right: -14px;
	top: -13px;
	background-color: var(--e0);
	border: 3px solid var(--blanco);
	border-radius: 50%;
	cursor: pointer;
	-webkit-transition: 0.2s ease;
	transition: 0.2s ease;
}

.tpv .listado ul li.boton>.delete-accion i,
.tpv .listado ul li.boton>.delete-proyecto i {
	font-size: 1.8rem;
	line-height: 26px;
	color: var(--blanco);
}

.tpv .listado ul li.boton.marcado>a {
	background: var(--e0) !important;
}

.tabla_ajax_resultados .texto_elementos,
.tabla_ajax_resultados .texto_paginas {
	font-size: 1rem;
	color: var(--e9);
	display: block;
	text-align: right;
}

label {
	font-weight: 600;
	line-height: 1;
	display: block;
	margin-bottom: 10px;
}

label.enlace.mostrar i {
	margin-right: 10px;
}

input,
button,
select,
optgroup,
option,
textarea {
	color: var(--g3);
	font-weight: 400;
	border: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	background-color: transparent;
}

input:active,
input:focus,
input:hover,
button:active,
button:focus,
button:hover,
select:active,
select:focus,
select:hover,
optgroup:active,
optgroup:focus,
optgroup:hover,
option:active,
option:focus,
option:hover,
textarea:active,
textarea:focus,
textarea:hover {
	outline: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.input,
input,
select,
textarea {
	height: 40px;
	border-radius: 20px;
	padding: 4px 16px;
	width: 100%;
	background: var(--gris-lt-2);
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

textarea {
	min-height: 100px;
}

select {
	cursor: pointer;
	min-width: 80px;
	padding: 0 35px 0 20px;
	position: relative;
    z-index: 1;
	background: transparent;
	-webkit-appearance: none;
	appearance: none;	
}

select option {
	height: 40px;
}

select.multiple {
	height: auto;
	max-height: 150px;
}

select.multiple option {
	height: 25px;
}

select.select {
	display: block;
	width: 100%;
	padding: 6px 12px;
	line-height: 1.2;
	color: var(--g6);
	border: 2px solid #ccc;
}

.avatar {
	width: 24px;
	margin-right: 5px;
	border-radius: 50%;
}

.wrapper-select {
    position: relative;
}

.wrapper-select:before {
    content: '';
    position: absolute;
    z-index: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: var(--gris-lt-2);
    border-radius: 20px;
}

.wrapper-select:after {
    content: '\f107';
	font-family: 'Font Awesome 6 Pro';
	font-weight: 900;
	font-size: 1.4rem;
	line-height: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 40px;
	height: 40px;
    position: absolute;
	z-index: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.selectores-flotantes select {
	-webkit-box-shadow: 0px 0px 0px 2px var(--gris-lt-2);
    box-shadow: 0px 0px 0px 2px var(--gris-lt-2);
}

.selectores-flotantes .form-group {
    /*margin-bottom: 0;*/
}

.selectores-flotantes .wrapper-select:before {
	background: var(--blanco);
}

.wrapper-range {
	padding-top: 10px;
}

.progress .progress-bar span,
.progress .progressbar-control span {
	font-size: .85rem !important;
	line-height: 1 !important;
	display: inline-block !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	white-space: nowrap !important;
}

.btn-input-aux {
	color: var(--g8);
	font-size: 1.3rem;
	text-decoration: underline;
	margin-left: 8px;
}

.input:focus,
.input:active,
input:focus,
input:active,
select:focus,
select:active,
textarea:focus,
textarea:focus {
	background: var(--gris-lt-2);
}

select:focus,
select:active {
	background: transparent;
}

input[name=buscar-timeline] {
	padding: 6px 8px;
	width: 204px;
}

input[type=file] {
	height: 40px;
	line-height: 40px;
	position: relative;
	padding: 0 0 0 15px;
	margin: 0;
	border: none;
	background-color: transparent;
}

input[type=file]:before {
	content: "";
	width: 157px;
	position: absolute;
	z-index: 0;
	top: 0;
	bottom: 0;
	left: 0;
	background-color: var(--blanco);
}

input[type=file]:after {
	content: "\f093";
	font-family: "Font Awesome 6 Pro";
	font-size: 2rem;
	font-weight: 300;
	color: var(--e0);
	text-align: center;
	line-height: 34px;
	width: 156px;
	position: absolute;
	z-index: 1;
	top: 0;
	bottom: 0;
	left: 0;
	background-color: var(--blanco);
	border: solid 1px var(--e0);
	border-radius: 10px;
	cursor: pointer;
	-webkit-transition: 0.2s ease;
	transition: 0.2s ease;
}

input[type=file]:hover:after {
	color: var(--blanco);
	background-color: var(--e6);
}

input[type=radio] {
	width: 24px;
	height: 24px;
	margin-right: 0;
	margin-bottom: 0;
}

input[type="range"] {
	height: 8px;
	padding: 0px;
	background-color: var(--bg) !important;
}

input[type=color] {
	padding: 0;
	border: none;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	cursor: pointer;
	/*border: solid 2px var(--g6);*/
}

textarea.form-control {
	padding: 10px;
	height: 230px;
}

textarea.form-control.mini {
	height: 101px;
}

.form-group,
label.enlace.mostrar {
	margin-bottom: 20px;
}

.form-group.notificacion {
	padding: 16px;
	margin-bottom: 16px;
	border: 1px solid #e5e5e5;
	position: relative;
	overflow: hidden;
	border-radius: 10px;
}

.form-group .idioma {
	min-width: 35px;
	height: 40px;
	display: flex;
	align-items: center;
}

.form-group .wrapper-select.idioma::before {
	background: transparent;
	border: 1px solid var(--e0);
}

.form-control {
	line-height: 1;
	display: block;
	width: 100%;
	height: 40px;
	padding: 0 16px;
	border-radius: 20px;
	border: none;
	background-color: var(--gris-lt-2);
	background-clip: padding-box;
	position: relative;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.form-control:active,
.form-control:focus {
	outline: 0;	
	background-color: var(--gris-lt-2);
	-webkit-box-shadow: none;
	box-shadow: none;
}

.form-control:disabled,
.form-control:disabled:focus,
.form-control:disabled:active,
select:disabled,
select:disabled:focus,
select:disabled:active {
	color: var(--g9);
	background-color: var(--gris-lt-2);
	cursor: not-allowed;
}

.form-control:read-only,
.form-control:read-only:focus,
.form-control:read-only:active {
	color: var(--g9);
	background-color: var(--gris-lt-2);
	cursor: not-allowed;
}

.form-control input#color {
	width: 38px;
	padding: 2px;
}

.form-check-input[type=checkbox]+label {
	width: initial;
}

.conceptos .form-group .precio {
	line-height: 1;
	display: flex;
	align-items: center;
	width: 100%;
	height: 34px;
	padding: 4px 10px;
}

#estado-actual .modal-header button,
.modal-content .modal-header .close {
	text-shadow: none;
	-webkit-transition: 0.2s ease;
	transition: 0.2s ease;
	color: var(--blanco);
}

.chosen-container.error .chosen-single,
.form-control.error {
	border: none;
	background-color: rgba(231, 74, 37, .1);
	-webkit-box-shadow: inset 0 0 2px 1px var(--rojo);
	box-shadow: inset 0 0 2px 1px var(--rojo);
}

.chosen-container.correcto .chosen-single,
.form-control.correcto {
	border: none;
	background-color: rgba(16, 195, 142, .1);
	-webkit-box-shadow: inset 0 0 2px 1px var(--verde);
	box-shadow: inset 0 0 2px 1px var(--verde);
}

.chosen-container.acompletar .chosen-single,
.form-control.acompletar {
	border: none;
	background-color: rgba(243, 183, 4, .1);
	-webkit-box-shadow: inset 0 0 2px 1px var(--amarillo);
	box-shadow: inset 0 0 2px 1px var(--amarillo);
}

.chosen-container-single .chosen-drop {
	/*border: 2px solid var(--gris-lt);*/
	border: none;
	border-top: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.chosen-container-single .chosen-results {
	max-height: 130px;
	margin: 0;
	padding: 0 5px 5px;
}

.chosen-container-single .chosen-results li {
	display: flex;
	align-items: center;
	height: 40px;
	padding: 0 15px;
}

.chosen-container-single .chosen-results li.active-result {
	display: flex;
}

.chosen-container-single .chosen-results li.highlighted, 
.chosen-container-single .chosen-results li.active-result.highlighted {
	color: var(--g3);
	background-color: var(--gris) !important;
	background-image: none;
}

.chosen-container-single .chosen-results li.active-result.result-selected {
	color: var(--g3);
	background-color: var(--gris) !important;
}

.chosen-container-single .chosen-single {
	font-weight: 600;
	height: 40px;
	padding-left: 16px;
	background: var(--gris-lt-2);
	/*border: solid 1px transparent;*/
	border: none;
	border-radius: 20px;
	-webkit-box-shadow: none;
    box-shadow: none;
	position: relative;
    z-index: 1;
}

.chosen-container-single .chosen-single span {
	margin-right: 40px;
}

.chosen-container-single .chosen-single div {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
}

.chosen-container-single .chosen-single div b,
.chosen-container-active.chosen-with-drop .chosen-single div b {
	background-position: 0 10px;
}

.chosen-container-single .chosen-single span {
    font-weight: 400;
	display: flex;
    align-items: center;
    height: 40px;	
}

.chosen-container-single.chosen-disabled .chosen-single {
	cursor: not-allowed;
	opacity: 1 !important;
}

.chosen-container-active,
.chosen-container-active .chosen-single,
.chosen-container-active .chosen-choices {
	-webkit-box-shadow: none;
	box-shadow: none;
}

.chosen-container-active.chosen-with-drop .chosen-single {
	border: solid 2px var(--gris-lt-2) !important;
	background-color: transparent;
	background-image: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-transition: none;
    transition: none;
}

.chosen-container-active.chosen-with-drop .chosen-single,
.chosen-container-active.chosen-with-drop .chosen-drop {
	background: var(--gris-lt);
}

.chosen-container-single .chosen-search {
	padding: 5px 5px;
}

.chosen-container-single .chosen-search input[type=text] {
	font-family: 'Blinker', Helvetica, Arial, sans-serif;
	font-size: 1.6rem;
	padding: 0 15px;
	height: 40px;
	border-radius: 20px;	
	border-color: var(--e6) !important;
	background-color: var(--blanco) !important;
	background-image: none;
}

.chosen-container-single .chosen-search input[type=text]:focus {
	background-color: var(--bg);
}

.chosen-container-multi .chosen-choices {
    font-weight: 600;
    min-height: 40px;
    padding-left: 20px;
    border: solid 1px transparent;
    border-radius: 20px;
    background: var(--gris-lt-2);
    display: flex;	
    flex-wrap: wrap;
    align-items: center;
	overflow: visible;
}

.chosen-container-multi.chosen-with-drop .chosen-choices {
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}

.chosen-container-multi .chosen-choices.chosen-default {
    color: #aaa;
    font-weight: 400;
}

.chosen-container-multi.chosen-with-drop.chosen-container-active .chosen-choices {
	background: var(--gris-lt-2);
}

.chosen-container-multi .chosen-choices li.search-choice {
    background-color: var(--g3);
    background-image: unset;
    color: var(--blanco);
    padding: 5px 10px;
    margin: 5px 5px 5px 0;
    border-radius: 15px;
    font-size: 1.6rem;
	line-height: 1;
	display: inline-flex;
}

.chosen-container-multi .chosen-choices li.search-choice span {
	display: inline-flex;
	align-items: center;
	min-height: 16px;
	margin-right: 4px;
}

.chosen-container-multi .chosen-choices li.search-choice a.search-choice-close {
    color: var(--blanco);
    font-size: 1.6rem;
    text-decoration: none;
	width: 16px;
	height: 16px;
	background: none;
	display: inline-flex;
	position: relative;
    top: initial;
    right: initial;
}

.chosen-container-multi .chosen-choices li.search-choice a.search-choice-close:after {
	content: "\f00d";
	font-family: "Font Awesome 6 Pro";
	font-size: 1.6rem;
	line-height: 1;
	font-weight: 400;
	display: inline-block;
	width: 16px;
	height: 16px;
	text-align: center;
	line-height: 16px;
	position: absolute;
	top: 0;
	right: 0;
}

.chosen-container-multi .chosen-choices li.search-choice a.search-choice-close:hover {
	background-position: -42px 1px;
}

.chosen-container-multi .chosen-choices div.chosen-search {
    position: relative;
    flex: 1;
}

.chosen-container-multi .chosen-choices div.chosen-search input[type=text] {
    font-family: 'Blinker', Helvetica, Arial, sans-serif;
    font-size: 1.6rem;
    padding: 0 15px;
    height: 40px;
    border-radius: 20px;
    border-color: var(--e6) !important;
    background-color: var(--blanco) !important;
    background-image: none;
}

.chosen-container-multi .chosen-choices div.chosen-search input[type=text]:focus {
    background-color: var(--bg);
}

.chosen-container-multi .chosen-drop {
    border: 1px solid var(--e6);
    border-top: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.chosen-container-multi .chosen-drop .chosen-results {
    max-height: 130px;
    margin: 0;
    padding: 0 5px 5px;
}

.chosen-container-multi .chosen-drop .chosen-results li {
    display: flex;
    align-items: center;
    height: 40px;
    padding: 0 15px;
}

.chosen-container-multi .chosen-drop .chosen-results li.active-result {
    display: flex;
}

.chosen-container-multi .chosen-drop .chosen-results li.active-result.highlighted {
    background-color: var(--g3) !important;
}

.chosen-container-multi .chosen-drop .chosen-results li.active-result.result-selected {
    color: var(--blanco);
    background-color: var(--g9) !important;
}

.chosen-disabled {
	opacity: 1 !important;
}

.chosen-container-multi .chosen-drop .result-selected {
	color: #7c7c7c;
}
.badge {
	font-size: 1.2rem;
	font-weight: 500;
	padding: 0;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 16px;
    height: 16px;
    border-radius: 50%;    
}

.badge.xl {
	font-size: 1.6rem;
	font-weight: 600;
	line-height: 0.4;
	width: 24px;
	height: 24px;
	margin: 4px 0;
	border: solid 2px transparent;
	background-color: transparent
}

.badge.xl.puntuacion {
	color: var(--g3);
	border-color: var(--g3);
}

.imagen-form {
	width: 120px;
	max-width: 120px;
	margin-top: 15px;
	margin-bottom: 31px;
}

.highcharts-tracker tspan {
	font-size: 1.2rem;
	color: var(--negro);
	fill: var(--g3);
	font-weight: 600;
	text-shadow: 1px 1px 1px var(--blanco);
}

.highcharts-tracker tspan:nth-child(2) {
	font-weight: 400;
}

.linea-tiempo {
	display: block;
	position: absolute;
	top: 0;
	height: 100%;
	background-color: rgba(210, 210, 210, .8);
	width: 2px;
}

.no-sobresalir {
	overflow: hidden !important;
	position: relative;
}

.tooltip {
	z-index: 99999 !important;
}

.marca-interv {
	font-size: 1rem;
	color: var(--blanco);
	font-weight: 600;
	text-align: center;
	position: absolute;
	z-index: 1;
	top: -20px;
	right: -32px;
	width: 80px;
	padding: 30px 0 5px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.marca-interv-bottom {
	position: absolute;
	bottom: -10px;
	right: -26px;
	z-index: 9999;
	width: 70px;
	text-align: center;
	padding: 2px 0 17px;
	font-size: 1.2rem;
	font-weight: 600;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	color: var(--blanco);
}

.progress {
	width: 100%;
	height: 16px;
	margin: 0 auto;
	border-radius: 12px;
	background-color: var(--gris-lt-2);
}

.progress.xs {
	height: 7px;
}

.progress.sm {
	height: 10px;
}

.progress.vertical {
	position: relative;
	width: 30px;
	height: 200px;
	display: inline-block;
	margin-right: 10px;
}

.progress.vertical>.progress-bar {
	width: 100% !important;
	position: absolute;
	bottom: 0;
}

.progress.vertical.sm {
	width: 20px;
}

.progress.vertical.xs {
	width: 10px;
}

.progress .progress-bar {
	font-size: .85rem !important;
	font-weight: 500 !important;
	text-align: left !important;
	padding: 0 5px !important;
}

.progress .progressbar-control {
	height: 22px;
	border: 0 !important;
	background: 0 0 !important;
	position: relative;
}

.progress .progressbar-control .item-bar {
	height: 22px;
	border: 0 !important;
	border-radius: 0 !important;
	opacity: .5 !important;
	margin: 0 !important;
}

.progress .progressbar-control .item-bar.blue {
	background: #17a2b8 !important;
}

.progress .progressbar-control .item-bar.orange {
	background: #fd7e14 !important;
}

.progress .progressbar-control .item-bar.yellow {
	background: #ffc107 !important;
}

.progress .progressbar-control span {
	font-weight: 700;
	color: var(--blanco);
	position: absolute;
	top: 2px;
	right: 10px;
}

.progress-bar-light-blue,
.progress-bar-primary {
	background-color: #3c8dbc;
}

.progress-striped .progress-bar-aqua,
.progress-striped .progress-bar-danger,
.progress-striped .progress-bar-green,
.progress-striped .progress-bar-info,
.progress-striped .progress-bar-light-blue,
.progress-striped .progress-bar-primary,
.progress-striped .progress-bar-red,
.progress-striped .progress-bar-success,
.progress-striped .progress-bar-warning,
.progress-striped .progress-bar-yellow {
	background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, rgba(255, 255, 255, .15)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .15)), color-stop(.75, rgba(255, 255, 255, .15)), color-stop(.75, transparent), to(transparent));
	background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}

.progress-bar-green,
.progress-bar-success {
	background-color: #00a65a;
}

.progress-bar-aqua,
.progress-bar-info {
	background-color: #00c0ef;
}

.progress-bar-warning,
.progress-bar-yellow {
	background-color: #f39c12;
}

.progress-bar-danger,
.progress-bar-red {
	background-color: #f56954;
}

#barra {
	width: 3em;
	height: 1.6em;
	top: 50%;
	margin-top: -.8em;
	text-align: center;
	line-height: 1.6em;
}

#slider.temperatura {
	background: #ddd;
	background: -webkit-gradient(left top, right top, color-stop(0, #ddd), color-stop(100%, #00c0ef));
	background: -webkit-linear-gradient(left, #ddd 0, #00c0ef 100%);
	background: linear-gradient(to right, #ddd 0, #00c0ef 100%);
}

.zona-horaria #btn-zona {
	display: inline-block;
	font-size: 1.8rem;
	padding: 3px 8px;
	border-radius: 10px;
	color: var(--negro);
	font-weight: 700;
	cursor: pointer;
	-webkit-box-shadow: inset -2px -2px 2px rgba(0, 0, 0, .4);
	box-shadow: inset -2px -2px 2px rgba(0, 0, 0, .4);
	text-align: center;
	background-color: rgba(161, 228, 89, .7);
	background-image: url(img/world.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 75%;
}

.zona-horaria #btn-zona:hover {
	-webkit-box-shadow: inset 2px 2px 2px rgba(0, 0, 0, .4);
	box-shadow: inset 2px 2px 2px rgba(0, 0, 0, .4);
	background-color: rgba(135, 203, 61, .7);
}

.btn-ver-mas {
	margin: 15px;
	color: #00c0ef;
	cursor: pointer;
}

#estado-actual .modal-body .actividad-bar span,
.rotar:hover {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}

#mood-form {
	margin: 8px 0;
}

#mood-form #wrapper-mood-bar #mood-reporting {
	line-height: 24px;
	height: 24px;
	padding: 0 10px;
}

#mood-form #wrapper-mood-bar .mod-reporting-bar {
	height: 24px;
}

#mood-form #wrapper-mood-bar span:first-of-type {
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}

#mood-form #wrapper-mood-bar span:last-of-type {
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}

.modal-content {
	border: none;
	background-color: var(--blanco) !important;
	border-radius: 10px;
}

.modal-content .modal-header {
	padding: 15px;
	border: 2px solid var(--blanco);
	background-color: var(--e0);
}

.modal-content .modal-header .close {
	font-size: 2.5rem;
	
	opacity: 1;
	text-shadow: none;
	transition: 0.2s ease;
}

.modal-content .modal-header .close:active,
.modal-content .modal-header .close:focus,
.modal-content .modal-header .close:hover {
	color: var(--blanco);
	opacity: .8;
}

.modal-content .modal-body #timeline {
	max-height: 300px;
	overflow: auto;
}

.modal-content .modal-body .note-editable {
	max-height: 150px !important;
	min-height: auto !important;
}

#filemanager {
	margin: auto;
	width: 1400px !important;
	margin-left: auto !important;
}

#filemanager .modal-body,
.chosen-container {
	width: 100% !important;
}

#estado-actual {
	max-width: 500px;
	margin: 0 auto;
	border-radius: 10px;
}

#estado-actual .modal-header {
	padding: 15px;
	border: 2px solid var(--blanco);
	background-color: var(--e0);
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

#caja-config,
#caja-timeline>.box {
	border-top: 1px solid var(--e9);
}

#estado-actual .modal-body .puntos,
#estado-actual .modal-header h4.modal-title,
.loader {
	text-align: center;
}

#estado-actual .modal-header button {
	font-size: 2.4rem;
	
	opacity: 1;
	width: 30px;
	height: 30px;
	position: absolute;
	right: 15px;
	top: 20px;
	padding: 0;
	margin: 0;
	transition: 0.2s ease;
}

#estado-actual .modal-header button:active,
#estado-actual .modal-header button:focus {
	outline: 0;
}

#estado-actual .modal-body {
	padding: 50px 10px 20px 0;
	background-color: var(--blanco);
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}

#estado-actual .modal-body .confort-bar {
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	justify-content: space-between;
	position: absolute;
	top: 15px;
	left: 55px;
	right: 65px;
}

#estado-actual .modal-body .confort-bar:after {
	height: 1px;
	left: 30px;
	right: 30px;
}

#estado-actual .modal-body .actividad-bar {
	display: flex;
	flex-flow: column wrap;
	align-items: center;
	justify-content: space-between;
	position: absolute;
	right: 12px;
	top: 60px;
	bottom: 29px;
	width: 31px;
}

#estado-actual .modal-body .actividad-bar:after {
	width: 1px;
	top: 30px;
	bottom: 30px;
	right: -22px;
	left: 12px;
}

#estado-actual .modal-body .actividad-bar>* {
	position: relative;
	left: -37px;
}

#estado-actual .modal-body .actividad-bar:after,
#estado-actual .modal-body .confort-bar:after {
	content: "";
	display: block;
	position: absolute;
	z-index: 0;
	background: var(--e9);
}

#estado-actual .modal-body .actividad-bar span,
#estado-actual .modal-body .confort-bar span {
	font-size: 1.5rem;
	font-weight: 600;
	display: inline-block;
	padding: 0 10px;
	background: var(--blanco);
	position: relative;
	z-index: 1;
}

#estado-actual .modal-body .actividad-bar i,
#estado-actual .modal-body .confort-bar i {
	font-size: 1.6rem;
}

#estado-actual .modal-body .mood-a:hover {
	border: 10px solid !important;
	margin: 0 !important;
	-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, .4) !important;
	box-shadow: 0 3px 3px rgba(0, 0, 0, .4) !important;
}

.modal-dialog {
	max-width: 90%;
}

.modal-body {
	padding: 30px 15px;
	background-color: var(--blanco);
}

#caja-timeline>.box {
	max-height: 400px;
	overflow: auto;
}

#caja-timeline>.box .box-timeline {
	padding: 50px 20px 30px;
}

.btn-group .selected {
	background: #e9e9e9;
	-webkit-box-shadow: inset 1px 1px 3px rgba(211, 211, 211, .8);
	box-shadow: inset 1px 1px 3px rgba(211, 211, 211, .8);
}

#dashboard #mapa {
	width: 100%;
	height: 75vh;
}

.caja-gauge {
	position: relative;
	top: -40px;
	margin-bottom: -60px;
}

.caja-gauge .gauge .gauge-obj {
	position: absolute;
	top: -1px;
	left: -1px;
	right: -1px;
}

.caja-gauge .gauge h4 {
	text-align: center;
	position: relative;
	top: -40px;
	margin: 0;
}

.caja-datos {
	font-size: 1.8rem;
}

.caja-datos>.dato {
	padding-bottom: 15px;
	position: relative;
}

.caja-datos>.dato input,
.caja-datos>.dato select {
	height: 30px;
}

.caja-datos>.dato a.cerrar {
	display: block;
	font-size: 2.8rem;
	
	line-height: 28px;
	cursor: pointer;
}

.caja-datos>.dato .progress {
	height: 16px;
}

.caja-datos>.dato:last-of-type {
	margin-bottom: 0;
	padding-bottom: 0;
	border: none;
}

.caja-fecha {
	margin-top: 15px;
}

.caja-fecha input {
	padding: 7px 10px;
	border: 1px solid #ccc;
	border-radius: 10px;
}

.gantt-embed {
	height: 82vh;
	overflow: auto;
}

.textodetalles ul {
	list-style-type: disc;
	padding-left: 17px;
}

.resumen-datos .box-header {
	margin: -20px -10px 0px;
	padding: 20px 20px;	
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
	background-color: var(--g6);
}

.resumen-datos .box-header:before {
    content: '';
    display: block;
    position: absolute;
    z-index: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 16px 16px 0 0;
}

.resumen-datos .box-header h2 {
	color: var(--blanco);
}

.resumen-datos.bg-white .box-header h2 {
	/*color: var(--g3);*/
}

.resumen-datos.bg-white .box-header {
	/*margin: 0 10px;
	padding: 0 0;*/
}

.resumen-datos:not(.bg-white) .box-header .btn.round:hover {
	background-color: var(--blanco) !important;
}

.resumen-datos h3 {
	line-height: 1;
	font-weight: 600;
}

.resumen-datos .box-body h3 {
	color: var(--negro);
}

.resumen-datos p {
	padding-left: 30px;
	position: relative;
	margin-bottom: 0px;
}

.resumen-datos p i {
	position: absolute;
	top: 4px;
	left: 0;
}

.resumen-datos .dato {
	line-height: 1.25;
	padding-left: 30px;
	margin-bottom: 15px;
	text-overflow: ellipsis;
    overflow: hidden;
}

.resumen-datos .dato i {
	font-size: 1.8rem;
	position: relative;
    top: 1px;
}

.resumen-datos .dato a {
	text-decoration: underline;
}

.resumen-datos .dato .wrapper-select {
	margin-top: 4px;
}

.resumen-datos .foto-perfil img {
	width: 40px;
	height: 40px;
	float: left;
}

.resumen-datos .icon i {
	font-size: 3rem;
}

.resumen-datos .wrapper-img {
	display: flex;
	justify-content: center;
	align-items: center;
}

.resumen-datos .wrapper-img img {
	max-width: 100%;
	max-height: 250px;
}

.resumen-datos select.fases {
	color: var(--negro);
	background-color: var(--blanco);
	margin-bottom: 29px;
}

.resumen-datos .status i {
	font-size: 2rem;
}

.resumen-datos .status p {
	font-size: 1rem;
	font-weight: 600;
	margin: 0;
}

.wrapper-canvas {
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: flex-start;
}

.wrapper-canvas canvas {
	max-width: 100%;
	max-height: 220px;
}

#tablagastos ul.descripcion-gasto {
	line-height: 1.2;
	padding: 10px 0 0;
	margin-top: 30px;
	border-radius: 10px;
	border: 1px solid #e5e5e5;
	background: #f7f7f7;
}

#letra,
#panelrecursos img {
	border-radius: 50%;
}

#tablagastos ul.descripcion-gasto>li {
	padding: 10px 15px 0 25px;
	position: relative;
}

#tablagastos ul.descripcion-gasto>li:before {
	content: "\f0da";
	font-family: "Font Awesome 6 Pro";
	font-size: 1.2rem;
	font-weight: 900;
	position: absolute;
	top: 12px;
	left: 15px;
}

#tablagastos ul.descripcion-gasto>li:last-child {
	padding: 10px 0 0;
}

#tablagastos ul.descripcion-gasto>li p {
	font-weight: 700;
	margin-bottom: 0;
}

#tablagastos>.row:first-of-type [class^=col-],
#tbl-hoy-proyectos>div {
	margin-bottom: 30px;
}

#tablagastos textarea {
	height: 132px;
}

#edicion-oportunidad ul.detalles {
	padding: 0 0 30px 15px;
}

#edicion-oportunidad ul.detalles li {
	padding: 2px 0;
}

#panelrecursos i,
#panelrecursos img {
	width: 18px;
	height: 18px;
	margin-right: 5px;
}

#limpiarbusqueda.on {
	cursor: pointer;
	background: #367fa9;
}

.matriz-horas {
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 10px;
}

.matriz-horas table {
	width: 100%;
	height: 8px;
	margin-top: 10px;
}

.matriz-horas table td {
	opacity: .7;
}

.rectangulo {
	width: 87px;
	height: 37px;
	padding: 0;
}

.contenido_gantt {
	position: relative;
	height: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
	border-top: 0 !important;
	z-index: 999;
	opacity: .5;
}

.leyenda_gantt {
	color: silver;
	text-align: right;
	width: 100%;
	opacity: 1;
	z-index: 999;
}

#letra {
	background: #10c38e;
	font-size: 120px;
	padding: 20px 70px;
	min-width: 220px;
	text-align: center;
	display: inline-block;
	margin: 20px;
	font-weight: 700;
	color: var(--blanco);
}

#tablaplanificador {
	margin: 20px 0 10px;
}

.caja-logos span {
	cursor: pointer;
	margin-right: 10px;
}

#aviso {
	font-size: 1.8rem;
	font-weight: 600;
	color: var(--blanco);
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100px;
	padding: 15px 20px;
	position: fixed;
	z-index: 99999;
	top: 100vh;
	background: rgba(0, 0, 0, .95);
	opacity: 0;
	-webkit-transition: .4s ease;
	transition: .4s ease;
}

#aviso p {
	padding-left: 36px;
	position: relative;
}

#aviso p i {
	font-size: 2.6rem;
	
	position: absolute;
	left: 0;
}

#aviso.rojo {
	background: rgba(220, 53, 69, .9);
}

#aviso.verde {
	background: rgba(40, 167, 69, .9);
}

#aviso.active {
	opacity: 1;
	top: calc(100vh - 100px);
}

.loader img {
	max-width: 60px !important;
}

#tbl-hoy-proyectos h4 {
	position: relative;
	background: var(--blanco);
	margin-bottom: 10px;
}

#tbl-hoy-recursos .row {
	padding-top: 15px;
	padding-bottom: 15px;
	border-top: 1px solid #e6e6e6;
}

#tbl-hoy-recursos .row:last-of-type {
	padding-bottom: 0;
}

#tbl-personal table tr td,
#tbl-personal table tr th {
	max-width: 190px;
}

#tbl-personal,
.table-responsive {
	max-height: 600px;
	overflow-y: auto;
}

#tbl-personal table tr td a,
#tbl-personal table tr th a,
.table-responsive table tr td a,
.table-responsive table tr th a {
	overflow: hidden;
	text-overflow: ellipsis;
}

.datepickerrange {
	display: flex;
    justify-content: space-between;
    align-items: center;
	width: 100%;
	height: 40px;
	border-radius: 20px;
	padding: 0 35px 0 20px;	
	background: var(--blanco);
	cursor: pointer;
	position: relative;
	/*
	-webkit-box-shadow: 0px 0px 0px 1px var(--e6);
    box-shadow: 0px 0px 0px 1px var(--e6);
	*/
}

.datepickerrange:focus,
.datepickerrange:active {
	background: var(--blanco);
}

.datepickerrange.gris {
	background: #f1f1f1;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: solid 1px var(--e0);
}

.datepickerrange span {
	line-height: 0.9;
}

.datepickerrange i.fa-calendar {
	margin-right: 10px;
}

.datepickerrange i:last-of-type {
	font-size: 1.4rem;
	width: 40px;
	height: 100%;
	padding-top: 2px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	right: 0;
}

.daterangepicker {
	font-size: 1.4rem !important;
	line-height: 1 !important;
	border: 1px solid #b7b7b7 !important;
	border-radius: 8px !important;
	margin-top: 0 !important;
	-webkit-box-shadow: 0 16px 20px rgba(0, 0, 0, 0.3) !important;
	box-shadow: 0 16px 20px rgba(0, 0, 0, 0.3) !important;
}

.daterangepicker:before,
.daterangepicker:after {
	display: none !important;
}

.daterangepicker .daterangepicker td.active:hover,
.daterangepicker .ranges li.active,
.daterangepicker td.active {
	background: #2f68d5 !important;
}

.daterangepicker .ranges li {
	font-size: 1.4rem !important;
	padding: 7px 20px 5px !important;
}

.daterangepicker .drp-buttons .btn {
	float: left;
	margin: 0 5px 10px;
	color: #334351 !important;
	background: var(--blanco) !important;
	border-color: var(--e9) !important;
	font-size: 1.2rem;
	font-weight: 600;
	height: 32px;
	min-width: 42px;
	padding: 0 8px;
	text-transform: uppercase;
	cursor: pointer;
}

.box .datepickerrange {
	background: var(--gris-lt-2);
	-webkit-box-shadow: none;
    box-shadow: none;
}

.gantt_cal_light .gantt_section_time .gantt_time_selects {
	width: 100%;
	float: none;
}

.gantt_cal_light .gantt_section_time .gantt_time_selects select {
	width: 33%;
}

.gantt_cal_light .gantt_section_time .gantt_duration {
	float: none;
	margin: 10px 0;
}

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

#estados.fila .panel-resumen .box-body {
	max-height: auto;
}

#estados .panel-resumen {
	margin-bottom: 16px;
}

#estados .panel-resumen .box-header {
	padding: 7px 10px;
	border: 2px solid #e6e6e6;
	border-bottom-width: 6px;
	margin-bottom: 0;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

#estados .panel-resumen .box-header h2 {
	font-size: 2.2rem;
	line-height: 1;
	font-weight: 600;
	text-transform: uppercase;
	padding: 5px 8px;
	border-radius: 10px;
}

#estados .panel-resumen .box-header span {
	font-size: 1rem;
	letter-spacing: -.5px;
	font-weight: 600;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 27px;
	height: 27px;
	border-radius: 15px;
	background: var(--blanco);
}

#estados .panel-resumen .box-body {
	min-height: 150px;
	max-height: 335px;
	margin-top: 4px;
	overflow: auto;
}

#estados .panel-resumen .box-body .proyecto {
	padding: 10px;
	margin-top: 4px;
	border: 1px solid #eee;
	cursor: -webkit-grab;
	cursor: grab;
	background-color: var(--blanco);
	-webkit-transition: 0.2s ease;
	transition: 0.2s ease;
}

#estados .panel-resumen .box-body .proyecto:hover {
	background: #f7f7f7;
	border-color: #ccc;
}

#estados .panel-resumen .box-body .proyecto:last-of-type {
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

#estados .panel-resumen .box-body .proyecto>ul>li>h3 {
	font-size: 1.1rem;
	padding-top: 2px;
}

#estados .panel-resumen .box-body .proyecto .detalles>.inner hr {
	margin: 15px 0;
}

#estados .panel-resumen .box-body .proyecto .detalles>.inner h3 {
	font-size: 1rem;
	font-weight: 600;
	margin: 3px 0 10px;
}

#estados .panel-resumen .box-body .proyecto .detalles>.inner .btn.micro.icon i {
	font-size: 1.1em;
}

#estados .panel-resumen .box-body .proyecto .detalles>.inner .caja-datos .dato>div.label {
	display: flex;
	flex-flow: nowrap;
	align-items: center;
	margin-bottom: 5px;
}

#estados .panel-resumen .box-body .proyecto .detalles>.inner .caja-datos .dato>div.label span {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#estados .panel-resumen .box-body .proyecto .detalles>.inner .caja-datos .dato>div.label i,
table.gantt thead tr .horas span#centrar i {
	margin-right: 5px
}

table.gantt thead tr th {
	background-color: var(--blanco);
}

table.gantt thead tr th:first-of-type {
	border-bottom-left-radius: 8px;
}

table.gantt thead tr th:last-of-type {
	border-bottom-right-radius: 8px;
}

table.gantt thead tr th.cabecera_gantt {
	border-top: 2px solid var(--gris-lt);
	border-left: 2px solid var(--gris-lt);	
}

table.gantt thead tr th.cabecera_gantt:first-of-type {
	border-left: none;
}

table.gantt thead tr th #mostrar-fechas {
	position: relative;
	z-index: 10
}

table.gantt thead tr th #mostrar-fechas i {
	padding: 5px;
	margin: 0;
}

table.gantt tbody tr td {
	position: relative;
	padding: 0 !important;
	vertical-align: middle;
	width: 100%
}

table.gantt tbody tr td:first-child {
	padding: 10px 12px !important
}

table.gantt tbody tr td.ajustar {
	width: 15%
}

table.gantt tbody tr td.fila {
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-end;
	align-items: center;
	padding: 10px 12px !important
}

table.gantt tbody tr td.fila a.registro {
	height: 100%;
	border-left: 1px solid #e6e6e6;
	opacity: .5;
	z-index: 2;
	position: absolute;
	top: 0
}

table.gantt tbody tr td .accion {
	display: inline-block;
	opacity: .6
}

table.gantt tbody tr td .total {
	display: inline-block;
	position: absolute;
	top: 14px;
	right: 0;
	color: #a7a7a7;
	margin-left: 0;
	margin-right: 15px;
	vertical-align: -webkit-baseline-middle
}

.btn.menu-panel,
.btn.menu-panel:focus,
.btn.menu-panel:active {
	cursor: pointer;
	min-width: initial;
	width: 40px;
	height: 40px;
	/*background-color: var(--blanco) !important;*/
	background-color: var(--gris-lt) !important;
}

.btn.menu-panel:hover {
	background-color: var(--gris-lt) !important;
}

.btn.menu-panel i {
	font-size: 2.6rem !important;
}

.btn.menu-panel i.fa-pen {
	font-size: 1.8rem !important;
}

.menu-desplegable {
	font-size: 1.5rem;
	min-width: 140px;
	position: absolute;
	z-index: -1;
	top: 0;
	right: -10px;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.menu-desplegable.on {
	z-index: 2;
	opacity: 1;
	visibility: visible;
}

.menu-desplegable .btn.round.mini {
	background-color: transparent;
}

.menu-desplegable .close-menu-panel {
	width: 40px !important;
	height: 40px !important;
	margin-left: auto !important;
	margin-bottom: 10px;
	cursor: pointer;
	background-color: var(--blanco);
	position: relative;
	top: 0;
	right: 10px;
}

.menu-desplegable .close-menu-panel:hover {
	background-color: var(--gris-lt);
}

.menu-desplegable .close-menu-panel:focus,
.menu-desplegable .close-menu-panel:active {
	background-color: var(--blanco);
}

.menu-desplegable .close-menu-panel i {
	font-size: 2.4rem;
}

.menu-desplegable > ul {
	padding: 8px 10px;
	border-radius: 8px;
	background-color: var(--blanco);
	-webkit-box-shadow: 0px 0px 0px 2px var(--gris-lt), 0 0 20px rgba(150, 150, 150, 0.1);
	box-shadow: 0px 0px 0px 2px var(--gris-lt), 0 0 20px rgba(150, 150, 150, 0.1);
}

.menu-desplegable > ul li a {
	font-weight: 500;
	white-space: nowrap;
	display: block;
	padding: 10px 20px;
	margin: 0 -10px;
	width: calc(100% + 20px);
}

.menu-desplegable > ul li:first-of-type a {
	border: none;
}

.menu-desplegable > ul li a:hover {
	background-color: var(--bg);
}

.menu-desplegable .div-idioma {
	position: absolute;
	top: 25px;
}

.menu-desplegable .div-idioma a {
	font-weight: 600;
	opacity: 0.5;
	cursor: pointer;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.menu-desplegable .div-idioma a:hover,
.menu-desplegable .div-idioma a.active {
	opacity: 1;
}

.menu-desplegable .div-idioma span {
	opacity: 0.5;
	margin: 0 6px;
}

.menu-desplegable .menu-desplegable-select {
	margin-left: -10px;
    margin-right: -10px;
}

.menu-desplegable .menu-desplegable-select .wrapper-select:before {
	border-radius: 0;
	background-color: transparent;
}

.menu-desplegable .menu-desplegable-select .wrapper-select:hover:before {
	background: var(--bg);
}

.menu-desplegable .menu-desplegable-select select,
.menu-desplegable .menu-desplegable-select select option {
	font-weight: 500;
}

.menu-desplegable .toggle {
	margin: 4px 0;
}

.recuadro-detalles {
	padding: 15px !important;
	height: 100%;
	min-height: 200px;
	border-radius: 10px;
	border: 2px solid var(--gris-lt);
	overflow: auto;
}

.recuadro-timeline {
	max-height: 337px;
	padding-right: 10px;
	overflow-y: scroll;
}

.tarjeta-aviso {
	padding: 10px;
}

.tarjeta-aviso .contenido-proyecto {
	border-radius: 10px;
	padding: 20px;
	height: 100%;
	display: flex;
	flex-direction: column;
	background: var(--blanco);
	-webkit-box-shadow: 0 0 10px rgb(150 150 150 / 15%);
	box-shadow: 0 0 10px rgb(150 150 150 / 15%);
}

.tarjeta-aviso .contenido-proyecto .atributo {
	display: block;
	position: relative;
	padding-left: 25px;
}

.tarjeta-aviso .contenido-proyecto .atributo i {
	height: 24px;
	display: flex;
	align-items: center;
	position: absolute;
	left: 0;
}

#mapa {
	width: 100%;
	height: 100%;
}

.leyenda-color {
	display: inline-block;
	width: 15px;
	height: 15px;
	border-radius: 3px;
	-webkit-box-shadow: 0px 0px 0px 1px var(--e6);
	box-shadow: 0px 0px 0px 1px var(--e6);
	margin-right: 5px;
}

.idiomas-header {
	margin-top: 20px;
	display: flex;
	justify-content: flex-end;
}

.idiomas-header select {
	background-color: var(--blanco);
	width: initial;
}

.galeria {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
    width: calc(100% + 10px);
    margin-left: -5px;
    margin-right: -5px;
}

.galeria>div {
	width: calc(50% - 10px);
	position: relative;
	padding: 15px;
	border: 2px solid var(--bg);
	margin: 0 5px 10px;
	border-radius: 8px;
}

.galeria>div>img {
	width: 100%;
	max-height: 200px;
}

.galeria>div>span {
	visibility: hidden;
	opacity: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	cursor: pointer;
	background-color: rgba(255,255,255,0.5);
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.galeria>div:hover>span {
	visibility: visible;
	opacity: 1;
}

.galeria-gestor {
	display: none;
	width: 60%;
}

.imgs-galeria {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}

.img-galeria {
	width: 100%;
	display: flex;
	border: 1px solid #ddd;
	border-radius: 10px;
	background: #fff;
	padding: 10px;
	box-sizing: border-box;
	cursor: grab;
}

.img-galeria .imagen {
	width: 30%;
	align-content: center;
}

.img-galeria .imagen img {
	width: 100%;
	height: auto;
}

.img-galeria .inputs {
	width: 70%;
    padding: 0 10px 0 20px;
    display: flex;
    flex-direction: column;
}

.img-galeria .inputs>div:not(:first) {
	margin-top: 10px;
}

.fancy-xl {
	width: calc(100vw - 70px);
	height: calc(100vh - 140px);
}

.fancy-xl iframe {
	height: 100%;
}

.fancy-header {
	margin-top: -44px;
    margin-left: -44px;
    margin-right: -44px;
	margin-bottom: 20px;
    padding: 20px 44px;
}

.fancy-header h2 {
	margin-bottom: 0px;
}

.fancybox-container .info ul {
	margin-bottom: 5px;
}
.fancybox-container .info ul li {
	padding-left: 20px;
	list-style-type: disc;
}
.fancybox-container .info p {
	margin-bottom: 5px;
}

.espacio-firma img {
	margin-bottom: 15px;
}

.espacio-firma p {
	margin-bottom: 0;
}

#map {
	max-height: 600px;
	border-radius: 10px;
	overflow: hidden;
}

[contenteditable=true]:empty:not(:focus):before {
	content:attr(placeholder);
	color: grey;
	font-style: italic;
}

#planificacion-lista-pendientes hr:last-of-type{
	display: none;
}

/* CALENDAR
====================================================================== */
.fc {
	margin-left: 10px;
	margin-right: 10px;
}

.fc .fc-button-group {
	overflow: hidden;
	border-radius: 6px;
}

.fc .fc-button {
	padding: 0;
	border: none;
}

.fc .fc-button .fc-icon {
	margin: 8px 16px;
}

.fc .fc-button-primary {
    background-color: var(--g6);
    border-color: var(--g6);
}

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

.fc .fc-toolbar-title {
    /*font-size: 3rem;
    font-weight: 400;*/
	display: flex;
    align-items: center;
    min-height: 40px;
    margin: 0;
}

.fc th {
	vertical-align: middle;
}

.galeria .activo {
	border: 4px solid #000000;
}

.contenedor-error {
	text-align: center;
	/*background-color: #dedede;*/
	/*display: flex;
	flex-direction: column;
	justify-content: center;*/
}

.contenedor-error .box-header h1 {
	color: #fff;
}

.contenedor-error .mensaje {
	
}

.contenedor-error .mensaje img {
	max-height: 60vh;
}

.contenedor-error .dev {
	text-align: left;
	background-color: #efefef;
    border-radius: 12px;
    padding: 20px;
    margin-top: 30px;
}

@media screen and (pointer: coarse) {

	.box .box-header .btn.menu-panel:hover {
		background-color: transparent !important;
	}

}

/* MEDIA QUERIES
====================================================================== */
@media screen and (max-height: 800px) {

	

}

@media screen and (max-width: 1400px) {
	
	#registro table.table tbody tr td.accion a {
		max-width: 193px;
	}

}

@media screen and (max-width: 1199px) {

	.sm-hidden {
		display: none;
	}
	
	.small-box>.inner:after {
		width: 40px;
		height: 40px;
		position: initial;
	}

	.modal-dialog {
		max-width: 100%;
		margin-right: 0;
		margin-left: 0;
	}	

	.resumen-datos p,
	.resumen-datos .dato {
		padding-left: 24px;
	}
	
	.resumen-datos p i {
		font-size: 1.35rem;
		top: 6px;
	}

	ul.lista-botones .btn,
	ul.lista-botones.tabs li .btn {
		font-size: 1.4rem;
		line-height: 0.9;
		flex-wrap: wrap;
		padding: 0 15px;
		max-width: 150px;
	}

	#registro table.table.table-proyectos thead,
	#registro table.table.table-acciones thead {
		height: 60px;
	}

	#estados .panel-resumen .box-body .proyecto .detalles>.inner select {
		display: block;
	}

}

@media screen and (max-width: 991px) {
	
	.fancybox-content {
		padding: 20px 15px;
	}

	.box.info-panel p {
		font-size: 3rem;		
	}
	
	body main aside,
	body main aside .sidebar {
		width: 240px;
	}

	body main aside .sidebar>ul.sidebar-menu>li>a>i {
		font-size: 1.6rem;
		width: 30px;
		min-width: 30px;
	}

	body main aside .sidebar>ul.sidebar-menu>li>a>span {
		opacity: 1;
		visibility: visible;
	}

	body main aside .sidebar>ul.sidebar-menu>li.submenu>ul {
		padding-left: 25px;
	}
	
	body main aside .sidebar>ul.sidebar-menu>li.submenu>ul>li>a:after {
		width: initial;
	}
	
	body main aside .sidebar>ul.sidebar-menu>li.submenu>ul>li>a>i {
		font-size: 1.3rem;
		width: 30px;
	}

	body main aside.collapse-left {
		width: 95px;
	}

	body main aside.collapse-left>.sidebar>ul.sidebar-menu>li>a>span {
		opacity: 0;
		visibility: hidden;
	}

	body main section {
		width: calc(100vw - 240px);
	}

	body main section.strech {
		width: calc(100vw - 95px);
	}

	body main section .botones-footer {
		left: 240px;
	}

	body main section.strech .botones-footer {
		left: 95px;
	}

}

@media screen and (max-width: 767px) {

	::-webkit-scrollbar-track {
		background: transparent;
	}
	
	::-webkit-scrollbar-thumb {
		border-radius: 2px;
		background-color: var(--g9);
	}
	
	::-webkit-scrollbar {
		width: 4px;
		height: 4px;
	}

	.desktop,
	.tpv ul.opciones>li.boton {
		display: none;
	}

	.responsive,
	.tpv ul.opciones li.menu-boton,
	.tpv ul.opciones.visible>li.boton {
		display: block;
	}

	.desktop {
		opacity: 0;
		visibility: hidden;
	}

	.responsive {
		opacity: 1;
		visibility: visible;
	}

	.btn {
		/*
		flex: 1 0 54px;
		min-width: 54px;
		*/
	}

	.flex.seleccion>li input,
	.flex.seleccion>li label,
	.flex.seleccion>li select,
	.flex.seleccion>li span {
		margin: 0 1px;
	}

	.box {
		padding: 15px 5px;
	}

	.box .box-header {
		padding: 0 10px;
	}

	.box .box-body {
		margin-left: 0;
		margin-right: 0;
		padding-left: 10px;
		padding-right: 10px;
		max-height: initial;
		overflow: initial;
	}

	.box .inner-box {
		padding: 15px;
	}

	.box .box-footer {
		margin: 0 10px;
	}

	.box.tabs {
		padding: 0 10px 15px;
	}

	.menu-desplegable {
		right: -5px;
	}

	.menu-desplegable .close-menu-panel {
		right: 15px;
	}

	.resumen-datos .box-header {
		margin: -15px -5px 0;
		padding: 15px 15px;
	}

	.resumen-datos.bg-white .box-header {
		/*margin: 0 10px;*/
	}

	.tabs .nav-tabs li a {
		padding: 10px;
	}

	.tabs>.box-header {
		margin: 0 -10px 30px;
	}

	.tpv ul li.boton {
		width: 50%;
	}

	.tpv ul.opciones.visible>li.crono {
		padding-top: 15px;
	}

	.tpv ul.opciones li.crono {
		padding-top: 0;
	}

	.tpv .listado ul li {
		width: 33%;
	}

	.modal-body {
		padding: 30px 5px;
	}

	.num-destacado {
		font-size: 3rem;
	}

	.badge {
		font-size: 1.4rem;
		width: 14px;
		height: 14px;
		border-radius: 50%;
	}

	.leyenda_colores {
		font-size: 1.2rem;
		margin: 0 -2px;
	}

	.leyenda_colores > li {
		margin: 0 2px;
	}

	#registro {
		padding-top: 0px;
	}

	#registro table.table tbody tr td a:last-of-type:not(.registro) {
		padding: 12px 15px;
	}

	#registro table.table.gantt thead tr th.horas,
	#registro table.table.gantt thead tr th.horas span {
		height: 26px;
	}

	#registro table.table.gantt tbody#registro-proyectos tr td > i {
		width: 32px;
		height: 32px;
	}

	#registro #datos-resumen {
		width: 100%;
	}

	#form-cierre {
		width: 100%;
	}

	#panel-acciones .table-acciones thead tr th,
	#panel-proyectos .table-proyectos thead tr th {
		height: initial;
		padding: 10px 12px;
	}

	#panel-acciones .table-acciones thead tr th h2,
	#panel-proyectos .table-proyectos thead tr th h2 {
		line-height: 29px;
	}

	h2 {
		font-size: 2.2rem;
	}

	h3 {
		font-size: 1.8rem;
	}

	body {
		padding-top: 60px;
	}

	body.modulo-login {
		padding-top: 0;
	}

	body header {
		display: block;
	}

	body.scrolling header .header {
		box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
	}

	body header .header {
		display: flex;
		align-items: center;
		position: fixed;
		z-index: 21;
        top: 0;
        left: 0;
        right: 0;
        height: 60px;
		padding: 0 20px;
		background-image: url('img/bg_main.jpg');
		background-attachment: fixed;
		background-size: cover;
		background-position: center center;
		background-repeat: no-repeat;
	}

	body header .header .logo {
		margin: 0 auto 0 0;
	}

	body header .header .extra {
		padding: 0;
		margin-right: 40px;
		width: initial;
		position: relative;
	}

	body header .header .extra .dropdown {
		margin: 0 8px;
	}
	
	body header .header .extra .dropdown:first-of-type {
		margin-left: 0;
	}

	body header .header .extra .dropdown:last-of-type {
		margin-right: 0;
	}
	
	body header .header .extra .dropdown > .btn.round-icon {
		min-width: 30px;
		width: 30px;
		height: 30px;
	}

	body header .header .extra .dropdown > .btn.round-icon,
	body header .header .extra .dropdown > .btn.round-icon:hover,
	body header .header .extra .dropdown > .btn.round-icon:focus,
	body header .header .extra .dropdown > .btn.round-icon:active,
	body.scrolling header .header .extra .dropdown > .btn.round-icon,
	body.scrolling header .header .extra .dropdown > .btn.round-icon:hover,
	body.scrolling header .header .extra .dropdown > .btn.round-icon:focus,
	body.scrolling header .header .extra .dropdown > .btn.round-icon:active {
		background-color: transparent !important;
	}

	body header .header .extra .dropdown > .btn.round-icon i {
		font-size: 1.8rem !important;
	}

	body header .header .extra .dropdown > .dropdown-menu {
		position: fixed !important;
		right: 8px !important;
        left: initial !important;
        top: 55px !important;
	}

	body header .header .extra .dropdown > .dropdown-menu.avisos {
		min-width: 320px;
		max-width: calc(100vw - 40px);
	}

	body header .header .sidebar-toggle {
		width: 28px;
		height: 18px;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .5s ease-in-out;
		-moz-transition: .5s ease-in-out;
		transition: .5s ease-in-out;
		cursor: pointer;
	}
	
	body header .header .sidebar-toggle span {
		display: block;
		position: absolute;
		height: 2px;
		width: 100%;
		background: var(--g3);
		opacity: 1;
		left: 0;
		border-radius: 2px;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .25s ease-in-out;
		-moz-transition: .25s ease-in-out;
		transition: .25s ease-in-out;
	}

	body header .header .sidebar-toggle span:nth-child(1) {
		top: 0;
	}

	body header .header .sidebar-toggle span:nth-child(2),
	body header .header .sidebar-toggle span:nth-child(3) {
		top: 8px;
	}

	body header .header .sidebar-toggle span:nth-child(4) {
		top: 16px;
	}

	body header .header .sidebar-toggle.on span {
		background: var(--g3);
	}

	body header .header .sidebar-toggle.on span:nth-child(1) {
		top: 10px;
		width: 0%;
		left: 50%;
	}

	body header .header .sidebar-toggle.on span:nth-child(2) {
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	body header .header .sidebar-toggle.on span:nth-child(3) {
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}

	body header .header .sidebar-toggle.on span:nth-child(4) {
		top: 10px;
		width: 0%;
		left: 50%;
	}
	
	body main aside .header {
		display: none;
	}

	body main aside,
	body main aside .sidebar {
		width: 100vw;
	}

	body main aside {
		position: fixed;
		z-index: 20;
		top: 60px;
		bottom: 0;
		box-shadow: 0 0 0 0 transparent;
	}

	body main aside.collapse-left {
		width: 100vw;
		z-index: -1;
		visibility: hidden;
		opacity: 0;
	}

	body main aside.collapse-left .header {
		width: 100vw;
	}

	body main aside.collapse-left .sidebar {
		width: 100vw;
	}

	body main aside .sidebar {
		top: 60px;
		height: calc(100vh - 60px);
		padding-right: 0;
		background: var(--g3);
	}
	
	body main aside .sidebar>ul.sidebar-menu {
		margin: 0;
	}

	body main aside .sidebar>ul.sidebar-menu>li {
		margin: 0;
		padding: 0 0 0 0;
		position: relative;
	}

	body main aside .sidebar>ul.sidebar-menu>li:before {
		content: '';
		display: block;
		height: 1px;
		position: absolute;
		z-index: 1;
		top: 0;
		left: 0;
		right: 0;
		background: var(--g5);
	}

	body main aside .sidebar>ul.sidebar-menu>li>a,
	body main aside .sidebar>ul.sidebar-menu>li.submenu>ul>li>a {
		color: var(--blanco);
	}

	body main aside .sidebar>ul.sidebar-menu>li>a {
		font-size: 2rem;
		height: 60px;
		align-items: center;
		padding: 0 60px 0 15px;
		margin: 0;
		-webkit-transition: none;
		transition: none;
	}

	body main aside .sidebar>ul.sidebar-menu>li>a,
	body main aside .sidebar>ul.sidebar-menu>li.submenu>ul>li>a {
		font-weight: 400;
		border-radius: 0;
	}

	body main aside .sidebar>ul.sidebar-menu>li>a:after,
	body main aside .sidebar>ul.sidebar-menu>li.submenu>ul>li>a:after {
		right: calc(100% - 5px);
		display: none;
	}

	body main aside .sidebar>ul.sidebar-menu>li>a:hover:after,
	body main aside .sidebar>ul.sidebar-menu>li>a.active:after,
	body main aside .sidebar>ul.sidebar-menu>li.submenu>ul>li>a:hover:after,
	body main aside .sidebar>ul.sidebar-menu>li.submenu>ul>li>a.active:after {
		box-shadow: none;
		border-radius: 0;
	}

	body main aside .sidebar>ul.sidebar-menu>li>a>i {
		font-weight: 300;
		height: 50px;
		width: 36px;
		min-width: 36px;
	}

	body main aside .sidebar>ul.sidebar-menu>li.submenu>a.mostrar-bloque>i {
		width: 60px;
		min-width: 60px;
		height: 60px;
		justify-content: center;
	}

	body main aside .sidebar>ul.sidebar-menu>li>a:hover:after,
	body main aside .sidebar>ul.sidebar-menu>li>a.active:after,
	body main aside .sidebar>ul.sidebar-menu>li.submenu>ul>li>a:hover:after,
	body main aside .sidebar>ul.sidebar-menu>li.submenu>ul>li>a.active:after {
		background: var(--blanco);
	}

	body main aside .sidebar>ul.sidebar-menu>li>a.active>i,
	body main aside .sidebar>ul.sidebar-menu>li.submenu>ul>li>a.active>i {
		color: var(--blanco);
	}

	body main aside .sidebar>ul.sidebar-menu>li>a:hover,
	body main aside .sidebar>ul.sidebar-menu>li>a.active,
	body main aside .sidebar>ul.sidebar-menu>li.submenu>ul>li>a:hover,
	body main aside .sidebar>ul.sidebar-menu>li.submenu>ul>li>a.active {
		color: var(--blanco);
		background: var(--g5);
	}

	body main aside .sidebar>ul.sidebar-menu>li>a:hover:before,
	body main aside .sidebar>ul.sidebar-menu>li>a.active:before,
	body main aside .sidebar>ul.sidebar-menu>li.submenu>ul>li>a:hover:before,
	body main aside .sidebar>ul.sidebar-menu>li.submenu>ul>li>a.active:before {
		background: var(--g3);
	}

	body main aside .sidebar>ul.sidebar-menu>li>a:focus,
	body main aside .sidebar>ul.sidebar-menu>li>a:active,
	body main aside .sidebar>ul.sidebar-menu>li.submenu>ul>li>a:focus,
	body main aside .sidebar>ul.sidebar-menu>li.submenu>ul>li>a:active {
		color: var(--blanco);
	}

	body main aside .sidebar>ul.sidebar-menu>li>a.active:hover,
	body main aside .sidebar>ul.sidebar-menu>li>a.active:focus,
	body main aside .sidebar>ul.sidebar-menu>li>a.active:active,
	body main aside .sidebar>ul.sidebar-menu>li.submenu>ul>li>a.active:hover,
	body main aside .sidebar>ul.sidebar-menu>li.submenu>ul>li>a.active:focus,
	body main aside .sidebar>ul.sidebar-menu>li.submenu>ul>li>a.active:active {
		color: var(--blanco);
	}

	body main aside .sidebar>ul.sidebar-menu>li.submenu>ul>li>a:hover>i,
	body main aside .sidebar>ul.sidebar-menu>li.submenu>ul>li>a:hover>span {
		color: var(--blanco);
	}

	body main aside .sidebar>ul.sidebar-menu>li.submenu>a.active+a.mostrar-bloque {
		color: var(--blanco);
	}

	body main aside .sidebar>ul.sidebar-menu>li.submenu>ul {
		padding: 0;
		margin-top: 0;
		position: relative;
	}

	body main aside .sidebar>ul.sidebar-menu>li.submenu>ul:before {
		content: '';
        display: block;
        height: 1px;
        position: absolute;
        z-index: 1;
        top: 0;
        left: 15px;
        right: 15px;
        background: var(--g3);
	}

	body main aside .sidebar>ul.sidebar-menu>li.submenu>ul:before {
		content: '';
		display: block;
		height: 1px;
		position: absolute;
		z-index: 1;
		top: -1px;
		left: 15px;
		right: 15px;
		background: var(--g5);
	}

	body main aside .sidebar>ul.sidebar-menu>li.submenu>ul>li:after {
		content: '';
        display: block;
        height: 1px;
        position: absolute;
        z-index: 1;
        bottom: -1px;
        left: 15px;
        right: 15px;
		background: var(--g5);
	}

	body main aside .sidebar>ul.sidebar-menu>li.submenu>a.active+ul>li:first-child:before {
		display: none;
	}

	body main aside .sidebar>ul.sidebar-menu>li.submenu>ul>li:last-of-type:after {
		display: none;
	}

	body main aside .sidebar>ul.sidebar-menu>li.submenu>ul>li.active:after {
		display: none;
	}

	body main aside .sidebar>ul.sidebar-menu>li.submenu>ul>li {
		margin: 0;
		position: relative;
	}

	body main aside .sidebar>ul.sidebar-menu>li.submenu>ul>li:first-child.active:before {
		content: '';
        display: block;
        height: 1px;
        position: absolute;
        z-index: 1;
        top: 0;
        left: 15px;
        right: 15px;
        background: var(--g3);
	}

	body main aside .sidebar>ul.sidebar-menu>li.submenu>ul>li>a {
		font-size: 1.6rem;
		height: 50px;
		display: flex;
		align-items: center;
		padding: 0 15px 0 25px;
	}

	body main aside .sidebar>ul.sidebar-menu>li.submenu>ul>li>a:after {
		right: calc(100% - 2px);
		border-radius: 0;
		display: none;
	}

	body main aside .sidebar>ul.sidebar-menu>li.submenu>ul>li>a:after {
		width: initial;
	}

	body main aside .sidebar>ul.sidebar-menu>li.submenu>ul>li>a>span {
		position: relative;
		left: initial;		
		top: initial;
		bottom: initial;
		width: 100%;
	}

	body main aside .footer {
		display: none;
	}

	body main section,
	body main section.strech {
		width: 100vw;
	}

	body main section>.content-header {
		margin: 0 10px;
	}

	body main section>.content {
		min-height: initial;
		padding: 0px 15px 81px;
	}

	body main section.strech .botones-footer {
		left: 0;
	}

	body main section .botones-footer {
        left: 0;
    }

}

@media screen and (max-width: 575px) {

	.xs-hidden {
		display: none;
	}
	
	.xs-visible {
		display: block;
	}

	body.modulo-login section.login .login-wrapper {
		padding: 25px;
	}

	body main section {
		position: relative;
	}

	#registro table.table.gantt thead tr th.selector-fecha {
		height: initial;
	}

	#registro table.table.gantt thead tr th.selector-fecha .controles .btn.round {
		min-width: 40px;
		width: 40px;
		height: 40px;
	}
	
	#registro table.table tbody tr td a.elegir-tarea {
		padding-top: 13px;
	}

	#form-cierre {
		top: calc(100% - 15px);
	}

	#form-cierre form {
		padding-top: 15px;
	}

}

@media screen and (max-width: 420px) {
	
	.perfil-imagen {
		width: 120px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.box-timeline.box {
		padding-left: 5px !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}

	.timeline:before {
		left: 15px;
	}

	.timeline>li>.fa {
		left: -3px;
	}

	.timeline>li>.timeline-item {
		margin-left: 0;
		margin-right: 0;
	}

	.timeline .fa {
		z-index: 2;
	}

	.timeline li .timeline-item h3 {
		margin-left: 25px !important;
	}

	.timeline li .timeline-item .timeline-body {
		padding: 4px;
	}

	.tpv .listado ul li {
		width: 50%;
	}

}

@media print {

	a[href]:after {
		content: none !important;
	}

}