@charset "UTF-8";
/* CSS Document */

/* Plantilla principal */
/* Debe incluirse antes la paleta de color que corresponda */

/*-----------------
 * Reglas para procesado automático
 */
/* Campos de datos */
.wiz_field_Data, .wiz_field_Input, .wiz_field_Hidden {}
/* Botones */
.wiz_but_Add, .wiz_but_Edit, .wiz_but_Remove, .wiz_but_Save, .wiz_but_Cancel, .wiz_but_Default {}

/*-----------------
 * Métricas
 */
html {
  font-family:Droid Sans, Arimo, "Open Sans", "Free Sans", "Droid Sans", Helvetica, Arial, sans-serif;
  font-size:1vw;
}
/* Mínimo, máximo y margen */
@media (max-width:700px)  { html { font-size:7px; } }
@media (min-width:1367px) { :root { --body-width:90vw; } }
@media (min-width:1600px) { html { font-size:16px; } }

/*-----------------
 * Dead Simple Grid (c) 2015 Vladimir Agafonkin
 */
.row {
  margin:0;
  padding:0;
  vertical-align:middle;
}
.col {
  margin:0;
  padding:0;
  vertical-align:middle;
  box-sizing:border-box;
  display:table-cell;
}
.row:after {
  content:"";
  clear:both;
  display:table;
}
.rowfix {
  margin:0;
  padding:0;
  vertical-align:middle;
}
.rowfix:after {
  clear:both;
  display:table;
}
@media only screen { .col {
  float:left;
  width:100%;
  box-sizing:border-box;
} }

/*-----------------
 * Elementos fijos (cabecera, body, pie)
 */
/* Cabecera */
#header {
  width:var(--body-width);
  margin:.1rem auto 2px auto;
  border-radius:.5rem;
  box-shadow:1px 1px 3px var(--header-shadow);
  background-color:var(--header-back);
  padding:.2rem 0;
}

#appname {
  font-family:"Open Sans Condensed", "Arial Narrow", sans-serif;
  font-weight:bold;
  font-size:2.25rem;
  padding-left:1.4rem;
  margin:0;
  height:2.5rem;
  color:var(--header-title);
}
#appsubname {
  font-family:"Open Sans Condensed", "Arial Narrow", sans-serif;
  font-weight:bold;
  font-size:1rem;
  padding-left:1.4rem;
  margin:0;
  color:var(--header-subtitle);
}
#logo {
  padding-right:1.4rem;
  height:3rem;
}
/* Pie */
#footer {
  width:var(--body-width);
  height:1rem;
  margin:0 auto;
  padding:.4rem 0;
  background-color:var(--footer-back);
  color:var(--footer-txt);
  font-size:.75rem;
  text-align:center;
  vertical-align:bottom;
}
#footer a {
  color:var(--footer-txt);
}
/* Zona central */
body {
  background-color:var(--body-back);
}
.main {
  width:var(--body-width);
  margin:0 auto;
  padding:.1rem 0;
  background-color:var(--main-back);
  color:var(--main-txt);
  height:100%;
  display:block;
}
hr {
  margin:.3rem 0 .3rem 0;
}

/*-----------------
 * Barra de navegación
 */
.navbar {
  display:flex;
  width:var(--body-width);
  height:2.2rem;
  color:var(--navbar-text);
  background-color:var(--navbar-back);
  font-size:1rem;
  font-family:"Open Sans";
  font-weight:bold;
  margin:.4rem auto 0 auto;
  padding:0;
  vertical-align:middle;
}
.navbar_wrap {
  width:100%;
  height:100%;
  display:table;
  z-index:99998;
  margin:0;
  padding:0;
}
.navbar_back, .navbar_title, .navbar_menu {
  display:table-cell;
  box-sizing:border-box;
  vertical-align:baseline;
  margin:0;
  padding:0;
}
.navbar_back {
  width:2rem;
  min-width:2rem;
  text-align:left;
  vertical-align:top;
}
.navbar_back a {
  display:block;
  color:var(--navbar-text);
  background-color:var(--navbar-back);
  text-decoration:none;
}
.navbar_back_icon {
  padding:0;
  margin:0;
}
.navbar_title {
  padding:.4rem;
  text-align:left;
}
.navbar_menu {
  white-space:nowrap;
  width:16%;
  text-align:right;
  font-weight:normal;
  font-size:.9rem;
  vertical-align:top;
}
.navbar_menu a {
  display:block;
  color:var(--navbar-text);
  background-color:var(--navbar-back);
  text-decoration:none;
  margin:0;
  padding:.4rem 0;
}
.navbar_menu a:hover, .navbar_back a:hover {
  color:var(--navbar-hover-text);
  background-color:var(--navbar-hover-back);
  vertical-align:middle;
}
.navbar_menu ul {
  list-style:none;
  display:block;
  text-decoration:none;
  padding:0;
  margin:0;
}
.navbar_menu ul li ul {
  display:none;
}
.navbar_menu ul li a:hover + ul, .navbar_menu ul li ul:hover {
  display:block;
}
.navbar_menu_avatar, .navbar_menu_icon {
  vertical-align:middle;
  margin:0;
  padding:.2rem .4rem;
  text-align:center;
  width:1.4rem;
}
.navbar_menu_avatar {
  padding:0 .4rem;
}
.navbar_menu_logout {
  color:var(--navbar-logout-text);
  font-weight:bold;
}
/*-----------------
 * Tablas
 */
