#paginaprincipal.home {
  overflow-y: hidden;
}

.ui-widget,
.ui-widget select {
  font-family: 'Roboto' !important;
}

.ui-pnotify.error {
  max-width: 50vw;
  min-width: 50vw;
  left: 25vw;
  top: 10vh;
  max-height: 80vh;
}

.message_alert {
  border-radius: 0px;
}

span.label {
  border-radius: 0px;
}

.customer-ticket-type {
  border-radius: 0px;
}

.lote-estado {
  border-radius: 0px;
}

.note,
.contacto {
  border-radius: 0px;
}

.polaris_popup {
  border-radius: 1em;
}

/** Menues **/
#pmenu {
  list-style-type: none;
  width: 100%;
  padding: 0px;
  margin: 0px;
  vertical-align: middle;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

#pmenu li a {
  transition: all 1s cubic-bezier(.25, .8, .25, 1);
}

.submenu {
  width: 100%;
  box-sizing: border-box;
  top: 32px;
}

.submenu ul li a.ancho {
  font-size: 1.5em;
  border-bottom: 1px solid #ccc;
  display: block;
  margin-right: 1em;
  margin-bottom: 0.5em;
  margin-top: 0.5em;
  padding-bottom: 0.5em;
}

.submenu ul li a.ancho:hover {
  text-decoration: none;
  border-bottom-color: black;
}

.submenu ul li ul li a.ancho {
  font-size: 1.25em;
  border-bottom-color: #ddd;
}

.submenu ul li.unico a {
  font-size: 1em;
  font-weight: bold;
  padding: 1em;
  border: none;
  text-transform: uppercase;
  margin-bottom: 0.5em;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  margin-right: 1em;
  border-radius: 4px;
  border: 1px solid;
  transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
}

.submenu ul li ul li {
  padding: 0.25em;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}

.submenu ul li ul li a {
  width: 10vw;
  min-width: 200px;
  transition: all 1s cubic-bezier(.25, .8, .25, 1);
}

.menu-star {
  vertical-align: top;
  margin-top: 3px;
  display: inline-block;
}

.menu-leaf {
  /*margin-bottom:0.5em;*/
  vertical-align: middle;
}

.submenu ul li {
  margin-right: 0.5em;
}

.submenu ul li ul li {
  display: block;
  /*width: 12vw;*/
  min-width: 220px;
  line-height: 1.5em;
  box-sizing: content-box;
  transition: all 1s cubic-bezier(.25, .8, .25, 1);
}

.submenu ul li.unico a:hover,
.submenu ul li.unico a:active,
.submenu ul li.unico a:focus {
  /* border:none; */
  text-decoration: none;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

.submenu ul li ul li ul {
  margin-left: 0.5em;
  padding-left: 0em;
  margin-top: 1em;
}

.submenu ul li ul li a.menu-on {
  font-weight: bold;
}



.columns-container {
  -moz-column-count: 1 !important;
}

.columns-container li {
  display: inline-block;
  float: left;
}

.columns-container li li {
  display: inline-block;
  float: none;
}

/** Inputs **/
input[type="button"],
input[type="submit"],
.fake_button,
button {
  border-radius: 4px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  text-transform: uppercase;
  font-weight: bold;
  transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
}

button {
  font-size: 1em;
}

input[type="button"]:hover,
input[type="submit"]:hover,
.fake_button:hover,
button:hover {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

.fake_button {
  display: inline-block;
  cursor: pointer;
  margin-right: 0.5em;
  margin-bottom: 0.5em;
}

.fake_button i {
  margin-right: 0.5em;
}

.fake_button.small_button {
  min-width: auto;
  background: #444;
}

.fake_button.small_button i {}

input[type="number"] {
  width: 6em;
}

select.auto_width {
  min-width: auto;
}

textarea {
  min-width: 30vw;
  min-height: 10vh;
  line-height: 1.5em;
}

.contact {
  border-radius: 0px;
  border: none;
  min-width: 2em;
}

.contact.small {
  text-align: center;
}

table h1 {
  font-family: 'Lato';
}

/** Menu **/
h1.section,
h3.section {
  letter-spacing: 0px;
  border-bottom: none;
  font-family: 'Lato';
  padding: 0;
  animation-name: fadeInDown;
  animation-duration: 1s;
  animation-fill-mode: none !important;
  text-transform: uppercase;
  font-size: 2.5em;
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}

#general_search_box {
  display: inline-block;
  margin-left: 1em;
}

/** Functions **/

/** Tablas en general **/
table thead tr th {
  /*box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);*/
}

/** Querybrowser **/
#querybrowser {
  border-radius: 0px;
}

.querybrowser thead th {
  /*border-right:1px solid;*/
  padding-top: 1em;
  padding-bottom: 1em;
  text-align: left;
}

.querybrowser thead th:last-child {
  border-right: inherit;
}

.querybrowser tbody tr.qbrow td,
.stripped tbody tr td {
  /*border-right:1px solid;*/
  /*
  padding-top: 0.75em;
  padding-bottom: 0.75em;
  */
}

.querybrowser tbody tr.qbrow td {
  vertical-align: top;
}

.querybrowser tfoot {
  border: 1px solid;
}

.material-big-button {
  border: 0px !important;
  width: 4em !important;
  height: 4em !important;
  margin-left: 1.5em;
  margin-right: 1.5em;
  border-radius: 50%;
  position: absolute;
  bottom: 50px;
  right: 0;
  padding: 0px;
  z-index: 2;
}

body.menu_bars .material-big-button {
  /*  top: 6em;*/
}

.material-big-button:hover {
  text-decoration: none;
}

.material-big-button.button-add:after {
  content: '+';
  display: block;
  text-align: center;
  margin-top: 0em;
  font-size: 3em;
  line-height: 1.28em;
}

.r_entity_file_button {
  border: 0px !important;
  width: 2em !important;
  height: 2em !important;
  margin-left: 1em;
  margin-right: 1em;
  border-radius: 50%;
  position: absolute;
  bottom: 50px;
  right: 22px;
  text-align: center;
  margin-top: 0em;
  font-size: 3em;
  line-height: 0.5em;
  background-color: #f84;
  cursor: pointer;
}

.r_entity_file_button:hover,
.r_entity_file_button.empty:hover,
.r_entity_file_button.hasFiles:hover {
  text-decoration: none;
  animation: pulse;
  animation-duration: 0.5s;
}

.r_entity_file_button .counter {
  font-size: 0.75em;
  margin-top: 0.75em;
  color: white;
  cursor: pointer;
  font-weight: bold;
}

.r_entity_file_button .icon {
  font-size: 0.3em;
  cursor: pointer;
  display: block;
  text-align: center;
  width: 100%;
  color: white;
  font-weight: bold;
}

