/**
 * Modelo de caja establecido a border box
 *
 * @see https://css-tricks.com/box-sizing
 *
 *
 * Tamaño de fuente establecido a 62.5% (edit: más tarde a .7vw) para que 1rem sea equivalente a
 * 10px, pudiendo manipular este valor para generar un "zoom lógico", siempre y cuando todas las
 * medidas de la aplicación sean expresadas en REMs.
 *
 * @see http://www.cristalab.com/tutoriales/las-medidas-em-y-rem-en-css3-c113125l/
 */
html {
  box-sizing  : border-box;
  font-size : .7vw;
  min-height  : 100%;
}

*, *::before, *::after {
  box-sizing  : inherit;
}

/**
 * @author Alvaro Fuentes <alvaro.fuentes.zurita@gmail.com>
 */


/* ============================================================================================== */
/* Elementos html */
body {
  background-color  : #fff;
}

button {
  cursor  : pointer;
  outline : none;
}

input {
  outline : none;
}

[v-cloak], .l-root:not(.app-ready) {
  display : none !important;
}

/* Especialización de componentes */
.w-dialog__select {
  border      : .2rem solid #d8d6d5;
  border-radius : .5rem;
  font      : 1.3rem 'Open Sans', sans-serif;
  margin      : 0 0 1rem;
  outline     : none;
  padding     : .3rem 1rem;
  width     : 30rem;
}

/* ============================================================================================== */
/* Layout principal */
/* Barra de áreas. */
.barra-areas
{
	height			: 7rem;
	justify-content	: flex-end;
	position		: absolute;
	right			: .9rem;
	top				: 1rem;
	width			: 20rem;
	margin-right	: .6rem;
    align-content: space-between;
    display: flex;
    flex-wrap: wrap;
}

.barra-areas .w-actiongroup__action {
    margin-right: .6rem;
    background: #fff center / 2.8rem no-repeat;
    border: none;
    border-radius: .5rem;
    height: 3.2rem;
    opacity: .8;
    padding: .2rem;
    transition: background-color ease 0.25s, opacity ease 0.25s;
    width: 3.2rem;
}

.barra-areas .w-actiongroup__action::after {
    -webkit-mask: no-repeat center;
    background-color: #193c82;
    content: '';
    display: block;
    height: 100%;
    width: 100%;
}

.barra-areas .w-actiongroup__action .w-actiongroup__action-label{display: none;}

.barra-areas .w-actiongroup__action.alpaca::after
{
	-webkit-mask-image	: url('../images/icon--area-alpaca.svg');
}

/*
.barra-areas .w-actiongroup__action.alpaca:hover,
.barra-areas .w-actiongroup__action--active.alpaca
{
	background-color	: #fabd6c;
}
*/

.barra-areas .w-actiongroup__action.ballena::after
{
	-webkit-mask-image	: url('../images/icon--area-ballena.svg');
}

.barra-areas .w-actiongroup__action.ballena:hover,
.barra-areas .w-actiongroup__action--active.ballena
{
	background-color	: #0094d0;
}

.barra-areas .w-actiongroup__action.tractor::after
{
	-webkit-mask-image	: url('../images/icon--area-tractor.svg');
}

/*
.barra-areas .w-actiongroup__action.tractor:hover,
.barra-areas .w-actiongroup__action--active.tractor
{
	background-color	: #7cb947;
}
*/

.barra-areas .w-actiongroup__action.condor::after
{
	-webkit-mask-image	: url('../images/icon--area-condor.svg');
}

/*
.barra-areas .w-actiongroup__action.condor:hover,
.barra-areas .w-actiongroup__action--active.condor
{
	background-color	: #69b447;
}
*/

.barra-areas .w-actiongroup__action.desierto-florido::after
{
	-webkit-mask-image	: url('../images/icon--area-desierto-florido.svg');
}

/*
.barra-areas .w-actiongroup__action.desierto-florido:hover,
.barra-areas .w-actiongroup__action--active.desierto-florido
{
	background-color	: #ce9b59;
}
*/

.barra-areas .w-actiongroup__action.flamenco::after
{
	-webkit-mask-image	: url('../images/icon--area-flamenco.svg');
}

