:root {
  --u_alert-background: #0081c7ee;
  --u_alert-background-transparent: #0081c7ee;

  --u_tasks-background: #8100c7ee;
  --u_tasks-background-transparent: #8100c7ee;
}

/****************
 * Default tags
 ****************/
body {
  font-size: 12px;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  background: #ffffff;
  overflow: hidden;
  font-family: 'Roboto', Arial;
}

table {
  font-size: inherit;
}

h1 {
  font-size: 20;
  font-weight: bold;
  padding: 0.3em;
}

td {
  font-size: inherit;
  border: 1px;
}

th {
  border: 1px;
  background: #000;
  font-weight: bolder;
  color: white;
  text-transform: uppercase;
  padding: 0.25em;
  font-size: inherit;
}

th.total {
  border: 1px;
  background: #22517C;
  font-weight: bolder;
  color: white
}

input,
select,
textarea,
label,
.fake_input {
  font-family: inherit;
}

select {
  min-width: 150px;
  min-height: 2.15em;
  background: #e5e5e5;
}

input,
select,
textarea,
.fake_input {
  border-bottom-width: 1px;
  color: #000;
  font-size: 1em;
  background: #f6f6f6;
}

select.ui-datepicker-month,
select.ui-datepicker-year {
  min-width: 0px;
}

input,
textarea,
.fake_input {
  padding: 0.5em;
  border: 1px solid #ccc;
}

input[type=submit],
input[type=reset],
input[type=button],
button[type=submit],
.fake_button,
button {
  font-family: Roboto;
  margin-top: 0.3em !important;
  margin-bottom: 0.3em !important;
  /*background: linear-gradient(#DD6600, #C82327);*/
  min-width: 100px;
  color: #FFFFFF;
  font-weight: normal;
  border-width: 0px;
  border-color: #cccccc;
  padding: 0.75em;
}

input[type=button].u_help {
  background: linear-gradient(#0066DD, #2723C8) !important;
}

input[type=submit]:hover,
input[type=reset]:hover,
input[type=button]:hover,
.fake_button:hover,
button:hover,
input[type=submit]:focus,
input[type=reset]:focus,
input[type=button]:focus,
.fake_button:focus,
button:focus {
  /*background: linear-gradient(#A80307, #C82327);*/
  color: #FFFFFF;
  cursor: pointer;
}

input[type=button].u_help:hover {
  background: linear-gradient(#0703A8, #2723C8) !important;
}

input[type=submit]:disabled,
input[type=reset]:disabled,
input[type=button]:disabled,
button[type=submit]:disabled,
button:disabled {
  background: linear-gradient(#999999, #CCCCCC);
  color: #666666;
}

input:disabled,
select:disabled,
textarea:disabled {
  background-color: #DDDDDD !important;
  color: #AAAAAA !important;
}

input[type=checkbox]:disabled+span.checkbox_text_label {
  color: #AAAAAA !important;
}

input[type=checkbox]:disabled {
  visibility: hidden;
}

select option {
  padding: 0.5em;
  padding-right: 2em;
}

input:focus,
select:focus,
textarea:focus,
.fake_button:focus {
  border-bottom: 1px solid #F84;
}

label.disabled {
  color: #AAAAAA;
}

input.changed,
select.changed,
textarea.changed {
  border-bottom: 1px solid #FA0 !important;
  background: #FEC !important;
}

textarea.observaciones,
div.observaciones {
  border: 1px solid #ccc;

  padding: 0.5em;
  display: inline-block;
  min-width: 20vw;
  min-height: 10vh;
  color: black;
  background: white;
}

.hasDatepicker {
  max-width: 10em;
}

.form-label {
  margin-top: 0em;
}

/*******************
 * Screenform Styles
 *******************/
table.screenform {
  border: 1px;
  border-color: #aaaaaa;
  border-style: solid;
  ;
  background: #E6EEF7
}

td.screenform {
  border: 0px;
  border-style: none;
  ;
}

/****************
 * Title Styles
 ****************/
td.title {
  border: 1px;
  border-style: none;
  color: #FFD63C;
  font-weight: bold;
}

table.title {
  background-color: #6699cc;
}

/****************
 * Query Browser
 ***************/

#querybrowser {
  border: 1px solid #cccccc;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  margin-top: 15px;
}

td.querybrowsertitle {
  ;
  background-color: #cDcDcD;
}

tr.querybrowsertitle {
  ;
  background-color: #cDcDcD;
}

table.querybrowsertitle {
  ;
  background-color: #cDcDcD;
  border: 1px solid #cdcdcd;
}

td.querybrowserodd {
  background-color: #eeeeee;
}

tr.querybrowserodd {
  background-color: #eeeeee;
}

td.querybrowsereven {
  background-color: #ffffff;
}

tr.querybrowsereven {
  background-color: #ffffff;
}

td.querybrowserresaltar {
  background-color: #FFD739;
}

input.querybrowserinput {
  background: #999999;
  border: 1px solid white;
  text-align: right;
  color: white;
  margin-bottom: 0px;
  ;
  width: 30px;
}

td.faltantes {
  ;
  background-color: #FFDDCC;
}

tr.faltantes {
  ;
  background-color: #FFDDCC;
}

/****************
 * Menu Styles
 ****************/

table.menu {
  border: 1px #cccccc solid;
  padding: 0px;
  height: 10px;
  background: #ffffff;
}

td.menu:hover {
  border-bottom: 1px solid #cccccc;
  background: #FFD739;
}

td.menu {
  border-top: none;
  border-bottom: 1px solid #eeeeee;
  ;
  background: white;
}

td.menuDiv {
  border-bottom-width: 3px;
  border-bottom-color: #cccccc;
  border-bottom-style: solid;
  background: #ffffff;
  font-weight: bold;
  ;
  height: 10px;
  color: #31659c
}

a.menu:link {
  color: #555555;
  text-decoration: none;
  border: none;
}

a.menu:visited {
  color: #555555;
  text-decoration: none;
  border: none;
}

a.menu:active {
  color: #555555;
  text-decoration: none;
  border: none;
}

a.menu:hover {
  color: #555555;
  text-decoration: underline;
  border: none;
}

a.linkblanco:link {
  color: #ffffff;
  text-decoration: none
}

a.linkblanco:visited {
  color: #ffffff;
  text-decoration: none
}

a.linkblanco:active {
  color: #ffffff;
  text-decoration: none
}

a.linkblanco:hover {
  color: #ffffff;
  text-decoration: underline;
}


/****************
 * Login Styles
 ****************/


table.login {
  ;
  width: 30vw;
  margin-left: auto;
  margin-right: auto;
  background: #6699cc;
}

td.login {
  ;
}

/****************
 * Matriz Styles
 ***************/
td.matrizColumnaEncabezado {
  border-bottom-width: 1px;
  border-bottom-color: black;
  border-bottom-style: ridge;
  background: #666666;
  font-weight: bold;
  ;
  height: 10px;
  color: white
}

td.matrizColumnaEncabezadoMenuInvitacion {
  border-bottom-width: 1px;
  border-bottom-color: black;
  border-bottom-style: ridge;
  font-weight: bold;
  ;
  height: 10px;
  color: white;
  text-align: center;
  background: #666666
}

/****************
 * Matriz Columna
 ****************/
input,
textarea,
select,
textarea.formulario,
select.formulario,
input.formulario {
  border: 1px solid #ccc;
  color: black;
}


tr.tablehader,
td.tableheader {
  border-bottom-width: 1px;
  border-bottom-color: black;
  border-bottom-style: ridge;
  background: #666666;
  font-weight: bold;
  ;
  height: 10px;
  color: white
}


/****************
 * Indice
 ****************/
a.indice:link {
  color:
    /*#555555*/
    #BB5555;
  text-decoration: none;
}

a.indice:visited {
  color:
    /*#555555*/
    #885555;
  text-decoration: none;
}

a.indice:active {
  color:
    /*#555555*/
    #BB5555;
  text-decoration: none;
}

a.indice:hover {
  color: #BB5555;
  text-decoration: underline;
}

/****************
 * Formularios
 ****************/
input.textoFloat {
  ;
  color: black;
  text-align: right
}

input.texto100 {
  ;
  color: black;
}

input.textoEntero {
  ;
  color: black;
  text-align: center;
}

input.textoFecha {
  ;
  color: black;
  text-align: center;
}

input.textoDomicilio {
  ;
  color: black;
  width: 500px
}

input.textoFloatVer {
  ;
  color: black;
  text-align: right;
  background-color: #f6f6f6;
}

input.texto100Ver {
  ;
  color: black;
  background-color: #f6f6f6
}

input.textoDomicilioVer {
  ;
  color: black;
  width: 500px;
  background-color: #f6f6f6
}

a {
  display: inline-block;
}

a:link {
  color: #000000;
  text-decoration: none;
  /* underline; text-decoration:0.1em; text-decoration-style: dashed;text-decoration-color:#FA2;*/
}

a:visited {
  color: #000000;
  text-decoration: underline;
  text-decoration-color: #ddd;
}

a:active {
  color: #000000;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

a.nodecoration:link {
  color: white;
  text-decoration: none;
}

a.nodecoration:visited {
  color: white;
  text-decoration: none;
}

a.nodecoration:active {
  color: white;
  text-decoration: none;
}

a.nodecoration:hover {
  color: white;
  text-decoration: underline;
}

/***************
 * SOLAPAS
 ***************/
table.solapa {
  background-color: #cDcDcD;
  font-weight: bold;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

td.solapaTDOFF {
  border-bottom-width: 1px;
  border-bottom-color: black;
  border-bottom-style: ridge;
  background: #666666;
  font-weight: bold;
  ;
  height: 10px;
  color: white
}

td.solapaTDON {
  border-bottom-width: 1px;
  border-bottom-color: black;
  border-bottom-style: ridge;
  background: #444;
  font-weight: bold;
  ;
  height: 10px;
  color: white
}

a.solapaLink:link {
  color: #CCCCCC;
  text-decoration: none;
  font-weight: bold
}

a.solapaLink:visited {
  color: #CCCCCC;
  text-decoration: none;
  font-weight: bold
}

a.solapaLink:active {
  color: #CCCCCC;
  text-decoration: none;
  font-weight: bold
}

a.solapaLink:hover {
  color: #CCCCCC;
  text-decoration: underline;
  font-weight: bold
}


/***************
 * TITULOS Y SECCIONES
 ***************/
h1.section,
h3.section {
  /*font-variant:small-caps;*/
  font-size: 1.8em;
  display: block;
  color: #CC4400;
  margin-bottom: 0.5em;
  padding-left: 0.5em;
  text-align: left;
  margin-bottom: 0.5em;
  padding-bottom: 0.4em;
  border-bottom: 0.15em solid;
}

h3.subsection {
  /*font-variant:small-caps;*/
  font-size: 1.2em;
  display: block;
  color: #CC4400;
  padding-left: 0.5em;
  text-align: left;
  padding-top: 0em;
  margin-bottom: 0.5em;
  padding-bottom: 0.4em;
  border-bottom: 1px solid;
}


/***************
 * AVISOS
 ***************/
b.advice {
  color: #000000
}

b.subsection {
  color: #777777;
}

table.advice {
  padding-top: 10px;
  /*background-image: url('menu/fondoheader.png');*/
  background-repeat: repeat-x;
  background-color: #FFEE54;
  border: 3px;
  border-color: #ff0000;
  border-style: solid;
}

/***************
 * TABLAS
 ***************/

td.rowodd {
  background: #eeeeee;
}

td.roweven {
  background: #ffffff;
}

td.rowoddred {
  background: #eecccc;
}

td.rowevenred {
  background: #ffcccc;
}

td.rowoddintensered {
  background: #eecccc;
  color: #aa2222;
  font-weight: bolder;
}

td.rowevenintensered {
  background: #ffcccc;
  color: #aa2222;
  font-weight: bolder;
}

td.rowoddhead {
  background: #e5e5e5;
}

td.rowevenhead {
  background: #f5f5f5;
}

td.rowoddyellow {
  background: #FFD73B;
}

td.rowevenyellow {
  background: #FFF75B;
}

td.tablerowodd {
  ;
  background-color: #B3CCE6;
}

tr.tablerowodd {
  ;
  background-color: #B3CCE6;
}

td.tableroweven {
  ;
  background-color: #ffffff;
}

tr.tableroweven {
  ;
  background-color: #ffffff;
}

table.formulario100 {
  width: 100%
}

table.observacion {
  background-color: #ffffaa;
  border: #aaaa33 2px solid;
}

th.observacion {
  background-color: #ffff77;
  color: #000000;
  font-weight: bold;
}

td.observacion {
  color: #000000;
}

td.observaciones {
  padding: 1em;
  color: #f5f5f5;
  min-width: 20vw;
  min-height: 20vh;
  color: #000;
}

table.alarma {
  background-color: #ffff00;
  border: #aaaa00 2px solid;
}

th.alarma {
  background-color: #ffff00;
  color: #000000;
  font-weight: bold;
}

td.alarma {
  color: #000000;
}

td.alarmacompleta {
  background-color: #ffff00;
  border: #ff0000 2px solid;
}

/***************
 * ESPECIALES
 ***************/
td.vencida {
  ;
  background-color: #ffcccc;
}

td.acuenta {
  ;
  background-color: #ffffcc;
}

td.adelantado {
  ;
  background-color: #ccccff;
}

td.extraccion {
  ;
  background-color: #ffcccc;
}

td.aporte {
  ;
  background-color: #ffffcc;
}

td.total {
  background: #cccccc;
  font-weight: bolder;
}

table.menucolgante {
  background: #444;
}

/*** Cositas ***/
td.grismediano {
  background: #cccccc;
  ;
}

input.textoCierreConvenio {
  background: #cccccc;
  ;
  text-align: right;
  font-weight: none
}

input.textoCierreConvenio {
  background: #cccccc;
  ;
  text-align: right;
  font-weight: none
}

span.error {
  color: #FF0000;
  font-weight: bold;
  display: block;
}

tr.error td {
  background: #f00;
}

th.error {
  background: #f00;
}

input.error,
input.error:focus,
select.error,
select.error:focus,
td.error {
  border: 1px solid #cc0000 !important;
  background-color: #ffcccc !important;
  color: #800;
}

input.warning,
input.warning:focus,
select.warning,
select.warning:focus,
td.warning {
  border: 1px solid #cccc00 !important;
  background-color: #ffffcc !important;
}

input.marked {
  background-image: url('icons/checked.png');
  background-position: right;
  background-repeat: no-repeat;
}

p.error {
  color: #ff0000;
  text-align: center;
  ;
}

div.titform {
  border-top: 1px dashed;
  margin: 5px;
  padding: 5px;
  font-weight: bold;
}


.secForm {
  font-weight: bold;
}


#calendar table {
  border: 1px solid #99BBDD;
  padding: 0;
  margin-left: auto;
  margin-right: auto;
}


#calendar th {
  background: #444;
  color: #fff;
  margin: 3px;
  padding: 2px 5px;
}

#calendar td {
  background: #ffffff;
  color: #000;
  padding: 2px;
  margin: 0;
  height: 60px;
  text-align: right;
  vertical-align: top;
  border: 1px solid #aaaaaa;
}





#calendar ul {
  text-align: left;
  list-style: bullet;
  padding-left: 1.5em;
  margin: 0;


}

/* apply to every li */
#calendar li {
  margin: 0;
  padding: 0px;
}