.r_entity_file_button.empty {
  background: #ccc;
  animation: fadeInDown;
  animation-duration: 1s;
}


.r_entity_file_button.empty div {
  color: #888;
}

.r_entity_file_button.hasFiles {
  background: #444;
  animation: flipInX;
  animation-duration: 1s;
}

.r_entity_file_button.vencidos {
  background: #F00;
  animation: fadeInDown;
  animation-duration: 1s;
}

.r_entity_file_list td {
  vertical-align: top;
}

.r_entity_file_list .icon-vigente::before {
  color: #080;
  font-family: 'Font Awesome 5 Pro';
  font-weight: bold;
  content: '\f274';
}

.r_entity_file_list .icon-vencido::before {
  color: #F00;
  font-family: 'Font Awesome 5 Pro';
  font-weight: bold;
  content: '\f273';
}

.r_entity_file_list .icon-suspendido::before {
  color: #888;
  font-family: 'Font Awesome 5 Pro';
  font-weight: bold;
  content: '\f273';
}

.r_entity_file::before {
  width: 6em;
  display: inline-block;
  font-size:0.9em;
  font-weight: bold;
  text-align: center;
}

.r_entity_file.verificado::before {
  content: 'Verificado';
  background: #42C0FB;
  padding: 0.5em;
  color: white;
  border-radius: 4px;
}

.r_entity_file.suspendido::before {
  content: 'Suspendido';
  background: #888;
  padding: 0.5em;
  color: white;
  border-radius: 4px;
}

.r_entity_file.sin_verificar::before {
  content: 'Sin verificar';
  background: #C84;
  padding: 0.5em;
  color: white;
  border-radius: 4px;
}

.r_entity_file.vencido::before {
  content: 'Vencido';
  background: #F00;
  padding: 0.5em;
  color: #FFF;
  border-radius: 4px;
}

.button-whatsapp:after {
  content: '';
  width: 1em;
  height: 1em;
  background-image: url('icons/whatsapp.png');
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  text-align: center;
  margin-top: 0em;
  margin-left: 0.5em;
  font-size: 1.5em;
  line-height: 2em;
  vertical-align: middle;
}

.button:hover {
  text-decoration: none;
}

.button.button-kill::before {
  font-family: 'Font Awesome 5 Pro';
  color: #f00;
  content: '\f1e2';
  display: flex;
  text-decoration: none;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 16px;
  height: 16px;
}


#busqueda_avanzada {
  height: auto;
  min-width: 30vw;
  max-height: 50vh;
  max-width: 95vw;
}

#busqueda_avanzada select {
  /*width: 100%;*/
}

.icon-toolbar a {
  border-radius: 0px;
}

/** Icon toolbar for QB **/
.icon-toolbar a {
  /*box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);*/
}

.icon-toolbar a:hover {
  border: 1px solid #ccc;
  background-color: #e6e6e6 !important;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

.button.fa {
  background: white !important;
}

.button.fa:hover {
  text-decoration: none;
}

.button.fa::before {
  text-align: center;
  display: flex;
  font-family: 'Font Awesome 5 Pro';
  width: 16px;
  height: 16px;
  justify-content: center;
  align-items: center;
}


td.fa-icon::before,
.fa-icon::before {
  text-align: center;
  display: flex;
  font-family: 'Font Awesome 5 Pro';
  width: 16px;
  height: 16px;
  justify-content: center;
  align-items: center;
}

/** Asi deberian ser los nuevos iconos **/
.fa-icon.all::before,
.button.fa.all::before {
  color: #0000CC;
  content: "\f00c";
}

.fa-icon.none::before,
.button.fa.none::before {
  color: #880000;
  content: "\f00d";
}

.fa-icon.split-date::before,
.button.fa.split-date::before {
  color: #008888;
  content: "\f271";
}

.fa-icon.reload::before,
.button.fa.reload::before {
  color: #008800;
  content: "\f2f1";
}

.fa-icon.close::before,
.button.fa.close::before {
  color: #000;
  content: "\f00d";
}

.fa-icon.config::before,
.button.fa.config::before {
  color: #f80;
  content: "\f7d9";
}

button.fa-icon {
  color: white;
  min-width: auto;
}

button.fa-icon::before {
  color: white !important;
}

/** Selection box **/
#selection_box_message {
  display: inline-block;
}

.selection-box .icon-toolbar {
  float: none;
  /*display: block;*/
  margin-bottom: 0.5em;
}

.selection-box .icon-toolbar a:first-child {
  margin-left: 0;
}

.icon-toolbar {
  display: flex;
}

.icon-toolbar a {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
}

.icon-toolbar a::before {
  font-family: 'Font Awesome 5 Pro';
  font-size: 16px;
}

.icon-exportar::before {
  content: '\f56d';
  color: #f80;
}

.icon-wms-in,
.icon-wms-out {
  border-radius: 4px;
  padding:0.5em;
  font-size: 0.8em;
  font-weight: bold;
}

.icon-wms-in.tiny,
.icon-wms-out.tiny {
  font-size:0.65em;
  margin-top:0.5em;
  display: inline-block;
}

.icon-wms-in.header,
.icon-wms-out.header {
  font-size: 1em;
  display: block;
}

.icon-wms-in {
  color: white;
  background: #080;
}

.icon-wms-out {
  color: white;
  background: #800;
}

.icon-wms-in::after {
  content: " INGRESO";
}

.icon-wms-out::after {
  content: " EGRESO";
}

.icon-wms-in::before,
.icon-wms-out::before {
  font-family: 'Font Awesome 5 Pro';
  font-size: 1.25em;
  font-weight: bold;
}

.icon-wms-in::before {
  content: '\f0da';
}

.icon-wms-out::before {
  content: '\f0d9';
}

/** General tables **/
td.label,
.viewdata .label {
  vertical-align: top;
}

td.label.shrink {
  min-width: 0;
}

th {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  font-size: 0.85em;
}

/** TAGS & Indicators **/
ul.tags li {
  min-width: 1em;
  text-align: left;

}

.top ul.tags li {
  vertical-align: top;
}

.estado {
  min-width: 1em;
  width: 1em;
  /*padding: 0.5em;*/
}

h1.section span.estado_alterno,
h3.section span.estado_alterno {
  border: 1px solid;
  float: right;
  padding: 0.5em;
  font-size: 0.75em;
  margin-left: 0.5em;
}

h3>.estado,
h1>.estado {
  margin-right: 0.5em;
}

ul.tags.left-margin {
  margin-left: 30% !important;
}

/** Horizontal Toolbar format **/
.toolbar a span.accesskey::before,
.vertical-toolbar a span.accesskey::before {
  content: '(';
}

.toolbar a span.accesskey::after,
.vertical-toolbar a span.accesskey::after {
  content: ')';
}

