/* @override 
	http://web.mamp.xyz/maku/css/cromatizador.css?* */

body {
	background-color: var(--bg-main-color);
	color: var(--txt-main-color);
	font-family: acumin-pro, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: var(--txt-main-size);
}

#HeadBar {
	background-color: var(--bg-dark-color);
	text-align: center;
}

#HeadBar .brand { font-size: var(--txt-small-size);  }

#HeadBar .brand span {
	font-weight: 600;
	color: var(--heading-alt-color);
}

#Selector select {
	margin-right: var(--base-tiny);
	background-color: var(--bg-main-color);
	color: var(--txt-main-color);
	border-color: transparent;
}

#Selector select.reporte { width: 104px; }
#Selector select.semana { width: 116px; }

#Selector button {
	background-color: var(--bg-main-color);
	color: var(--heading-main-color);
	border-color: transparent;
}

h1 {
	color: var(--heading-main-color);
	font-family: acumin-pro-condensed, sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: var(--h-one-size);
	text-align: center;
}

h1 span.semana {
	display: block;
	color: var(--heading-alt-color);
	font-family: acumin-pro, sans-serif;
	font-weight: 600;
}

h1 span.periodo {
	display: block;
	color: var(--txt-main-color);
	font-family: acumin-pro-condensed, sans-serif;
	font-weight: 300;
	font-style: normal;
	font-size: var(--h-four-size);
}

.table .row:last-child{ margin-bottom: 0 !important; }

.table .row.header { display: none; background-color: var(--bg-dark-color); }

.table .row {
	background-color: var(--bg-alt-color);
	border-radius: 4px;
}

.table .cell {
	display: block;
	float: left;
	text-align: center;
}

.table .cell > span {
	display: block;
	width: 100%;
	min-height: var(--table-base-row-height);
	line-height: var(--table-base-row-height);
}

.table .cell.canal {
	width: 100%;
	border-bottom: 2px solid;
	border-color: var(--bg-main-color);
	background-color: var(--bg-dark-color);
	color: var(--heading-main-color);
	font-family: acumin-pro, sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: var(--h-four-size);
}

.table.week .cell.dia { width: 20%; }

.table.full-week .cell.dia { width: calc(100%/7); }

.table .cell.dia::before, .table .cell.semana::before, .table .cell.anual::before {
	content: '-';
	font-size: 14px;
	color: var(--txt-off-color);
}

.table .cell.semana::before, .table .cell.anual::before {
	font-size: var(--txt-small-size);
	font-family: acumin-pro-condensed, sans-serif;
	font-weight: 400;
	font-style: normal;
}

.table .cell.dia:nth-child(2)::before { content: 'L'; }
.table .cell.dia:nth-child(3)::before { content: 'M'; }
.table .cell.dia:nth-child(4)::before { content: 'Mi'; }
.table .cell.dia:nth-child(5)::before { content: 'J'; }
.table .cell.dia:nth-child(6)::before { content: 'V'; }
.table .cell.dia:nth-child(7)::before { content: 'S'; }
.table .cell.dia:nth-child(8)::before { content: 'D'; }

.table .cell.semana::before { content: 'Semana' }
.table .cell.actual::before { content: 'Acumulado' }
.table .cell.meta::before { content: 'Meta' }
.table .cell.anterior::before { content: '2018' }

.table .cell.semana, .table .cell.anual { width: 25%; }

.table .cell.bajo { color: var(--alert-wrong-color); }
.table .cell.cerca { color: var(--alert-caution-color); }
.table .cell.super { color: var(--alert-fine-color); }
.table .cell.semana { color: var(--txt-alt-on-color); }
.table .cell.meta { color: var(--txt-alt-color); }
.table .cell.anterior { color: var(--txt-alt-off-color); }