#calendar .structure {
  border: 0px;
  margin: 0px;
  padding: 0px;
  height: 10px;
  background: none;
  vertical-align: top;
}

#calendar .left {
  text-align: left;
}

#calendar .right {
  text-align: right;
}

#calendar .total {
  border-top: 1px dashed #dddddd;
  color: #555555
}

.calendar_day {
  font-weight: bolder;
  font-size: 1em;
  margin: 0px;
}

.infoPlan th {
  ;
}

.infoPlan td {}

.menos {
  color: #FF0033;
}

.fixed12 {
  font-family: "Courier New";
}


.fixed11 {
  font-family: "Courier New";
}


table.menuhor {
  border-width: 1px;
  border-color: #efefef;
  border-style: solid;
  height: 10px;
  background: #ffffff;
}

th.titulomenu {
  color: #FFD73B;
  background: #444;
  font-weight: bolder;
}

th.titulo,
div.titulo {
  color: #FFD73B;
  background: #444;
  font-weight: bolder;
}

div.titulo {
  display: block;
  padding: 1em;
  text-transform: uppercase;
}

th.titulooscuro {
  color: #FFD73B;
  background: #444;
  font-weight: bolder;
  padding: 3px;
}

td.oscuro {
  background: #444;
  background: #444;
  vertical-align: top;
}

.bordeabajo {
  vertical-align: middle;
  color: white;
  background: #333;
}

.bordeabajoblanco {
  vertical-align: middle;
  color: white;
  background: #333;
  font-weight: bolder;
}

a.menuhor:link {
  color: #ffffff;
  text-decoration: none;
  border: none;
}

a.menuhor:visited {
  color: #ffffff;
  text-decoration: none;
  border: none;
}

a.menuhor:active {
  color: #ffffff;
  text-decoration: none;
  border: none;
}

a.menuhor:hover {
  color: #ffffff;
  text-decoration: underline;
  border: none;
}

a.menubuscar:link {
  color: #ffffff;
  text-decoration: none;
  border: none;
}

a.menubuscar:visited {
  color: #ffffff;
  text-decoration: none;
  border: none;
}

a.menubuscar:active {
  color: #ffffff;
  text-decoration: none;
  border: none;
}

a.menubuscar:hover {
  color: #ffffff;
  text-decoration: underline;
  border: none;
}

.formulariodefault {
  border-width: 1px;
  border-color: #cccccc;
  border-style: solid;
  background: #ffffff !important;
  padding: 1em;
  display: inline-block;
}

td.buy {
  border-width: 1px;
  border-color: #99BBDD;
  border-style: solid;
  background: #ffffff;
  ;
  nowrap;
}

td.pago {
  background: #ccffcc;
}

td.compra {
  background: #ffcccc;
}

td.totalabajo {
  background: #ccccff;
}

td.totalarriba {
  background: #ccccff;
}

table.resumen,
table.observacion {
  border-width: 1px;
  border-color: #999999;
  border-style: solid;
  background: #ffffff;
  ;
  max-width: 500px;
  margin-left: 1em;
}

td.resumen {}

td.nota_item {
  border: 1px solid #dddddd;
}

img.graph {
  border-width: 1px;
  border-color: #99BBDD;
  border-style: solid;
  ;
  nowrap;
}


/*** Sobre los informes ***/

h1.informe {
  font-weight: bolder;
  color: #FFD73B;
  margin-top: 0px;
  margin-bottom: 0px;
}

h2.informe {
  ;
  font-weight: bolder;
  color: white;
  margin-top: 0px;
  margin-bottom: 0px;
}

h3.informe {
  ;
  font-weight: bolder;
  color: white;
  margin-top: 0px;
  margin-bottom: 0px;
}

table.informe {
  border: 1px dashed #ffffff;
}

td.titulo {
  background: #444;
  border-bottom: 3px solid black;
  height: 28px;
  padding-left: 10px
}

th.titulototal {
  background: #333333;
  font-weight: normal;
}

th.informeL0 {
  background: #BBBBBB;
  color: #444;
  border-bottom: 2px solid #444;
  text-align: left;
  padding-right: 5px;
  padding-left: 5px;
  vertical-align: top;
}

td.informeL0odd {
  background: #eeeeee;
  padding-right: 5px;
  padding-left: 5px;
  vertical-align: top;
}

td.informeL0even {
  background: none;
  padding-right: 5px;
  padding-left: 5px;
  vertical-align: top;
}

th.informeL1 {
  background: #BBBBBB;
  color: #444;
  border-bottom: 2px solid #444;
  padding-right: 5px;
  padding-left: 5px;
  vertical-align: top;
}

td.informeL1odd {
  background: #eeeeee;
  padding-right: 5px;
  padding-left: 5px;
  vertical-align: top;
}

td.informeL1even {
  background: #ffffff;
  padding-right: 5px;
  padding-left: 5px;
  vertical-align: top;
}

th.informeL2 {
  background: #BBBBBB;
  color: #444;
  border-bottom: 2px solid #444;
  padding-right: 5px;
  padding-left: 5px;
  vertical-align: top;
}

th.informeL1SpaceDown {
  background: #ffffff;
  color: #444;
  border-bottom: 2px solid #444;
  padding-right: 5px;
  padding-left: 5px;
  vertical-align: top;
}

td.informeL1SpaceDownodd {
  background: #B3CCE6;
  border-bottom: 13px solid #ffffff;
  vertical-align: top;
  padding-right: 5px;
  padding-left: 5px;
  vertical-align: top;
}

td.informeL1SpaceDowneven {
  background: #ffffff;
  border-bottom: 13px solid #B3CCE6;
  vertical-align: top;
  padding-right: 5px;
  padding-left: 5px;
  vertical-align: top;
}

th.informeE1 {
  background: #ccc;
  color: black;
  font-weight: bold;
  padding-right: 5px;
  padding-left: 5px;
  vertical-align: top;
}

td.informeE1odd {
  background: #eeeeee;
  padding-right: 5px;
  padding-left: 5px;
  vertical-align: top;
}

td.informeE1even {
  background: #ffffff;
  padding-right: 5px;
  padding-left: 5px;
  vertical-align: top;
}

th.informeG0 {
  background: #444;
  color: #FFFFFF;
  ;
  padding-right: 5px;
  padding-left: 5px;
  vertical-align: top;
}

td.informeG0odd {
  background: #BBBBBB;
  font-weight: bold;
  border-top: 4px solid #444;
  ;
  padding-right: 5px;
  padding-left: 5px;
  vertical-align: top;
}

td.informeG0even {
  background: #BBBBBB;
  font-weight: bold;
  border-top: 4px solid #444;
  ;
  padding-right: 5px;
  padding-left: 5px;
  vertical-align: top;
}

td.informeT1odd {
  background: #ffffff;
  font-weight: bold;
  text-align: right;
  color: #444;
  border-top: 2px solid #444;
  padding-right: 5px;
  padding-left: 5px;
  vertical-align: top;
}

td.informeT1even {
  background: #ffffff;
  font-weight: bold;
  text-align: right;
  color: #444;
  border-top: 2px solid #444;
  padding-right: 5px;
  padding-left: 5px;
  vertical-align: top;
}

th.informeT0 {
  background: #BBBBBB;
  font-weight: bold;
  text-align: center;
  color: #444;
  padding-top: 10px;
  border-bottom: 2px solid #444;
  padding-right: 5px;
  padding-left: 5px;
  vertical-align: top;
}

td.informeT0odd {
  background: #BBBBBB;
  font-weight: bold;
  text-align: right;
  color: black;
  padding-top: 10px;
  border-top: 3px solid #444;
  padding-right: 5px;
  padding-left: 5px;
  vertical-align: top;
}

td.informeT0even {
  background: #BBBBBB;
  font-weight: bold;
  text-align: right;
  color: black;
  padding-top: 10px;
  border-top: 3px solid #444;
  padding-right: 5px;
  padding-left: 5px;
  vertical-align: top;
}

th.informeTT {
  background: #BBBBBB;
  font-weight: bold;
  text-align: center;
  color: #444;
  padding-top: 10px;
  border-bottom: 2px solid black;
  padding-right: 5px;
  padding-left: 5px;
  vertical-align: top;
  font-size: 1em;
}

td.informeTTodd {
  background: #BBBBBB;
  font-weight: bold;
  text-align: right;
  color: black;
  padding-top: 10px;
  border-top: 3px solid black;
  padding-right: 5px;
  padding-left: 5px;
  vertical-align: top;
  font-size: 1em
}

td.informeTTeven {
  background: #BBBBBB;
  font-weight: bold;
  text-align: right;
  color: black;
  padding-top: 10px;
  border-top: 3px solid black;
  padding-right: 5px;
  padding-left: 5px;
  vertical-align: top;
  font-size: 1em
}

th.informeC1 {
  padding-right: 5px;
  padding-left: 5px;
  vertical-align: top;
  font-size: 1em;
  font-weight: bolder;
  border-top: 4px solid #444;
  padding-top: 10px;
  background: #BBBBBB;
}

td.informeC1odd {
  padding-right: 5px;
  padding-left: 5px;
  vertical-align: top;
  font-size: 1em;
  font-weight: bolder;
  border-top: 4px solid #444;
  padding-top: 10px;
  background: #BBBBBB;
}

td.informeC1even {
  padding-right: 5px;
  padding-left: 5px;
  vertical-align: top;
  font-size: 1em;
  font-weight: bolder;
  border-top: 4px solid #444;
  padding-top: 10px;
  background: #BBBBBB;
}

th.informeC2 {
  padding-right: 5px;
  padding-left: 5px;
  vertical-align: top;
  ;
  font-weight: bolder;
  background: #BBBBBB;
  color: black;
  padding: 5px;
}

td.informeC2odd {
  padding-right: 5px;
  padding-left: 5px;
  vertical-align: top;
  ;
  font-weight: bolder;
  background: #BBBBBB;
  color: black;
  padding: 5px;
}

td.informeC2even {
  padding-right: 5px;
  padding-left: 5px;
  vertical-align: top;
  ;
  font-weight: bolder;
  background: #BBBBBB;
  color: black;
  padding: 5px;
}

th.informeG1 {
  background: #444;
  padding-right: 5px;
  padding-left: 5px;
  vertical-align: top;
  font-size: 1em;
  font-weight: bolder;
  padding-top: 10px;
}

td.informeG1odd {
  background: #BBBBBB;
  padding-right: 5px;
  padding-left: 5px;
  vertical-align: top;
  font-size: 1em;
  font-weight: bolder;
  border-bottom: 2px solid black;
  padding-top: 10px;
}

td.informeG1even {
  background: #BBBBBB;
  padding-right: 5px;
  padding-left: 5px;
  vertical-align: top;
  font-size: 1em;
  font-weight: bolder;
  border-bottom: 2px solid black;
  padding-top: 10px;
}

table.expanded {
  border: 1px solid #DDEEFF;
}

.structure {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  padding: 0px;
  border: 0px;
  border-spacing: 0px;
  vertical-align: top;
}

.padded-table td,
.padded-table th {
  padding: 0.5em;
}

table.no-padding td,
table.no-padding th,
td.no-padding,
th.no-padding {
  padding: 0em;
}


td.borderdashed {
  border: 1px dashed #444;
}

ul.sinbullet {
  list-style: none;
}

ul.sinbullet li {
  margin-bottom: 0.25em;
  margin-top: 0.5em;
}

li.sinbullet {
  list-style: none;
}

ul.no_indent {
  padding-left: 0em;
  margin-left: 0em;
}

li.no_indent {
  padding-left: 0em;
  margin-left: 0em;
}


td.resalta2 {
  color: white;
  background: #777777;
}

.white {
  color: white !important;
}

.ventanita {
  background: white;
  border: 2px solid #dddddd;
  padding: 0px;
  margin: 0px;
}


h1.label {
  font-size: 1.2em;
  margin: 0px;
  text-align: right
}

h3.titulo {
  letter-spacing: 1px;
  font-size: 1.25em;
  font-weight: bolder;
  display: block;
  height: 28px;
  color: #444;
  background: #dddddd;
  border-top: 4px solid #444;
  margin-bottom: 5px;
  padding-right: 10px;
  padding-top: 5px;
  text-align: center;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

.comboajax {
  background: white;
  border: 1px solid #cccccc;
}

.comboajax td {
  padding: 5px;
}

.hint {
  ;
  color: #444;
  font-weight: bolder;
}

/* Puntos de impresion */
table.puntodeimpresion {
  border: 1px solid #cccccc;
  margin-bottom: 10px;
}

td.puntodeimpresiontipo {
  ;
  font-weight: bolder;
  background: #dddddd;
}

td.puntodeimpresionseccion {
  ;
  font-weight: bolder;
  background: #eeeeee;
  border-bottom: 1px solid #cccccc;
}

td.filadeimpresion {
  ;
  font-weight: bolder;
  background: #ffeeee;
  border: 1px solid #cccccc;
}

#menucolgante {
  border-top: 1px solid #aaaaaa;
  border-left: 1px solid #aaaaaa;
  border-right: 2px solid #aaaaaa;
  border-bottom: 2px solid #aaaaaa;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

ul.impuesto {
  list-style: none;
  margin: 0px;
}

b.added-data {
  color: #cccccc;
  font-weight: normal;
}

.treeframe {
  padding-right: 20px;
  border: 1px solid #dddddd;
  margin-left: 10px;
  list-style-image: none;
}

.treeframe li ul {
  background-image: url(treebackground.gif);
  background-repeat: repeat-y;
}

.graph-node {
  list-style-image: url(tree.gif);
  white-space: nowrap;
}

.payment-message {
  color: #aaaaaa;
}


a.debe:hover {
  color: #880000;
  text-decoration: underline;
}

a.debe:active {
  color: #880000;
}

a.debe:link {
  color: #880000;
}

a.debe:visited {
  color: #880000;
}

a.haber:hover {
  color: #008800;
  text-decoration: underline;
}

a.haber:active {
  color: #008800;
}

a.haber:link {
  color: #008800;
}

a.haber:visited {
  color: #008800;
}

a.haber-ventas:hover {
  color: #880000;
  text-decoration: underline;
}

a.haber-ventas:active {
  color: #880000;
}

a.haber-ventas:link {
  color: #880000;
}

a.haber-ventas:visited {
  color: #880000;
}

a.debe-ventas:hover {
  color: #008800;
  text-decoration: underline;
}

a.debe-ventas:active {
  color: #008800;
}

a.debe-ventas:link {
  color: #008800;
}

a.debe-ventas:visited {
  color: #008800;
}

b.debe {
  font-weight: normal;
  color: #880000;
}

b.haber {
  font-weight: normal;
  color: #008800;
}

b.cero {
  font-weight: normal;
}

b.debe-ventas {
  font-weight: normal;
  color: #880000;
}

b.haber-ventas {
  font-weight: normal;
  color: #008800;
}

td.anulada {
  text-decoration: line-through;
}

#solapas {
  background: #cccccc;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

#solapas th {
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  background: #BBBBBB;
  border-top: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
}

#solapas th:hover {
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  background: #999999;
  border-top: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  color: white;
}

#solapas th.selected {
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  background: #999999;
  border-top: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  color: white;
}

#solapasmain th {
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  background: #999999;
  color: white;
}

#solapasmain {
  width: 100%;
  border: 1px solid #999999;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  color: white;
}

#solapasmain td.primeralinea {
  padding-top: 15px;
  color: black;
}

#solapasmain td b {
  color: black;
}

#solapas a {
  color: white;
}

#solapasmain a {
  color: white;
}