.toolbar a span.accesskey,
.vertical-toolbar a span.accesskey {
  margin-left: 0.5em;
}

.ui-pnotify-closer,
.ui-pnotify-sticker {
  visibility: hidden;
}

input[type="button"].outline {
  border: 2px solid #000;
  color: #000;
  background: none;
  box-shadow: none;
}

input[type="button"].outline.gray {
  border-color: #888;
  color: #888;
}

input[type="button"].outline:hover,
input[type="button"].outline:focus {
  border-color: #000;
  background: #000;
  color: white;
}

button.ui-button {
  background: none !important;
  background-color: transparent !important;
  border-color: rgba(0, 0, 0, 0.7) !important;
  color: rgba(0, 0, 0, 0.7) !important;
  ;
  font-weight: bold !important;
}

.ui-pnotify .ui-state-error button {
  background: #f44 !important;
  background-color: #f44 !important;
  border-color: #f44 !important;
  color: white !important;
  border-radius: 0;
  min-width: 8em;
  padding: 0.5em;
}

.ui-pnotify .ui-state-error a {
  color: #f44 !important;
  font-weight: bold;
}


.ui-pnotify.rollback .ui-state-error button {
  background: #44f !important;
  background-color: #44f !important;
  border-color: #44f !important;
  color: white !important;
  border-radius: 0;
  min-width: 8em;
}

.vertical-toolbar.pad_toolbar {
  width: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  background: none;
  border: none;
  margin-top: 2em;
  padding: 0;
  justify-content: space-between;
}

.vertical-toolbar.pad_toolbar>div {
  width: calc(50% - 0.5em);
  display: inline-block;
  box-sizing: border-box;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  margin-bottom: 0.5em;
}

.vertical-toolbar.pad_toolbar div.fullwidth {
  width: 100%;
  margin: 0;
  margin-bottom: 0.5em;

}

.vertical-toolbar.pad_toolbar a.jquery-button {
  background: none;
  border: none;
  vertical-align: middle;
  padding: 1em;
  min-height: 3em;
  box-sizing: border-box;
  height: 100%;
}

.vertical-toolbar a.jquery-button {
  width: 100%;
}

.vertical-toolbar.icons a.jquery-button {
  padding-right: 2em;
  box-sizing: border-box;
}

.vertical-toolbar a.jquery-button .button {
  position: absolute;
  right: 0;
  top: 0;
  height: 19px;
  border-left: #AAA dashed 1px;
}

.vertical-toolbar.lefty a {
  text-align: left;
}

.pad_selector {
  width: 100%;
  min-height: 50%;
  display: flex;
  flex-direction: column;
  margin-top: 1em;
  margin-bottom: 1em;
}

.pad_selector.empty {
  color: gray;
}

.pad_selector input[type="checkbox"],
.pad_selector input[type="radio"] {
  display: none;
}

.pad_selector input[type="checkbox"]+span.btn.fullwidth,
.pad_selector input[type="radio"]+span.btn.fullwidth {
  text-align: left;
}

.pad_selector input[type="checkbox"]+span,
.pad_selector input[type="radio"]+span {
  background: white;
}

.pad_selector input[type="checkbox"]+span .pad_selector_label,
.pad_selector input[type="radio"]+span .pad_selector_label {
  margin-left: 2em;
}

.pad_selector input[type="checkbox"]:checked+span,
.pad_selector input[type="radio"]:checked+span {
  background: #004;
  color: white;
}

.pad_selector input[type="checkbox"]+span .pad_selector_label:before,
.pad_selector input[type="radio"]+span .pad_selector_label:before {
  font-family: "Font Awesome 5 Pro";
  position: absolute;
  left: 0.5em;
  font-size: 1.5em;
  height: 100%;
  vertical-align: middle;
  display: block;
}

.pad_selector label {
  margin-top: 0;
  margin-bottom: 0;
}

.pad_selector input[type="checkbox"]+span .pad_selector_label:before {
  content: '\f0c8';
}

.pad_selector input[type="checkbox"]:checked+span .pad_selector_label:before {
  content: '\f14a';
  font-weight: 900;
}

.pad_selector input[type="radio"]+span .pad_selector_label:before {
  content: '\f111';
}

.pad_selector input[type="radio"]:checked+span .pad_selector_label:before {
  content: '\f192';
  font-weight: 900;
}

/** Sidewindow on right **/
#u_sidewindow {
  right: 0;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  box-sizing: border-box;
  padding-bottom: 2em;
}

#u_sidewindow.frombottom {
  right: auto;
  top: auto;
  left: 0;
  bottom: 0;
  width: 100vw;
  height: 80vh;
  max-width: none;
  min-width: none;
}

#u_sidewindow.u_alerts {
  background: var(--u_alert-background-transparent);
  border: none;
  display: block;
}

/** loading **/
.load-bar {
  position: relative;
  margin-top: 20px;
  width: 100%;
  height: 6px;
}

.load-bar .bar {
  content: "";
  display: inline;
  position: absolute;
  width: 0;
  height: 100%;
  left: 50%;
  text-align: center;
}

.load-bar .bar:nth-child(1) {
  animation: loading 1s linear infinite;
}

.load-bar .bar:nth-child(2) {
  animation: loading 1s linear 0.3s infinite;
}

.load-bar .bar:nth-child(3) {
  animation: loading 1s linear 0.6s infinite;
}

@keyframes loading {
  from {
    left: 50%;
    width: 0;
    z-index: 100;
  }

  33.3333% {
    left: 0;
    width: 100%;
    z-index: 10;
  }

  to {
    left: 0;
    width: 100%;
  }
}


/** Toolbars **/

.toolbar a.ui-button {
  /*text-transform: uppercase;*/
}

.toolbar {
  border: 0px !important;
}

.toolbar div a.ui-button {
  margin-right: 0.5em;
  margin-top: 0.5em;
  border-radius: 0px;
}

.ui-tabs {
  /*margin-left:1em;*/
}

.ui-tabs .ui-tabs-anchor {
  font-size: 1.1em;
}

.ui-tabs .ui-tabs-nav {
  border: none;
  border-radius: 0px;
  overflow-x: scroll;
  white-space: nowrap;
}

.ui-tabs {
  border: none;
  border-radius: 0px;
  padding-left: 0px;
}

.ui-tabs h3.subsection:first-child {
  display: none;
}

.ui-tabs .ui-tabs-panel {
  padding-left: 0em;
}


.ui-tabs-nav li {
  border-radius: 0px;
  border: 0px !important;
  background: rgba(0, 0, 0, 0.05) !important;
  margin: 0px !important;
  text-transform: uppercase;
  font-weight: bold;
  float: none !important;
  display: inline-block;

}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  padding-bottom: 0px;
}