/*
.barra-areas .w-actiongroup__action.flamenco:hover,
.barra-areas .w-actiongroup__action--active.flamenco
{
	background-color	: #f8c081;
}
*/

.barra-areas .w-actiongroup__action.flor-tipanie::after
{
	-webkit-mask-image	: url('../images/icon--area-flor-tipanie.svg');
}

/*
.barra-areas .w-actiongroup__action.flor-tipanie:hover,
.barra-areas .w-actiongroup__action--active.flor-tipanie
{
	background-color	: #e2cd9c;
}
*/

.barra-areas .w-actiongroup__action.gorrito-de-lana::after
{
	-webkit-mask-image	: url('../images/icon--area-gorrito-de-lana.svg');
}

/*
.barra-areas .w-actiongroup__action.gorrito-de-lana:hover,
.barra-areas .w-actiongroup__action--active.gorrito-de-lana
{
	background-color	: #3c8646;
}
*/

.barra-areas .w-actiongroup__action.oveja::after
{
	-webkit-mask-image	: url('../images/icon--area-oveja.svg');
}

/*
.barra-areas .w-actiongroup__action.oveja:hover,
.barra-areas .w-actiongroup__action--active.oveja
{
	background-color	: #538933;
}
*/

.barra-areas .w-actiongroup__action.pez::after
{
	-webkit-mask-image	: url('../images/icon--area-pez.svg');
}

/*
.barra-areas .w-actiongroup__action.pez:hover,
.barra-areas .w-actiongroup__action--active.pez
{
	background-color	: #50c1e7;
}
*/

/* Ajuste para bloquear todos las unidades excepto ballena */
.barra-areas .w-actiongroup__action.tractor, .barra-areas .w-actiongroup__action.condor, .barra-areas .w-actiongroup__action.gorrito-de-lana, .barra-areas .w-actiongroup__action.oveja, .barra-areas .w-actiongroup__action.flor-tipanie, .barra-areas .w-actiongroup__action.pez, .barra-areas .w-actiongroup__action.alpaca, .barra-areas .w-actiongroup__action.flamenco, .barra-areas .w-actiongroup__action.desierto-florido{
    cursor: not-allowed;
    opacity: .3;
}


/* Cabecera */
.l-root__header {
  background-color  : #ccc;
  display       : flex;
  flex-wrap     : wrap;
  height        : 12.7rem;
  position      : relative;
  transition      : background-color ease .25s;
}

/* Banner */
.l-root__header::after {
  background  : url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg"/>') center/contain no-repeat;
  content   : '';
  height    : 12.7rem;
  left    : 36rem;
  position  : absolute;
  top     : .1rem;
  transition  : background-image ease .25s;
  width   : 81rem;
}

/* Título */
.l-root__title {
  background-color  : #003d7f;
  border-radius   : 0 0 1rem 0;
  color       : #fff;
  display       : flex;
  flex-direction    : column;
  margin        : 0;
  padding       : 1rem 2rem .3rem;
  position      : relative;
  text-transform    : uppercase;
    z-index: 100;
}

.l-root__title .location {
  margin  : .2rem 3.5rem .1rem 0;
}

.l-root__title .location .w-location__name {
  font  : 400 2.4rem/3rem 'Dosis', sans-serif;
}

.l-root__title .location .w-location__number {
  font  : 400 2.4rem/3rem 'Nunito', sans-serif;
}

.l-root__title .area-name {
  font  : 400 1.8rem/2rem 'Dosis', sans-serif;
    opacity: .8;
}

.l-root__title .change-location {
  -webkit-mask    : url('//shared.en.hegc.cl/assets/hegc/icon--cuadrado-lapiz.svg') no-repeat 0 .3rem;
  -webkit-mask-size : contain;
  background-color  : #fff;
  border        : none;
  height        : 2.8rem;
  opacity       : .3;
  position      : absolute;
  right       : 2rem;
  top         : 1.3rem;
  transition      : opacity ease .25s;
  width       : 2rem;
}

.l-root__title .change-location:hover {
  opacity : 1;
}

.l-root__title .change-location .w-action__label {
  display : none;
}