.contrato {
  border: 1px solid #cccccc;
}

.contratotitulo {
  font-size: 1em;
}

small {
  color: #999999;
}

a h1 b.gray {
  font-weight: thin;
  color: #dddddd;
}

li a b.gray {
  font-weight: thin;
  color: #dddddd;
}

b.gray {
  font-weight: thin;
  color: #aaaaaa;
}

div.gray {
  color: #444;
}

span.gray {
  color: #AAAAAA;
}

#quickitembrowser table {
  background: white;
  border: 1px solid #aa4444;
  padding: 15px;
}

#quickitembrowser h1 {
  font-size: 1em;
  font-weight: bolder;
  color: #aa4444;
}

#quickitembrowser b.gray {
  color: #cccccc;
}

#quickitembrowser b.subsection {
  color: #aa4444;
}

.rowpricelist {
  background: #eeeeee;
}

.rowpricelistselected {
  background: #FFD63C;
  cursor: pointer;
}

.comment {
  background: #fff;
  border: 1px solid #ccc;
  margin-bottom: 1em;
  padding: 1em;
  min-width: 30vw;
  max-width: 40vw;
  position: relative;
}

.comment h1 {
  font-size: 1.5em;
  margin-bottom: 0.25em;
  margin-top: 0em;
  text-transform: uppercase;
  padding: 0;
  max-width: calc(100% - 3em);
}

.comment .stamp {
  margin-bottom: 0.5em;
  color: #666;
}

.comment .comment_text {
  line-height: 2;
  margin-bottom: 1em;
}

.comment h2 {
  margin-bottom: 1em;
}

.comment .initials {
  display: inline-block;
  position: absolute;
  top: 1em;
  right: 1em;
  font-size: 1.5em;
  padding: 0.5em;
  border-radius: 50%;
  width: 1em;
  height: 1em;
  text-align: center;
  line-height: 1;
}

.comment-form {
  border: 1px solid gray;
  background: white;
  margin-bottom: 20px;
  display: inline-block;
  padding: 1em;
}

.comment-form h1 {
  font-size: 1.1em;
}


.customer {
  font-size: 14px;
  font-weight: bold;
  background: white;
}

.compbottomborder {
  border-bottom: 2px solid black;
  background: #C6DBEF;
  padding-top: 10px;
}

.comptopborder {
  border-top: 1px solid black;
}

#DetalleDeCobranzas td.head {
  font-size: 1.2em;
  font-weight: thin;
}

#DetalleDeCobranzas td.headborder {
  border-top: 4px solid black;
}

#DetalleDeCobranzas th {
  background: #ededed;
  border-top: 1px solid #aaaaaa;
  color: black;
}

#DetalleDeCobranzas td.bottom {
  border-top: 2px solid black;
  padding-bottom: 20px;
}

#DetalleDeCobranzas th.letrasgrandes {
  font-size: 1em;
  background: #dfdfdf;
}

#DetalleDeCobranzas th.letrasgrandesodd {
  font-size: 1em;
  background: #efefef;
  font-weight: normal;
}

#DetalleDeCobranzas th.letrasgrandeseven {
  font-size: 1em;
  background: #fefefe;
  font-weight: normal;
}

#DetalleDeCobranzas th.left {
  text-align: left;
}

#DetalleDeCobranzas th.right {
  text-align: right;
}

.bordegruesoarriba {
  border-top: 2px solid black;
}

.bordefinoarriba {
  border-top: 1px solid black;
}

.saldocomprobante {
  background: #FFFFFF;
  border-top: 1px solid #aaaaaa;
}

.red {
  color: #880000;
}

.green {
  color: #008800;
}

.blue {
  color: #000044;
}

.saldo {
  border-top: 1px solid #aaaaaa;
  padding-top: 3px;
  padding-bottom: 3px;
  ;
  background: #dddddd;
}

td.saldocol {
  background: #dddddd;
  border-left: 1px dashed #666666;
}

.bordederecho {
  border-right: 1px solid #eeeeee;
}

.bordeizquierdo {
  border-left: 1px solid #eeeeee;
  padding-left: 10px;
  padding-right: 10px;
}

.marcado {
  background: #ddcccc;
}

div.sale-total {
  font-size: 1.4em;
  color: #cccccc;
  font-weight: bold;
  background: none;
  text-align: right
}

.total-simple {
  font-weight: bolder;
  border-top: 2px solid black;
  background: none;
  color: black;
}

.total-subcategoria {
  font-weight: bolder;
  border-top: 2px solid black;
  background: #BBBBBB;
  color: black;
}

.total-categoria {
  font-weight: bolder;
  border-top: 3px solid #444;
  background: #BBBBBB;
  color: black;
}

.categoria {
  background: #BBBBBB;
  text-align: left;
  font-weight: bolder;
  color: black;
  padding-top: 10px;
  border-top: 3px solid #444;
}

.subcategoria {
  background: #BBBBBB;
  text-align: left;
  font-weight: bolder;
  color: black;
}

#paginaprincipal {
  overflow: scroll;
  padding: 1em;
  box-sizing: border-box;
}

#paginaprincipal.home {
  overflow: scroll;
  min-height: 480px;
  padding: 0em;
  box-sizing: border-box;
}

#u_sidewindow {
  width: auto;
  max-width: 80vw;
  min-width: 50vw;
  display: none;
  position: absolute;
  border: 1px solid #ccc;
  box-shadow: 1em 0em 1em #444;
  background: white;
  overflow-y: auto;
  padding: 1em;
  z-index: 100;
}

#u_sidewindow.no-margin {
  padding: 0em;
}

#sidewindow_wrapper {
  overflow-y: auto;
  height: 98%;
}

input.noborder {
  border: none;
  background: white;
  color: #333333;
}

img.imagenproducto,
img.imagenpersonal,
img.qrcode,
div.qrcode {
  float: right;
  border: 1px solid #cccccc;
  padding: 1em;
  margin-left: 1em;
}

div.qrcode,
img.qrcode {
  max-width: 200px;
}

td.resaltar {
  background: #FFD73B;
}

/*** CHANGELOGS ***/
div.logs {
  margin-top: 20px;
}

div.logs table {
  border-left: 4px solid #8EC8FF;
  padding-left: 15px;
  border-top: 1px solid #8EC8FF;
  border-bottom: 1px solid #8EC8FF;
  border-right: 1px solid #8EC8FF;
  padding-right: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
}

div.logs h1 {
  margin-bottom: 0px;
  font-weight: normal;
  ;
  letter-spacing: 2px;
  font-weight: bold;
  text-transform: uppercase;
}

div.logs h2 {
  margin-bottom: 2px;
  font-weight: normal;
  margin-top: 5px;
  border-bottom: 1px dashed #cccccc;
  ;
  letter-spacing: 2px;
  font-weight: bold;
  text-transform: uppercase;
}


/*** Formularios y tipos de dato ***/
input.number {
  text-align: right;
}

input.bignumber {
  font-size: 1.4em;
  font-weight: bold;
}

th.bignumber {
  font-size: 1.4em;
  font-weight: bold;
}

input.pagos {
  width: 170px;
}

.weekend {
  background: black;
}

.dayNum {
  background: blue;
}

.dayNumNoEvent {
  background: red;
}

.costodiario {
  font-size: 1.4em;
}

.events {
  position: relative;
}

.events ul {
  text-align: left;
  position: absolute;
  display: none;
  z-index: 10000000;
  padding: 15px;
  background: #E7ECF2 url(../img/popup.png) no-repeat;
  color: white;
  border: 1px solid #dddddd;
  /*width: 250px;*/
  -moz-border-radius: 3px;
  -khtml-border-radius: 3px;
  -webkit-border-radius: 3px;
  -border-radius: 3px;
  list-style: none;
  color: #444;
  -webkit-box-shadow: 0px 8px 8px #333;
  /*  max-height:200px;
  overflow:auto;*/
}

.events li {
  padding-bottom: 5px;
}

.no_event {
  background: #eeeeee;
}

table.viewevent {
  border: none;
}

table.viewevent td {
  border: none;
}

/*#newplanner td {vertical-align:top;border:1px solid #CCCCEE;}
#newplanner td table td {vertical-align:top;border:none;}
#newplanner td table th {vertical-align:top;border:none;background:#ddddff;color:gray;text-transform:none;}
#newplanner td p {margin:0px;}*/
div.calendar.messages {
  color: red;
}

div.calendar.messages ul {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}

div.calendar.messages ul li {
  margin-top: 0.5em;
}

td.notInMonth {
  background: #dedede;
}

table.resaltar {
  background: #ccffcc;
  border: 1px solid #aaccaa;
}

/*** Cotizaciones ***/
#cotizaciones {
  border: 1px solid #cccccc;
}

#cotizaciones td {
  width: 150px;
}

#dashboard table {
  border: 1px solid #cccccc;
  padding: 10px;
}

td.complete {
  border: 1px solid #888888;
  background: white;
}

ul.hints {
  margin: 0px;
  margin-left: 10px;
  padding: 0px;
}

ul.hints li {
  list-style-image: url("hint.png");
  list-style-position: inside;
  padding-bottom: 20px;
}

ul.hints li b {
  ;
}

table #changelog {
  ;
  margin: 0px;
  padding: 0px;
}

table #changelog td {
  padding-right: 10px;
}

#clima table {
  -moz-box-shadow: 0px 0px 10px gray;
  -moz-border-radius: 5px;
}

#monedas table {
  -moz-box-shadow: 0px 0px 10px gray;
  -moz-border-radius: 5px;
}

/***Reporte loco de retenciones***/
table.GroupedHTML td.informeL0odd,
table.GroupedHTML td.informeL0even {
  background: white;
  font-size: 1.4em;
  padding-top: 2em;
}

table.GroupedHTML td.informeL1even,
table.GroupedHTML td.informeL1odd {
  background: white;
  font-size: 1em;
}

table.GroupedHTML td.informeT2even,
table.GroupedHTML td.informeT2odd {
  background: white;
  font-size: 1em;
  text-align: right;
  font-weight: bold;
  background: #EAEAEA;
}

.bordergray {
  border: 1px solid #aaaaaa;
}

a.bus-sel {
  font-weight: bold
}

a.bus-unsel {
  font-weight: normal;
}

.bignumber {
  font-size: 1.5em;
}



/*** RGRAPH ***/
.rgraphcanvas {
  border: 1px solid #cccccc;
}

div.label {
  border: 1px solid #cccccc;
  display: inline-block;
  padding: 0.25em;
  text-align: center;
  margin-bottom: 0.25em;
}

.label.full {
  padding: 0.5em;
}

/*** Polaris Tweets ***/
#polaristweets {}

#polaristweets ul {
  margin: 0px;
  padding: 0px;
  margin-left: 0px;
  margin-bottom: 10px;
}

#polaristweets li {
  border-radius: 5px;
  padding: 10px;
  margin-bottom: 10px;
  width: 600px;
  height: 200px;
  border: 1px solid #cccccc;
  background: white;
  text-align: left;
  padding-top: 8px;
  color: gray;
  font-size: 2em;
  list-style: square inside url("icons/twitter.png");
  box-shadow: 0px 0px 10px gray;
}

#polaristweets small {
  display: block;
}

#polaristweets .hash {
  color: #0066CC;
}

#polaristweets .reply {
  color: #0066CC;
}

#polaristweets a:link {
  text-decoration: none;
  color: #0066CC;
}

#polaristweets a:active {
  text-decoration: none;
  color: #0066CC;
}

#polaristweets #tea:hover {
  text-decoration: underline;
  color: #0066CC;
}

#polaristweets a:visited {
  text-decoration: none;
  color: #0066CC;
}

li.tweet_content_0 {
  ;
}

li.tweet_content_1 {
  ;
}

li.tweet_content_2 {
  ;
}

#polaristweets li.tweet_content_0 {
  -moz-box-shadow: 0px 0px 10px #0066CC;
}

#Phones {
  background: white;
  border: 1px solid #cccccc;
  padding: 5px;
}

#Phones {
  background: #fafafa;
  box-shadow: #aaa 5px 5px 5px;
}

#formasdecobro {
  background: white;
  border: 1px solid #cccccc;
  padding: 5px;
}

#formasdecobro {
  background: #fafafa;
  -moz-box-shadow: #aaa 5px 5px 5px;
}

#formasdecobro table td {
  padding: 0px;
  margin: 0px;
}

.alinea-derecha {
  margin: 0.25em;
  vertical-align: middle;
}

.selection-box {
  display: inline-block;
  right: 1em;
  top: 2.5em;
  border: 1px solid #ccc;
  padding: 0.75em;
  background: white !important;
}

#selection_box_message {
  font-size: 2em;
  /*font-weight:bold;*/
  margin-top: 0.25em;
  margin-bottom: 0.25em;
}

#selection-info {
  text-align: right;
}

#selection-info h2 {
  margin: 0px;
}

tr.ajuste {
  font-weight: bold;
}

tr.red {
  background: #faa;
  border: 1px solid red;
}

tr.filaresaltada {
  font-weight: bolder;
  color: #CC8844;
}



.explicacion {
  border: 1px solid #ccc;
  color: #444;
  background: white;
  padding: 10px;
  margin-bottom: 10px;
  margin-top: 5px;
  -moz-border-radius: 10px;
}

.aclaracion {
  margin-top: 10px;
  color: #888;
}

#c_reqs_categorias li {
  display: inline-block;
  margin: 0px;
  padding: 5px;
  background: -moz-linear-gradient(#ccc, #fff);
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  margin-right: 5px;
  color: gray;
}

#c_reqs_categorias ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}

