/* -------------------------------------------------- 
   Tabla de contenidos
-----------------------------------------------------
:: Estilos compartidos
:: Impresion
:: Menu Izquierda
:: Meny
:: Timeout
:: Chat
:: Inicio de Sesion
:: Verificacion Dactilar
:: Barra de Estadisticas
:: Principal
:: Catalogos

::Contenedor de divs
*/
/* -----------------------------------------
   Estilos compartidos
----------------------------------------- */
html, body {
  height: 100%;
  overflow: hidden; }

body {
  background-color: #222;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAGklEQVQIW2NkYGD4D8SMQAwGcAY2AbBKDBUAVuYCBQPd34sAAAAASUVORK5CYII=);
  background-repeat: repeat; }

a {
  -webkit-transition: 0.15s color ease;
  -moz-transition: 0.15s color ease;
  -ms-transition: 0.15s color ease;
  -o-transition: 0.15s color ease;
  transition: 0.15s color ease; }

a:hover {
  text-decoration: none; }

.hide{
  display:none;
}

.mtraspasos{
	font-size: 12px;
	cursor: pointer;
}
#working{
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height:15%;
  width:12%;
  visibility: hidden;
  z-index: 1010;
}

#workingToggle{
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height:15%;
  width:12%;
  z-index: 1010;
}

.xdebug-error tr td, .xdebug-error tr th {
  font-size: 14px; }

.container > .navbar-header, .container > .navbar-collapse {
  margin-left: -15px;
  margin-right: -15px; }

.mayusculas {
  text-transform: uppercase; }

.minusculas {
  text-transform: lowercase; }

.input-0 {
  width: 20px; }

.input-035 {
  width: 35px; }

.input-05 {
  width: 45px; }

.input-06 {
  width: 50px; }

.input-1 {
  width: 70px; }

.input-2 {
  width: 100px; }

.input-3 {
  width: 200px; }

.input-4 {
  width: 300px; }

.input-5 {
  width: 400px; }

.input-6 {
  width: 500px; }

.input-7 {
  width: 600px; }

.input-8 {
  width: 700px; }

.input-9 {
  width: 960px; }

#mensaje-antes {
  color: #C1C1C1;
  background-color: #EAEAEA;
  font-size: 30px;
  padding: 80px 0;
  text-align: center; }

.centrar {
  margin: 0 auto; }

.tabla-inputs tr:nth-child(even) td {
  padding-bottom: 10px; }

.tooltip-diferencia-precio {
  font-size: 12px; }