.ui-tabs-nav li a:hover {
  background: RGBA(0, 0, 0, 0.1);
  transition: all 1s cubic-bezier(.25, .8, .25, 1);
}

.ui-tabs-nav li.ui-tabs-active a {
  animation: fade;
  animation-duration: 0.3s;
}

.ui-tabs-nav li a {
  outline: 0;
  font-weight: bold;
  padding: 1em 1em !important;
}

.ui-tabs-nav li.ui-tabs-active a {
  font-weight: bold;
  background: RGBA(0, 0, 0, 0.1);
  border-bottom: 2px solid;

}

.word_to_action, .word_to_action:focus, .word_to_action:active, .word_to_action:hover {
  display: inline-block;
  width: auto;
  padding: 0.5em;
  border: none;
  color: #40a;
  font-weight: bold;
  text-transform: uppercase;
  border-radius: 2px;
  box-shadow: none;
  /*float: right;*/
  cursor: pointer;
  background-color: transparent !important;
  background-image: none;
}

.call_to_action,
input[type='button'].call_to_action {
  margin-top: 2em !important;
  margin-right: 0.5em;
  display: inline-block;
  width: auto;
  padding: 0.75em;
  border: 2px solid #000;
  font-weight: bold;
  text-transform: uppercase;
  border-radius: 2px;
  /*float: right;*/
  cursor: pointer;
  background-color: transparent !important;
  background-image: none;
}

.call_to_action.nomarginup,
input[type='button'].call_to_action.nomarginup {
  margin-top: 0.5em !important;
}

.call_to_action:hover,
input[type='button'].call_to_action:hover {
  background-color: #00000022 !important;
  text-decoration: none;
  transition: all 200ms ease-in;
}

/** Alertas */
#paginaprincipal.home .u_alert_list.has_alerts div#titlebutton {
  display: none;
}

#paginaprincipal.home .u_alert_list.has_alerts div#videos-wrapper {
  display: none;
}

span.inline-help::after {
  content: '?';

}

h1.section span.total,
h3.section span.total {
  float: right;
}

span.inline-help {
  width: 1.25em;
  height: 1.25em;
  display: inline-block;
  border-radius: 1em;
  text-align: center;
  margin-left: 0.5em;
  cursor: pointer;
  float: right;
}

.input_number,
input[type=number] {
  text-align: right;
}

.input_number.marked,
input[type=number].marked {
  background-position: 0.5em;
}


/** Special checkboxes **/

label.checkbox_label>input+span.checkbox_text_label {
  padding: 0.5em;

}

label.checkbox_label>input+span.checkbox_text_label::before {
  content: " ";
  margin-right: 0.25em;
  padding: 0.25em;
  border: 1px solid #ccc;
  display: inline-block;
  width: 0.5em;
  height: 0.5em;
  vertical-align: middle;
}

label.checkbox_label>input:checked+span.checkbox_text_label::before {
  background: #C62200;
}

label.checkbox_label>input:checked+span.checkbox_text_label {
  font-weight: bold;
}

label.checkbox_label {
  vertical-align: middle;
}

label.checkbox_label>input {
  display: none;
}

.cards_view {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: stretch;
  justify-content: space-between;
  align-items: stretch;
}

.cards_view .card {
  width: 15vw;
  min-height: 20vh;
  max-height: 25vh;
  border: 1px solid;
  padding: 1em;
  margin-right: 1em;
  margin-bottom: 1em;
  display: flex;
  text-align: center;
  flex-direction: column;
  justify-content: flex-start;
  background: white;
  align-items: flex-start;
  align-content: space-between;
  border-radius: 4px;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
}

.cards_view .card .show_data {
  font-weight: bold;
  font-size: 2em;
}

.cards_view .card .title {
  display: block;
  font-size: 2em;
  text-align: center;
  margin-bottom: 0.5em;
}

.cards_view .card .description {
  text-align: center;
}

.cards_view a.card {
  text-decoration: none;
}

.top {
  vertical-align: top;
}

#parametersh tr td {
  vertical-align: top;
}

.fichada_IN,
.fichada_OUT {
  text-align: center;
  display: inline-block;
  width: 3em;
  padding: 0.25em;
}


#sidewindow_wrapper .message {
  max-width: 50%;
}

.numeric_indicator.right {
  float: right;
}


td.week_indicator {
  min-width: 3em;
  max-width: 3em;
  text-align: center;
}

.inline_top {
  display: inline-block;
  vertical-align: top;
}


.file_small_image {
  display: block;
  width: 3vw;
  height: 3vh;
  border: 1px solid #ccc;
  background: white;
  padding: 0.5em;
  text-align: center;
  margin-left: 0.5em;
  float: right;
}

.file_small_image img {
  max-width: 3vw;
  max-height: 3vh;
}


.file_image {
  display: block;
  width: 15vw;
  height: 15vh;
  border: 1px solid #ccc;
  padding: 0.5em;
  text-align: center;
  margin-left: 0.5em;
}

.file_image img {
  max-width: 15vw;
  max-height: 15vh;
}


#loading_message .joke {
  display: inline-block;
  margin-bottom: 1em;
}


.centered {
  text-align: center;
}

.uppercase {
  text-transform: uppercase;
}

span.level.k_cuenta::before {
  content: "»";
  color: #aaa;
}

span.level.k_cuenta {
  width: 0.75em;
  display: inline-block;
}


.bigContainer {
  width: 98%;
  box-sizing: border-box;
  text-align: left;
  padding: 1em;
  margin-bottom: 1em;
}

.bigContainer .big {
  font-size: 1.5em;
}

td[data-label='Comprobante'] {
  white-space: nowrap;
}

input.changedData,
select.changedData {
  /*falta algun estilo aca*/
}

.u_signature div.status,
.u_signature div.stamp {
  text-align: left;
}

.u_signature {
  text-align: left;
  vertical-align: top;
  min-width: 200px;
}

.u_signature div.status {
  padding: 0.5em;
  border-radius: 0.25em;
  display: inline-block;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  border: 1px solid;
  text-transform: uppercase;

}

.u_signature_collection .signature_type_container {
  margin-top: 1em;
  margin-bottom: 3em;
}

.u_signature_collection .signature_type_container.signature_type_1:before {
  content: 'Firmas';
  display: block;
  font-size: 1.5em;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 0.5em;
}

.u_signature_collection .signature_type_container.signature_type_2:before {
  content: 'Autorizadores directos';
  display: block;
  font-size: 1.5em;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 0.5em;
}

.u_signature_collection {
  vertical-align: top;
}

.u_signature_collection .u_signature {
  border-radius: 4px;
}

.u_signature_collection div.user-rendered {
  margin: 0;
  padding: 0.5em;
  width: 100%;
  box-sizing: border-box;
}

.u_signature_collection .user a {
  width: 100%;
  display: block;
  box-sizing: border-box;
}