li.c_reqs_subcat_class {
  display: inline-block;
  margin: 0px;
  padding: 5px;
  background: -moz-linear-gradient(#ffa, #fff);
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  margin-right: 5px;
  color: gray;
}

ul.c_reqs_subcat_class {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}

.titulocountdown {
  padding-top: 16px;
}

.status-category {
  display: block;
  background: rgba(255, 255, 255, 0.4);
  height: 20px;
  float: right;
  margin-top: -5px;
  vertical-align: middle;
  margin-left: 5px;
  padding-left: 4px;
  padding-top: 4px;
  padding-right: 4px;
}

.status-subcategory {
  display: block;
  background: rgba(255, 255, 255, 0.4);
  height: 20px;
  float: right;
  margin-top: -5px;
  vertical-align: middle;
  margin-left: 5px;
  padding-left: 4px;
  padding-top: 4px;
  padding-right: 4px;
}

.columnagrupo {
  display: none;
  text-align: left;
}

.columnaeventos {
  display: none;
}

div.activo1 {
  border-radius: 5px;
  background-color: #060;
  color: white;
  border: 1px solid gray;
  display: inline-block;
  padding: 5px;
  margin-right: 5px;
  margin-bottom: 5px;
}

div.activo2 {
  border-radius: 5px;
  background-color: #660;
  color: white;
  border: 1px solid gray;
  display: inline-block;
  padding: 5px;
  margin-right: 5px;
  margin-bottom: 5px;
}

div.activo3 {
  border-radius: 5px;
  background-color: #666;
  color: white;
  border: 1px solid gray;
  display: inline-block;
  padding: 5px;
  margin-right: 5px;
  margin-bottom: 5px;
}

div.activo1 a,
div.activo2 a,
div.activo3 a {
  color: white;
}

.status-ok {
  border: 1px solid #090;
  background: #cfc;
}

.status-no,
.status-bad {
  border: 1px solid #f00;
  background: #fcc;
}

.status-middle {
  border: 1px solid #880;
  background: #ff0;
}

.status-nulo {
  border: auto;
}

.semaphore {
  display: inline-block;
  height: 1em;
  width: 1em;
  border-radius: 1em;
  margin-right: 1em;
}

.semaphore {
  border: 1px solid;
}

.sem_yellow,
.semaphore.yellow,
.desvio.yellow {
  background: #ffa;
  border-color: #880;
}

.sem_red,
.semaphore.red,
.desvio.red {
  background: #faa;
  border-color: #f00;
}

.sem_green,
.semaphore.green,
.desvio.green {
  background: #afa;
  border-color: #080;
}

.sem_orange,
.semaphore.orange,
.desvio.orange {
  background: #fc8;
  border-color: #840;
}

.sem_gray,
.semaphore.gray,
.desvio.gray {
  background: #ccc;
  border-color: #888;
}

.indicator_red {
  color: #f00;
  font-weight: bold;
}

.indicator_green {
  color: #080;
  font-weight: bold;
}

.indicator_yellow {
  color: #880;
  font-weight: bold;
}


.message {
  padding: 0.5em;
  margin-bottom: 0.5em;
  display: inline-block;
  border: 1px solid;
  min-width: 30vw;
}

.message_alert {
  padding: 1em;
  width: auto;
  color: #fff;
  background: rgba(255, 0, 0, 0.5);
  border: none;
  border-left: 4px solid #f00;
  border-radius: 5px;
  display: block;
  text-align: center;
}

.message_warning {
  padding: 1em;
  width: auto;
  color: #000;
  background: rgba(255, 255, 0, 0.5);
  border: none;
  border-left: 4px solid #ff0;
  border-radius: 5px;
  display: block;
  text-align: center;
}

.message_information {
  font-size: 1.25em;
  background-color: #E2EEFB;
  background-image: url('icons/info-32x32.png');
  background-position: 1em;
  background-repeat: no-repeat;
  padding: 1em;
  padding-left: 5em;
  border: none;
  border-left: 4px solid #42C0FB;
  border-radius: 4px;
  width: auto;
  color: #000;
  min-height: 40px;
  /*display:block;*/
  text-align: left;
  vertical-align: middle;
}




.no-bullet {
  list-style-type: none;
  padding: 0px;
}

div.checkbox_list {
  border: 1px solid #ccc;
  margin-bottom: 1em;
  margin-right: 1em;
  display: inline-block;
}

div.checkbox_list div.checkbox_list_counter {
  float: left;
  margin-left: 0.5em;
  margin-top: 0.25em;
}

div.checkbox_list div.checkbox_list_toolbar {
  text-align: right;
  display: block;
  margin-top: 0em;
  background: #e0e0e0;
  padding: 0.5em;
  border-bottom: 1px solid #ddd;
}

div.checkbox_list #checkbox_search {
  margin-left: 1em;
}

div.checkbox_list div.options_container {
  margin: 0px;
  max-width: 60vw;
  min-width: 20vw;
  max-height: 25vh;
  overflow: none;
  overflow-y: scroll;
  display: block;
  width: auto;
}

ul.checkbox_list {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}

ul.checkbox_list.cols2 {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}

ul.checkbox_list.cols1 {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}

ul.checkbox_list.cols4 {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}

ul.checkbox_list li {
  padding: 0.5em;
}

.checkbox_list input {
  display: inline-block;
  vertical-align: middle;
}

.checkbox_list span.value {
  display: inline-block;
  max-width: 80%;
  vertical-align: middle;
}

ul.checkbox_list li:nth-child(odd) {
  background: #fff;
}

ul.checkbox_list li:nth-child(even) {
  background: #eee;
}

ul.checkbox_list li.checkbox_list_highlight:nth-child(odd) {
  background: #ffa;
}

ul.checkbox_list li.checkbox_list_highlight:nth-child(even) {
  background: #eea;
}

ul.checkbox_list li.checkbox_list_checked:nth-child(odd) {
  background: #fda;
}

ul.checkbox_list li.checkbox_list_checked:nth-child(even) {
  background: #fea;
}

ul.checkbox_list li input:disabled+span {
  color: #ccc;
}

ul.radio_list {
  display: inline-block;
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  max-height: 20vh;
  width: auto;
  overflow: auto;
  overflow-y: scroll;
  border: 1px solid #ccc;
  width: 100%;
  /*margin-bottom:20px;*/
}

.checkbox_row,
.radio_row {}

.checkbox_row ul,
.radio_row ul {
  margin: 0;
  padding: 0px;
}

.checkbox_row ul li,
.radio_row ul li {
  display: inline-block;
}

.checkbox_row ul li input[type='checkbox'],
.radio_row ul li input[type='radio'] {
  vertical-align: middle;
}

.checkbox_row ul li label,
.radio_row ul li label {
  vertical-align: middle;
}

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

.checkbox_row.flexy ul,
.radio_row.flexy ul {
  display: flex;
}

.checkbox_row ul li input[type='checkbox']+span,
.radio_row ul li input[type='radio']+span {
  border: 1px solid #ccc;
  margin-left: 0.25em;
  padding: 1em;
  display: inline-block;
  cursor: pointer;
  text-align: center;
  border-radius: 4px;
  white-space: normal;
  transition: all 0.25s ease-in-out;
}

.checkbox_row ul li input[type='checkbox']:checked+span,
.radio_row ul li input[type='radio']:checked+span {
  background: #0000AA;
  color: white;
  white-space: normal;
}

.checkbox_row.flexy,
.radio_row.flexy {
  max-width: 30vw;
  margin-top: 0.5em;
  margin-left: 0px;
}

.checkbox_row.flexy,
.radio_row.flexy {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}

.checkbox_row.flexy li,
.radio_row.flexy li {
  display: inline-block;
  margin-top: 0.5em;
  margin-right: 0.5em;
}

.checkbox_row.flexy li input[type='checkbox']+span,
.radio_row.flexy li input[type='radio']+span {
  color: #444;
}

.checkbox_row.flexy li,
.radio_row.flexy li {
  flex: 0 0 auto;
  display: block;
  width: 30%;
}

.checkbox_row.flexy li span,
.radio_row.flexy li span {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  min-height: 4em;
  text-align: left;
}

ul.radio_list li {
  padding: 0.5em;
}

ul.radio_list li:nth-child(odd) {
  background: #fff;
}

ul.radio_list li:nth-child(even) {
  background: #eee;
}

/**
 * OLD TOOLS
 */
ul.utilidades {
  padding: 0px;
  background: #ddd;
  padding: 3px;
  display: inline-block;
}

ul.utilidades li {
  display: inline-block;
  min-width: 40px;
  background: #eee;
  padding: 5px;
  font-size: 1.1em;
  text-align: center;
  vertical-align: top;
}

ul.utilidades li:hover {
  background: white;
}

ul.utilidades li a {
  display: inline-block;
  min-width: 40px;
}

.toolbar {
  padding: 4px;
  display: inline-block;
  margin-top: 10px;
}

.toolbar a.active {
  background: linear-gradient(#f80, #f72);
  color: white;
}

ul.mdr {
  margin: 0px;
  padding: 0px;
}

ul.mdr li.mdr {
  width: 22%;
  margin: .5em 2%;
  padding: 20px;
  height: 100px;
  float: left;
  border: 1px solid #ccc;
  border-radius: 5px;
  display: inline-block;
}

ul.mdr li.mdr ul.menu {
  ;
  margin: 0px;
  padding: 0px;
  padding-top: 5px;
  margin-top: 10px;
}

ul.mdr li.mdr ul.menu li {
  display: inline-block;
  padding-right: 10px;
}

/*ul.mdr li.mdr ul.menu li a {padding:3px;padding-left:10px;padding-right:10px;border-radius:5px;color:white;background:#557799;}
ul.mdr li.mdr ul.menu li a:hover {text-decoration:none;color:white;background:#224477;}*/
.mdr-title {
  font-size: 1.75em;
}

.mdr-description {
  font-size: 1em;
  color: #aaa;
}

.mdr-file {
  font-size: 0.8em;
  display: inline-block;
}

.mdr-file-data {
  font-size: 0.8em;
  display: inline-block;
}


div.user-rendered {
  display: flex;
  border: 1px solid #ccc;
  padding: 0.5em;
  background: #222;
  /* margin: 3px; */
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
}

div.user-rendered:hover {
  background: #333;
  color: white;
  text-decoration: none;
}

div.user-rendered img {
  display: inline-block;
  width: 4em;
  border-radius: 4px;
}

div.user-rendered span.nombre-de-usuario {
  display: inline-block;
  /* font-weight: bold; */
  padding-left: 0.5em;
  color: white;
  width: 6em;
  text-align: center;
}

div.user-rendered-small img {
  display: inline-block;
  height: 2em;
}

div.user-rendered-small div.user_initials {
  display: inline-block;
  /* font-weight: bold; */
  padding-left: 0.5em;
  color: white;
  width: 6em;
  text-align: center;
}

#audits {
  background: white;
  display: block;
  vertical-align: top;
  border: 1px solid #ccc;
  padding: 5px;
  height: 70vh;
  overflow-y: scroll;
}

#audits h1 {
  text-align: left;
  font-size: 1em;
}

#audits .audit-row.rowodd {
  background: #fcc;
}

#audits .audit-row.roweven {
  background: #fdd;
}

#audits .audit-row {
  text-align: left;
  display: table-row;
  vertical-align: top;
}

#audits .audit-row .operacion {
  display: table-cell;
  line-height: 20px;
  vertical-align: middle;
  padding: 10px;
}

#audits .audit-row .stamp {
  display: table-cell;
  vertical-align: middle;
  padding: 10px;
}

.toolbar #mails {
  height: 160px;
  overflow-y: scroll;
  position: absolute;
  background: white;
  display: none;
  vertical-align: top;
  border: 1px solid #ccc;
  padding: 5px;
  box-shadow: 10px 10px 30px #444;
}

.toolbar #mails ul {
  list-style-type: none;
  margin: 0em;
  padding: 0em;
}

.toolbar #mails li {
  margin: 0em;
  padding: 0em;
}

.striped-table td,
.striped-table th {
  padding: 5px;
}

.striped-table tr:nth-of-type(odd) td {
  background-color: #eee;

}

.striped-table tr:nth-of-type(even) td {
  background-color: #fff;
}

.right {
  text-align: right;
}

.padding {
  padding-left: 1em;
}

.wrong {
  color: #f00 !important;
}

.wrong a {
  color: #f00;
}

td.wrong {
  background: #faa !important;
  color: #800 !important;
}

tr.wrong td {
  background: #faa !important;
  color: #800 !important;
}

tr.wrong td a {
  color: #800;
}

.ok {
  color: #080 !important;
}

.ok_font {
  color: #080 !important;
}

;

input.wrong {
  background: #fcc !important;
}

input.ok {
  background: #cfc;
}

td.concepto small {
  color: #555;
  font-size: 1em;
}

/**
 * Bloques de informacion prestablecida
 */
a.item-container:hover {
  text-decoration: none;
}

div.item-container {
  background: #ccc;
  width: 60%;
  border: 1px solid #888;
  border-radius: 5px;
  margin-bottom: 2em;
  padding: 20px;
}


/**
 * Seguimiento completo de comprobante de compras.
 */
#seguimiento_completo,
#seguimiento_completo_link {
  display: none;
}

#seguimiento_completo table {
  background: #ffe;
  border: 1px solid #ddd;
}

#seguimiento_completo td {
  vertical-align: top;
}

.complete-workflow th {
  background: none;
  border: none;
}

.complete-workflow td {
  padding-right: 10px;
}

.complete-workflow td li {
  padding: 3px;
  padding-left: 10px;
  padding-right: 10px;
}

.complete-workflow td li.asoc {
  background: #ffff00;
  font-weight: bolder;
}

.complete-workflow td li.own {
  background: #00ff00;
  font-weight: bolder;
}

.resaltado {
  padding: 10px;
  background: #ffa;
  color: black;
  font-size: 1.3em;
  border: 1px solid #aaa;
  font-weight: bolder;
}

span.label {
  border: 1px solid #cccccc;
  display: inline;
  padding: 2px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  text-align: center;
  font-size: 0.9em;
}

span.red {
  background: #f00;
  color: white;
}

span.yellow {
  background: #ff0;
  color: black;
}

div.qrcode {
  text-align: center
}

#sendmailview {
  display: none;
  z-index: 10000;
  top: 80px;
  left: 10px;
  position: absolute;
  background: white;
  border: 1px solid #cccccc;
  padding: 0px;
  width: 540px;
  box-shadow: 10px 10px 10px #444;

}

#tablamail {
  margin: 10px;
}


.popup-title {
  color: white;
  background: #444;
  padding: 5px;
}

#codebar-search-box {
  position: fixed;
  padding: 20px;
  border: 1px solid #ccc;
  box-shadow: 10px 10px 10px #000;
  top: 100px;
  display: block;
  background: white;
  display: none;
  z-index: 20;
}

#codebar-search-box.shown {
  position: relative;
  top: auto;
  display: inline-block;
  margin-bottom: 1em;
}

#codebar-search-box input {
  font-size: 3em;
}

.customer-ticket-type {
  padding: 0.5em;
  border-radius: 0.5em;
  text-align: center;
  display: inline-block;
}

.contact-input {}

.contact {
  margin-right: 0.5em;
  margin-bottom: 0.5em;
  border-radius: 0.5em;
  background: #ddd;
  border: 1px solid #888;
  padding: 0.5em;
  max-width: 500px;
}

.contact div {
  margin: 0em !important;
  margin-right: 0.5em !important;
  vertical-align: top;
  display: inline-block;
}

.contact.small {
  display: inline-block;
  margin: 0.25em;
  padding: 0.5em;
}

span .contact.small:first-child {
  margin-left: 0em;
}

.contact .delete_button {
  float: right;
  margin-left: 0.5em;
  margin-right: 0.5em;
  cursor: pointer;
}

.mail {
  color: #0088ff;
}

.mail:hover {
  color: #0088ff;
  text-decoration: underline;
  cursor: pointer;
}

.hoy {
  background: yellow;
}

.nice_date.hoy {
  background: none;
  font-weight: bold;
}

.scroller {
  border: 1px solid #ccc;
  padding: 1em;
  width: 50%;
  width: 50vw;
  max-height: 20vh;
  overflow-y: scroll;
  font-size: 1.2em;
  line-height: 1.5em;
}

.scroller a {
  color: #44A;
}

.scroller .gmail_quote {
  padding-left: 2em;
  color: #777;
  border-left: 1px solid #ccc;
}

.gdc {
  background: #ffa;
}

.gdc_outdated {
  background: #fee;
}



/* sobre los inputs **/
input.disabled {
  color: #ccc;
  background: #ddd;
}

input.active {
  background: #fda;
}

.pointer {
  cursor: pointer;
}

.item_fab_form {
  border: 1px solid #ccc;
  padding: 5px;
  margin-top: 5px;
  margin-bottom: 5px;
}

.block {
  border: 1px solid #ccc;
  display: block;
  border-radius: 5px;
  padding: 1em;
  background: #ddd;
}

.block h1 {
  font-size: 1em;
  margin: 0px;
  padding: 0px;
}

.inline li {
  display: inline-block;
  width: 15%;
  vertical-align: top;
  padding: 0.5em;
}

.inline li .label {
  display: inline-block;
  width: 80%;
  vertical-align: top;
}