.input-error {
  background: #FFC4C4; }

.input-ok {
  background: #D0F7B2; }

.table-bordered thead tr th {
  vertical-align: middle; }

.fila-check {
  margin: 9px 14px 0 !important; }

.fila-check-mini {
  margin: 9px 0 0 !important; }

.fila-check-reparacion {
  margin: 0 !important; }

.no-margenes {
  margin: 0 !important; }

.body-estilo-blanco {
  background-color: #FFF;
  background-image: none;
  overflow: auto;
  height: auto; }

.liquido {
  width: 100%; }

.table-centrar tbody tr td {
  text-align: center; }

.table-pequeno {
  font-size: 12px;
  text-align: center; }
  .table-pequeno tbody tr td input {
    font-size: 12px; }

.texto-gris {
  color: #BABABA; }

.columna-verde td {
  background-color: #32CD32 !important; }

.columna-normal td {
  background-color: #F8F8F8 !important; }

.columna-verde td {
  background-color: #90EE90 !important; }

.columna-azul td {
  background-color: #73C1D8 !important; }

.columna-roja td {
  background-color: #FF9191 !important; }

.columna-amarilla td {
  background-color: #fbff00 !important; }
.columna-amarilla-clara td {
  background-color: #ffff99 !important; }
.import_export_formato {
  width: 100%;
  max-width: 100%; }

/* -----------------------------------------
	Bootstrap Overrides
----------------------------------------- */
#imprimir-bg {
  background-color: #F00;
  padding: 10px 0; }

#imprimir-titulo {
  font-size: 24px;
  font-weight: bold;
  float: left; }

#imprimir-subtitulo {
  font-size: 24px;
  font-weight: bold;
  float: right; }

.table-imprimir {
  margin-top: 20px;
  font-size: 10px; }
  .table-imprimir thead > tr > th, .table-imprimir tbody > tr > th, .table-imprimir tfoot > tr > th, .table-imprimir thead > tr > td, .table-imprimir tbody > tr > td, .table-imprimir tfoot > tr > td {
    padding: 4px; }

/* -----------------------------------------
	Bootstrap Overrides
----------------------------------------- */
.well {
  margin-bottom: 0; }

.form-control {
  display: inline-block; }

.form-horizontal .error .help-block, .form-horizontal .error .control-label, .form-horizontal .error .radio, .form-horizontal .error .checkbox, .form-horizontal .error .radio-inline, .form-horizontal .error .checkbox-inline {
  color: #B94A48; }
.form-horizontal .error .form-control {
  border-color: #a94442;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
.form-horizontal .error .form-control:focus {
  border-color: #843534;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; }

.form-horizontal .success .help-block, .form-horizontal .success .control-label, .form-horizontal .success .radio, .form-horizontal .success .checkbox, .form-horizontal .success .radio-inline, .form-horizontal .success .checkbox-inline {
  color: #468847; }
.form-horizontal .success .form-control {
  color: #468847;
  border-color: #3c763d;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; }
.form-horizontal .success .form-control:focus {
  border-color: #2b542c;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 6px #7ABA7B;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 6px #7ABA7B; }

.escondido {
  display: none; }

.titulo-global {
  font-family: 'LatoBold';
  font-size: 26px;
  margin: 3px 15px 0; }

.subtitulo-global {
  font-family: 'LatoBold';
  font-size: 22px;
  margin: 0px 0 10px; }

.icono-mensaje {
  margin-right: 5px; }

.tabla-estilizada {
  font-style: normal;
  font-weight: normal;
  letter-spacing: -1px;
  border-collapse: collapse;
  text-align: center;
  margin: 5px 0 20px;
  width: 100%; }

.tabla-estilizada tbody td {
  padding: 4px 5px;
  text-align: left; }

.tabla-estilizada thead th, .tabla-estilizada tfoot td {
  color: #fff;
  font-size: 14px;
  font-weight: normal;
  padding: 5px 0 6px;
  text-align: center;
  background-color: #222;
  border-right: 1px dotted #666;
  border-top: 3px solid #666;
  -moz-box-shadow: 0px -1px 4px #000;
  -webkit-box-shadow: 0px -1px 4px #000;
  box-shadow: 0px -1px 4px #000;
  text-shadow: 0px 0px 1px #fff;
  text-shadow: 1px 1px 1px #000; }

.tabla-zebra tbody tr:nth-child(odd) {
  background-color: #EAEAEA; }

.form-horizontal label {
  font-family: 'OpenSansLight';
  font-weight: normal; }

/* -----------------------------------------
	Menu Izquierda
----------------------------------------- */
#menu-izquierda {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  overflow-x: hidden;
  background-image: url("../img/bg-menu.png");
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  font-family: "Lato";
  width: 300px; }
  #menu-izquierda #logo {
    width: 300px;
    height: 161px;
    background-image: url("../img/logo_izq.png");
    box-shadow: 0 1px 12px #000;
    border-bottom: 1px #2E3E5A solid; }

.menu-izq, .menu-izq ul, .menu-izq li {
  list-style: none; }

.menu-izq ul {
  padding: 0;
  margin: 0;
  background-color: #2C364D; }

.menu-izq {
  padding: 0px;
  margin: 0px; }

.menu-izq > li {
  margin: 0; }

.menu-izq > li li {
  margin: 0; }

.menu-izq a {
  color: #FFF;
  display: block;
  outline: none;
  text-decoration: none;
  box-shadow: inset 0 -1px rgba(0, 0, 0, 0.2);
  text-shadow: 0 0 1px rgba(255, 255, 255, 0.1);
  font-weight: 400; }
  .menu-izq a:hover {
    text-decoration: none;
    background-color: #082139;
    box-shadow: 0 0 10px #4681BC; }

.menu-izq ul a:hover {
  text-decoration: none;
  background-color: #1A273E;
  box-shadow: 0 0 10px #4681BC;
  transition: background 0.3s ease 0s, box-shadow 0.3s ease 0s; }

.menu-izq li ul ul li a:hover {
  text-decoration: none;
  background-color: #0D1729;
  box-shadow: 0 0 10px #4681BC;
  transition: background 0.3s ease 0s, box-shadow 0.3s ease 0s; }

.menu-izq li ul ul ul li a:hover {
  text-decoration: none;
  background-color: #050A0F;
  box-shadow: 0 0 10px #4681BC;
  transition: background 0.3s ease 0s, box-shadow 0.3s ease 0s; }

.menu-izq a .caret {
  float: right;
  width: 0;
  height: 0;
  display: inline-block;
  vertical-align: top;
  border-top: 4px solid #000;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  content: "";
  margin-top: 8px;
  margin-left: 2px; }

.menu-izq a:hover .caret {
  border-top-color: #fff; }

.menu-izq li.open > a > .caret {
  border-top: none;
  border-bottom: 4px solid #000;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent; }

.menu-izq li.open > a:hover > .caret {
  border-bottom-color: #fff; }

.menu-izq a:hover, .menu-izq li.active > a {
  background-color: #153B62; }

.menu-izq > li.active > a {
  background-color: #4D90FE; }

.menu-izq li a {
  padding: 4px 0 5px 43px;
  color: #EAEAEA;
  font: 14px "LatoLight"; }

.menu-izq li ul ul li a {
  font: 14px "LatoLight";
  padding: 4px 0 5px 63px;
  background-color: #1A273E;
  color: #EAEAEA; }

.menu-izq li ul ul ul li a {
  font: 14px "LatoLight";
  padding: 4px 0 5px 83px;
  background-color: #0D1729;
  color: #EAEAEA; }

.menu-izq > li > a {
  font: 16px/20px "LatoLight";
  text-shadow: 0 0 1px rgba(255, 255, 255, 0.1);
  padding: 8px 10px;
  transition: background 0.3s ease 0s, box-shadow 0.3s ease 0s; }

/* -----------------------------------------
   Barra de Estadisticas
----------------------------------------- */
#barra-estadisticas {
  background: url("../img/bg-barra_acciones.jpg");
  padding: 15px 0;
  position: fixed;
  bottom: 0;
  width: 100%;
  color: #FF0;
  text-align: center;
  text-shadow: 1px 1px 2px #000;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.6); }
  #barra-estadisticas div {
    position: relative;
    top: 1px; }
  #barra-estadisticas strong {
    font: 16px "OpenSansBold";
    margin-left: 10px;
    color: #FFF; }
  #barra-estadisticas .estadistica {
    border-left: 1px #777 solid;
    height: 26px;
    float: left;
    padding: 0 20px; }
  #barra-estadisticas .estadistica:first-child {
    border-left: none;
    margin-left: 33px; }

#copyright {
  color: #FFF; }

/* -----------------------------------------
   Principal
----------------------------------------- */
#contenedor-principal {
  margin: 51px auto 50px;
  background-color: #F8F8F8;
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.6); }
  #contenedor-principal h1 {
    font-family: 'OpenSansRegular';
    font-weight: regular;
    font-size: 32px;
    margin-bottom: 0; }

.dropdown-submenu {
  position: relative; }

.dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -6px;
  margin-left: -1px;
  -webkit-border-radius: 0 6px 6px 6px;
  -moz-border-radius: 0 6px 6px 6px;
  border-radius: 0 6px 6px 6px; }

.dropdown-submenu:hover > .dropdown-menu {
  display: block; }

.dropdown-submenu > a:after {
  display: block;
  content: " ";
  float: right;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-left-color: #cccccc;
  margin-top: 5px;
  margin-right: -10px; }

.dropdown-submenu:hover > a:after {
  border-left-color: #ffffff; }

.dropdown-submenu.pull-left {
  float: none; }

.dropdown-submenu.pull-left > .dropdown-menu {
  left: -100%;
  margin-left: 10px;
  -webkit-border-radius: 6px 0 6px 6px;
  -moz-border-radius: 6px 0 6px 6px;
  border-radius: 6px 0 6px 6px; }

/* -----------------------------------------
   Catalogos
----------------------------------------- */
.tabla-datos {
  margin: 5px 0 20px; }
  .tabla-datos tbody tr td {
    vertical-align: middle; }
  .tabla-datos .centrar {
    text-align: center; }
    .tabla-datos .centrar .btn-group {
      text-align: left; }

/* -----------------------------------------
   Verificacion Dactilar
----------------------------------------- */
#verificacion-bg {
  background: url("../img/bg2.jpg");
  height: 100%; }

#verificacion {
  text-align: center;
  padding-top: 20px; }
  #verificacion #codigo {
    font-size: 16px;
    padding: 15px 25px;
    text-align: center; }
  #verificacion #fondo {
    background: #3f4c6b;
    background: -moz-linear-gradient(top, #3f4c6b 0%, #393051 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3f4c6b), color-stop(100%, #393051));
    background: -webkit-linear-gradient(top, #3f4c6b 0%, #393051 100%);
    background: -o-linear-gradient(top, #3f4c6b 0%, #393051 100%);
    background: -ms-linear-gradient(top, #3f4c6b 0%, #393051 100%);
    background: linear-gradient(to bottom, #3f4c6b 0%, #393051 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f4c6b', endColorstr='#393051',GradientType=0 );
    padding: 25px 0;
    text-align: center; }
  #verificacion #resultado {
    font-family: OpenSansBold;
    color: #FFF;
    text-shadow: 0 10px 10px #111; }
  #verificacion #texto-grande {
    font-size: 3em;
    line-height: 100%;
    letter-spacing: -4px; }
  #verificacion #texto-hora {
    font-size: 3em;
    line-height: 100%;
    color: #FF0; }
  #verificacion ::-moz-selection {
    background: #5af;
    color: #fff;
    text-shadow: none; }
  #verificacion ::selection {
    background: #5af;
    color: #fff;
    text-shadow: none; }
  #verificacion .container {
    width: 960px;
    margin: 0 auto;
    overflow: hidden; }
  #verificacion .clock {
    margin: 0 auto;
    color: #000; }
  #verificacion #Date {
    font-family: 'BebasNeueRegular', Arial, Helvetica, sans-serif;
    font-size: 36px;
    text-align: center;
    text-shadow: 0 0 5px #F00; }
  #verificacion ul {
    width: 800px;
    margin: 0 auto 0;
    padding: 0px;
    list-style: none;
    text-align: center; }
  #verificacion ul li {
    display: inline;
    font-size: 10em;
    text-align: center;
    font-family: 'BebasNeueRegular', Arial, Helvetica, sans-serif;
    text-shadow: 0 0 10px #F00;
    line-height: 80%; }
  #verificacion #point {
    position: relative;
    -moz-animation: mymove 1s ease infinite;
    -webkit-animation: mymove 1s ease infinite;
    padding-left: 10px;
    padding-right: 10px; }

@-webkit-keyframes mymove {
  0% {
    opacity: 1.0;
    text-shadow: 0 0 20px #F00; }
  50% {
    opacity: 0;
    text-shadow: none; }
  100% {
    opacity: 1.0;
    text-shadow: 0 0 20px #F00; } }
@-moz-keyframes mymove {
  0% {
    opacity: 1.0;
    text-shadow: 0 0 20px #F00; }
  50% {
    opacity: 0;
    text-shadow: none; }
  100% {
    opacity: 1.0;
    text-shadow: 0 0 20px #F00; } }
/* RSS Ticker */
#scrollerWrapper {
  overflow: hidden;
  height: 30px; }

#scroller {
  margin: 0;
  padding: 0;
  position: relative;
  overflow: hidden; }

#scroller li {
  float: left;
  list-style-type: none; }

#preferencias-imagenes-fondo img {
  margin-right: 8px;
  margin-bottom: 8px; }

#preferencias-imagenes-fondo img:hover {
  cursor: pointer; }

.contenedor {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center; }

.cuadro-vistas span {
  padding: 5px;
  color: #FFFFFF;
  background: #042949;
  border: 1px solid #042949;
  border-radius: 5px;
  margin-left: 50px; }

#desp:checked ~ #lista {
  display: block; }

.selector {
  display: none;
  padding: 5px;
  border: 1px solid #8A8888;
  background: #F3F0F0;
  border-radius: 5px;
  text-align: left;
  position: absolute;
  z-index: 9999; }

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }

input[type=number] {
  -moz-appearance: textfield; }

td.mas:hover {
  cursor: pointer; }

tr.mas:hover {
  cursor: pointer; }

.marco-flotante {
  position: absolute;
  width: 50%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  visibility: hidden; }

.marco-flotante2 {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  visibility: hidden;
  z-index: 1; }

.cuadro-flotante {
  max-height: 300px;
  color: #FFFFFF;
  border: 1px solid #3E485B;
  border-radius: 3px;
  background-color: #0E3253;
  padding: 5px;
  box-shadow: 3px 3px 5px 0px #3E485B;
  overflow-y: auto; }

.marco-flotante .cuadro-flotante .x {
  background: #C0C0C0;
  color: #494949;
  padding: 3px;
  margin-top: -15px;
  margin-left: -15px;
  position: absolute;
  border-radius: 50px;
  box-shadow: 3px 3px 5px #000000;
  font-variant: small-caps;
  width: 25px;
  height: 25px;
  text-align: center;
  display: block;
  cursor: pointer;
  font-weight: bold; }

.marco-flotante .cuadro-flotante .x:hover {
  background-color: #8A0103;
  color: #FFFFFF; }

@-webkit-keyframes myanimation {
  from {
    left: 0%; }
  to {
    left: 50%; } }
h1 {
  text-align: center;
  font-family: 'PT Sans Caption', sans-serif;
  font-weight: 400;
  font-size: 30px;
  padding: 20px 0;
  color: #777; }

.checkout-wrap {
  color: #444;
  font-family: 'PT Sans Caption', sans-serif;
  margin: 40px auto;
  max-width: 1200px;
  position: relative; }

ul.checkout-bar {
  margin: 0 20px; }
  ul.checkout-bar li {
    color: #ccc;
    display: block;
    font-size: 16px;
    font-weight: 600;
    padding: 14px 20px 14px 80px;
    position: relative; }
    ul.checkout-bar li:before {
      -webkit-box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
      box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
      background: #ddd;
      border: 2px solid #FFF;
      border-radius: 50%;
      color: #fff;
      font-size: 16px;
      font-weight: 700;
      left: 20px;
      line-height: 37px;
      height: 35px;
      position: absolute;
      text-align: center;
      text-shadow: 1px 1px rgba(0, 0, 0, 0.2);
      top: 4px;
      width: 35px;
      z-index: 999; }
    ul.checkout-bar li.active {
      color: #8bc53f;
      font-weight: bold; }
      ul.checkout-bar li.active:before {
        background: #8bc53f;
        z-index: 99999; }
    ul.checkout-bar li.visited {
      background: #ECECEC;
      color: #57aed1;
      z-index: 99999; }
      ul.checkout-bar li.visited:before {
        background: #57aed1;
        z-index: 99999; }
    ul.checkout-bar li:nth-child(1):before {
      content: "1"; }
    ul.checkout-bar li:nth-child(2):before {
      content: "2"; }
    ul.checkout-bar li:nth-child(3):before {
      content: "3"; }
    ul.checkout-bar li:nth-child(4):before {
      content: "4"; }
    ul.checkout-bar li:nth-child(5):before {
      content: "5"; }
    ul.checkout-bar li:nth-child(6):before {
      content: "6"; }
  ul.checkout-bar a {
    color: #57aed1;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none; }

@media all and (min-width: 800px) {
  .checkout-bar li.active:after {
    -webkit-animation: myanimation 3s 0;
    background-size: 35px 35px;
    background-color: #8bc53f;
    background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
    -webkit-box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
    box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
    content: "";
    height: 15px;
    width: 100%;
    left: 50%;
    position: absolute;
    top: -50px;
    z-index: 0; }

  .checkout-wrap {
    margin: 80px auto; }

  ul.checkout-bar {
    -webkit-box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
    box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
    background-size: 35px 35px;
    background-color: #EcEcEc;
    background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.4) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.4) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.4) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.4) 75%, transparent 75%, transparent);
    border-radius: 15px;
    height: 15px;
    margin: 0 auto;
    padding: 0;
    position: absolute;
    width: 100%; }
    ul.checkout-bar:before {
      background-size: 35px 35px;
      background-color: #57aed1;
      background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
      background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
      -webkit-box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
      box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
      border-radius: 15px;
      content: " ";
      height: 15px;
      left: 0;
      position: absolute;
      width: 10%; }
    ul.checkout-bar li {
      display: inline-block;
      margin: 50px 0 0;
      padding: 0;
      text-align: center;
      width: 19%; }
      ul.checkout-bar li:before {
        height: 45px;
        left: 40%;
        line-height: 45px;
        position: absolute;
        top: -65px;
        width: 45px;
        z-index: 99; }
      ul.checkout-bar li.visited {
        background: none; }
        ul.checkout-bar li.visited:after {
          background-size: 35px 35px;
          background-color: #57aed1;
          background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
          background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
          -webkit-box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
          box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
          content: "";
          height: 15px;
          left: 50%;
          position: absolute;
          top: -50px;
          width: 100%;
          z-index: 99; } }

/*Clases para las notificaciones*/
/**Notification Bubble **/
.notification-bubble {
	height: 25px;
	width: 25px;
	background: #f56c7e url(../img/notification-bg-clear.png) no-repeat center center scroll;
	background-image: none\9;
	position: absolute;
	top: 8px;
	color: #fff;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, .2);
	text-align: center;
	font-size: 14px;
	line-height: 18px;
	box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .17), 0 1px 1px rgba(0, 0, 0, .2);
	-moz-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .17), 0 1px 1px rgba(0, 0, 0, .2);
	-webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .17), 0 1px 1px rgba(0, 0, 0, .2);
	border-radius: 15px;
	font-weight: bold;
	cursor: pointer;
	padding-top:3px;
}

.notification-bubble.show {
	display: block;
}

.notification-menu-item:hover .notification-bubble {
	box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .2), 0 2px 1px rgba(0, 0, 0, .2);
}

.notification-menu-item a {
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.notification-bubble {
	-webkit-transition: all 0.1s ease;
	-moz-transition: all 0.1s ease;
	-o-transition: all 0.1s ease;
	transition: all 0.1s ease;
}
@keyframes jump {
	0%   {transform: translate3d(0,0,0) scale3d(1,1,1);}
  100% {transform: translate3d(0,50%,0) scale3d(1,.8,1);}
}
.jump {
	transform-origin: 30% 30%;
	animation: jump 0.5s linear alternate infinite;
}
.notificacionesLista{
	position:absolute;
	left:65%;
	top:100%;
	z-index:2147483647;
	width: 400px;
    background: #fff;
	margin-right:20px;
	border-radius: 5px;
	cursor: pointer;
	overflow-y: auto;
	overflow-x: hidden;
	-ms-overflow-style: scrollbar;
	-moz-appearance: none !important;
	-moz-appearance: none !important;
	-moz-appearance: none !important;
	-moz-appearance: none !important;
   resize:both;
}
/* width */
.notificacionesLista::-webkit-scrollbar {
    width: 5px;
}

/* Track */
.notificacionesLista::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey; 
    border-radius: 10px;
}
 
/* Handle */
.notificacionesLista::-webkit-scrollbar-thumb {
    background: #003366; 
    border-radius: 10px;
}

/* Handle on hover */
.notificacionesLista::-webkit-scrollbar-thumb:hover {
    background: #b30000; 
}
.tablaNotificaciones{
	border-radius: 5px;
}
.table-row {
    background-color: #ffffff;
    box-shadow: 0px 0px 1px 2px rgba(0,0,0,0.1);
}
.tituloNotificacion{
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.83em;
	font-weight: bold;
	line-height:14px;
	
}
.mensajeNotificacion{
	font-family: "Times New Roman", Times, serif;
	font-size: 1em;
	text-align: justify;
	line-height:18px;
}
.deshabilitaNormal{
    pointer-events:none;
}
.deshabilitaNormalVerde{
    pointer-events:none;
	background-color:#DFF0D8;
}
.deshabilitaNormalGris{
    pointer-events:none;
	background-color:#F0F0F0;
}
.deshabilitaOpaco{
    pointer-events:none;
    opacity:0.4;
}
A.linkNotif {color:black;}
A.linkNotif:link  {text-decoration: none; color: black;}
A.linkNotif:visited {text-decoration: none; color: black;}
A.linkNotif:hover {text-decoration: none; color: gray;}
A.linkNotif:active {text-decoration: none; color: black;}

.ui-autocomplete { z-index:2147483647; }

/**Helper Bubble **/
.helper-bubble {
  height: 25px;
  width: 25px;
  background: #4d3df1;
  background-image: none\9;
  position: absolute;
  top: 8px;
  color: #fff;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, .2);
  text-align: center;
  font-size: 14px;
  line-height: 18px;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .17), 0 1px 1px rgba(0, 0, 0, .2);
  -moz-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .17), 0 1px 1px rgba(0, 0, 0, .2);
  -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .17), 0 1px 1px rgba(0, 0, 0, .2);
  border-radius: 15px;
  font-weight: bold;
  cursor: pointer;
  padding-top:3px;
}
/*Boton de traspasos para sitios */
.btn-azul {
	margin-top: 14px;
	background-color: #13609c; /* Azul bonito */
	color: white;
	padding: 2px 4px;
	border: none;
	border-radius: 8px;
	font-size: 10px;
	cursor: pointer;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
	transition: all 0.3s ease;
}

.btn-azul:hover {
	background-color: #0056b3; /* Un tono más oscuro al pasar el ratón */
	transform: translateY(-2px);
	box-shadow: 0 6px 8px rgba(0, 0, 0, 0.2);
}

.btn-azul:active {
	transform: translateY(0);
}
/*Utilidades en Ordenes de Compra */
.ganancia-perdida{
	background-color:#f7786b !important;
	cursor: help;
}
.ganancia-baja{
	background-color:#feb236 !important;
	cursor: help;
}
.ganancia-aceptable{
	background-color:#c2d4dd !important;
	cursor: help;
}
.ganancia-satisfactoria{
	background-color:#96ceb4 !important;
	cursor: help;
}
a.tip {
    border-bottom: 1px;
    text-decoration: none;
}
a.tip:hover {
    cursor: help;
    position: relative
}
a.tip span {
    display: none
}
a.tip:hover span {
    border: #c0c0c0 1px solid;
	background-color: #FFF;
    padding: 5px 5px 5px 5px;
    display: block;
    z-index: 100;
	#f0f0f0 no-repeat 100% 5%;
    left: -180px;
    margin: 10px;
    width: 340px;
    position: absolute;
    top: 15px;
    text-decoration: none
}
.square-perdida {
  position:absolute;
  height: 15px;
  width: 15px;
  background-color: #f7786b;
}
.square-baja {
  position:absolute;
  height: 15px;
  width: 15px;
  background-color: #feb236;
}
.square-aceptable {
  position:absolute;
  height: 15px;
  width: 15px;
  background-color: #c2d4dd;
}
.square-satisfactoria {
  position:absolute;
  height: 15px;
  width: 15px;
  background-color: #96ceb4;
}
.textoLeyenda {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	margin-left:20px;
}
/*Estilos para utilidades */
.ganancia-perdida{
  background-color:#f7786b !important;
  cursor: help;
}
.ganancia-baja{
  background-color:#feb236 !important;
  cursor: help;
}
.ganancia-aceptable{
  background-color:#c2d4dd !important;
  cursor: help;
}
.ganancia-satisfactoria{
  background-color:#96ceb4 !important;
  cursor: help;
}
.pfSquare-perdida {
  height: 15px;
  width: 15px;
  background-color: #f7786b;
}
.pfSquare-baja {
  height: 15px;
  width: 15px;
  background-color: #feb236;
}
.pfSquare-aceptable {
  height: 15px;
  width: 15px;
  background-color: #c2d4dd;
}
.pfSquare-satisfactoria {
  height: 15px;
  width: 15px;
  background-color: #96ceb4;
}
.pfTextoLeyenda {
  font-family:Arial, Helvetica, sans-serif;
  font-size:1em;
  margin-left:20px;
  margin-top: -17px;
}
.bigCheckBox{
  width:2.5vw;
  height:4.5vh;
}

  .card p {
  font-size: 17px;
  font-weight: 400;
  line-height: 20px;
  color: #666;
}

.card p.small {
  font-size: 14px;
}

.go-corner1 {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 32px;
  height: 32px;
  overflow: hidden;
  top: 0;
  right: 0;
  background-color: #2d42ff;
  border-radius: 0 4px 0 32px;
}
.go-corner2 {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 32px;
  height: 32px;
  overflow: hidden;
  top: 0;
  right: 0;
  background-color: #000000;
  border-radius: 0 4px 0 32px;
}
.go-corner3 {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 32px;
  height: 32px;
  overflow: hidden;
  top: 0;
  right: 0;
  background-color: #fc0000;
  border-radius: 0 4px 0 32px;
}

.go-corner4 {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 32px;
  height: 32px;
  overflow: hidden;
  top: 0;
  right: 0;
  background-color: #00bb00;
  border-radius: 0 4px 0 32px;
}

.card1 {
  flex: 1 1 calc(25% - 20px); 
  max-width: calc(25% - 20px);
  display: block;
  position: relative;
  max-width: 25em;
  background-color: #f2f8f9;
  border-radius: 10px;
  padding: 27px 19px;
  margin: 12px;
  text-decoration: none;
  z-index: 0;
  overflow: hidden;
}

.card1:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: -16px;
  right: -16px;
  background: #2d42ff;
  height: 52px;
  width: 52px;
  border-radius: 32px;
  transform: scale(1);
  transform-origin: 50% 50%;
  transition: transform 0.25s ease-out;
}