.u_signature_collection .u_signature.autorizador.directo .status {
  border: 2px solid;
  font-weight: bold;
}

textarea.likeGmail,
.likeGmail {
  min-height: 4em;
  /*max-width: 40%;*/
  min-width: 25vw;
  font-size: 1.25em;
}


textarea:focus.likeGmail {
  /*height: 50vh;*/
}

.debug td {
  vertical-align: top;
}

.big {
  font-size: 2em !important;
}


ul.sortable {
  padding: 0px;
}

.sortable li {
  list-style-type: none;
  padding: 0.25em;
  border: 1px solid #ccc;
  background: white;
  margin-bottom: 0.5em;
  font-size: 1.2em;
  cursor: pointer;
  position: relative;
  vertical-align: top;
  display: flex;
}

.sortable li div.sortable-icon:before {
  content: '\2630';
  color: #888;
}

.sortable li div.sortable-icon {
  width: 1em;
  display: inline-block;
  vertical-align: top;
  margin-top: 0.5em;
}

.sortable li div.data {
  display: inline-block;
  vertical-align: top;
  width: 100%;
}


.customer_ticket_list_icon {
  margin-left: 0.25em;
  border: 1px solid #ddd;
  padding: 0.15em;
  border-radius: 0.25em;
  background: rgba(255, 255, 255, 0.5)
}

td[data-label="Novedad"] .module {
  font-weight: normal !important;
  font-size: 1em;
  border: 1px solid #CCC;
  color: #888;
  padding: 0.25em;
  border-radius: 4px;
  display: inline-block;
  margin-top: 0.5em;
  text-transform: uppercase;
}

ul.tags.tiny.matrix {
  display: flex;
  flex-flow: row wrap;
  width: 30vw;
  align-content: start;
  max-height: none;
}

.tags.tiny.matrix li {
  min-width: 5vw;
  max-height: 5vh;
  display: block;
  max-width: 5vw;
}

#global_message {
  position: absolute;
  bottom: 0;
  left: auto;
  text-align: center;
  display: inline-block;
  background: #fff;
  padding: 1em;
  border: 1px solid gray;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
}

#global_message.danger {
  background: #faa;
  color: #800;
  border-color: #800;
  font-weight: bold;
}

#global_message.warning {
  background: #ffa;
  color: #880;
  border-color: #880;
}

#global_message.success {
  background: #afa;
  color: #080;
  border-color: #080;
}

.emoji-icon {
  font-size: 2em;
  font-variant: normal;
}

table.diner_address tr td:first-child {
  font-weight: bold;
  text-align: left;
}

table.diner_address tr:first-child td:first-child {
  text-align: left;
  font-size: 1.25em;
}

.toolbar.ui-bar {
  margin-top: 0px;
  overflow-x: auto;
  background: #CCC !important;
  padding: 0px;
  display: inline-block;
  white-space: nowrap;
  max-width: 100%;
}

.toolbar.ui-bar div a {
  background: none !important;
  box-shadow: none !important;
  border: none !important;
  margin: 0em;
  text-transform: uppercase;
  font-weight: bold;
  color: #444;
  font-size: 0.9em;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}

.toolbar.ui-bar div a:hover {
  background: rgba(0, 0, 0, 0.1) !important;
}

.toolbar.ui-bar div a .accesskey {
  display: none;
}



/** Agregado para mejorar el menu visualmente para MOMA */

.submenu img {
  display: none;
}

.submenu .ancho {
  text-transform: uppercase;
  padding-top: 1em;
}

.submenu ul li .menu-leaf div.menu-star {
  margin-left: 1em;
  margin-right: 0.5em;
  float: right;
}

.submenu ul li li.menu-leaf {
  border-bottom: 1px solid #ddd;
  padding-top: 1em;
  padding-bottom: 1em;
  font-size: 1em;
}

.submenu ul li li.menu-leaf:last-child {
  border-bottom: none;
}

.submenu ul li li.menu-leaf:hover {
  background: rgba(0, 0, 0, 0.05) !important;
  color: black;
}

.submenu ul li li.menu-leaf:hover a {
  color: black !important;
}

.submenu .break {
  height: 0px;
}

.submenu ul li ul li a {
  width: auto;
}

.submenu ul li ul {
  margin-top: 0px;
}

.submenu ul li a.ancho {
  margin-bottom: 0px;
  font-weight: normal;
}

.submenu ul li ul li a.menu-on {
  color: #000 !important;
}

.jquery-button.fsm {
  text-transform: uppercase;
  padding-top: 0.75em;
  padding-bottom: 0.75em;
}

.fsm-buttons {
  margin-top: 1em;
}

table.generic_object td {
  vertical-align: top;
  border: 1px solid #ccc;
  padding: 0.5em;
}


.fsm-state-list {
  position: relative;
  cursor: pointer;
  text-align: left;
  min-width: 5vw;
}

.fsm-state-list .fsm-actual-state {
  padding-bottom: 0.5em;
  padding-top: 0.5em;
  text-transform: capitalize;
}

.fsm-state-list .fsm-possible-states {
  display: none;
  border: 1px solid #ccc;
  position: absolute;
  left: 0;
  z-index: 5;
  animation: fadeIn;
  animation-duration: 0.5s;
  text-align: left;

  min-width: 5vw;
}

.fsm-state-list .fsm-possible-states .fsm-possible-state {
  padding: 0.5em;
  background: white;
  margin: 0;
  display: block;
  cursor: pointer;
  z-index: 5;
  min-width: 10vw;
  text-transform: capitalize;
}

.fsm-state-list .fsm-possible-states .fsm-possible-state:hover {
  background: #eee;
}

.fsm-state-list:hover .fsm-possible-states {
  display: inline-block;
  position: absolute;
}

input[type=text].x_autocomplete {
  width: 30em;
}

.autocomplete.loaded_values {
  margin-top: 0.5em;
  max-height: 10em;
  overflow-y: scroll;
}

.autocomplete.loaded_values.simple {
  overflow-y: hidden;
}

.autocomplete.loaded_values .value {
  border: 1px solid;
  padding: 0.5em;
  margin-bottom: 0.5em;
  position: relative;
  padding-right: 2em;
  width: 30em;
  box-sizing: border-box;
}

.autocomplete.loaded_values .value .button-cancel {
  position: absolute;
  right: 0;
  top: 0;
  border: none;
}

.autocomplete.counter {
  color: gray;
  font-size: 1em;
  padding: 0.25em;
  margin: 0;

}

#menu-bars {
  position: absolute;
  top: 0.175em;
  right: 0.175em;
  width: 4em;
  height: 4em;
  z-index: 3;
  cursor: pointer;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #666;
  border-radius: 50%;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  animation: flipInY;
  animation-duration: 0.5s;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-grow: row;
  flex-wrap: nowrap;
}