/* Subtítulo */
.l-root__subtitle {
  align-items   : center;
  display     : flex;
  flex      : 1;
  justify-content : space-between;
  padding     : 0 2rem 0 1.3rem;
}

/* Fecha actual */
.main-date {
  border      : .1rem solid transparent;
  border-radius : .7rem;
  display     : flex;
  height      : 7.4rem;
  position    : relative;
  transition    : background-color ease .25s, border-color ease .25s;
  width     : 19rem;
}

.l-root:not(.present-tense) .main-date {
  background-color  : #fff;
  border-color    : #ccc;
}

.main-date .w-datetime__body {
  align-items   : center;
  background    : url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 85 85"><path fill="%23003D7F" d="M77.4 18V6.5c0-1.5-1.2-2.8-2.7-2.8h-3v-.7A3 3 0 0 0 68.5 0h-5.8a3 3 0 0 0-3.1 3V4H25.3V3a3 3 0 0 0-3-3.1h-5.8a3 3 0 0 0-3 3V4h-3.1a2.8 2.8 0 0 0-2.8 2.7V83c0 1.2 1 2.1 2.2 2.1h65.5c1.2 0 2.1-1 2.1-2.1V18.1v-.2zM62.8 3.7v-.7h5.8v7.1h-5.8V3.9zm-46.3 0v-.7h5.8v7.1h-5.8V3.9zm56.6 77H12v-60h61.2v60z" opacity=".5"/></svg>') no-repeat 0 center;
  background-size : 6.7rem;
  border-right  : .2rem dashed transparent;
  color     : #193c82;
  cursor      : pointer;
  display     : flex;
  flex-direction  : column;
  padding-top   : 2.5rem;
  transition    : background-image ease .25s;
  width     : 6.9rem;
}

.l-root:not(.present-tense) .main-date .w-datetime__body {
  border-color  : #ccd8e5;
}

.main-date .w-datetime__body:hover {
  background-image  : url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 85 85"><path fill="%23003D7F" d="M77.4 18V6.5c0-1.5-1.2-2.8-2.7-2.8h-3v-.7A3 3 0 0 0 68.5 0h-5.8a3 3 0 0 0-3.1 3V4H25.3V3a3 3 0 0 0-3-3.1h-5.8a3 3 0 0 0-3 3V4h-3.1a2.8 2.8 0 0 0-2.8 2.7V83c0 1.2 1 2.1 2.2 2.1h65.5c1.2 0 2.1-1 2.1-2.1V18.1v-.2zM62.8 3.7v-.7h5.8v7.1h-5.8V3.9zm-46.3 0v-.7h5.8v7.1h-5.8V3.9zm56.6 77H12v-60h61.2v60z"/></svg>');
}

.main-date .w-datetime__body:hover .w-datetime__day,
.main-date .w-datetime__body:hover .w-datetime__month {
  display : none;
}

.main-date .w-datetime__day {
  font  : 700 2.2rem/2.2rem 'Nunito', sans-serif;
}

.main-date .w-datetime__month {
  font      : 1.2rem/1.5rem 'Dosis', sans-serif;
  text-transform  : uppercase;
}

.main-date .w-datetime__footer {
  display   : flex;
  flex    : 1;
  transition  : border-color ease .25s;
}

.main-date .w-datetime__action {
  align-items   : center;
  background    : none;
  border      : none;
  display     : flex;
  flex-direction  : column;
  justify-content : center;
}

.main-date .change-date {
  left      : 1rem;
  pointer-events  : none;
  position    : absolute;
  top       : 2.5rem;
}

.main-date .w-datetime__body:not(:hover) + .w-datetime__footer .change-date {
  display : none;
}

.main-date .change-date::before {
  -webkit-mask    : url('//shared.en.hegc.cl/assets/hegc/icon--cuadrado-lapiz.svg') no-repeat;
  -webkit-mask-size : contain;
  background-color  : #193c82;
  content       : '';
  height        : 2rem;
  margin-bottom   : .3rem;
  margin-left     : .5rem;
  width       : 2rem;
}

.main-date .change-date .w-datetime__action-label {
  color     : #193c82;
  font      : 1rem/1rem 'Dosis', sans-serif;
  text-transform  : uppercase;
}