.item_fab_form {
  position: fixed;
  background: white;
  margin-top: -0.2em;
  box-shadow: 0px 0px 20px #000;
}


.oculto {
  display: none;
}

.highlight {
  background: #ffff00 !important;
}

.lote-estado {
  border: 1px solid #ccc;
  border-radius: 0.5em;
  margin-left: 0.5em;
  padding: 0.3em;
  display: inline-block;
  white-space: nowrap;
  text-align: center;
}

.lote-estado.aprobado {
  background: green;
  color: white;
}

.lote-estado.cuarentena {
  background: yellow;
  color: black;
}

.lote-estado.rechazado {
  background: red;
  color: white;
}

.lote-estado.vencido {
  background: darkred;
  color: white;
}

.lote-estado.a-produccion {
  background: #00ffff;
  color: white;
}

.lote-estado.correccion-de-mercado {
  background: #ff00ff;
  color: white;
}

.lote-estado.retiro-de-mercado {
  background: #ff00aa;
  color: white;
}


.attachment {
  margin-top: 1em;
  background-image: url('icons/attach.png');
  background-repeat: no-repeat;
  background-position: left;
  padding-left: 22px;
}

.time_input {}

.over-form {
  display: none;
  position: fixed;
  border: 1px solid #ccc;
  box-shadow: 10px 10px 10px #000;
  padding: 5px;
  background: white;
  margin-top: -1em;
}



/*
 * Eventos
 */
.evn_evento_codigo {
  font-weight: bold;
  color: #444;
  text-align: left;
}

.codigo-terminacion {
  color: #08a;
}

.evn_evento_version {
  float: right;
}

th.hour {
  font-size: 0.5em;
}

td.hour {
  font-size: 0.5em;
}

td.hour_separator {
  font-size: 0.5em;
}

td.busy {
  background: #AAA;
}

td.now {
  background: #FF6;

}

td.now.busy {
  background: #AA6;
  -moz-animation-name: pulse;
  -moz-animation-duration: 0.5s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: ease-in-out;
  -moz-animation-direction: alternate;
}

td.actual {
  background: #FF6;
}

@-moz-keyframes pulse {
  from {
    opacity: 0.0;
  }

  to {
    opacity: 1.0;
  }
}


.notes-table {
  width: 100%;
}

.note,
.contacto {
  border: 1px solid #ccc;
  padding: 1.5em;
  border-radius: 1em;
  box-shadow: 10px 10px 10px #ccc;
  display: inline-block;
  margin-left: 0px;
  width: 300px;
  margin-left: 2em;
  vertical-align: top;
}

.note .title {
  font-size: 1.5em;
  font-weight: bolder;
  margin-bottom: 1em;
}

.note .body {
  min-height: 200px;
}

.note .icons {
  float: right;
}


/**
 * Contactos
 */
.contacto .nombre-apellido {
  font-size: 1.5em;
  font-weight: bold;
}

.contacto .nombre-apellido .empresa {
  font-size: 0.8em;
  font-weight: bold;
}

.contacto .empresa {
  font-size: 1.5em;
  font-weight: bold;
}

.contacto .formasdecomunicacion {
  margin-top: 1em;
  min-height: 100px;
}

.contacto .comunicacion {
  margin-bottom: 0.5em;
}

.contacto .comunicacion .tipodecomunicacion {
  display: inline-block;
  margin-right: 1em;
  min-width: 40px;
  font-weight: bold;
  white-space: pre-wrap;
}

.contacto .comunicacion .valor {
  display: inline-block;
  margin-right: 1em;
}

.contacto .comunicacion .descripcion {
  display: inline-block;
  margin-right: 1em;
  font-size: 0.9em;
  color: gray;
}

.contacto .icons {
  float: left;
  vertical-align: bottom;
}

.contacto .direccion {
  margin-bottom: 1em;
}

#event_calendar a {
  color: black;
  font-size: 1em;
}

#event_calendar {}

#changelog-list ul {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  padding-bottom: 10px;
}

#changelog-list li div {
  font-size: 1em;
  padding-bottom: 10px;
  font-weight: bolder;
}

#changelog-list li.module-change {
  font-size: 12px;
  padding-bottom: 10px;
}


.margintop1em {
  margin-top: 1em;
}

.big1 {
  font-size: 1.5em;
}

.big2 {
  font-size: 1em;
}

.orange {
  font-weight: bold;
  color: #DD6600 !important;
}

ul.itembrowser {
  -moz-column-count: 3;
}

.itembrowser li {
  padding: 0.5em;
}

.back-to-top {
  position: fixed;
  bottom: 0em;
  right: 0;
  background-color: rgba(255, 255, 255, 0.85);
  font-size: 1em;
  padding: 0.5em;
  display: none;
  border: 1px solid #CCC;
  margin-right: 14px;
  box-shadow: -0.5em 0em 0.5em #444;
  outline: none;
  box-sizing: border-box;
  width: 4em;
  text-align: center;
}

.back-to-top:hover {
  background-color: rgba(255, 255, 255, 0.9);
  outline: none;
}

#spacing-back-to-top {
  height: 34px;
}

.customer_ticket_contact_section {
  border: 1px solid #ccc;
  margin-bottom: 1em;
  margin-right: 1em;
  padding: 1em;
  display: inline-block;
  vertical-align: top;
  position: relative;
}

.customer_ticket_contact_section_header {
  display: block;
}

.customer_ticket_contact_section a.title {
  font-size: 1.2em;
  font-weight: bold;
}

.customer_ticket_contact_values ul {
  list-style-type: none;
  padding: 0;
  margin-left: 1em;
}

.customer_ticket_contact_values li a {
  vertical-align: middle;
}

.customer_ticket_contact_section a.downright {
  vertical-align: bottom;
  position: absolute;
  bottom: 0;
  right: 0;
  padding-right: 1em;
  padding-bottom: 1em;
}

.small-icon img {
  width: 10px;
  height: 10px;
  padding-left: 0.5em;
}

.contact-container {
  width: 60%;
}

.customer-ticket-comment-collection {}

.customer-ticket-comment-item {
  padding: 0.5em;
  background: #fed;
  border-bottom: 1px solid white;
}

.customer-ticket-comment-item input {}

.customer-ticket-comment-item img,
#customer-ticket-timeline .user-picture img,
#ticket-timeline .user-picture img {
  display: inline-block;
  min-width: 34px;
  max-height: 34px;
}

.customer-ticket-comment-item-text {
  display: inline-block;
  vertical-align: top;
  margin-left: 1em;
  max-width: 85%;
}

.customer-ticket-comment-item .stamp {
  color: gray;
  margin-top: 0.5em;
}

.customer-ticket-comment-item .comment-text {
  display: inline;
  margin-left: 0.5em;
}

.customer-ticket-comment-item .username,
.customer-ticket-comment-item b,
#customer-ticket-timeline .username,
#customer-ticket-timeline .orange,
#customer-ticket-timeline .orange a,
#ticket-timeline .username,
#ticket-timeline .orange,
#ticket-timeline .orange a {
  font-weight: bold;
  color: #DD6600;
  display: inline-block;
}

#customer-ticket-timeline {
  height: 85%;
  overflow-y: scroll;
  vertical-align: top;
  /*width:600px;*/
}

#ticket-timeline .ticket,
#customer-ticket-timeline .customer-ticket {
  display: inline-block;
  vertical-align: top;
  border-bottom: 1px solid #ddd;
  margin-bottom: 2em;
  padding-bottom: 1em;
  width: 85%;
}

#ticket-timeline .user-picture,
#customer-ticket-timeline .user-picture {
  display: inline-block;
  margin-right: 1em;
}

#ticket-timeline .ticket .box,
#customer-ticket-timeline .customer-ticket .box {
  border: 1px solid #ccc;
  padding: 1em;
  margin-top: 1em;
  margin-bottom: 0.5em;
  width: 60%;
  min-height: 80px;
  cursor: pointer;
  width: 90%;
}

#ticket-timeline .ticket .box .title,
#customer-ticket-timeline .customer-ticket .box .title {
  font-weight: bolder;
  margin-bottom: 0.5em;
}

#ticket-timeline .ticket .box .body,
#customer-ticket-timeline .customer-ticket .box .body {
  color: gray;
}

#ticket-timeline .ticket .desde,
#customer-ticket-timeline .customer-ticket .desde {
  margin-bottom: 1em;
}

#ticket-timeline .ticket-wrapper,
#customer-ticket-timeline .customer-ticket-wrapper {
  width: 98%;
}


.customer-ticket-header {
  width: 90%;
  display: inline-block;
}

.customer-ticket-type-indicator,
.indicator {
  text-align: center;
  display: block;
  padding: 0.5em;
  border: 1px solid #ddd;
  font-weight: bolder;
  text-transform: uppercase;
}

h1.section>div.customer-ticket-type-indicator {
  margin-right: 1em;
  display: inline-block;
  padding: 0.25em;
}

h1.section>div.customer-ticket-type-indicator span {
  font-size: 1em !important;
}

.indicator {
  font-size: 1.25em;
  display: inline-block;
  min-width: 1.5em;
}

.customer-ticket-number {
  font-size: 1.25em;
  font-weight: normal;
}


.crm_state_flow_active {
  font-weight: bold;
}

.crm_state_flow_end {
  color: #444;
}

#asientocontable th {
  max-width: 100px;
}

.service_template {
  font-size: 1.25em;
}

.detalle_asiento td.level-1 {
  padding-left: 2em;
}

.detalle_asiento .apropiable {}

.estado-apropiacion {
  border-top: 1px solid #ccc !important;
  background: white;
  padding-bottom: 2em !important;
  vertical-align: top;
}

#detalle-asiento tr.added-fields td:first-child,
tr.apropiacion td:first-child,
tr.concepto td:first-child {
  padding-left: 1em;
  /*border-left:0.5em solid #ddd;*/
}

#detalle-asiento tr.added-fields td,
tr.apropiacion td,
tr.concepto td {
  color: #aaa;
  background: #fff;
}

tr.apropiable td,
tr.concepto td {
  background: #ffd;
}

tr.apropiable td:first-child,
tr.concepto td:first-child {}

tr.apropiable td:last-child,
tr.concepto td:last-child {}

tr.imputable {
  background: yellow !important;
}


.barra-acotada {
  width: 65vw;
}

.resumen-de-servicios td {
  padding: 0.25em;
  white-space: nowrap;
}

#tabla-nutricional table {
  width: 20vw;
}

#tabla-nutricional table td {
  white-space: nowrap;
}

.block {
  display: inline-block;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 0.25em;
  padding: 0.5em;
  vertical-align: top;
  margin-right: 2em;
  margin-bottom: 2em;
}

.block table {
  vertical-align: top;
  width: 100%;
}

/*.informacion-nutricional h3.subsection {border:0px;background:white;color:black;padding:0.5em;font-weight:bold;text-transform:uppercase;}*/
.vw10 {
  width: 10vw;
}

.vw20 {
  width: 20vw;
}

.vw30 {
  width: 30vw;
}

.vw40 {
  width: 40vw;
}

.vw50 {
  width: 50vw;
}

.vw60 {
  width: 60vw;
}

.nowrap {
  white-space: nowrap;
}

.wrapper-si_note_descripcion {
  position: absolute;
  /*margin-top:-1em;*/
  z-index: 4;
  background: white;
  box-shadow: 2px 2px 4px;
  border: 1px solid #888;

  padding: 0.5em;
}

#search-advanced td {
  vertical-align: top;
}

.suspended-item {
  color: #aaa;
}


.float_toolbar_trigger {
  display: block;
  margin-left: 1em;
}

.float_toolbar a {
  margin-right: 1em;
}

.float_toolbar {
  position: absolute;
  display: none;
  background: white;
  border: 1px solid #ccc;
  border-radius: 0.25em;
  box-shadow: 0em 0em 0.75em #000;
  padding: 1em;
  margin-right: 1em;
  z-index: 899;
}

ul.arbol-0 {
  list-style-type: none;
  margin-top: 1em;
  padding-left: 1em;
  font-weight: bolder;
}

ul.arbol-1 {
  list-style-type: none;
  margin-top: 0.5em;
  padding-left: 1em;
  font-weight: normal;
}

ul.arbol-2 {
  list-style-type: none;
  margin-top: 0.5em;
  padding-left: 1em;
  font-weight: normal;
}

ul.arbol-3 {
  list-style-type: none;
  margin-top: 0.5em;
  padding-left: 1em;
  font-weight: normal;
}

ul.arbol-4 {
  list-style-type: none;
  margin-top: 0.5em;
  padding-left: 1em;
  font-weight: normal;
}

ul.arbol-5 {
  list-style-type: none;
  margin-top: 0.5em;
  padding-left: 1em;
  font-weight: normal;
}

ul.arbol-6 {
  list-style-type: none;
  margin-top: 0.5em;
  padding-left: 1em;
  font-weight: normal;
}

ul.arbol-7 {
  list-style-type: none;
  margin-top: 0.5em;
  padding-left: 1em;
  font-weight: normal;
}

ul.arbol-8 {
  list-style-type: none;
  margin-top: 0.5em;
  padding-left: 1em;
  font-weight: normal;
}

ul.arbol-9 {
  list-style-type: none;
  margin-top: 0.5em;
  padding-left: 1em;
  font-weight: normal;
}

ul.arbol-10 {
  list-style-type: none;
  margin-top: 0.5em;
  padding-left: 1em;
  font-weight: normal;
}

.text_large {
  width: 60vw;
}

.textarea_large {
  width: 60vw;
  height: 12vh;
}

.breadcrumb {
  background: #eee;
  padding: 0.5em;
  border: 1px solid #ccc;
  border-radius: 0.25em;
  font-size: 0.85em;
  color: #888;
  display: inline-block;
}

.breadcrumb a {}

.sem_mayor {
  background: #fcc !important;
}

.sem_menor {
  background: #cfc !important;
}

.sem_nuevo {
  font-weight: bold;
}

.sem_nan {
  color: #f00;
}

.tabs {
  display: none;
}

div.query {
  margin-bottom: 1em;
  padding: 1em;
  border: 1px solid #ccc;
  background: #afa;
}