#menu-bars .fa {
  display: block;
  color: white;
  font-size: 2em;
}


body.menu_bars #pagina table.structure td.structure.pagecontainer {
  display: flex;
  width: 100% !important;
  height: 100vh;
  box-sizing: border-box;
  justify-content: center;
}

body.menu_bars #paginaprincipal {
  display: block;
  width: calc(100% - 1em);

}


#u_sidewindow h1.section,
#u_sidewindow h3.section {
  animation: none;
  font-size: 1.2em !important;
}


#u_sidewindow h1.section small,
#u_sidewindow h3.section smal {
  color: black;
}



.checkbox_selector_container {
  max-width: 50%
}

.checkbox_selector {}

.checkbox_selector input[type=checkbox] {
  display: none;
}

.checkbox_selector input[type=checkbox]+span {
  display: inline-block;
  padding: 0.5em;
  border: 1px solid #ccc;
  border-radius: 3px;
  min-width: 2em;
  text-align: center;
  margin-right: 0.25em;
  margin-bottom: 0.25em;
  box-sizing: border-box;
}

.checkbox_selector input[type=checkbox]:checked+span {
  background: #444;
  color: #ff0;
  font-weight: bold;
}

.checkbox_selector input[type=checkbox]:disabled+span {
  background: #ddd;
  color: #aaa;
}

.nextstep {
  background: #ff8;
  border-left: 1em solid #aa6;
  padding: 0.25em;
  margin-top: 0.5em;
  display: inline-block;
  font-size: 0.8em;
}

.query-browser .nextstep .date {
  display: inline-block;
}

.nextstep.inactive {
  background: #ccc;
  border-left-color: #aaa;
  color: #888;
}

.nextstep.active.hoy {
  background: #fcc;
  color: #800;
  border-left-color: #800;
  font-weight: bold;
}

.nextstep.active.hoy b.hoy {
  background: #fcc;
}

.nextstep.active.hoy b.wrong {
  color: #f00 !important;
}

.nextstep .text {
  /*margin-bottom:1em;*/
  font-weight: bold;
  font-size: 1.25em;
  display: inline-block;
  /*margin-right: 1em;*/
  font-weight: normal;
}

.querybrowser .nextstep .text {
  margin-bottom: 0em;
  margin-right: 0em;
  padding: 0.5em;
}

.lists_icons {
  display: inline-block;
}


.label.gdc {
  font-weight: bold;
  background: #444;
  color: white;
  font-size: 0.75em;
}


.nice_date .time:before {
  content: "(🕒 ";
}

.nice_date .time:after {
  content: ")";
}

.nice_date .time {
  padding: 0.25em;
  font-size: 0.9em;

  display: inline-block;
  margin-left: 0.5em;
  color: gray;
  margin-bottom: 0.5em;
}



/** Polaris Coin Animation **/
@keyframes polarisCoinAnimation {
  0% {
    background-image: url('icons/polariscoin.png');
    background-position: 1em -20px;
  }

  20% {
    background-color: #666;
    padding-left: calc(1em + 30px);
    background-image: url('icons/polariscoin.png');
    background-position: 1em -20px;
  }

  40% {
    background-color: #666;
    padding-left: calc(1em + 30px);
    background-position: 1em center;
  }

  60% {
    background-color: #666;
    padding-left: calc(1em + 30px);
    background-position: 1em center;
  }

  80% {
    background-color: #666;
    padding-left: calc(1em + 30px);
    background-image: url('icons/polariscoin.png');
    background-position: 1em calc(100% + 20px);
  }

  100% {
    background-image: url('icons/polariscoin.png');
    background-position: 1em calc(100% + 20px);
  }
}


form input[type='submit'].polariscoin {
  background-repeat: no-repeat;
  animation: polarisCoinAnimation ease 1s;
}


body.EDA #paginaprincipal {}

body.EDA #paginaprincipal .eda_branch {
  position: absolute;
  bottom: 0em;
  left: 0em;
  font-weight: bold;
  padding: 0.75em;
  font-size: 2.25em;
  animation-delay: 300ms;
  border-top: none;
  text-transform: uppercase;
}

.tab_counter {
  display: inline-block;
  margin-left: 0.5em;
  box-sizing: border-box;
  padding-left: 0.5em;
  padding-right: 0.5em;
  background: #AAA;
  color: #222;
  border-radius: 0.5em;
}

.tab_counter.wrong {
  background: #A00;
  color: #fff !important;
}

.contact_verification::after {
  content: "";
  font-size: 0.7em;
  border-radius: 3px;
  border: 1px solid;
  padding: 0.5em;
}

.contact_verification.pending::after {
  content: 'Conectando...';
  color: #888;
  background: #aaa;
  border-color: #888;
}

.contact_verification.verified::after {
  content: 'Verificado';
  color: #080;
  background: #afa;
  border-color: #080;
}

.contact_verification.not-verified::after {
  content: 'Sin verificar';
  color: #880;
  background: #ffa;
  border-color: #880;
}

.contact_verification.error {
  display: inline-block;
}

.contact_verification.error::after {
  content: 'Error de conexion';
  color: #800;
  background: #faa;
  border-color: #800;

}

.contact_verification.no-connection::after {
  content: 'API no definida';
  color: #800;
  background: #faa;
  border-color: #800;
}

.content_button {
  display: block;
  margin-bottom: 1em;
  border: 1px solid #aaa;
  border-radius: 4px;
  background: #88888822;
  box-shadow: 0px 0px 2px #888;
  padding: 0.5em;
  cursor: pointer;
}

.content_button:hover {
  text-decoration: none;
  background: #44444422;
}

.content_button h1 {
  margin-top: 0em;
  margin-bottom: 0em;
  text-transform: uppercase;
  font-weight: bold;
}

.content_button h2 {
  margin-top: 1em;
  margin-bottom: 0em;
  text-transform: uppercase;
  font-weight: normal;
}

.content_button ul {
  list-style-type: square;
  padding-left: 1.5em;
  font-size: 1.25em;
  line-height: 2em;
  margin: 0em;
}

.ui-widget-overlay.flexy {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

#nice_popup_container {
  display: none;
  position: relative;
  background: #fff;
  width: auto;
  vertical-align: middle;
  max-height: 98vh;
  min-height: 20vh;
  box-sizing: border-box;
  border-radius: 4px;
  margin: 1em;
  animation: fadeInDown;
  animation-duration: 0.5s;
  animation-fill-mode: backwards;
  padding: 1em;
  color: black;
  opacity: 1;
  overflow: auto;
}

#nice_popup_container h1 {
  text-transform: uppercase;
}

@media (max-width: 768px) {
  #nice_popup_container {
    min-width: 90vw;
  }
}