.card1:hover:before {
  transform: scale(21);
}

.card1:hover p {
  transition: all 0.3s ease-out;
  color: rgba(255, 255, 255, 0.8);
}

.card1:hover h3 {
  transition: all 0.3s ease-out;
  color: #fff;
}

.card2 {
  flex: 1 1 calc(25% - 20px); 
  max-width: calc(25% - 20px);
  display: block;
  position: relative;
  max-width: 25em;
  background-color: #f2f8f9;
  border-radius: 10px;
  padding: 27px 19px;
  margin: 12px;
  text-decoration: none;
  z-index: 0;
  overflow: hidden;
}

.card2:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: -16px;
  right: -16px;
  background: #000000;
  height: 52px;
  width: 52px;
  border-radius: 32px;
  transform: scale(1);
  transform-origin: 50% 50%;
  transition: transform 0.25s ease-out;
}

.card2:hover:before {
  transform: scale(21);
}

.card2:hover p {
  transition: all 0.3s ease-out;
  color: rgba(255, 255, 255, 0.8);
}

.card2:hover h3 {
  transition: all 0.3s ease-out;
  color: #fff;
}

.card3 {
  flex: 1 1 calc(25% - 20px); 
  max-width: calc(25% - 20px);
  display: block;
  position: relative;
  max-width: 25em;
  background-color: #f2f8f9;
  border-radius: 10px;
  padding: 27px 19px;
  margin: 12px;
  text-decoration: none;
  z-index: 0;
  overflow: hidden;
}

