@font-face {
	font-family: 'Material Icons';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('https://cdn.tenemosplan.com/web/fonts/material-icons.woff') format('woff');
}
.material-icons {
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	display: inline-block;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	-webkit-font-feature-settings: 'liga';
	-webkit-font-smoothing: antialiased;
}


/********************************************************************************************************************************************************************************************/
/******************************************************************************************  BASE  ******************************************************************************************/
label,
.input-field>label {
	color: #000;
}
::placeholder {
	color: #fff;
	opacity: 1;
}
:-ms-input-placeholder
, ::-ms-input-placeholder {
	color: #fff;
}
nav ul a {
	display: inline-block;
}
.btn,
.btn-large,
.btn-small,
.btn-large:hover,
.btn-small:hover,
.btn:hover,
.switch label input[type=checkbox]:checked+.lever,
.datepicker-date-display,
.datepicker-table td.is-selected,
button:focus {
	background-color: #6ac5eb;
}

.datepicker-day-button:focus {
	background-color: rgba(106, 197, 235, 0.25);
}
.datepicker-cancel,
.datepicker-done,
.datepicker-today,
.dropdown-content li>a,
.dropdown-content li>span {
	color: #6ac5eb;
}
.btn-floating:focus,
.btn-large:focus,
.btn-small:focus,
.btn:focus,
.switch label input[type=checkbox]:checked+.lever:after {
	background-color: #4b8eab;
}
.datepicker-table td.is-today {color: #4b8eab;}
.collapsible-header {padding: 1rem 0;}
.collapsible-header i {margin-right: 0;}


/********************************************************************************************************************************************************************************************/
/*****************************************************************************************  HEADER  *****************************************************************************************/
nav {background-color: transparent;}
nav .nav-wrapper {background-color: #6ac5eb;}
nav .nav-content {background-color: #86d3f3;}
nav .brand-logo img {
	max-height: 50px;
	margin-top: 8px;
	margin-left: 5px;
}
nav ul li .activo {background-color: rgba(0, 0, 0, .1);}
nav ul li.separador {
	width: 0.5rem;
	height: 64px;
	background-color: rgba(0, 0, 0, 0.2);
}
nav .tabs.tabs-transparent .tab a {color: #fff;}


/********************************************************************************************************************************************************************************************/
/*****************************************************************************************  FOOTER  *****************************************************************************************/

footer {
	width: 100%;
	position: absolute;
	bottom: 0;
}
.page-footer {
	padding: 0;
	background-color: #6ac5eb;
	box-shadow: 0 -2px 2px 0 rgba(0,0,0,.14), 0 0px 1px -2px rgba(0,0,0,.12), 0 -1px 5px 0 rgba(0,0,0,.2);
}
footer .row {margin-bottom: 0;}


/********************************************************************************************************************************************************************************************/
/*****************************************************************************************  LOGIN  ******************************************************************************************/
.login>.col {
	margin-top: 10rem;
}


/********************************************************************************************************************************************************************************************/
/****************************************************************************************  FILTROS  *****************************************************************************************/
#formulario {
	position: relative;
}

#formulario,
#filtros,
#ramas,
#formulario-grupo,
#margen-izquierdo {
	padding: 1rem 2rem;
	background-color: rgba(189, 189, 189, 0.3);
}

.switch {
	margin: 1rem 0 2rem;
}

#ventas_chart {
	margin: 6rem 0 2rem;
	display: inline-block !important;
}

#descargar-datos {
	display: none;
	position: absolute;
	width: 80%;
	bottom: 1rem;
}