div.query h1 {
  margin: 0em;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

div.query-result {
  margin-top: 1em;
}

div.query-with-error {
  background: #faa;
}

div.query-error {
  margin-top: 1em;
  border: 4px solid #f00;
  background: #f88;
  padding: 1em;
}

div.debug_backtrace {
  display: none;
  margin-top: 1em;
  border: 4px solid #ff0;
  background: #ff8;
  padding: 1em;
}

.graph_linear,
.graph_bars {
  margin: 1em;
  border: 1px solid #ccc;
  padding: 1em;
  text-align: center;
}

table.address tbody tr:first-child {
  background: #CCCCCC !important;
}

table.address.T1 {
  border: 1px solid #CC0000;
  margin-bottom: 1em;
}

table.address.T2 {
  border: 1px solid #00CC00;
  margin-bottom: 1em;
}

table.address.T3 {
  border: 1px solid #0000CC;
  margin-bottom: 1em;
}

table.address.T1 tbody tr:first-child {
  background: #EEDDCC !important;
}

table.address.T2 tbody tr:first-child {
  background: #DDEECC !important;
}

table.address.T3 tbody tr:first-child {
  background: #DDCCEE !important;
}

table.address tbody tr:first-child td {
  font-weight: bold;
}

table.address {
  min-width: 20vw;
  max-width: 35vw;
}

.address .street {
  font-weight: bold;
}

.address .city {
  margin-top: 0.25em;
}

.address .region {
  margin-top: 0.25em;
}

.padded {
  margin-top: 1em;
  margin-bottom: 1em;
}

.formulario_float {
  display: none;
  position: absolute;
  box-shadow: 0em 0em 1em #000;
  background: white;
  border: 1px solid #ccc;
  margin-bottom: 2em;
  z-index: 19;
  padding: 0.5em;
}

/** U_ALERT **/
div.u_alert {
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  margin-bottom: 0em;
  padding: 1em;
  /*max-width:90%;*/
  min-height: 4em;
  background: #fff;
  border-radius: 0.5em;
  margin-bottom: 0.75em;
  box-shadow: 0px 0px 0.5em rgb(0 0 0 / 20%);
}

div.u_alert:last-child {
  border-bottom: 1px solid #ccc;
}

div.u_alert div.column1 {
  display: inline-block;
  font-size: 2em;
  margin-right: 1em;
  vertical-align: top;
  width: auto;
}

div.u_alert div.column2 {
  display: inline-block;
  vertical-align: top;
  max-width: 50vw;
}

div.u_alert div.message {
  margin-bottom: 1em;
  font-size: 1em;
}

div.u_alert div.timing {
  font-size: 1em;
  margin-top: 0.5em;
  color: gray;
}

div.u_alert div.timing.generated {
  color: #c70;
}

div.u_alert div.toolbar {
  float: right;
  vertical-align: top;
  margin-top: 0em;
}

div.u_alert div.toolbar-item {
  display: inline-block;
  margin-right: 1em;
}

div.u_alert div.pospone-form {
  display: none;
  position: absolute;
  background: white;
  border: 1px solid #ccc;
  box-shadow: 0 0 1em #888;
  padding: 0.5em;
}

div.u_alert div.pospone-form ul li {
  padding: 0.5em;
}

div.u_alert div.pospone-form ul li:hover {
  background: #fa0;
}

div.u_alert div.pospone-form ul li span.time {
  margin-left: 2em;
  color: gray;
  float: right;
}

div.u_alert_list {
  overflow-y: auto;
  overflow-x: auto;
  /* padding:1em; */
  background: #eee0;
  /* padding-left:3em; */
  padding-right: 1em;
}

div.time-break {}

div.time-break div.separator {
  margin-top: 1.5em;
  margin-bottom: 1.5em;
  color: #222;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1.25em;
}

#u_sidewindow div.time-break div.separator {
  color: #fff;
}

#u_sidewindow.u_alerts h1,
#u_sidewindow.u_chat_window h1.section {
  color: white;
  text-transform: uppercase;
  font-size: 3.25em !important;
  padding-left: 0;
  margin-top: 0em;
  margin-bottom: 0.5em;
  margin-left: 0.5em;
}

#u_sidewindow.u_alerts h1:before,
#u_sidewindow.u_chat_window h1:before {

  font-family: "Font Awesome 5 Pro";
  display: inline-block;
  color: white;
  background: transparent;
  margin-right: 0.25em;
}

#u_sidewindow.u_alerts h1:before {
  content: "\f0f3";
}

#u_sidewindow.u_chat_window h1:before {
  content: "\f27a";
}


div.time-break div.separator:first-child {
  margin-top: 0;
}

#u_sidewindow div.time-break div.separator:first-child {
  color: #fff0 !important
}

div.u_alert_list.no_alerts {
  background-color: #fff;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-origin: content-box;
  background-image: url('no_alerts.png');
  padding: 0;

}

div.u_alert_list div.message>b:first-child,
div.u_alert_list div.title {
  font-size: 1.5em;
  display: inline-block;
  margin-bottom: 0.5em;
  font-weight: bold;

}

div.u_alert_list div.detail {
  margin-bottom: 1em;
  padding-
}

div.u_alert_list div.message.hidden {
  display: none;
}


div.u_alert_list div.message ul {
  margin-left: 0.5em;
  padding-left: 0.5em;
  list-style-type: none;
}

div.u_alert_list div.message ul li:before {
  content: ' - ';
  margin-right: 0.5em;
  color: #888;
}

div.u_alert_list div.message ul li {
  margin-bottom: 1em;
}

#paginaprincipal.home #alertas {
  background: #00bfff;
  display: flex;
}

#paginaprincipal.home #alertas div.u_alert_list {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  border: 0px;
  height: 85%;
}

#paginaprincipal.home #spacing-back-to-top {
  display: none;
}

#paginaprincipal.home div.u_alert_list div#titlebutton {
  display: block;
  position: absolute;
  bottom: 8vh;
  left: 2vw;
}

#paginaprincipal.home div.u_alert_list.no_alerts div#titlebutton {
  color: white;
}

#paginaprincipal.home div.u_alert_list div#titlebutton h3 {
  font-size: 5em;
  margin: 0px;
  margin-bottom: 0em;
}

#paginaprincipal.home div.u_alert_list div#titlebutton a.button {
  text-transform: uppercase;
  border: 1px solid black;
  padding: 1em;
  display: block;
  color: black;
  width: auto;
  font-weight: bold;
  font-size: 1.15em;
}

#paginaprincipal.home div.u_alert_list.no_alerts div#titlebutton a.button {
  color: white;
  border: 1px solid white;
}


.tags {
  margin-bottom: 0em;
  border: 1px solid #ddd;
  padding: 0.25em;
  background: #f4f4f4;
  max-width: 80vw;
  max-height: 20vh;
  overflow-y: scroll;
}

div.tags .tag {
  display: inline-block;
  margin: 0.25em;
  background: #fffa;
  padding: 0.5em;
  border: 1px solid #ccc;
}

div.tags .tag:hover {
  background: #ddd;
}

div.tags .tag a {
  display: inline-block;
  vertical-align: middle;
}

div.tags .tag a:nth-child(2) {
  border-left: 1px solid #888;
  margin-left: 0.5em;
  padding-left: 0.75em;
}

.tags[data-title]:before {
  content: attr(data-title);
  display: block;
  text-align: left;
  margin-bottom: 0.5em;
  margin-left: 0.5em;
  font-size: 0.7em;
  font-weight: ;
  text-transform: uppercase;
  color: #666;
}

ul.tags {
  list-style-type: none;
}

ul.tags li {
  margin: 0.25em;
  padding: 0.5em;
  background: #fffa;
  border: 1px solid #ccc;
}

ul.tags.matrix {
  /*display:flex;flex-wrap: wrap; flex-direction: row;*/
}

ul.tags.matrix li {
  display: inline-block;
  flex: 1 1 0;
}

ul.tags.matrix.list li {
  display: block;
}

.tags.nomargin {
  margin: 0px !important;
}

.tags.nobox {
  background: none !important;
  border: 0px;
}

.tags.noborder li {
  border: 0px;
  padding: 0px;
}

.tags.small-box {
  width: 10vw;
}

.tags.small-font {
  font-size:0.9em;
}

.tags.lefty {
  text-align: left;
}

.tags.noscroll {
  max-height: none;
  overflow-y: hidden;
}

.jquery-button.btn {
  background: none;
  border: 1px solid #ccc;
  text-transform: uppercase;
  font-weight: bold;
  color: #444;
  font-size: 1em;
  padding: 0.5em;
}

.jquery-button.btn:hover {
  color: #222;
}

.jquery-button.done {
  background: rgba(0, 125, 0, 0.5) !important;
}


.jquery-button.ok {
  background: rgba(0, 125, 0, 0.8) !important;
  color: white !important;
}

.jquery-button.wrong {
  background: rgba(200, 0, 0, 0.8) !important;
  color: white !important;
}

.jquery-button.cancel {
  background: rgba(80, 80, 80, 0.8) !important;
  color: white !important;
}

.accordion h1 {
  font-size: 1.2em;
  margin-top: 0em;
}


.wrong-message {
  background: #faa;
  padding: 0.5em;
  margin-bottom: 0.5em;
  display: inline-block;
  border: 1px solid #a00;
  color: #a00;
  /*float:right;*/
  min-width: 30vw;
}

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

.modal_form {
  padding: 1em;
}

.polaris_popup {
  background: white;
  display: block;
  min-width: 15vw;
  max-width: 70vw;
  max-height: 60vh;
  overflow: auto;
  position: absolute;
  border: 1px solid #888;
  box-shadow: 0em 0em 0.5em #888;
  border-radius: 0.5em;
  animation-delay: 300ms;
  border-radius: 1em;
}

.viewport_50w {
  width: 50vw;
}

.str_html_matrix {
  border: 1px solid #ccc;
}

.str_html_matrix td {
  border: 1px solid #ccc;
  min-width: 1em;
  min-height: 1em;
  text-align: center;
}

/*
 * Elementos de calculadores
 */
td.selected_element_plus {
  background: #88f !important;
}

td.selected_element_minus {
  background: #f88 !important;
}

#calculator_container {
  position: fixed;
  top: 0em;
  right: 0em;
  z-index: 10000000000;
  white-space: nowrap;
  background: white;
  padding: 1em;
  border: 1px solid #ccc;
  box-shadow: 0.1em 0.1em 0.1em #000;
  min-width: 15vw;
}

#calculator_value {
  display: inline-block;
  font-weight: bold;
}

#calculator_count {
  display: inline-block;
  font-weight: bold;
}

#calculator_container .label {
  text-align: center;
}

#calculator_value {
  font-size: 3em;
}

#calculator_clear_button:hover {
  cursor: pointer;
}

#calculator_clear_button {
  clear: both;
  text-align: right;
}

span.inactivo {
  color: #888;
}

.recipe_image {
  float: right;
  max-width: 30vw;

}

.recipe_image img {
  max-width: 30vw;
}

.recipe_type.indicator {
  display: inline-block;
  vertical-align: middle;
  border: 1px solid;
  width: 1em;
  height: 1em;
  padding: 0em;
}

.recipe_type.indicator.empty {
  border: 1px solid #aaa;
}

h3 .recipe_type {
  margin-right: 0.25em;
}

#permissiondenied-wrapper {
  display: none;
}

#permissiondenied {
  text-align: center;
  margin-top: 20vh;
  display: inline-block;
  padding: 2em;
  min-width: 50vw;
}

#permissiondenied.info {
  background: #def;
  border: 1px solid #1290CB;
}

#permissiondenied.denied {
  background: #fcc;
  border: 1px solid #800;
}

#permissiondenied h1.info {
  color: #1290CB;
}

#permissiondenied h1.denied {
  color: #800;
}

#print_header {
  display: none;
}

#print_footer {
  display: none;
}

/**
 * Modificaciones al jquery-ui
 **/

/* WIDGET */
.ui-widget {
  font-size: 1em;
}

.ui-widget-overlay {
  background-color: #00000055;
  background-image: none;
  opacity: 1 !important;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* PNOTIFY o AVISOS */
.ui-pnotify .ui-state-error button {
  background-color: #ffffff !important;
}

.ui-pnotify .ui-pnotify-shadow {
  box-shadow: 0px 0px 0.5em rgba(0, 0, 0, 0.8);
}

.ui-pnotify.success .ui-widget {
  background-color: #0A0 !important;
  background-image: none;
}

.ui-pnotify-text {
  max-height: 60vh;
  overflow: auto;
  font-size: 1.25em;
}

.ui-pnotify .ui-pnotify-container {
  border-radius: 0;
  border: none;
}

.ui-pnotify .ui-state-error {
  background: #fff !important;
  max-width: 90vw;
}

.ui-pnotify .ui-state-error ul {
  list-style-type: none;
  padding: 0px;
  margin-left: 1em;
}

.ui-pnotify .ui-state-error ul li {
  margin-bottom: 1em;
}

.ui-pnotify.error .ui-pnotify-icon {
  width: 6em;
  height: 6em;
  background: #f44;
  position: relative;
  top: 0;
  left: 0;
  text-align: center;
  margin-right: 1em;
  margin-bottom: 1em;

}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
  width: 100%;
  height: 100%;
  background-position: center;
  background-image: url(icons/alert.svg);
  background-repeat: no-repeat;
  background-size: 4em
}

.ui-pnotify.error.rollback .ui-pnotify-icon {
  background: #44f;
}

.ui-pnotify.error.rollback .ui-state-error .ui-icon {
  background-image: url(icons/rollback.svg);
}

.ui-pnotify.error.rollback .ui-state-error .ui-pnotify-text::before {
  display: block;
  font-size: 1.5em;
  content: 'Operacion cancelada';
  margin-bottom: 0.5em;
  font-weight: bold;
}

.rollback .ui-state-error .ui-icon,
.ui-state-error-text .ui-icon .ui-pnotify.rollback .ui-state-error,
.ui-pnotify.error .ui-state-error {
  border: none;
}


.ui-pnotify .ui-state-error.ui-pnotify-container {
  padding-top: 1em;
  border: 0.5em solid #f44;
}

.ui-pnotify.rollback .ui-state-error.ui-pnotify-container {
  padding-top: 1em;
  border: 0.5em solid #44f;
}

.ui-pnotify .ui-state-error .ui-pnotify-title {
  display: none;
}

.ui-pnotify .ui-state-error .ui-pnotify-text {
  color: black;
}

.ui-pnotify .ui-state-error .ui-pnotify-text+div {
  display: flex;
  margin-top: 1em;
  align-content: center;
  justify-content: center;
  padding-top: 2em;
}

.ui-pnotify.success {}

.ui-pnotify.success .ui-widget {
  color: #fff;
}

.ui-pnotify.success .ui-pnotify-container {}

.ui-pnotify.success .ui-pnotify-title,
.ui-pnotify.warning .ui-pnotify-title {
  display: none;
}

.ui-pnotify.success .ui-pnotify-icon,
.ui-pnotify.warning .ui-pnotify-icon {
  margin-right: 1em;
}

.ui-pnotify.success .ui-pnotify-icon .ui-icon,
.ui-pnotify.warning .ui-pnotify-icon .ui-icon {
  height: 3em;
  width: 3em;
  background-position: center;
  background-size: 100%;
  background-repeat: no-repeat;
}

.ui-pnotify.success .ui-pnotify-icon .ui-icon {
  background-image: url(icons/success.svg);
}

.ui-pnotify.warning .ui-pnotify-icon .ui-icon {
  background-image: url(icons/information.svg);
}

.ui-pnotify.success .ui-pnotify-text a,
.ui-pnotify.success .ui-pnotify-text b {
  color: white !important;
}


/* TOOLTIP */
.ui-tooltip {
  max-width: 30vw;
  font-size: 1em;
}


/* AUTOCOMPLETE */
.ui-autocomplete {
  max-height: 20vh;
  overflow-y: auto;
  /* prevent horizontal scrollbar */
  overflow-x: hidden;
  /* add padding to account for vertical scrollbar */
  padding-right: 20px;
}

/* IE 6 doesn't support max-height
 * we use height instead, but this forces the menu to always be this tall
 */
* html .ui-autocomplete {
  height: 20vh;
}

/* DATEPICKER */
.ui-datepicker {
  width: auto;
}

.ui-datepicker-title {
  font-size: 0.9em;
}

.ui-datepicker td a {
  min-width: 2em;
}

.ui-datepicker-week-col {
  text-align: center;
}

.ui-state-disabled {}

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

.autocomplete_detail .button-view {
  /*margin-bottom: -0.5em;*/
  margin-left: 0.5em;
  padding: 0.5em;
}

.fecha_futura {
  background: #aff;
}