.card3:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: -16px;
  right: -16px;
  background: #fc0000;
  height: 52px;
  width: 52px;
  border-radius: 32px;
  transform: scale(1);
  transform-origin: 50% 50%;
  transition: transform 0.25s ease-out;
}

.card3:hover:before {
  transform: scale(21);
}

.card3:hover p {
  transition: all 0.3s ease-out;
  color: rgba(255, 255, 255, 0.8);
}

.card3:hover h3 {
  transition: all 0.3s ease-out;
  color: #fff;
}

.card4 {
  flex: 1 1 calc(25% - 20px); 
  max-width: calc(25% - 20px);
  display: block;
  position: relative;
  max-width: 25em;
  background-color: #f2f8f9;
  border-radius: 10px;
  padding: 27px 19px;
  margin: 12px;
  text-decoration: none;
  z-index: 0;
  overflow: hidden;
}

.card4:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: -16px;
  right: -16px;
  background: #00bb00;
  height: 52px;
  width: 52px;
  border-radius: 32px;
  transform: scale(1);
  transform-origin: 50% 50%;
  transition: transform 0.25s ease-out;
}

.card4:hover:before {
  transform: scale(21);
}

.card4:hover p {
  transition: all 0.3s ease-out;
  color: rgba(255, 255, 255, 0.8);
}