.main-date .reset-date {
  padding : .8rem;
  display : none;
}

.l-root:not(.present-tense) .main-date .reset-date {
  display : flex;
}

.main-date .reset-date .w-datetime__action-label {
  color : #193c82;
  font  : 1.5rem/1.5rem 'Open Sans', sans-serif;
}

.main-date .reset-date::after {
  -webkit-mask    : url('//shared.en.hegc.cl/assets/hegc/icon--flecha-curva-izquierda.svg') no-repeat;
  -webkit-mask-size : contain;
  background-color  : #193c82;
  content       : '';
  height        : 2.6rem;
  margin-top      : .1rem;
  width       : 2.6rem;
}

/* Selector de fecha */
.w-datetime__date-selector {
  color : #193c82;
}

.w-datetime__date-selector input {
  display : none;
}

.w-datetime__date-selector .vdp-datepicker__calendar {
  border-radius : 0 1rem 1rem;
  border-width  : .1rem;
  left      : -12.1rem;
  position    : absolute;
  top       : -.1rem;
}

.w-datetime__date-selector .prev::after {
  border-right-color  : #193c82 !important;
}

.w-datetime__date-selector .next::after {
  border-left-color : #193c82 !important;
}

.w-datetime__date-selector header span:nth-child(2) {
  font-family : 'Open Sans', sans-serif;
  font-size : 1.2rem;
}

.w-datetime__date-selector .month,
.w-datetime__date-selector .day-header {
  font-family   : 'Dosis', sans-serif;
  font-size   : 1.2rem !important;
  text-transform  : uppercase;
}

.w-datetime__date-selector .year,
.w-datetime__date-selector .day {
  font-family   : 'Nunito', sans-serif;
  font-size   : 1.2rem;
  text-transform  : uppercase;
}

/* Nombre de clínico actual */
.l-root__header .clinician-name {
  align-items     : center;
  align-self      : center;
  background-color  : #f9efdc;
  border-radius   : .5rem;
  color       : #193c82;
  display       : flex;
  font        : 1.8rem/3rem 'Dosis', sans-serif;
  margin        : 1.3rem 2rem 0 0;
  padding       : 0 1rem;
}

.l-root__header .clinician-name::before {
  -webkit-mask    : url('//shared.en.hegc.cl/assets/hegc/icon--usuario.svg') no-repeat;
  -webkit-mask-size : contain;
  background-color  : #193c82;
  content       : '';
  height        : 1.7rem;
  margin-right    : .5rem;
  width       : 1.7rem;
}

/* Barra de herramientas */
.main-bar {
  align-items     : center;
  align-self      : flex-end;
  background-color  : #888;
  display       : flex;
  height        : 3.7rem;
  padding       : 0 2rem;
  transition      : background-color ease .25s;
  width       : 100%;
}

/* Barra de paneles */
.main-tabbar {
  z-index: 100;
  align-self  : flex-end;
  flex    : 1;
}

/* Selector de panel */
.main-tabbar .w-tabbar__action {
  background-color  : rgba(234, 241, 247, .7);
  border        : none;
  border-radius   : .6rem .6rem 0 0;
  color       : #193c82;
  padding       : .5rem 1.5rem;
  position      : relative;
  text-transform    : uppercase;
  transition      : background-color ease .25s, color ease .25s;
}

.main-tabbar .w-tabbar__action:not(:last-child) {
  margin-right  : .3rem;
}

.main-tabbar .w-tabbar__action:hover{background-color: rgba(234, 241, 247, .8);}

.main-tabbar .w-tabbar__action-label {
  font  : 600 1.35rem 'Dosis', sans-serif;
}

.main-tabbar .w-tabbar__action::before, .main-tabbar .w-tabbar__action::after {
  background    : url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 85.04 85.04"><path fill="%23eaf1f7" fill-opacity=".5" d="M0,0.001V85.04H85.04C38.074,85.04,0,46.968,0,0.001z"/></svg>') no-repeat;
  background-size : contain;
  bottom      : 0;
  content     : '';
  height      : .6rem;
  position    : absolute;
  transition    : background-image ease .25s;
  width     : .6rem;
}

.main-tabbar .w-tabbar__action::before {
  left    : -.6rem;
  transform : scaleX(-1);
}