.button {
  background-position: center;
  background-repeat: no-repeat;
  border: none;
  width: 16px;
  height: 16px;
  padding: 0.25em;
  border: 1px solid #dadada;
  /*background-color: white;*/
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
}

a.button img {
  background-color: white;
}

.button-delete {
  background-image: url('icons/borrar.png') !important;
}

.button-delete.disabled {
  background-image: url('icons/borrar-disabled.png') !important;
}

.button-deactivate {
  background-image: url('icons/desuspender.png') !important;
}

.button-activate {
  background-image: url('icons/suspender.png') !important;
}

.button-validate {
  background-image: url('icons/validate.png') !important;
}

.button-approve {
  background-image: url('icons/aprobar.png') !important;
}

.button-download {
  background-image: url('icons/download.png') !important;
}

.button-map {
  background-image: url('icons/map.png') !important;
}

.button-print {
  background-image: url('icons/imprimir.png') !important;
}

.button-forward {
  background-image: url('icons/fast_forward.png') !important;
}

.button-forward-down {
  background-image: url('icons/ff_down.png') !important;
}

.button-search.active {
  background-image: url('icons/search_active.png') !important;
}

.button-search.inactive {
  background-image: url('icons/search_inactive.png') !important;
}

.button-variations {
  background-image: url('icons/variations.png') !important;
}

.button-copy,
.button-copiar {
  background-image: url('icons/copy.png') !important;
}

.button.copy-to-clipboard {
  background-image: url('icons/copy_to_clipboard.png') !important;
}

.button-qr,
.button-qrcode {
  background-image: url('icons/qrcode.png') !important;
}

.button-external-link {
  background-image: url('icons/external-link.png') !important;
}

.button.button-bug::before {
  font-family: 'Font Awesome 5 Pro';
  content: "\f188";
  display: block;
  color: #844;
  font-weight: bold;
}

.button-add {
  background-image: url('icons/agregar.png') !important;
  background-position: center;
  background-repeat: no-repeat;
  border: none;
  width: 16px;
  height: 16px;
  padding: 0.25em;
  border: 1px solid #dadada;
  cursor: pointer;
}

.button-modify {
  background-image: url('icons/edit.png') !important;
}

.button-remove {
  background-image: url('icons/remove.png') !important;
  background-position: center;
  background-repeat: no-repeat;
  border: none;
  width: 16px;
  height: 16px;
  padding: 0.25em;
  border: 1px solid #dadada;
  cursor: pointer;
}

.button-view {
  background-image: url('icons/view.png') !important;
  background-position: center;
  background-repeat: no-repeat;
  border: none;
  width: 16px;
  height: 16px;
  padding: 0.25em;
  border: 1px solid #dadada;
  cursor: pointer;
}

.button-check {
  background-image: url('icons/checked.png') !important;
}

.button-uncheck {
  background-image: url('icons/cancel.png') !important;
}


.button-cancel {
  background-image: url('icons/cancel.png') !important;
}

.button-report {
  background-image: url('icons/report.png') !important;
}

.button-details {
  background-image: url('icons/details.png') !important;
}

.button-configure {
  background-image: url('icons/configure-active.png') !important;
}

.button-discord {
  background-image: url('icons/discord.png') !important;
}

.button-mail {
  background-image: url('icons/mail.png') !important;
  background-position: center;
  background-repeat: no-repeat;
  border: none;
  width: 16px;
  height: 16px;
  padding: 0.25em;
  border: 1px solid #dadada;
  cursor: pointer;
}

.button-exact {
  background-image: url('icons/exact.png') !important;
}

.button-files {
  background-image: url('icons/clip.png') !important;
}

.button-youtube.active {
  background-image: url('icons/youtube-active.png') !important;
}

.button-youtube.inactive {
  background-image: url('icons/youtube-inactive.png') !important;
}

.button-text {
  background-image: url('icons/text.png') !important;
}

.button-mic {
  background-image: url('icons/mic.png') !important;
}

.button-top {
  background-image: url('icons/arrow_top.png') !important;
}

.button-up {
  background-image: url('icons/arrow_up.png') !important;
}

.button-bottom {
  background-image: url('icons/arrow_bottom.png') !important;
}

.button-down {
  background-image: url('icons/arrow_down.png') !important;
}

.button-ws {
  background-image: url('icons/whatsapp.png') !important;
  background-size: cover;
}

.button-phone {
  background-image: url('icons/phone.png') !important;
  padding: 0.25em !important;
}

.button-user {
  background-image: url('icons/user.png') !important;
}

.button-start::before {
  font-family: 'Font Awesome 5 Pro';
  content: "\f2f2";
  display: flex;
  color: #484;
  font-weight: bold;
  font-size: 16px;
  align-content: center;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  flex-wrap: nowrap;
}

.button-end::before {
  font-family: 'Font Awesome 5 Pro';
  content: "\e06f";
  display: flex;
  color: #844;
  font-weight: bold;
  font-size: 16px;
  align-content: center;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  flex-wrap: nowrap;
}

.dictation.icon {
  vertical-align: top;
  position: relative;
  left: 0;
  bottom: 0;
  border: 1px solid #ccc;
  border-radius: 50%;
  margin-top: 0.25em;
}


.icon-toolbar {
  float: right;
  white-space: nowrap;
}

.icon-toolbar.lefty {
  float: none;
}

.icon-toolbar a {
  padding: 0.25em;
  border: 1px solid #aaa;
  margin-left: 0.5em;
  vertical-align: top;
  min-width: 16px;
  min-height: 16px;
  /*background: #e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;*/
  border-radius: 0.25em;
}

.icon-toolbar a:hover,
.icon-toolbar a:focus,
.button-add:hover,
.button-add:focus {
  border: 1px solid #FF7700;
  background-color: #fb0;
}

.icon-toolbar .no-icon {
  width: 16px;
  height: 16px;
  border: 1px #aaa dashed;
}

.icon-toolbar .no-icon:hover,
.icon-toolbar .no-icon:focus {
  border: 1px #aaa dashed;
}

/** Iconos **/
.icon {
  background-position: center;
  background-repeat: no-repeat;
  border: none;
  width: 16px;
  height: 16px;
  padding: 0.25em;
  display: inline-block;
}

.icon-checked {
  background-image: url('icons/checked.png');
}

.icon-report {
  background-image: url('icons/report.png');
}

.vertical-toolbar {
  border: 1px solid #ccc;
  display: inline-block;
  padding: 0.5em;
  background: #f8f8f8;
  border-radius: 0.5em;
}

.vertical-toolbar div {
  margin-bottom: 0.5em;
}

.vertical-toolbar div:last-child {
  margin-bottom: 0em;
}


#indicadores .indicador {
  border: 1px solid #ccc;
  background: #ddd;
  padding: 1em;
  margin-top: 1em;
  margin-left: 1em;
  display: inline-block;
}

#indicadores .indicador.ok {
  border: 1px solid #040;
  background: #cfc;
  color: #040 !important;
}

#indicadores .indicador.wrong {
  border: 1px solid #800;
  background: #faa;
  color: #800 !important;
}

.indicador_estado {
  /*padding-right:0.5em;*/
}

td.label,
.viewdata .label {
  font-weight: bold;
  border: 1px solid #ccc !important;
  background: #e0e0e0;
  min-width: 5vw;
  padding: 0.5em;
}

td.label.header,
th.label.header {
  background: #c0c0c0;
  border-color: #aaa !important;
  color: black;
}

td.value {
  min-width: 5vw;
}

div.agregar {
  float: right;
}

.item_detail,
.sale_detail {
  display: inline-block;
}

div.master {
  display: none;
}

.amcharts-main-div a {
  font-size: 0.75em !important;
  color: #ccc !important;
}

.aborted_query pre {
  border: 1px solid #800;
  padding: 1em;
  background: #fcc;
  max-width: 60vw;
  max-height: 30vh;
  overflow-x: scroll;
}

.debug_information {
  font-family: "Courier New", monospace;
  white-space: pre;
  border: 1px solid #A44;
  background: #dedede;
  padding: 1em;
  max-width: 60vw;
  max-height: 30vh;
  overflow-x: scroll;
  display: block;
  margin-top: 1em;
}

div.master div.error {
  border: 1px solid #800;
  background: #faa;
  display: block;
  padding: 1em;
}

div.error h1 {
  color: #800;
}

#gr_tools,
#gr_cache_list {
  display: inline-block;
  padding: 10px;
  border: 1px solid #ccc;
  vertical-align: top;
  position: relative;
  left: -4px;
  background: #eee;
  min-width: 250px;
  float: right;
}

#gr_tools ul.selecciones,
#gr_cache_list ul.cache_entries {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  margin-bottom: 10px;
  max-height: 200px;
  overflow-y: scroll;
}

#gr_tools ul.selecciones li,
#gr_cache_list ul.cache_entries li {}

#gr_tools ul.selecciones li a,
#gr_cache_list ul.cache_entries li a {
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 4px;
  margin-bottom: 4px;
  display: block;
  background: #ddd;
}

#gr_tools ul.selecciones li a:hover,
#gr_cache_list ul.cache_entries li a:hover {
  color: white;
  background: #444;
  text-decoration: none;
}


/** Produccion **/
div.tag,
span.tag,
.pr_production_comp_status {
  padding: 0.5em;
  border: 1px solid;
  display: inline-block;
}

.pr_production_comp_status_container {
  padding: 1em;
  margin-bottom: 1em;
  display: block;
  margin-right: 1em;
}

/** Conciliacion **/

.monto.negativo {
  color: #F00;
}

.monto.positivo {
  color: #080;
}


/** Signature / Firmas **/
.u_signature {
  border: 1px solid #ccc;
  display: inline-block;
  margin-right: 1em;
  padding: 0.5em;
}

.u_signature span {
  display: inline-block;
  vertical-align: middle;
}

.u_signature span.status {
  padding: 1em;
}

.u_signature.pendiente {
  background: #ff8;
}

.u_signature.firmado {
  background: #8f8;
}


#etiquetas {
  border: 1px solid #ccc;
  display: inline-block;
  max-height: 15vh;
  overflow-y: scroll;
  padding-right: 1em;
}

#etiquetas label div {
  display: inline-block;
}

#etiquetas li {
  width: auto;
  display: block;
}

#etiquetas li .label {
  width: auto;
  font-size: 1em;
}

table.padded.top {
  margin-top: 0px;
}

table.padded.top td {
  vertical-align: top;
}

.itemtipo_code {}

.itemtipo_code.code {
  color: #000;
  font-weight: bold;
}

.itemtipo_code.category {
  color: #333;
}

.item_code {}

.item_code.code {
  color: #000;
  font-weight: bold;
}

.item_code.subcategory,
small.subcategory {
  color: #333;
}

.item_code.category,
small.category {
  color: #666;
}

table.calendar_view {
  border-collapse: collapse;
}

.calendar_view td {
  vertical-align: top;
  min-width: 10vw;
  border: 2px solid #AAA;
}

.calendar_view td div.fecha {
  color: #fff;
  text-align: center;
  margin-bottom: 0.5em;
  background: #000;
  padding: 0.5em;
  border: 1px solid black;
}

.calendar_view td div.info {
  min-height: 10vh;
}

.calendar_view div.entry {
  margin-bottom: 0.5em;
  padding: 0.5em;
}

.calendar_view td.change_month {
  border-left: 2px solid #000 !important;
}

.calendar_view th {
  border: 1px solid #ccc;
}

.calendar_view div.nombre_dia {
  display: inline-block;
}

.calendar_view div.dia {
  font-weight: bold;
  display: inline-block;
}

.calendar_view div.feriado_titulo,
.calendar_view div.diasespeciales_titulo {
  font-weight: bold;
  display: inline-block;
  float: right;
}

.calendar_view div.feriado_titulo,
.feriado_titulo {
  color: #F0F;
}

.calendar_view div.diasespeciales_titulo,
.diasespeciales_titulo {
  color: #0F0;
}

.calendar_view .no-info {
  background: #DDD;
}

.calendar_view .no-info div.nombre_dia {
  color: #666;
}

.calendar_view .no-info div.dia {
  color: #666;
}

.calendar_view .no-info div.fecha {
  background: #BBB;
  border: 1px solid #BBB;
}

.calendar_view .no-info div.diasespeciales_titulo {
  color: #080;
}

.calendar_view div.fecha.feriado,
th.feriado_background {
  background: #404 !important;
}

.calendar_view div.fecha.dia_especial {
  background: #020;
}

.calendar_view .no-info div.fecha.feriado,
.feriado_background {
  background: #CAC !important;
}

.calendar_view .no-info div.fecha.dia_especial,
.dia_especial_background {
  background: #ACA;
}

.calendar_view .no-info div.fecha.Sabado,
.calendar_view .no-info div.fecha.Domingo,
th.Domingo,
th.Sabado {
  background: #AAC !important;
}

.fin_de_semana_background {
  background: #eee;
}

/** Estilos de estados **/
.estado_descarga {}

.estado_descarga.cumplido {
  color: #080;
}

.estado_descarga.pendiente {
  color: #800;
}

.estado {
  width: 1.5em;
  border: 1px solid #ccc;
  display: inline-block;
  text-align: center;
  padding: 0.25em;
}

.estado.aprobado,
.ui-button.estado_toolbar.aprobado,
.jquery-button.fsm.aprobado {
  background: #6C6;
  border-color: #040;
  color: #040;
}

.estado.aprobado.textonly {
  color: #6c6;
}

.ui-button.estado_toolbar.aprobado {
  background: #6C6 !important;
}

.estado.aprobado .initial {}

.estado.aprobado .initial:after {
  content: 'A';
  text-align: center;
  color: #040;
}

.estado.cierremanual,
.ui-button.estado_toolbar.cierremanual,
.jquery-button.fsm.cierremanual {
  background: rgb(102, 150, 204);
  border-color: #040;
  color: #040;
}

.estado.cierremanual.textonly {
  color: rgb(102, 146, 204);
}

.ui-button.estado_toolbar.cierremanual {
  background: rgb(102, 155, 204) !important;
}

.estado.cierremanual .initial {}

.estado.cierremanual .initial:after {
  content: 'C';
  text-align: center;
  color: rgb(0, 27, 68);
}

.estado.activo {
  background: #6C6;
  border-color: #040;
  color: #040;
}

.estado.activo.textonly {
  color: #6c6;
}

.estado.activo .initial {}

.estado.activo .initial:after {
  content: 'A';
  text-align: center;
  color: #040;
}

.estado.confirmado,
.jquery-button.fsm.confirmado {
  background: #6C6;
  border-color: #040;
  color: #040;
}

.estado.confirmado.textonly {
  color: #6c6;
}

.estado.confirmado .initial {}

.estado.confirmado .initial:after {
  content: 'C';
  text-align: center;
  color: #040;
}

.estado.en_camino,
.jquery-button.fsm.en_camino {
  background: #66C;
  border-color: #008;
  color: #008;
}

.estado.en_camino.textonly {
  color: #66C;
}

.estado.en_camino .initial {}

.estado.en_camino .initial:after {
  content: 'M';
  text-align: center;
  color: #004;
}

.estado.rechazado,
.estado.cancelado,
.ui-button.estado_toolbar.rechazado,
.jquery-button.fsm.rechazado {
  background: #C66;
  border-color: #400;
  color: #400;
}

.estado.rechazado.textonly,
.estado.cancelado.textonly {
  color: #C66;
}

.ui-button.estado_toolbar.rechazado,
.ui-button.estado_toolbar.cancelado {
  background: #CAA !important;
}

.estado.rechazado .initial {}