#nice_popup_container.fullscreen {
  animation: slideInLeft;
  animation-duration: 300ms;
  min-width: 100vw;
  min-height: 100vh;
}

#nice_popup_container .buttonbar {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-content: center;
  align-items: center;
  margin-top: 1em;
}

#nice_popup_container .buttonbar button {
  margin-left: 1em;
}

#nice_popup_container .buttonbar.top {
  position: sticky;
  top: 0;
  z-index: 3;
}

#nice_popup_container .buttonbar.top .close {
  all: unset;
  margin-right: 1rem;

  padding: 0.5rem;
  border-radius: 100%;
  width: 1rem;
  height: 1rem;
  display: flex;
  font-size: 1.75em;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
}

#nice_popup_container.alert {
  min-height: auto;
  border-top: 4px solid #f00;
  animation: bounceIn;
  animation-duration: 0.5s;
  animation-fill-mode: backwards;
}

#nice_popup_container p {
  display: block;
  max-height: 70vh;
  overflow-y: auto;
}

#nice_popup_container .yesno {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: space-around;
  align-items: center;
}

#nice_popup_container .yesno .yes {
  background-color: #228600;
}

#nice_popup_container .yesno .no {
  background-color: #C62200;
}

#nice_popup_container .yesno i {
  font-size: 1.5em;
}

.nice_popup_message {
  text-align: center;
}

.nice_popup_message .bigicon {
  font-size: 4em;
  margin-bottom: 0.25em;
}

.nice_popup_message .title {
  font-size: 1.5em;
  font-weight: bold;
}

.nice_popup_message .msg {
  line-height: 2;
}

.triggers-label {
  vertical-align: top;
  position: relative;
  left: 0;
  bottom: 0;
  border: 1px solid #ccc;
  border-radius: 50%;
  margin-top: 0.25em;
  margin-left: 0.5em;
  background-image: url('icons/text-trigger.png');
}

/** tablas filtradas */
.tableFiltered tbody tr {
  display: none;
}

.tableFiltered tbody tr.shownRow {
  display: table-row;
}


.tableFiltered tbody tr td .tableFilteredValue {
  cursor: pointer;
  position: relative;
  padding-right: 20px;
}

.tableFiltered thead tr th.tableFilteredValue::after {
  content: ' ';
  display: block;
  width: 16px;
  min-height: 16px;
  text-align: center;
  margin-left: calc(50% - 8px);
  background-image: url('icons/filter_inactive.png');
  background-position: center;
  background-repeat: no-repeat;
}

.tableFiltered tbody tr td .tableFilteredValue::after {
  content: ' ';
  width: 16px;
  height: 16px;
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
}


.tableFiltered tbody tr td .tableFilteredValue:hover::after {
  background: url('icons/filter_inactive.png');
}

.tableFiltered tbody tr td .tableFilteredValue.active::after {
  background: url('icons/filter_active.png');
}

/** Circle indicator tweaks **/
.c100.tiny {
  font-size: 60px;
}

.c100.tiny>span {
  color: #666;
  font-weight: bold;
}

.c100.big>span,
.c100.tiny>span,
.c100.small>span,
.c100.mini>span {
  color: #666;
}

.indicator_wrapper {
  display: inline-block;
}

.indicator_container {
  display: flex;
  flex-direction: column;
  max-width: 7em;
  align-content: center;
  justify-content: center;
  align-items: center;
}

.indicator_container .circle_indicator_label {
  text-align: center;
  overflow: hidden;
  max-width: 5em;
  text-overflow: ellipsis;
  width: 7em;
  white-space: nowrap;
  cursor: pointer;
}

table[data-vertical="top"] td {
  vertical-align: top;
}

.ui-pnotify small {
  color: #666 !important;
}


.ui-datepicker.ui-widget {
  z-index: 20;
}


.polaris-loading-data::before {
  content: 'Cargando...';
}


.sign_now {
  animation: tada;
  animation-duration: 500ms;
  animation-delay: 700ms;
  animation-fill-mode: backwards
}

/* X ENTITY LIST */
.XEntityList {
  min-width: 400px;
  min-height: 10em;
  background: #fafafa;
  border: 1px solid #ddd;
  padding: 0.5em;
  position: relative;
}

.XEntityList ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  padding-bottom: 6em;
}

.XEntityList ul li {
  padding: 1em;
  border: 1px solid #ccc;
  background: white;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  border-radius: 4px;
  margin-bottom: 0.5em;
}

.XEntityList .material-big-button {
  bottom: 1em;
}


/* Polaris Render */
.polaris_row.title {
  font-size: 1.5em;
}

.polaris_row {
  display: flex;
  flex-direction: row;
  margin-bottom: 0.5em;
}

.polaris_chip {
  display: inline-block;
  padding: 0.25em;
  margin-right: 0.5em;
  width: 1.5em;
  text-align: center;
  border-radius: 4px;
}

.polaris_chip.off {
  background: #eee;
  color: #ccc;
}

.polaris_chip.on {
  background: #0ac;
  color: white;
  font-weight: bold;
}

.polaris_span {
  display: flex;
  flex-direction: column;
  font-size: 1.15em;
  margin-right: 1rem;
  margin-bottom: 1rem;
}

.polaris_span label {
  font-size: 0.8em;
  color: #aaa;
}

.polaris_sticky_headers_container {
  max-width: calc(100%);
  /*max-height: calc(100vh);*/
  overflow-x: scroll;
  position: relative;
}

.polaris_sticky_headers_container table.gr_table tr td:first-child,
.polaris_sticky_headers_container table.gr_table tr th:first-child,
.polaris_sticky_headers_container table.querybrowser tr td:first-child,
.polaris_sticky_headers_container table.querybrowser tr th:first-child {
  position: sticky;
  left: 0;
  /*z-index: 2;*/
  /*border-right: 1px solid black;*/
}

.polaris_sticky_headers_container table.gr_table tr td:nth-child(2),
.polaris_sticky_headers_container table.gr_table tr th:nth-child(2),
.polaris_sticky_headers_container table.querybrowser tr td:nth-child(2),
.polaris_sticky_headers_container table.querybrowser tr th:nth-child(2) {
  position: sticky;
  left: 340px;
  /*border-right: 1px solid black;*/
}

/* Forced sticky headers via CSS */
.gr_table thead tr,
.querybrowser thead tr {
  position: sticky;
  top: -1em;
  z-index: 1;
  box-shadow: 0px 0px 8px #ccc;
}


.x_entity_task_form_advanced .button_toolbar {
  display: flex;
  width: 100%;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: space-between;
  align-items: center;
}


.long_link {
  display: block;
  max-width: 20em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
}

.tip {
  padding: 0.5em;
  background: #bbb;
  color: #666;
  border-radius: 4px;
  display: inline-block;
  font-size:0.8em;
}