.card4:hover h3 {
  transition: all 0.3s ease-out;
  color: #fff;
}

.satisfaccionTicket {
  float: none;
  padding: 0 130px;
}
.satisfaccionTicket:not(:checked) > input {
  position:absolute;
  top:-9999px;
}
.satisfaccionTicket:not(:checked) > label {
  float:right;
  width:1em;
  overflow:hidden;
  white-space:nowrap;
  cursor:pointer;
  font-size:30px;
  color:#ccc;
}
.satisfaccionTicket:not(:checked) > label:before {
  content: '★ ';
}
.satisfaccionTicket > input:checked ~ label {
  color: #ffc700;    
}
.satisfaccionTicket:not(:checked) > label:hover,
.satisfaccionTicket:not(:checked) > label:hover ~ label {
  color: #deb217;  
}
.satisfaccionTicket > input:checked + label:hover,
.satisfaccionTicket > input:checked + label:hover ~ label,
.satisfaccionTicket > input:checked ~ label:hover,
.satisfaccionTicket > input:checked ~ label:hover ~ label,
.satisfaccionTicket > label:hover ~ input:checked ~ label {
  color: #c59b08;
}
.comentario {
  border: 1px solid black; 
  padding: 10px; 
  margin-bottom: 10px; 
}
  .swal-text {
  font-size: 12px !important;
}

.swal-comisionistas {
  font-size: 11px !important;
  width: 100em !important;
}

.alertComentario {
  padding: 10px;
  background-color: #3085d6;
  color: white;
}

.closebtnComentario {
  color: white;
  font-weight: bold;
  float: right;
  font-size: 22px;
  line-height: 20px;
  cursor: pointer;
  transition: 0.3s;
}

.closebtnComentario:hover {
  color: black;
}