.estado.rechazado .initial:after {
  content: 'R';
  text-align: center;
  color: #400;
}

.estado.vencido,
.ui-button.estado_toolbar.vencido,
.jquery-button.fsm.vencido {
  background: #C6C;
  border-color: #808;
  color: #808;
}

.estado.vencido.textonly {
  color: #C6C;
}

.ui-button.estado_toolbar.vencido {
  background: #CAC !important;
}

.estado.vencido .initial {}

.estado.vencido .initial:after {
  content: 'V';
  text-align: center;
  color: #808;
}

.estado.cancelado .initial:after {
  content: 'C';
  text-align: center;
  color: #400;
}

.estado.sinaprobar,
.ui-button.estado_toolbar.sinaprobar,
.jquery-button.fsm.sinaprobar {
  background: #FF6;
  border-color: #880;
  color: #880;
}

.estado.sinaprobar.textonly {
  color: #880;
}

.ui-button.estado_toolbar.sinaprobar {
  background: #FF6 !important;
}

.estado.sinaprobar .initial {}

.estado.sinaprobar .initial:after {
  content: 'S';
  text-align: center;
  color: #880;
}

.estado.entregado,
.jquery-button.fsm.entregado {
  background: #0FF;
  border-color: #088;
  color: #088;
}

.estado.entregado.textonly {
  color: #088;
}

.estado.entregado .initial {}

.estado.entregado .initial:after {
  content: 'E';
  text-align: center;
  color: #008;
}

.estado.abierta {
  background: #FF6;
  border-color: #440;
  color: #440;
}

.estado.abierta.textonly {
  color: #440;
}

.estado.abierta .initial {}

.estado.abierta .initial:after {
  content: 'P';
  text-align: center;
  color: #440;
}

.estado.cerrada {
  background: #6C6;
  border-color: #040;
  color: #040;
}

.estado.cerrada.textonly {
  color: #040;
}

.estado.cerrada .initial {}

.estado.cerrada .initial:after {
  content: 'C';
  text-align: center;
  color: #040;
}

.estado.finalizado {
  background: #6C6;
  border-color: #040;
  color: #040;
}

.estado.finalizado.textonly {
  color: #040;
}

.estado.finalizado .initial {}

.estado.finalizado .initial:after {
  content: 'F';
  text-align: center;
  color: #040;
}

.estado.temporal,
.estado.programado,
.ui-button.estado_toolbar.temporal,
.jquery-button.fsm.temporal {
  background: #AAA;
  border-color: #444;
  color: #444;
}

.estado.temporal.textonly,
.estado.programado.textonly {
  color: #AAA;
}

.ui-button.estado_toolbar.temporal {
  background: #AAA !important;
}

.estado.temporal .initial {}

.estado.temporal .initial:after {
  content: 'T';
  text-align: center;
  color: #444;
}
.estado.programado .initial:after {
  content: 'P';
  text-align: center;
  color: #444;
}

.estado.anulado,
.jquery-button.fsm.anulado {
  background: #000;
  border-color: #888;
  color: #FFF;
}

.estado.anulado.textonly {
  color: #000;
}

.estado.anulado .initial {}

.estado.anulado .initial:after {
  content: 'N';
  text-align: center;
  color: #FFF;
}


.estado.cancelado_fuera_de_termino,
.ui-button.estado_toolbar.cancelado_fuera_de_termino,
.jquery-button.fsm.cancelado_fuera_de_termino {
  background: #F44;
  border-color: #F44;
  color: #FFF;
}

.estado.cancelado_fuera_de_termino.textonly {
  color: #F44;
}

.ui-button.estado_toolbar.cancelado_fuera_de_termino {
  background: #F44 !important;
}

.estado.cancelado_fuera_de_termino .initial {}

.estado.cancelado_fuera_de_termino .initial:after {
  content: 'F';
  text-align: center;
  color: #FFF;
}

.estado.preparacion {
  background: #F6F;
  border-color: #404;
  color: #404;
}

.estado.preparacion.textonly {
  color: #404;
}

.estado.preparacion .initial {}

.estado.preparacion .initial:after {
  content: 'P';
  text-align: center;
  color: #404;
}

.estado.sinbloqueo {
  background: #6C6;
  border-color: #040;
  color: #040;
}

.estado.sinbloqueo.textonly {
  color: #6C6;
}

.estado.sinbloqueo .initial {}

.estado.sinbloqueo .initial:after {
  content: 'A';
  text-align: center;
  color: #040;
}

.estado.bloqueo {
  background: #C66;
  border-color: #400;
  color: #400;
}

.estado.bloqueo.textonly {
  color: #C66;
}

.estado.bloqueo .initial {}

.estado.bloqueo .initial:after {
  content: 'B';
  text-align: center;
  color: #400;
}

.estado.bloqueado {
  background: #FA6;
  border-color: #C40;
  color: #C40;
}

.estado.bloqueado.textonly {
  color: #FA6;
}

.estado.bloqueado .initial {}

.estado.bloqueado .initial:after {
  content: 'B';
  text-align: center;
  color: #C40;
}


.estado.sincosto {
  background: #AAA;
  border-color: #444;
  color: #444;
}

.estado.sincosto.textonly {
  color: #444;
}

.estado.sincosto .initial {}

.estado.sincosto .initial:after {
  content: 'S';
  text-align: center;
  color: #444;
}

.estado.suspendido {
  background: #AAA;
  border-color: #444;
  color: #444;
}

.estado.suspendido.textonly {
  color: #444;
}

.estado.suspendido .initial {}

.estado.suspendido .initial:after {
  content: 'S';
  text-align: center;
  color: #444;
}

.estado.actividad_actual {
  background: #6C6;
  border-color: #040;
  color: #040;
}

.estado.actividad_actual.textonly {
  color: #6C6;
}

.estado.actividad_actual .initial {}

.estado.actividad_actual .initial:after {
  content: 'A';
  text-align: center;
  color: #040;
}

.estado.actividad_reciente {
  background: #FF6;
  border-color: #880;
  color: #880;
}

.estado.actividad_reciente.textonly {
  color: #880;
}

.estado.actividad_reciente .initial {}

.estado.actividad_reciente .initial:after {
  content: 'R';
  text-align: center;
  color: #880;
}

.estado.actividad_diaria {
  background: #AAA;
  border-color: #444;
  color: #444;
}

.estado.actividad_diaria.textonly {
  color: #444;
}

.estado.actividad_diaria .initial {}

.estado.actividad_diaria .initial:after {
  content: 'D';
  text-align: center;
  color: #444;
}

.estado.sin_actividad {
  background: #000;
  border-color: #888;
  color: #FFF;
}

.estado.sin_actividad.textonly {
  color: #888;
}

.estado.sin_actividad .initial {}

.estado.sin_actividad .initial:after {
  content: 'N';
  text-align: center;
  color: #FFF;
}

.estado.correcto {
  background: #6C6;
  border-color: #040;
  color: #040;
}

.estado.correcto.textonly {
  color: #6C6;
}

.estado.correcto .initial {}

.estado.correcto .initial:after {
  content: 'C';
  text-align: center;
  color: #040;
}

.estado.incorrecto {
  background: #C66;
  border-color: #400;
  color: #400;
}

.estado.incorrecto.textonly {
  color: #C66;
}

.estado.incorrecto .initial {}

.estado.incorrecto .initial:after {
  content: 'I';
  text-align: center;
  color: #400;
}

.estado.unilateral_externo {
  background: #FF6;
  border-color: #880;
  color: #880;
}

.estado.unilateral_externo.textonly {
  color: #880;
}

.estado.unilateral_externo .initial {}

.estado.unilateral_externo .initial:after {
  content: 'X';
  text-align: center;
  color: #880;
}

.estado.unilateral_interno {
  background: #FF6;
  border-color: #880;
  color: #880;
}

.estado.unilateral_interno.textonly {
  color: #880;
}

.estado.unilateral_interno .initial {}

.estado.unilateral_interno .initial:after {
  content: 'I';
  text-align: center;
  color: #880;
}

.estado.utilizado {
  background: #999;
  border-color: #444;
  color: #444;
}

.estado.utilizado.textonly {
  color: #999;
}

.estado.utilizado .initial {}

.estado.utilizado .initial:after {
  content: 'U';
  text-align: center;
  color: #444;
}


.estado.pagado {
  background: #99F;
  border-color: #004;
  color: #004;
}

.estado.pagado.textonly {
  color: #004;
}

.estado.pagado .initial {}

.estado.pagado .initial:after {
  content: 'P';
  text-align: center;
  color: #004;
}

s a {
  text-decoration: line-through !important;
}


div.valor {}

div.valor span.nombre {
  font-weight: bold;
}

div.valor .data_valor {
  margin-bottom: 0.25em;
  display: inline-block;
}


/* Loader */
div.loading,
div.loading_tab {
  text-align: center;
}

div.loading_tab_container {
  margin-top: 20vh;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

div.loading_tab {
  margin-top: 10vh;
}

#loading_cargando {
  color: #888;
  margin-bottom: 1em;
  margin-top: 1em;
  display: none;
}

#loading_message {
  margin-bottom: 0.5em;
  font-size: 1.5em;
  max-width: 350px;
  line-height: 1.5;
}

#loading_message small {
  color: #aaa !important;
}

.loading .dot,
.loading_tab .dot {
  width: 10px;
  height: 10px;
  border: 2px solid #C62200;
  border-radius: 50%;
  margin: 0 5px;
  display: inline-block;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-animation: fx 1000ms ease infinite 0ms;
  animation: fx 1000ms ease infinite 0ms;
}

.loading .dot:nth-child(2),
.loading_tab .dot:nth-child(2) {
  -webkit-animation: fx 1000ms ease infinite 300ms;
  animation: fx 1000ms ease infinite 300ms;
}

.loading .dot:nth-child(3),
.loading_tab .dot:nth-child(3) {
  -webkit-animation: fx 1000ms ease infinite 600ms;
  animation: fx 1000ms ease infinite 600ms;
}


@-webkit-keyframes fx {
  50% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes fx {
  50% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}


/** FOR KANBAN **/
.kanban {
  border-collapse: collapse;
}

.kanban th {
  font-size: 1.5em;
  min-width: 15vw;
  border: 0px;
  border-bottom: 0.5em solid #ccc;
  background: white;
  color: black;
  padding-bottom: 0.5em;
}

.kanban th span.number {
  font-size: 1.25em;
}

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

.render_customer_ticket {
  min-width: 15vw;
  max-width: 15vw;
  min-height: 5vh;
  margin-bottom: 0.25em;
  vertical-align: top;
  padding-top: 0.5em;
  border: 1px solid #ccc;
}

.render_customer_ticket .initials {
  font-weight: bold;
  height: 100%;
  vertical-align: top;
  padding-top: 1em;
  display: inline-block;
  width: 2em;
  text-align: center;
  padding-bottom: 1em;
  margin-top: -0.5em;
}

.render_customer_ticket .ticket_data {
  display: inline-block;
  vertical-align: top;
  width: 11vw;
  padding-left: 0.25em;
}



.render_customer_ticket .title {
  font-weight: bold;
  margin-bottom: 0.5em;
}

.render_customer_ticket .cliente {
  margin-bottom: 0.5em;
}

.render_customer_ticket .detail {
  margin-bottom: 0.5em;
}

.render_customer_ticket .proximo_paso {
  display: block;
  font-style: italic;
  margin-top: 0.5em;
  background: rgba(255, 255, 255, 0.4);
  padding: 0.25em;
  border: 1px solid #0005;
  margin-bottom: 0.5em;
}

.render_customer_ticket .quantity div {
  display: inline-block;
  padding: 0.25em;
  border: 1px solid;
  margin-right: 0.5em;
  margin-bottom: 0.5em;
  min-width: 3em;
}


.viewdata {
  /*border-collapse: collapse;*/
}

/** FAVORITOS y PROHIBIDOS **/

.item_favourite {
  color: #080;
  background: #DFD;
}

div.item_favourite,
li.item_favourite,
span.item_favourite,
a.item_favourite {
  padding: 0.25em;
}

.item_favourite.indicator {
  color: #080;
  border: #080 1px solid;
  font-size: 1em;
}

input.item_favourite {
  border-color: #080;
  background-color: #dfd;
  color: #080;

}

.item_forbidden {
  color: #800;
  background: #FDD;
}

div.item_forbidden,
li.item_forbidden,
span.item_forbidden,
a.item_forbidden {
  padding: 0.25em;
}

.item_forbidden.indicator {
  color: #800;
  border: #800 1px solid;
  font-size: 1em;
}

input.item_forbidden {
  incrementando border-color: #800;
  background-color: #fdd;
  color: #800;
}

#general_search_box {
  display: inline-block;
}

/** Polaris autocomplete */
.polaris_autocomplete {
  background-repeat: no-repeat !important;
  background-position: right 0.5em center !important;
}

.polaris_autocomplete.ok {
  background-image: url('icons/ok.png') !important;

}

.polaris_autocomplete.wrong {
  background-image: url('icons/wrong.png') !important;
}

.polaris_autocomplete.unknown {
  background-image: url('icons/unk.png') !important;
}

.descripcion.scanned {
  color: #444;
  background-color: #ddd;
  background-image: url("icons/barcode.png");
  background-position: left 0.5em center;
  background-repeat: no-repeat;
  padding-left: 2.5em;
}

.inputresaltante.incrementando {
  /*background-image: url("wait.gif");
  background-position: right 0.5em center;
  background-repeat:no-repeat;
  font-family: fantasy;
  font-style: oblique;*/
  color: #fff !important;
  background: #448 !important;
  font-weight: bold !important;
}

.waiting-search {
  background-image: url("wait.gif");
  background-position: right 0.5em center;
  background-repeat: no-repeat;
}


.production_sector {
  margin-left: 0.5em;
  background: #FA0;
  color: white;
  padding: 0.25em;
  font-weight: bold;
}

table.cells-top tr td {
  vertical-align: top;
}

.numeric_indicator {
  padding: 1em;
  border: 1px solid #ccc;
  display: inline-block;
  margin-right: 1em;
  margin-bottom: 1em;
  text-align: center;
  min-width: 8vw;
}

.numeric_indicator .value {
  font-size: 3em;
}

.debehaber {
  min-width: 100px;
}

.totales td {
  background: #ccc !important;
}


.centered_message {
  padding-top: 5vh;
  width: 100%;
  text-align: center;
  vertical-align: middle;
}

a.temporal,
span.temporal {
  font-style: italic;
  color: #666 !important;
}

.origen_destino {
  font-size: 0.75em;
  color: #222 !important;
}

a[href^="tel:"] {
  color: #004 !important;
  background-color: #ddF !important;
  padding: 0.5em;
  border: 1px dashed #004;
}

canvas.signature {
  display: block;
  position: relative;
  border: 1px solid #ccc;
}

#u_sidewindow #polaris_profiling_table span.percentage {
  width: 5em;
  display: inline-block;
  text-align: center;
  padding: 0.5em;
  color: black;
  font-weight: bold;
  margin-left: 1em;
}


.prioridadprecio {
  border: 1px solid #ccc;
  display: inline-block;
  padding: 0.25em;
  margin-left: 0.5em;
  float: right;
  width: 1.5em;
  text-align: center;
}

.prioridadprecio.A {
  font-weight: bold;
  border: 2px solid black;
}

.prioridadprecio.B {
  color: #444;
  border-color: #444;
}

.prioridadprecio.C {
  color: gray;
  border-color: gray;
}