.polaris_copy::before {
  font-family: "Font Awesome 5 Pro";
  content: "\f0c5";
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-right: 0.5em;
  font-weight: bold;
}

.checkbox_row ul li input[type='checkbox']+span,
.radio_row ul li input[type='radio']+span {
  display: flex;
}

.checkbox_row ul.small-size li input[type='checkbox']+span,
.radio_row ul.small-size li input[type='radio']+span {
  padding: 0.5em;
  margin-left: 0em;
  margin-right: 0.125em;
  margin-bottom: 0.125em;
}

.checkbox_row ul.s5 li input[type='checkbox']+span,
.radio_row ul.s5 li input[type='radio']+span {
  min-width: 5em;
}



.checkbox_row ul li input[type='checkbox']+span::before {
  font-family: 'Font Awesome 5 Pro';
  display: inline-block;
  content: '\f0c8';
  margin-right: 0.5em;
  font-weight: normal;
}

.checkbox_row ul li input[type='checkbox']:checked+span::before {
  content: '\f14a';
  font-weight: bold;
}

.text_tags_wrapper::before {
  content: 'Etiquetas';
  font-size: 1.25em;
  /* margin-bottom: 0.25em; */
  display: block;
  font-weight: bold;
  text-transform: uppercase;
  background: #ddd;
  padding: 0.5em;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border: 1px solid #ddd;

}

.text_tags_wrapper.float {
  float: right;
  position: sticky;
  top: 0;
  background: #eee;
}


.text_tags_container {
  overflow-y: auto;
  height: 30vh;
  border: 1px solid #ddd;
  padding: 0.5em;
  padding-right: 2em;
}

.text_tag {
  padding: 0.5em;
  border: 1px dashed #ccc;
  border-radius: 4px;
  margin-bottom: 0.5em;
  background: #fff;
  cursor: pointer;
  user-select: none;
  line-height:1.5;
}

.polaris_small_data {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: flex-start;
  justify-content: space-between;
  align-items: flex-start;
  font-size: 0.9em;
}

.polaris_small_data .polaris_small_data_item {
  width: 50%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: flex-start;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 0.5em;
}

.polaris_small_data .polaris_small_data_item.fullwidth {
  width: 100%;
}

.polaris_small_data .polaris_small_data_item.w10 {
  width: 10%;
}

.polaris_small_data .polaris_small_data_item.w20 {
  width: 20%;
}

.polaris_small_data .polaris_small_data_item.w30 {
  width: 30%;
}

.polaris_small_data .polaris_small_data_item.w40 {
  width: 40%;
}

.polaris_small_data .polaris_small_data_item.w50 {
  width: 50%;
}

.polaris_small_data .polaris_small_data_item.w60 {
  width: 60%;
}

.polaris_small_data .polaris_small_data_item.w70 {
  width: 70%;
}

.polaris_small_data .polaris_small_data_item.w80 {
  width: 80%;
}

.polaris_small_data .polaris_small_data_item.w90 {
  width: 90%;
}

.polaris_small_data .polaris_small_data_item.w100 {
  width: 100%;
}

.polaris_small_data .polaris_small_data_item .polaris_small_data_item_icon {
  width: 1.5em;
  font-weight: normal;
}

.polaris_small_data .polaris_small_data_item .polaris_small_data_item_value {
  width: calc(100% - 1.5em);
}

.polaris_small_data .polaris_small_data_item .polaris_small_data_item_label {
  font-size: 0.8em;
  color: #aaa;
  margin-right: 0.5em;
  width: 100%;
  padding-left: 1.5em;
  text-transform:uppercase;
}


/* TEMPORAL */
.line_indicator_container {
  width: 100px;
  display: block;
  border: 1px solid #0AF;
  font-size: 0.8em;
  position: relative;
  border-radius: 4px;
  height: 1.5em;
  margin-top: 0.5em;
}

.line_indicator_container.fullwidth {
  width: 100%;
}

.line_indicator_container.medium {
  width: 200px;
  font-size: 1.5em;
}

.line_indicator_container span {
  line-height: 1.5;
  margin-right: 0.5em;
  top: 0;
  left: 0.5em;
  color: black;
  position: absolute;
}

.line_indicator_container .slice {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  background: #0AF;
  height: 100%;
}

.red .line_indicator_container {
  border-color: #F00;
}

.yellow .line_indicator_container {
  border-color: #CC0;
}

.green .line_indicator_container {
  border-color: #0A0;
}

.red .line_indicator_container .slice {
  background: #FAA;
  animation: flash;
  animation-duration: 1s; 
  animation-iteration-count: infinite;
}

.yellow .line_indicator_container .slice {
  background: #CC0;
}

.green .line_indicator_container .slice {
  background: #0A0;
}

.red .line_indicator_container .percentage {
  color: #f00;
}

.yellow .line_indicator_container .percentage {
  color: #880;
}

.green .line_indicator_container .percentage {
  color: #4e4;
}


/* Percentage indicator */

.percentage_indicator {
  background: #666;
  padding: 0.5em;
  border-radius: 0.5em;
  min-width: 4.5em;
  display: inline-block;
  color: white;
  position: relative;
}

.percentage_indicator[data-value="above"] {
  background: #C00;
}

.percentage_indicator[data-value="below"] {
  background: #0A0;
}

.percentage_indicator[data-value="zero"] {
  background: #AAA;
}

.percentage_indicator::before {
  font-family: 'Font Awesome 5 Pro';
  position: absolute;
  left: 0.5em;
  top: 0;
  font-size: 1.25em;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  align-content: center;
}

.percentage_indicator[data-value="above"]::before {
  content: '\f0d8';
}

.percentage_indicator[data-value="below"]::before {
  content: '\f0d7';
}

.percentage_indicator[data-value="zero"]::before {}



.color {
  width: 1.5em;
  height: 1.5em;
  box-shadow: 0px 0px 2px #000;
  border-radius: 4px;
  display: inline-block;
}

.color_indicator {
  display: block;
  width: 1.5em;
  height: 1.5em;
  border-radius: 4px;
}


.cards_list .card {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  margin-bottom: 1em;
  padding: 1em;
  border-radius: 4px;
  background: #eee;
  box-shadow: 0px 0px 4px #888;
}


body.mobile .message_information {
  font-size: 1.25em;
  background-color: #caf;
  background-image: none;
  background-position: 1em;
  background-repeat: no-repeat;
  padding: 1em;
  /* padding-left: 5em; */
  /* border: none; */
  color: #40a;
  border: 2px solid #40a;
  border-radius: 0.5rem;
  width: auto;
  min-height: 40px;
  /* display: block; */
  text-align: center;
  vertical-align: middle;
  width: 100%;
  box-sizing: border-box;
  animation: flipInX 1s backwards;
  animation-delay: 0.5s;
}