.wiz_table, .wiz_table_inter, .wiz_table_form, .wiz_table_tight {
  width:100%;
  border:0;
  margin:0;
  padding:0;
  vertical-align:middle;
  text-align:center;
  box-sizing:border-box;
}
.wiz_table_tight {
  border-collapse:collapse;
}
.wiz_table_inter > tbody > tr:nth-child(odd) {
  background-color:var(--wiz-table-odd-back);
}
.wiz_table_inter > tbody > tr:nth-child(even) {
  background-color:var(--wiz-table-even-back);
}
.wiz_table > tbody > tr, .wiz_table_inter > tbody > tr , .wiz_table_form > tbody > tr {
  height:calc(1em + 1.1rem);
}
.wiz_table > thead > th, .wiz_table_inter > thead > th, .wiz_table_tight > thead > th {
  font-weight:bold;
  text-decoration:underline;
  background-color:var(--block-back);
}
.wiz_table td, .wiz_table_inter td, .wiz_table_tight td {
  padding:.3rem;
  text-align:center;
  vertical-align:middle;
  font-weight:normal;
}
.wiz_table_tight td {
  padding:.1666rem;
}
.wiz_table_form > thead, .wiz_table_form > thead * {
  height:0px;
  border:none;
}
.wiz_table_form tr td:nth-child(odd) {
  text-align:right;
}
.wiz_table_form tr td:nth-child(even) {
  text-align:left;
}
.wiz_table_select tbody tr:hover > :not(.wiz_table_select_out) {
  box-shadow:0px 0px 5px 1px var(--wiz-table-select-shadow);
  cursor:pointer;
  position:relative;
}
.wiz_table_select_out, .wiz_table_select_out:hover {
  pointer-events:none;
}
.wiz_table_select_out * {
  pointer-events:auto;
}
.wiz_table_selected td:not(.wiz_table_select_out) {
  box-shadow:0px 0px 5px 1px var(--block-shadow-dark);
  position:relative;
}

/* box general con borde, contenedor sobre el 'desktop' */
.wiz_box {
  font-size:inherit;
  margin:.4rem;
  padding:.4rem .5rem;
  background-color:var(--block-back);
  box-shadow:1px 1px 3px var(--block-shadow-norm);
  border-radius:4px;
  box-sizing:border-box;
}
/* título de un box */
.wiz_box_title, .wiz_inner_box_title, .wiz_inner_box_subtitle {
  font-size:1.15rem;
  font-weight:bold;
  text-align:left;
  color:var(--wiz-box-title-txt);
  box-sizing:border-box;
  padding:0 0 .2rem 0;
}
.wiz_inner_box_title {
  font-size:1rem;
}
.wiz_inner_box_subtitle {
  font-size:.9rem;
}
/* box dentro de un box */
.wiz_inner_box {
  width:calc(100% - .5rem);
  margin:.2rem;
  padding:.3rem;
  background-color:var(--block-back);
  border-radius:3px;
  border:1px solid var(--wiz-box-border);
  box-sizing:border-box;
}
/* box popup */
.wiz_popup_box {
  font-size:inherit;
  margin:0;
  padding:.5rem;
  background-color:var(--wiz-popup-back);
  box-shadow:1px 1px 6px var(--block-shadow-norm);
  border-radius:3px;
  border:0;
  position:absolute;
}
.wiz_popup_inner_box {
  padding:.5rem 2rem;
  margin:0;
  background-color:var(--wiz-popup-back);
  text-align:center;
  font-weight:normal;
  border-bottom:1px solid var(--wiz-box-border);
}
.wiz_popup_box .wiz_popup_inner_box:last-child {
  border-bottom:none;
}
.wiz_popup_inner_box:hover {
  background-color:var(--wiz-popup-hover-back);
  color:var(--wiz-popup-hover-txt);
}