/********************************************************************************************************************************************************************************************/
/****************************************************************************************  ESTILOS  *****************************************************************************************/
#buscando {
	display: none;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	z-index: 1000;
	background-color: rgba(216, 216, 216, 0.5);
}
#contenedor-grafica {
	text-align: center;
	position: relative;
}
#contenedor-grafica #botones-fijos {
	display: none;
	position: absolute;
	top: 1rem;
	left: 1rem;
	width: 98%;
}
/* #contenedor-grafica #botones-fijos button {
	float: left;
	margin-right: 1rem;
} */
#contenedor-grafica #botones-fijos .switch {
	float: left;
	margin: .5rem 0 0 1rem;
}
#contenedor-grafica #botones-fijos .switch label {
	display: block;
	margin-bottom: 1rem;
	text-align: left;
}
#contenedor-grafica #botones-fijos .switch label input[type=checkbox]+.lever {background-color: rgba(0, 0, 0, .38);}
#contenedor-grafica #botones-fijos .switch label input[type=checkbox]+.lever:after {background-color: #f1f1f1;}
#contenedor-grafica #botones-fijos .switch label input[type=checkbox]+.lever.azul {background-color: #6ac5eb;}
#contenedor-grafica #botones-fijos .switch label input[type=checkbox]+.lever.azul:after {background-color: #4b8eab;}
#contenedor-grafica #botones-fijos .switch label input[type=checkbox]+.lever.naranja {background-color: rgba(255, 152, 0, 0.5);}
#contenedor-grafica #botones-fijos .switch label input[type=checkbox]+.lever.naranja:after {background-color: #ec8d00;}
#contenedor-grafica #botones-fijos .switch label#unidades input#cambio_unidades[type=checkbox]:checked+.lever {background-color: rgba(255, 152, 0, 0.5);}
#contenedor-grafica #botones-fijos .switch label#unidades input#cambio_unidades[type=checkbox]:checked+.lever:after {background-color: #ec8d00;}
/* #contenedor-grafica #botones-fijos .switch label#totales input#stacked[type=checkbox]:checked+.lever {background-image: linear-gradient(to right, red,orange,yellow,green,blue,indigo,violet);} */
/* #contenedor-grafica #botones-fijos .switch label#totales input#stacked[type=checkbox]:checked+.lever:after {background-image: linear-gradient(to top, red,orange,yellow,green,blue,indigo,violet);} */
#contenedor-grafica #botones-fijos .switch label span {
	color: #666;
	font-size: .9rem;
	text-transform: uppercase;
}
#contenedor-grafica #botones-fijos #tipo_graficas {
	float: right;
	width: 10%;
}

#filtros,
#ramas {
	position: relative;
}
#ramas {display: none;}
#filtros h4,
#ramas h4 {
	font-size: 2rem;
	text-transform: capitalize;
	margin-bottom: 0;
}
#filtros ul,
#ramas ul {
	overflow: auto;
	max-height: 580px;
}
#filtros ul li,
#ramas ul li {
	margin-bottom: 1rem;
}
#filtros ul li .btn,
#ramas ul li .btn {
	text-align: left;
	height: auto;
	font-size: 1rem;
	line-height: inherit;
	padding: 0.1rem 0.5rem;
}
#filtros .row.atras,
#ramas .row.atras {
	position: absolute;
	bottom: 1rem;
	right: 2rem;
}
#ramas ul.collapsible {
	max-height: 100%;
	border: 0;
	box-shadow: none;
	margin: .5rem 0;
}
#ramas > ul.collapsible {max-height: 80%;}
#ramas ul.collapsible li {margin-bottom: 0;}
#ramas ul.collapsible .collapsible-header {
	padding: 0;
	background-color: transparent;
}
#ramas ul.collapsible .collapsible-header .btn {
	background-color: transparent;
	color: #4b8eab;
	padding: 0;
	box-shadow: none;
}
#ramas ul.collapsible .collapsible-header span {
	margin-right: 1rem;
	line-height: 35px;
}
#ramas ul.collapsible .collapsible-header span.btn {
	margin-right: 0;
	line-height: inherit;
}
#ramas ul.collapsible .collapsible-header i {
	margin-right: 0;
}
#ramas .collapsible-body {
	padding: 0 0 0 1rem;
	border: 0
}

#formulario-grupo {position: relative;}
#formulario-grupo h5 {
	margin: 0;
	text-transform: uppercase;
	font-weight: bold;
	text-align: center;
}

#grupos,
#informes {
	overflow: auto;
	padding-top: 2rem;
	padding-bottom: 2rem;
}
#grupos .cabeceras span {font-weight: bold;}
#grupos .cabeceras span.center {text-align: center;}
#grupos .collapsible {
	border: 0;
	box-shadow: none;
	margin-bottom: 0;
	margin-top: 0;
}
#grupos .collapsible .collapsible-header {
	padding: 0;
	height: 1.8rem;
	padding-top: 0.7rem;
	padding-bottom: 0.5rem;
	box-sizing: content-box;
}
#grupos .collapsible .collapsible-header span.center {text-align: center;}
#grupos .collapsible .collapsible-header .boton {text-align: center;}
#grupos .collapsible .collapsible-header .boton i {margin-right: 0;}
#grupos .collapsible .collapsible-body {
	padding: 0;
	border: 0;
	margin-bottom: 1rem;
}
a.icono
, button.icono {
	border: 0;
	background-color: transparent;
	cursor: pointer;
}
.modal .dropdown-content {
	max-height: 400px;
	bottom: 0;
	top: auto !important;
}
#modal-editar-informe.modal .dropdown-content {max-height: 250px;}
#modal-periodicidad.modal .dropdown-content {max-height: 200px;}
#modal-campos.modal .dropdown-content {max-height: 300px;}
#modal-anadir-filtros.modal.bottom-sheet {max-height: 60%;}
#modal-anadir-filtros.modal .dropdown-content {
	max-height: 250px;
	top: 0 !important;
	bottom: auto !important;
}