.main-tabbar .w-tabbar__action::after {
  right : -.6rem;
}

.main-tabbar .w-tabbar__action--selected {
  background-color  : #fff;
  z-index       : 2;
}

.main-tabbar .w-tabbar__action--selected:hover{background-color: #eaf1f7;}

.main-tabbar .w-tabbar__action--selected::before,
.main-tabbar .w-tabbar__action--selected::after {
  background-image  : url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 85.04 85.04"><path fill="%23eaf1f7" d="M0,0.001V85.04H85.04C38.074,85.04,0,46.968,0,0.001z"/></svg>');
}

/* Acción de barra principal */
.main-bar .w-action {
  align-items     : center;
  background-color  : #eaf1f7;
  border        : .2rem solid #99a9d1;
  border-radius   : .5rem;
  display       : flex;
  height        : 2.4rem;
  justify-content   : center;
  padding       : 0 1rem;
  transition      : background-color ease .25s;
  z-index       : 1;
}

.main-bar .w-action:not(:last-child) {
  margin-right  : .5rem;
}

.main-bar .w-action:hover {
  background-color  : #dae3fd;
}

.main-bar .w-action__label {
  color     : #7891ba;
  font      : 400 1.2rem/1.35rem 'Dosis', sans-serif;
  text-transform  : uppercase;
}

/* Cuerpo */
.l-root__body {
  background-color  : #fff;
  display       : flex;
  flex-direction    : column;
  padding       : .7rem 2rem 0;
}

/* Artículo */
/* Cabecera */
.l-article__header {
  align-items   : center;
  color     : #7891ba;
  display     : flex;
  justify-content : space-between;
}

.l-article__header:not(:empty) {
  margin-bottom : .7rem;
}

/* Barra de filtros */
.main-filter {
  align-items : center;
  display   : flex;
}

.main-filter .w-label {
  font      : 600 1.3rem 'Dosis', sans-serif;
  margin-right  : 1.5rem;
  text-transform  : uppercase;
}

.main-filter .w-filterbar {
  align-items : center;
  display   : flex;
}

.main-filter .w-filterbar__action {
  align-items   : center;
  background    : none;
  border      : .2rem solid #bed5f7;
  border-radius : .6rem;
  color     : inherit;
  display     : inline-flex;
  padding     : .3rem 1rem;
  text-transform  : uppercase;
  transition    : background-color ease .25s, border-color ease .25s, color ease .25s;
}

.main-filter .w-filterbar__action:not(:last-child) {
  margin-right  : 1rem;
}

.main-filter .w-filterbar__action:not(.w-filterbar__action--selected):hover {
  background-color  : #bed5f7;
}

.main-filter .w-filterbar__action::before {
  -webkit-mask    : no-repeat center;
  -webkit-mask-size : contain;
  background-color  : #7891ba;
  content       : '';
  height        : 1.5rem;
  margin-right    : .5rem;
  transition      : background-color ease .25s;
  width       : 1.5rem;
}

.main-filter .w-filterbar__action--selected {
  background-color  : #7891ba;
  border-color    : #7891ba;
  color       : #fff;
}

.main-filter .w-filterbar__action--selected::before {
  background-color  : #fff;
}

.main-filter .w-filterbar__action-label {
  font  : 600 1.3rem 'Dosis', sans-serif;
}

/* Filtro por patrón */
.pattern-filter {
  align-items : center;
  display   : flex;
  margin-left : auto;
  position  : relative;
}

.pattern-filter .w-label {
  font      : 600 1.3rem 'Dosis', sans-serif;
  margin-right  : .5rem;
  text-transform  : uppercase;
}

.pattern-filter .w-input {
  border      : .2rem solid #bed5f7;
  border-radius : .6rem;
  color     : inherit;
  font      : 1.3rem 'Open Sans', sans-serif;
  padding     : .3rem 1rem;
  width     : 34rem;
}

.pattern-filter .w-input::placeholder {
  color   : inherit;
  font-style  : italic;
}

.pattern-filter .w-action {
  background    : transparent url('//shared.en.hegc.cl/assets/hegc/icon--limpiar-filtro.svg') no-repeat center;
  background-size : contain;
  border      : none;
  height      : 1.5rem;
  opacity     : .5;
  position    : absolute;
  right     : .7rem;
  width     : 1.5rem;
}

.pattern-filter .w-action__label {
  display : none;
}

/* Spinner mini */
.mini-spinner {
  -webkit-mask    : no-repeat center;
  -webkit-mask-size : contain;
  background-color  : #7891ba;
  height        : 2rem;
  margin-left     : .75rem;
  width       : 2rem;
}

.mini-spinner .w-spinner__message {
  display : none;
}

/* Tabla principal */
.main-table {
  border-collapse : collapse;
  table-layout  : fixed;
  width     : 100%;
}

.main-table .w-table__header-cell {
  background-color  : #e9f0f7;
  border        : .2rem solid #dae3fd;
  color       : #7891ba;
  font        : 600 1.3rem 'Dosis', sans-serif;
  padding       : .4rem 1rem;
  text-align      : center;
  text-transform    : uppercase;
  transition      : background-color ease .25s, border-color ease .25s, color ease .25s;
}

.l-root__body--empty-content .main-table .w-table__header-cell {
  background-color  : #eee;
  border-color    : #ddd;
  color       : #888;
}

.main-table .w-table__row:nth-child(odd) {
  background-color  : #fff;
}

.main-table .w-table__row:nth-child(even) {
  background-color  : #f0f0f0;
}

.main-table .w-table__row:hover{background-color: #fff !important;}

.main-table .w-table__cell {
  border    : .2rem solid #ddd;
  font    : 1.3rem 'Open Sans', sans-serif;
  padding   : .2rem 1rem;
  text-align  : center;
}

.main-table .w-table__cell:empty::before {
  content : '-';
}

.main-table .w-table__action {
  background-color  : transparent;
  border        : none;
  border-radius   : .6rem;
  display       : flex;
  padding       : .35rem;
  position      : relative;
  transition      : background-color ease .25s;
}

.main-table .w-table__action:hover {
  background-color  : #eaf1f7;
}

.main-table .w-table__action:not(:last-child) {
  margin-right  : .3rem;
}

.main-table .w-table__action::before {
  -webkit-mask    : no-repeat center;
  -webkit-mask-size : contain;
  background-color  : #003d7f;
  content       : '';
  height        : 2.7rem;
  width       : 2.7rem;
}

.main-table .w-table__action-label {
  display : none;
}

/* Pie */
.l-root__footer {
  padding : 0 2rem .7rem;
}

/* Barra de estado */
.main-status {
  background    : #fff url('bg--outpatient.svg') no-repeat 30rem center;
  background-size : 19%;
  display     : flex;
  flex-direction  : column;
  height      : 40rem;
  justify-content : center;
  padding     : 0 25rem 0 70rem;
}

.main-status .w-status__title {
  margin  : 0 0 1rem;
}

.main-status .w-status__title-label {
  color : #444;
  font  : 400 1.7rem/2rem 'Open Sans', sans-serif;
}

.main-status .w-status__message {
  color : #999;
  font  : 400 1.5rem/2rem 'Open Sans', sans-serif;
  margin  : 0;
}

/* ============================================================================================== */
/* Reglas por área */
.araucaria .l-root__header {
  background-color  : #8dc3c7;
}

.araucaria .l-root__header::after {
  background-image  : url('//shared.en.hegc.cl/assets/hegc/banner--area-araucaria.svg');
}

.araucaria .main-bar {
  background-color  : #208463;
}

.ballena .l-root__header {
  background-color  : #b8dedc;
}

.ballena .l-root__header::after {
  background-image  : url('../images/banner--area-ballena.svg');
}

.ballena .main-bar {
  background-color  : #0094d0;
}

.pudu .l-root__header {
  background-color  : #8dc3c7;
}

.pudu .l-root__header::after {
  background-image  : url('//shared.en.hegc.cl/assets/hegc/banner--area-pudu.svg');
}

.pudu .main-bar {
  background-color  : #2e5e33;
}

.gallo .l-root__header {
  background-color  : #8dc3c7;
}

.gallo .l-root__header::after {
  background-image  : url('//shared.en.hegc.cl/assets/hegc/banner--area-gallo.svg');
}

.gallo .main-bar {
  background-color  : #7b9358;
}

.zanahoria .l-root__header {
  background-color  : #8dc3c7;
}

.zanahoria .l-root__header::after {
  background-image  : url('//shared.en.hegc.cl/assets/hegc/banner--area-zanahoria.svg');
}

.zanahoria .main-bar {
  background-color  : #af8974;
}

.uva .l-root__header {
  background-color  : #8dc3c7;
}

.uva .l-root__header::after {
  background-image  : url('//shared.en.hegc.cl/assets/hegc/banner--area-uva.svg');
}

.uva .main-bar {
  background-color  : #4caf61;
}

.estrella-de-mar .l-root__header {
  background-color  : #a4daf5;
}

.estrella-de-mar .l-root__header::after {
  background-image  : url('//shared.en.hegc.cl/assets/hegc/banner--area-estrella-de-mar.svg');
}

.estrella-de-mar .main-bar {
  background-color  : #b7ae9f;
}

.copihue .l-root__header {
  background-color  : #8dc3c7;
}

.copihue .l-root__header::after {
  background-image  : url('//shared.en.hegc.cl/assets/hegc/banner--area-copihue.svg');
}

.copihue .main-bar {
  background-color  : #0f7c3b;
}

/* ============================================================================================== */
/* Reglas por tab */
.l-root:not(.reception-mode) .main-tabbar .closed-schedules {
  background : none;
}

.l-root:not(.reception-mode) .main-tabbar .closed-schedules.w-tabbar__action--selected {
  color : #fff;
}

.l-root:not(.reception-mode) .main-tabbar .closed-schedules::before,
.l-root:not(.reception-mode) .main-tabbar .closed-schedules::after {
  display : none;
}

/* ============================================================================================== */
/* Reglas por filtro */
.main-filter .scheduled::before {
  -webkit-mask-image  : url(//shared.en.hegc.cl/assets/hegc/icon--circulo-reloj.svg);
}

.main-filter .waiting::before {
  -webkit-mask-image  : url(//shared.en.hegc.cl/assets/hegc/icon--circulo-suspensivo.svg);
}

.main-filter .ongoing::before {
  -webkit-mask-image  : url(//shared.en.hegc.cl/assets/hegc/icon--circulo-usuario.svg);
}

.main-filter .canceled::before {
  -webkit-mask-image  : url(//shared.en.hegc.cl/assets/hegc/icon--circulo-equis.svg);
}

.main-filter .finished::before {
  -webkit-mask-image  : url(//shared.en.hegc.cl/assets/hegc/icon--circulo-check.svg);
}

.main-filter .w-filterbar__action.clean {
  border  : none;
  padding : 0;
}

.main-filter .w-filterbar__action.clean:hover {
  background-color  : transparent;
}

.main-filter .w-filterbar__action.clean::before {
  -webkit-mask-image  : url(//shared.en.hegc.cl/assets/hegc/icon--limpiar.svg);
  background-color  : #bed5f7;
  height        : 1.8rem;
  margin-right    : 0;
  width       : 1.8rem;
}

.main-filter .w-filterbar__action.clean:hover::before {
  background-color  : #7891ba;
}

.main-filter .clean .w-filterbar__action-label {
  display : none;
}

/* ============================================================================================== */
/* Reglas por estado de spinner */
.mini-spinner.ok {
  -webkit-mask-image  : url(//shared.en.hegc.cl/assets/hegc/icon--check.svg);
}

.mini-spinner.busy {
  -webkit-mask-image  : url(//shared.en.hegc.cl/assets/hegc/spinner--linea-circular.svg);
}

.mini-spinner.error {
  -webkit-mask-image  : url(//shared.en.hegc.cl/assets/hegc/icon--equis.svg);
}

/* ============================================================================================== */

/* Reglas por celda de tabla */
.main-table .schedule-state .w-table__cell-content {
  align-items   : center;
  display     : flex;
  flex-direction  : column;
  font-size   : .7rem;
  position    : relative;
}

.main-table .schedule-state .w-table__cell-content::before {
  -webkit-mask    : no-repeat center;
  -webkit-mask-size : contain;
  content       : '';
  height        : 2.4rem;
  margin        : .2rem 0 .2rem;
  width       : 2.4rem;
}

.main-table .schedule-state .notices-count {
  align-items     : center;
  background-color  : #f46767;
  border-radius   : 100%;
  color       : #fff;
  display       : flex;
  font        : 700 1rem 'Nunito', sans-serif;
  height        : 1.5rem;
  justify-content   : center;
  left        : 0;
  letter-spacing    : -.1rem;
  padding       : .11rem .11rem 0 0;
  position      : absolute;
  top         : 0;
  width       : 1.5rem;
}

.l-root:not(.reception-mode) .main-table .schedule-state .notices-count,
.main-table .schedule-state:not(.waiting) .notices-count {
  display : none;
}

.main-table .scheduled .w-table__cell-content::before {
  -webkit-mask-image  : url(//shared.en.hegc.cl/assets/hegc/icon--circulo-reloj.svg);
  background-color  : #247bbf;
}

.main-table .waiting .w-table__cell-content::before {
  -webkit-mask-image  : url(//shared.en.hegc.cl/assets/hegc/icon--circulo-suspensivo.svg);
  background-color  : #7d59a1;
}

.main-table .ongoing .w-table__cell-content::before {
  -webkit-mask-image  : url(//shared.en.hegc.cl/assets/hegc/icon--circulo-usuario.svg);
  background-color  : #d78f2e;
}

.main-table .canceled .w-table__cell-content::before {
  -webkit-mask-image  : url(//shared.en.hegc.cl/assets/hegc/icon--circulo-equis.svg);
  background-color  : #9d392d;
}

.main-table .finalizing .w-table__cell-content::before {
  -webkit-mask-image  : url(//shared.en.hegc.cl/assets/hegc/icon--circulo-check.svg);
  background-color  : #3bb49e;
}

.main-table .finished .w-table__cell-content::before {
  -webkit-mask-image  : url(//shared.en.hegc.cl/assets/hegc/icon--circulo-check.svg);
  background-color  : #95c241;
}

.main-table .acciones .w-table__cell-content {
  display     : flex;
  justify-content : center;
}

.main-table .tiempo-espera .w-table__cell-content {
  display     : flex;
  justify-content : center;
    align-items: center;
}

.main-table .tiempo-espera-atencion .w-table__cell-content {
  display     : flex;
  justify-content : center;
    align-items: center;
}

/* Reglas por acción de tabla */
.main-table .w-table__action.receive-patient::before {
  -webkit-mask-image  : url(//shared.en.hegc.cl/assets/hegc/icon--usuario-check.svg);
}

.main-table .w-table__action.notice::before {
  -webkit-mask-image  : url(//shared.en.hegc.cl/assets/hegc/icon--megafono.svg);
}

.main-table .w-table__action.begin-service::before {
  -webkit-mask-image  : url(//shared.en.hegc.cl/assets/hegc/icon--portapapeles-check.svg);
}

.main-table .w-table__action.finish-schedule::before {
  -webkit-mask-image  : url(//shared.en.hegc.cl/assets/hegc/icon--salida.svg);
}

.main-table .w-table__action.cancel-schedule::before {
  -webkit-mask-image  : url(//shared.en.hegc.cl/assets/hegc/icon--portapapeles-equis.svg);
}

.main-table .w-table__action.reopen-service::before {
  -webkit-mask-image  : url(//shared.en.hegc.cl/assets/hegc/icon--flecha-curva-izquierda.svg);
}

.main-table .w-table__action.patient-wait::before {
  -webkit-mask-image  : url(//shared.en.hegc.cl/assets/hegc/icon--flecha-curva-izquierda.svg);
}

.main-table .w-table__action.notice .w-table__action-label:not(:empty) {
  align-items     : center;
  background-color  : #f46767;
  border-radius   : 100%;
  color       : #fff;
  display       : flex;
  font        : 700 1rem 'Nunito', sans-serif;
  height        : 1.5rem;
  justify-content   : center;
  left        : 0;
  letter-spacing    : -.1rem;
  padding       : .11rem .11rem 0 0;
  position      : absolute;
  top         : 0;
  width       : 1.5rem;
}