/*
 * Tabs
 */
/* Tira de tabs */
.wiz_tab_group {
  display:flex;
  text-align:center;
  position:relative;
  margin:.2rem;
  padding:0 5px;
  clear:both;
}
/* Div principal de cada tab */
.wiz_tab {
  display:flex;
  float:left;
  max-height:1.8rem;
  margin: 0;
  overflow:hidden;
}
.wiz_tab label {
  position:relative;
  font-size:.9rem;
  color:var(--wiz-tab-unselect-txt);
  background:var(--wiz-tab-unselect-back);
  margin:.1rem;
  padding:.25rem .35rem;
  border:1px solid var(--wiz-box-border);
  border-radius:5px 5px 0 0;
  box-shadow:0 3px 3px -5px rgba(0,0,0,0.4), inset 0 1px 0 #fff;
  text-shadow:0 1px #fff;
  cursor:pointer;
  white-space:nowrap;
  display:block;
  box-sizing:border-box;
  overflow:hidden;
}
.wiz_tab [type=radio] {
  display:none;
}
.wiz_tab label:hover {
  background:var(--wiz-tab-unselect-hover-back);
}
/* div del contenido de un tab */
.wiz_tab_content {
  visibility:hidden;
  position:absolute;
  top:1.6rem;
  left:3px;
  right:3px;
  font-size:inherit;
  margin:0;
  padding:.25rem;
  background-color:var(--block-back);
  border-radius:4px;
  box-sizing:border-box;
  clear:both;
  border:1px solid var(--wiz-box-border);
  box-shadow:1px 1px 3px var(--block-shadow-norm);
}
.wiz_tab [type=radio]:checked ~ label {
  color:var(--wiz-tab-select-txt);
  background:var(--wiz-tab-select-back);
  border-bottom:2px solid var(--block-back);
  box-shadow:0px -1px 1px var(--block-shadow-norm);
  z-index:2;
}
.wiz_tab [type=radio]:checked ~ label ~ .wiz_tab_content {
  z-index:1;
  visibility:visible;
}

/*
 * Elementos de Formularios
 */
.wiz_button,
.wiz_button_round,
.wiz_input,
.wiz_select,
.wiz_label {
  display:inline-block;
  width:100%;
  line-height:normal;
  vertical-align:middle;
  text-align:center;
  box-sizing:border-box;
  border:1px solid var(--wiz-input-border);
  border-radius:3px;
  padding:.25rem;
  font-family:inherit;
  font-size:inherit;
}
.wiz_input:focus, .wiz_select:focus {
  border:1px solid var(--wiz-input-border-focus);
}
.wiz_input {
  box-shadow:inset 0 1px 4px var(--wiz-input-border);
  text-align:left;
}
.wiz_input, .wiz_select {
  margin:-0.3rem 0 -0.3rem 0;
}
.wiz_select, .wiz_label {
  background-color:var(--block-back);
}
.wiz_label {
  pointer-events:none;
  border:0;
  text-decoration:none;
  color:var(--main-txt);
}
.wiz_button,
.wiz_button_round,
.wiz_button_img {
  font-weight:bold;
  border:0;
  text-decoration:none;
  cursor:pointer;
  margin:.1rem;
}
.wiz_button {
  background-color:var(--wiz-button-back);
  color:var(--wiz-button-txt);
  padding:0.5em 1em;
  margin:0 auto;
}
.wiz_button:hover {
  cursor:pointer;
  background-color:var(--wiz-button-back-hover);
}
.wiz_button:active {
  background-color:var(--wiz-button-back-active);
}
.wiz_button[disabled],
.wiz_button_disabled,
.wiz_button_disabled:hover,
.wiz_button_disabled:active {
  background-color:var(--wiz-button-back-disabled);
  color:var(--wiz-button-txt) !important;
  pointer-events:none;
  cursor:not-allowed;
}
.wiz_button_round {
  margin:.35rem auto;
  padding:.25rem;
  background-color:var(--block-back);
}
.wiz_button_round:hover,
.wiz_button_img:hover {
  cursor:pointer;
  box-shadow:0px 0px 3px 3px var(--block-shadow-hover);
}
.wiz_button_round:active,
.wiz_button_img:active {
  box-shadow:0 0 0 1px var(--wiz-input-border-focus);
}
.wiz_button_cancel {
  color:var(--wiz-button-cancel);
}

/*-----------------
 * Modal dialog
 */
.modalBackground {
  position:fixed;
  left:0;
  top:0;
  height:100%;
  width:100%;
  z-index:99999;
  background:rgba(0,0,0,0.5);
}
.modalDialog {
  margin:.35rem auto;
  padding:0;
  background-color:var(--block-back);
  box-shadow:2px 2px 7px var(--block-shadow-dark);
  border-radius:5px 5px 5px 5px;
  text-align:center;
  vertical-align:middle;
  box-sizing:border-box;
  position:absolute;
  max-height:95vh;
}
.modalTitle {
  font-family:"Open Sans", Arial, sans-serif;
  font-size:.9rem;
  font-weight:bold;
  background-color:var(--wiz-modal-title-back);
  color:var(--wiz-modal-title-txt);
  padding:.25rem;
  margin:0;
  border-radius:4px 4px 0 0;
  cursor:grab;
}
.modalTitle:active {
  cursor:grabbing;
}
.modalInner {
  overflow-y:auto;
  overflow-x:hidden;
  max-height:85vh;
  min-width:25rem;
  padding:.4rem;
}
.wiz_modalbox {
  position:relative;
  margin:0;
  padding:0;
  background-color:var(--block-back);
}
.wiz_button_closebox {
  cursor:pointer;
  position:absolute;
  right:.25rem;
  top:.25rem;
}
.wiz_button_closebox_norm, .wiz_button_closebox:hover .wiz_button_closebox_hover {
  width:1rem;
  height:1rem;
  display:block;
}
.wiz_button_closebox_hover, .wiz_button_closebox:hover .wiz_button_closebox_norm {
  width:1rem;
  height:1rem;
  display:none;
}

/*-----------------
 * Spinner
 */
.wiz_spinner_back {
  position:fixed;
  left:0;
  top:0;
  height:100%;
  width:100%;
  z-index:100000;
}
.wiz_spinner_item {
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  color:#0099ff;
}

/*-----------------
 * Medidas de rejilla
 */
.wiz_100 { width:100%; }
.wiz_95  { width:95%; }
.wiz_90  { width:90%; }
.wiz_85  { width:85%; }
.wiz_80  { width:80%; }
.wiz_75  { width:75%; }
.wiz_70  { width:70%; }
.wiz_66  { width:66.6666%; }
.wiz_65  { width:65%; }
.wiz_60  { width:60%; }
.wiz_55  { width:55%; }
.wiz_50  { width:50%; }
.wiz_45  { width:45%; }
.wiz_40  { width:40%; }
.wiz_35  { width:35%; }
.wiz_33  { width:33.3333%; }
.wiz_30  { width:30%; }
.wiz_25  { width:25%; }
.wiz_225 { width:22.5%; }
.wiz_20  { width:20%; }
.wiz_175 { width:17.5%; }
.wiz_16  { width:16.6666%; }
.wiz_15  { width:15%; }
.wiz_125 { width:12.5%; }
.wiz_10  { width:10%; }
.wiz_075 { width: 7.5%; }
.wiz_05  { width: 5%; }
.wiz_025 { width: 2.5%; }

/*-----------------
 * Font sizes
 */
.wiz_form_big {
  height:2.5rem;
  font-size:1rem;
}
.wiz_form_medium {
  height:2rem;
  font-size:.9rem;
}
.wiz_form_small {
  height:1.7rem;
  font-size:0.8rem;
}
.wiz_small {
  font-size:.8rem;
}
.wiz_medium {
  font-size:.9rem;
}
.wiz_big {
  font-size:1rem;
}
.wiz_bigger {
  font-size:1.2rem;
}
.wiz_center {
  text-align:center;
  vertical-align:middle;
}
.wiz_left {
  text-align:left !important;
}
.wiz_right {
  text-align:right !important;
}
/*-----------------
 * Img sizes
 */
.wiz_i16 { width:1rem; }
.wiz_i22 { width:1.375rem; }
.wiz_i32 { width:2rem; max-height:2rem;}
.wiz_i48 { width:3rem; }
.wiz_i64 { width:4rem; }
.wiz_i128 { width:8rem; }

/*-----------------
 * Última regla, mayor prioridad
 */
.wiz_hidden, .wiz_field_Hidden {
  display:none;
}