@charset "UTF-8";
.aleft {
  text-align: left;
  padding-left: 5px; }

.first-anchor-title{
  font-weight: bold !important;
  font-size: 17px !important;
  color: #4D4D4D !important;
  font-family: 'Muli-Black';
  border-bottom: 0px !important; 
}

b{

font-family: 'Muli-Bold';
}
.aright {
  text-align: right;
  padding-right: 5px; }

.acenter {
  text-align: center; }

.uppercase {
  text-transform: uppercase; }

@font-face {
  font-family: "Muli-Regular";
  font-weight: normal;
  src: url("../images/fonts/Muli-Regular.ttf") format("truetype"); }

@font-face {
  font-family: "Muli-Bold";
  font-weight: bold;
  src: url("../images/fonts/Muli-Bold.ttf") format("truetype"); }

@font-face {
  font-family: "Muli-Black";
  font-weight: bold;
  src: url("../images/fonts/Muli-Black.ttf") format("truetype"); }

.scanner .interface, form.basico.left, div.left#basicstyle, div.left.smallinput, .lista-cultyvo li .key, .lista-cultyvo li .val, .lista-cultyvo li, .w100 {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

#debugg {
  overflow: scroll;
  height: 600px; }

section#login {
  height: 100vh;
  width: 100%;
  position: relative;
  padding: 60px 6px;
  display: grid;
  place-items: center;
  overflow: auto;
  background-color: #FAFAFA;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  section#login form, section#login div#basicstyle, section#login div.smallinput {
    max-width: 400px;
    background: white;
    margin-left: auto;
    margin-right: auto;
    padding: 30px;
    width: 100%;
    z-index: 2;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -ms-border-radius: 16px;
    border-radius: 16px;
    -webkit-box-shadow: 0px 8px 16px 2px rgba(141, 151, 162, 0.35);
    -moz-box-shadow: 0px 8px 16px 2px rgba(141, 151, 162, 0.35);
    -ms-box-shadow: 0px 8px 16px 2px rgba(141, 151, 162, 0.35);
    box-shadow: 0px 8px 16px 2px rgba(141, 151, 162, 0.35);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    section#login form h3, section#login div#basicstyle h3, section#login div.smallinput h3 {
      margin: 20px 0px; }
    section#login form .form-group, section#login div#basicstyle .form-group, section#login div.smallinput .form-group {
      display: inline-block;
      width: 100%;
      position: relative;
      margin-bottom: 16px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }
      section#login form .form-group label, section#login div#basicstyle .form-group label, section#login div.smallinput .form-group label {
        background: white;
        padding: 0 10px;
        color: #333;
        font-size: 12px;
        font-weight: 600;
        line-height: 42px;
        position: absolute;
        top: 2px;
        left: 7px;
        transform: scale(1) translate(0, 0, 0);
        transform-origin: left top;
        transition: all .2s linear;
        z-index: 2;
        max-width: calc( 100% - 8px);
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box; }
      section#login form .form-group input, section#login div#basicstyle .form-group input, section#login div.smallinput .form-group input {
        font-size: 16px;
        background: white;
        border: solid 1px #D6DBDF;
        box-shadow: none;
        display: block;
        width: 100%;
        color: #4D4D4D;
        font-weight: 600;
        height: 46px;
        margin: 0;
        line-height: 44px;
        padding: 0 16px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        border-radius: 4px; }
        section#login form .form-group input:focus, section#login div#basicstyle .form-group input:focus, section#login div.smallinput .form-group input:focus {
          border-bottom: none !important; }
      section#login form .form-group.focused label, section#login div#basicstyle .form-group.focused label, section#login div.smallinput .form-group.focused label, section#login form .form-group.filled label, section#login div#basicstyle .form-group.filled label, section#login div.smallinput .form-group.filled label {
        font-size: 12px;
        top: -10px;
        line-height: 20px; }
      section#login form .form-group.focused input, section#login div#basicstyle .form-group.focused input, section#login div.smallinput .form-group.focused input, section#login form .form-group.filled input, section#login div#basicstyle .form-group.filled input, section#login div.smallinput .form-group.filled input {
        outline: none;
        box-shadow: 0px 0px 0px 1px #83902c inset; }
    section#login form input.submit_login, section#login div#basicstyle input.submit_login, section#login div.smallinput input.submit_login {
      border: solid 1px transparent;
      padding: 0 24px;
      line-height: 48px;
      font-size: 15px;
      font-weight: 500;
      letter-spacing: 0px;
      min-width: 125px;
      height: auto !important;
      width: 100% !important;
      background: #83902c;
      font-family: 'Muli-Bold';
      text-decoration: none;
      display: inline-block;
      zoom: 1;
      white-space: nowrap;
      vertical-align: middle;
      text-align: center;
      cursor: pointer;
      user-select: none;
      margin: 10px 0;
      color: white;
      float: none !important;
      position: relative;
      -webkit-border-radius: 28px;
      -moz-border-radius: 28px;
      -ms-border-radius: 28px;
      border-radius: 28px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }
      section#login form input.submit_login:hover, section#login div#basicstyle input.submit_login:hover, section#login div.smallinput input.submit_login:hover {
        background: rgba(77, 77, 77, 0.47); }
  section#login::-webkit-scrollbar {
    display: none; }

* {
  padding: 0;
  margin: 0; }

canvas {
  border: none !important;
  outline: none !important; }

html, body {
  min-height: 100%;
  display: block;
  overflow-x: hidden;
  background-color: #E6E8F0; }

img {
  display: block;
  background: none;
  border: none; }

.hide {
  display: none !important; }

.w_full {
  width: 100% !important;
  max-width: 100% !important; }

.no-clear {
  clear: none !important; }

.pointer, .icono.evento {
  cursor: pointer; }

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
  border: 1px solid transparent;
  -webkit-text-fill-color: #4D4D4D;
  -webkit-box-shadow: 0 0 0px 1000px transparent inset;
  transition: background-color 5000s ease-in-out 0s; }

input:focus-visible, select:focus-visible, textarea:focus-visible {
  outline: none; }

pre.error {
  font-family: 'Muli-Regular';
  width: 100%;
  max-width: 800px;
  padding: 40px 20px 20px 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: auto;
  white-space: pre-wrap;
  background-color: #333;
  color: #fcfcfc;
  position: absolute;
  z-index: 30000;
  left: 50%;
  top: 20px;
  margin-left: -400px;
  -webkit-box-shadow: 2px 1px 4px rgba(50, 50, 50, 0.25);
  -moz-box-shadow: 2px 1px 4px rgba(50, 50, 50, 0.25);
  -ms-box-shadow: 2px 1px 4px rgba(50, 50, 50, 0.25);
  box-shadow: 2px 1px 4px rgba(50, 50, 50, 0.25); }
  pre.error code {
    font-family: 'Muli-Regular';
    font-weight: 100; }
  pre.error:before {
    content: '  manu';
    color: #009ee0;
    font-size: 1.1em;
    clear: both;
    float: left;
    position: absolute;
    top: 5px;
    left: 5px;
    text-transform: lowercase; }
  pre.error:after {
    content: '(      ) ERROR - Si el problema persiste reporte a soporte@cultyvo.com';
    color: #fcfcfc;
    font-size: 1.1em;
    clear: both;
    float: left;
    position: absolute;
    top: 5px;
    left: 5px;
    text-transform: lowercase; }

body {
  font-family: 'Muli-Regular';
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out; }
  body.infinitywidth {
    width: auto;
    overflow: scroll;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-backface-visibility: hidden; }
    body.infinitywidth header {
      max-width: 100%;
      position: fixed; }
    body.infinitywidth section {
      margin-top: 65px;
      width: auto; }
  body.menu
  {
    padding-left: 180px;
  }

  body.menu section
  {
    padding-left: 60px;
  }
  body.menu header.header .header-left {
    padding-left: 190px;
    transition: all 0.25s ease-out;
  }

  body.menu header.header .header-left a {
    display: none;
  }
  body.menu .modal-openMenu {
    z-index: 9;
    display: none; /* Modificado manu 18 julio */
  }
  body.menu #nav {
    margin-left: 5px;
    top: 5px; }
    body.menu #nav .openMenu {
      margin-left: -20px; 
      margin-top: -50px;
      background-color: transparent;
    }
      body.menu #nav .openMenu .hamburger {
        opacity: 1;
        transform: rotate(45deg) translate(-2px, -1px);
        background: #FFFFFF; }
      body.menu #nav .openMenu:hover .hamburger {
        opacity: 0.8;
        margin-left: -5px;
      }
        body.menu #nav .openMenu .hamburger:nth-last-child(3){
          opacity: 0;
          transform: rotate(0deg) scale(0.2, 0.2); }
        body.menu #nav .openMenu .hamburger:nth-last-child(2) {
          transform: rotate(-45deg) translate(0, -1px); }
        body.menu #nav .openMenu .hamburger:nth-last-child(1) {
          transform: rotate(45deg) translate(-5px, -10px); }

span.red, small.red, h1.red, h2.red, h3.red, h4.red, h5.red, p.red, i.red {
  color: red !important; }
  span.red.downred, small.red.downred, h1.red.downred, h2.red.downred, h3.red.downred, h4.red.downred, h5.red.downred, p.red.downred, i.red.downred {
    color: #ffd9d9; }

span.yellow, small.yellow, h1.yellow, h2.yellow, h3.yellow, h4.yellow, h5.yellow, p.yellow, i.yellow {
  color: #d9d900 !important; }

span.green, small.green, h1.green, h2.green, h3.green, h4.green, h5.green, p.green, i.green {
  color: #83902c !important; }
  span.green.downred, small.green.downred, h1.green.downred, h2.green.downred, h3.green.downred, h4.green.downred, h5.green.downred, p.green.downred, i.green.downred {
    color: #69C369 !important; }

span.orange, small.orange, h1.orange, h2.orange, h3.orange, h4.orange, h5.orange, p.orange, i.orange {
  color: orange !important; }

span.purple, small.purple, h1.purple, h2.purple, h3.purple, h4.purple, h5.purple, p.purple, i.purple {
  color: purple !important; }

span.blue, small.blue, h1.blue, h2.blue, h3.blue, h4.blue, h5.blue, p.blue, i.blue {
  color: blue !important; }

span.gray, small.gray, h1.gray, h2.gray, h3.gray, h4.gray, h5.gray, p.gray, i.gray {
  color: gray !important; }

span.black, small.black, h1.black, h2.black, h3.black, h4.black, h5.black, p.black, i.black {
  font-family: 'Muli-Black' !important; }

.cenefa {
  display: block;
  width: 100%;
  text-align: center;
  clear: both;
  color: white;
  font-size: 10px;
  float: left;
  margin: 7px 0; }

.hide, .checkito.hide {
  display: none !important; }

.mayusculas {
  text-transform: uppercase; }

.tcenter {
  text-align: center; }

.tright {
  text-align: right; }

.tleft {
  text-align: left; }

.no-background {
  background-color: transparent !important; }

.checks {
  cursor: pointer; }

.bold {
  font-weight: bold; }

div.dashboard_indicadores, div.btns_acceso_rapido {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  /*background-color: #fff;*/
  position: relative;
  margin: 0 auto 1rem auto;
  padding: 20px 0px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  div.dashboard_indicadores .indicador_dash, div.dashboard_indicadores .duo_indicador, div.btns_acceso_rapido .indicador_dash, div.btns_acceso_rapido .duo_indicador {
    width: calc(20% - 20px); }
    div.dashboard_indicadores .indicador_dash a, div.dashboard_indicadores .indicador_dash div#basicstyle a.boton.table, div#basicstyle div.dashboard_indicadores .indicador_dash a.boton.table, div.dashboard_indicadores .duo_indicador a, div.dashboard_indicadores .duo_indicador div#basicstyle a.boton.table, div#basicstyle div.dashboard_indicadores .duo_indicador a.boton.table, div.btns_acceso_rapido .indicador_dash a, div.btns_acceso_rapido .indicador_dash div#basicstyle a.boton.table, div#basicstyle div.btns_acceso_rapido .indicador_dash a.boton.table, div.btns_acceso_rapido .duo_indicador a, div.btns_acceso_rapido .duo_indicador div#basicstyle a.boton.table, div#basicstyle div.btns_acceso_rapido .duo_indicador a.boton.table {
      color: #FFFFFF;
      cursor: pointer; }
    div.dashboard_indicadores .indicador_dash .title_indicador, div.dashboard_indicadores .duo_indicador .title_indicador, div.btns_acceso_rapido .indicador_dash .title_indicador, div.btns_acceso_rapido .duo_indicador .title_indicador {
      text-align: left;
      margin: 0 0 10px 0;
      font-size: 14px;
      color: #dcffe0;
      /*text-transform: uppercase;*/
      font-family: 'Muli-Regular';
      }
  div.dashboard_indicadores .duo_indicador, div.btns_acceso_rapido .duo_indicador {
    display: flex;
    flex-direction: row;
    flex: 0 1 auto;
    flex-shrink: 0;
    padding: 20px;}
    div.dashboard_indicadores .duo_indicador div, div.btns_acceso_rapido .duo_indicador div {
      display: inline-block;
      width: 100%;
      margin: 0 auto;
      text-align: center;
      width: 100%;
      padding: 10px 15px;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -ms-border-radius: 3px;
      border-radius: 3px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }

    div.dashboard_indicadores .duo_indicador.column{
      flex-direction: column;
      border-radius: 15px;
      width: calc(20% - 20px);
      background-color: white;
      /*border:  2px solid #f0f0f0;*/
      }
    div.dashboard_indicadores .doble_indicador.column {
      flex-direction: column;
      border-radius: 15px;
      width: calc(40% - 20px);
      background-color: white;
      /*border:  2px solid #f0f0f0;*/
      }

    span.pulso_blue
    {
      width: 10px;
      height: 10px;
      display: block;
      margin-right: 5px;
      /*border: 4px solid #12acfd;
      background-color: #3771c8;*/
      content: '';
        /*position: absolute;*/
        left: 22px;
        top: 10px;
        width: 15px;
        height: 15px;
        background-color: currentColor;
        color: #a7b333 ;
        opacity: 1; /* Controla la opacidad aquí */
        mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 57.91 59"><title>store</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><g id="store"><path d="M22.34,26.84a9.12,9.12,0,0,1-9.11-9.12V14.05a2.5,2.5,0,0,1,5,0v3.67a4.11,4.11,0,1,0,8.22,0V14.05a2.5,2.5,0,0,1,5,0v3.67A9.12,9.12,0,0,1,22.34,26.84Z"/><path d="M35.57,26.84a9.13,9.13,0,0,1-9.12-9.12V14.05a2.5,2.5,0,0,1,5,0v3.67a4.12,4.12,0,1,0,8.23,0V14.05a2.5,2.5,0,0,1,5,0v3.67A9.13,9.13,0,0,1,35.57,26.84Z"/><path d="M48.79,26.84a9.13,9.13,0,0,1-9.11-9.12V14.05a2.5,2.5,0,0,1,5,0v3.67a4.12,4.12,0,1,0,8.23,0V16.18a5.35,5.35,0,0,0-.74-2.7L48.74,7.63A5.36,5.36,0,0,0,44.14,5H13.77a5.35,5.35,0,0,0-4.6,2.63L5.73,13.48A5.34,5.34,0,0,0,5,16.18v1.54a4.12,4.12,0,1,0,8.23,0V14.05a2.5,2.5,0,0,1,5,0v3.67A9.12,9.12,0,1,1,0,17.72V16.18A10.32,10.32,0,0,1,1.42,11L4.86,5.1A10.37,10.37,0,0,1,13.77,0H44.14a10.39,10.39,0,0,1,8.91,5.1L56.48,11a10.33,10.33,0,0,1,1.43,5.23v1.54A9.13,9.13,0,0,1,48.79,26.84Z"/><path d="M42.67,59H15.24A10.35,10.35,0,0,1,4.9,48.66V24.34a2.5,2.5,0,0,1,5,0V48.66A5.34,5.34,0,0,0,15.24,54H42.67A5.35,5.35,0,0,0,48,48.66V24.34a2.5,2.5,0,1,1,5,0V48.66A10.35,10.35,0,0,1,42.67,59Z"/><path d="M36,50a2.5,2.5,0,0,1-2.5-2.5V40.65a4.5,4.5,0,0,0-9,0V47.5a2.5,2.5,0,0,1-5,0V40.65a9.5,9.5,0,0,1,19,0V47.5A2.5,2.5,0,0,1,36,50Z"/></g></g></g></svg>');
        mask-repeat: no-repeat;
        mask-position: center;
        transition: opacity 0.3s ease;
    }

    span.pulso_blue.calendario
    {
      mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 53 59"><title>calendar</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><g id="calendar"><path d="M39.5,35h-1a2.5,2.5,0,0,1,0-5h1a2.5,2.5,0,0,1,0,5Z"/><path d="M39.5,49h-1a2.5,2.5,0,0,1,0-5h1a2.5,2.5,0,0,1,0,5Z"/><path d="M14.5,35h-1a2.5,2.5,0,0,1,0-5h1a2.5,2.5,0,0,1,0,5Z"/><path d="M14.5,49h-1a2.5,2.5,0,0,1,0-5h1a2.5,2.5,0,0,1,0,5Z"/><path d="M27,35H26a2.5,2.5,0,0,1,0-5h1a2.5,2.5,0,0,1,0,5Z"/><path d="M27,49H26a2.5,2.5,0,0,1,0-5h1a2.5,2.5,0,0,1,0,5Z"/><path d="M39,12a2.5,2.5,0,0,1-2.5-2.5v-7a2.5,2.5,0,0,1,5,0v7A2.5,2.5,0,0,1,39,12Z"/><path d="M14,12a2.5,2.5,0,0,1-2.5-2.5v-7a2.5,2.5,0,0,1,5,0v7A2.5,2.5,0,0,1,14,12Z"/><path d="M42.5,59h-32A10.51,10.51,0,0,1,0,48.5v-31A10.51,10.51,0,0,1,10.5,7h32A10.51,10.51,0,0,1,53,17.5v31A10.51,10.51,0,0,1,42.5,59Zm-32-47A5.51,5.51,0,0,0,5,17.5v31A5.51,5.51,0,0,0,10.5,54h32A5.51,5.51,0,0,0,48,48.5v-31A5.51,5.51,0,0,0,42.5,12Z"/><path d="M50.5,25H2.5a2.5,2.5,0,0,1,0-5h48a2.5,2.5,0,0,1,0,5Z"/></g></g></g></svg>');
    }
    
    div.dashboard_indicadores .column.greengradient
    {
      color: white;
      background: #343628;
      /*background: linear-gradient(225deg, hsla(0, 0%, 19%, 1) 41%, hsla(67, 84%, 18%, 1) 100%);
      background: -moz-linear-gradient(225deg, hsla(0, 0%, 19%, 1) 41%, hsla(67, 84%, 18%, 1) 100%);
      background: -webkit-linear-gradient(225deg, hsla(0, 0%, 19%, 1) 41%, hsla(67, 84%, 18%, 1) 100%);
      filter: progid: DXImageTransform.Microsoft.gradient( startColorstr="#313131", endColorstr="#4A5307", GradientType=1 );*/
    }

    div.dashboard_indicadores .column.doble
    {
      width: calc(33% - 20px) !important;
    }

    div.dashboard_indicadores .duo_indicador p
    {
      font-size: 12px;
      color: #333;
      padding: 3px 0;
      padding-left: 15px;
      font-family: 'Muli-Regular';
    }

    div.dashboard_indicadores .duo_indicador p:hover
    {
      font-size: 13px;
      color: #333;
      padding: 3px 0;
      font-family: 'Muli-Bold';
      padding-left: 15px;
    }

    div.dashboard_indicadores .bold
    {
      font-family: 'Muli-Bold';
      font-size: 13px;
    }
    
    div.dashboard_indicadores a, div.dashboard_indicadores .duo_indicador a
    {
      font-size: 12px;
      color: #333;
      padding: 3px 0;
      font-family: 'Muli-Bold';
      padding-left: 15px;
    }

    div.dashboard_indicadores a.indicador, div.dashboard_indicadores .duo_indicador a.indicador
    {
      font-family: 'Muli-Regular';
    }

    div.dashboard_indicadores a.boton, div.dashboard_indicadores .duo_indicador a.boton
    {
      font-size: 13px;
      margin: 3px 5px !important;
      text-align: center;
      font-family: 'Muli-Regular';
    }
      div.dashboard_indicadores a:hover
      {
        font-size: 13px;
        color: #000;
        padding: 3px 0;
        font-family: 'Muli-Bold';
        padding-left: 15px;
      }

    div.dashboard_indicadores a b.monto_resaltado
    {
      font-size: 15px;
      font-family: 'Muli-Bold';
      margin-right: 5px;
    }
    div.dashboard_indicadores .column h3
    {
      font-family: 'Muli-Black';
      text-transform: uppercase;
      font-size: 12px;
      vertical-align: middle;
      display: flex;
      text-transform: uppercase;
      color: black;
      padding: 0 0 13px 0;
    }
    div.dashboard_indicadores .column h3
    {
      color: black;
    }
    div.dashboard_indicadores .column.greengradient h3
    {
      color: #a3ad56;
    }

    div.dashboard_indicadores .column.greengradient a
    {
      color: white;
    }
    /* div.dashboard_indicadores .duo_indicador.color_verde_cultyvo, div.btns_acceso_rapido .duo_indicador.color_verde_cultyvo {
      border: 2px solid transparent;
      color: #333;
      margin-bottom: 0.5rem; }
      div.dashboard_indicadores .duo_indicador.color_verde_cultyvo:hover, div.btns_acceso_rapido .duo_indicador.color_verde_cultyvo:hover {
        border: 2px solid limegreen; }
    div.dashboard_indicadores .duo_indicador.color_naranja_cultyvo, div.btns_acceso_rapido .duo_indicador.color_naranja_cultyvo {
      border: 2px solid transparent;
      color: #333;
      margin-bottom: 0.5rem; }
      div.dashboard_indicadores .duo_indicador.color_naranja_cultyvo:hover, div.btns_acceso_rapido .duo_indicador.color_naranja_cultyvo:hover {
        border: 2px solid #ed5d4c; }
    div.dashboard_indicadores .duo_indicador .numeros_ventas[data-cuentaporpagar], div.dashboard_indicadores .duo_indicador .numeros_ventas[data-cuentaporcobrar], div.btns_acceso_rapido .duo_indicador .numeros_ventas[data-cuentaporpagar], div.btns_acceso_rapido .duo_indicador .numeros_ventas[data-cuentaporcobrar] {
      position: relative;
      display: inline-block;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }
      div.dashboard_indicadores .duo_indicador .numeros_ventas[data-cuentaporpagar]::after, div.dashboard_indicadores .duo_indicador .numeros_ventas[data-cuentaporcobrar]::after, div.btns_acceso_rapido .duo_indicador .numeros_ventas[data-cuentaporpagar]::after, div.btns_acceso_rapido .duo_indicador .numeros_ventas[data-cuentaporcobrar]::after {
        position: absolute;
        width: 20px;
        height: 20px;
        top: -8px;
        right: -8px;
        background-color: rgb(237 93 76);
        color: white;
        padding: 4px 4px;
        border-radius: 50%;
        font-size: 14px;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center; }
    div.dashboard_indicadores .duo_indicador .numeros_ventas[data-cuentaporpagar]::after, div.btns_acceso_rapido .duo_indicador .numeros_ventas[data-cuentaporpagar]::after {
      content: attr(data-cuentaporpagar);
      top: 0px;
      right: 0px; }
    div.dashboard_indicadores .duo_indicador .numeros_ventas[data-cuentaporcobrar]::after, div.btns_acceso_rapido .duo_indicador .numeros_ventas[data-cuentaporcobrar]::after {
      content: attr(data-cuentaporcobrar);
      top: 0px;
      right: 0px; }
  div.dashboard_indicadores .indicador_dash[data-cuentapor], div.btns_acceso_rapido .indicador_dash[data-cuentapor] {
    position: relative;
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    div.dashboard_indicadores .indicador_dash[data-cuentapor]::after, div.btns_acceso_rapido .indicador_dash[data-cuentapor]::after {
      content: attr(data-cuentapor);
      position: absolute;
      width: 20px;
      height: 20px;
      top: -8px;
      right: -8px;
      background-color: rgb(237 93 76);
      color: white;
      padding: 4px 4px;
      border-radius: 50%;
      font-size: 10px;
      text-align: center;
      display: flex;
      justify-content: center;
      align-items: center; } */

div.btns_acceso_rapido {
  padding: 5px;
  justify-content: center;
  align-items: center; }
  div.btns_acceso_rapido a.btn_acceso_directo, div.btns_acceso_rapido div#basicstyle a.boton.table, div#basicstyle div.btns_acceso_rapido a.boton.table {
    flex: 1;
    max-width: 200px;
    padding: 7px 8px;
    margin: 10px;
    text-align: center;
    font-size: 14px;
    color: #FFF;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    text-transform: uppercase;
    color: #333;
    font-family: 'Muli-Bold';
    transition: background-color 0.3s ease; }
    div.btns_acceso_rapido a.btn_acceso_directo:hover, div.btns_acceso_rapido div#basicstyle a.boton.table:hover, div#basicstyle div.btns_acceso_rapido a.boton.table:hover {
      filter: brightness(1.2); }
    div.btns_acceso_rapido a.btn_acceso_directo.btn_azul, div.btns_acceso_rapido div#basicstyle a.btn_azul.table.boton, div#basicstyle div.btns_acceso_rapido a.btn_azul.table.boton {
      border: 1px solid #00A7F8; }
    div.btns_acceso_rapido a.btn_acceso_directo.btn_verde_claro, div.btns_acceso_rapido div#basicstyle a.btn_verde_claro.table.boton, div#basicstyle div.btns_acceso_rapido a.btn_verde_claro.table.boton {
      border: 1px solid #67B05A; }
    div.btns_acceso_rapido a.btn_acceso_directo.btn_verde_oscuro, div.btns_acceso_rapido div#basicstyle a.btn_verde_oscuro.table.boton, div#basicstyle div.btns_acceso_rapido a.btn_verde_oscuro.table.boton {
      border: 1px solid #008F01; }
    div.btns_acceso_rapido a.btn_acceso_directo.btn_amarillo, div.btns_acceso_rapido div#basicstyle a.btn_amarillo.table.boton, div#basicstyle div.btns_acceso_rapido a.btn_amarillo.table.boton {
      border: 1px solid #EE8C00;
      color: #333; }
    div.btns_acceso_rapido a.btn_acceso_directo.btn_rojo, div.btns_acceso_rapido div#basicstyle a.btn_rojo.table.boton, div#basicstyle div.btns_acceso_rapido a.btn_rojo.table.boton {
      border: 1px solid #E94E3D; }

@media (max-width: 767px) {
  div.dashboard_indicadores .indicador_dash, div.dashboard_indicadores .duo_indicador.column {
    width: calc(100% - 1rem); } }

@media screen and (min-width: 768px) and (max-width: 991px) {
  div.dashboard_indicadores .indicador_dash, div.dashboard_indicadores .duo_indicador.column {
    width: calc(50% - 1rem); } }

a.btn_acceso_directo[data-count], form a[data-count].table.boton, div.smallinput a[data-count].table.boton, div#basicstyle a[data-count].table.boton {
  position: relative;
  display: inline-block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  a.btn_acceso_directo[data-count]::after,  div#basicstyle a[data-count].table.boton::after {
    content: attr(data-count);
    position: absolute;
    width: 13px;
    height: 13px;
    top: -5px;
    right: -5px;
    background-color: rgb(237 93 76);
    color: white;
    padding: 4px 4px;
    border-radius: 50%;
    font-size: 10px; }

@media (max-width: 760px) {
  section .cont-acceso-rapido #dash {
    grid-template-columns: repeat(3, 1fr); } }

@media (max-width: 500px) {
  section .cont-acceso-rapido #dash {
    grid-template-columns: repeat(1, 1fr); } }

 

section {
  min-width: 100%;
  padding: 75px 15px 45px 60px;
  min-height: 400px;
  height: auto;
  display: block;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out; }
  section.infinitywidth {
    width: auto !important;
    display: block;
    overflow: scroll;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-backface-visibility: hidden; }
  section.thebitacoracontent {
    padding: 0; }
    section.thebitacoracontent .table, section.thebitacoracontent form a.boton.table, form section.thebitacoracontent a.boton.table, section.thebitacoracontent div.smallinput a.boton.table, div.smallinput section.thebitacoracontent a.boton.table, section.thebitacoracontent div#basicstyle a.boton.table, div#basicstyle section.thebitacoracontent a.boton.table {
      margin: 0; }
  section.pop {
    position: relative;
    min-width: inherit;
    width: 80%;
    margin: 60px auto 0 auto;
    padding: 0;
    display: block;
    height: auto;
    overflow: inherit;
    border-top: 5px solid #26a828; }
    section.pop.no-border {
      border-top: none; }
      section.pop.no-border.minipieza {
        width: 400px; }
      section.pop.no-border.seccotizacion {
        width: 950px; }
    section.pop h2.seccion {
      position: absolute;
      top: 0;
      left: 0;
      color: white;
      display: block;
      padding: 10px 20px;
      margin: -52px 0 0 0;
      overflow: hidden;
      -webkit-text-shadow: none;
      -moz-text-shadow: none;
      -ms-text-shadow: none;
      text-shadow: none;
      background-color: #26a828; }
  section .cont-acceso-rapido {
    width: 100%;
    display: block;
    float: left;
    background-color: #F7FAFF;
    position: relative;
    margin: 0 auto;
    padding: 20px 30px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    section .cont-acceso-rapido h5, section .cont-acceso-rapido h4, section .cont-acceso-rapido h3, section .cont-acceso-rapido h2, section .cont-acceso-rapido h1 {
      color: #1D1D1B;
      margin-bottom: 15px; }
    section .cont-acceso-rapido h5 {
      font-family: 'Muli-Bold';
      color: #4D4D4D;
      text-transform: uppercase;
      font-size: 1rem; }
    section .cont-acceso-rapido #dash {
      width: 100%;
      display: grid;
      grid-template-rows: auto;
      grid-template-columns: repeat(6, 1fr);
      gap: 16px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }
      section .cont-acceso-rapido #dash .dash-group-section {
        align-self: self-start;
        background-color: rgba(239, 239, 239, 0.8);
        width: 100%;
        padding: 0px 10px 10px 10px;
        -webkit-box-shadow: 0px 8px 16px 2px rgba(141, 151, 162, 0.35);
        -moz-box-shadow: 0px 8px 16px 2px rgba(141, 151, 162, 0.35);
        -ms-box-shadow: 0px 8px 16px 2px rgba(141, 151, 162, 0.35);
        box-shadow: 0px 8px 16px 2px rgba(141, 151, 162, 0.35);
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        border-radius: 4px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box; }
        section .cont-acceso-rapido #dash .dash-group-section h6 {
          display: flex;
          justify-items: flex-start;
          align-items: center;
          margin: 10px 0px 0px 0px;
          color: #4D4D4D;
          font-family: 'Muli-Bold';
          text-transform: uppercase;
          font-size: 13px; }
          section .cont-acceso-rapido #dash .dash-group-section h6 i {
            margin-right: 5px; }
        section .cont-acceso-rapido #dash .dash-group-section a.boton {
          display: inline-block;
          float: none !important;
          text-transform: lowercase;
          width: 100%;
          box-sizing: border-box;
          padding: 7px 7px;
          margin: 5px 0 0 0;
          text-align: left;
          -webkit-border-radius: 4px;
          -moz-border-radius: 4px;
          -ms-border-radius: 4px;
          border-radius: 4px;
          background-color: #a0b603;
          font-size: 13px;
          color: #fff;
          font-family: 'Muli-Regular'; }
          section .cont-acceso-rapido #dash .dash-group-section a.boton:hover {
            background-color: rgba(69, 213, 71, 0.8); }

a.boton[data-count], form a.boton.table, div.smallinput a.boton.table, div#basicstyle a.boton.table {
  position: relative;
  display: inline-block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  a.boton[data-count]::after, div#basicstyle a.boton.table::after {
    content: attr(data-count);
    position: absolute;
    width: 18px;
    height: 18px;
    display: block;
    top: -9px;
    /*box-shadow: 0px 4px 8px 1px rgba(141, 151, 162, 0.35);
    box-shadow: ;*/
    right: -9px;
    background-color: rgb(237 93 76);
    color: white;
    padding: 3px 3px;
    text-align: center;
    /* vertical-align: middle; */
    border-radius: 50%;
    font-size: 12px; }

    a.boton[data-count-2], form a.boton.table, div.smallinput a.boton.table, div#basicstyle a.boton.table {
      position: relative;
      display: inline-block;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }
      a.boton[data-count-2]::after, div#basicstyle a.boton.table::after {
        content: attr(data-count-2);
        position: absolute;
        width: 13px;
        height: 13px;
        top: -7px;
        right: -4px;
        background-color: rgb(237 93 76);
        color: white;
        padding: 6px 6px;
        border-radius: 50%;
        font-size: 12px; 
        text-align: center;}

@media (max-width: 760px) {
  section .cont-acceso-rapido #dash {
    grid-template-columns: repeat(3, 1fr); } }

@media (max-width: 500px) {
  section .cont-acceso-rapido #dash {
    grid-template-columns: repeat(1, 1fr); } }

div.head_dats {
  width: 20%;
  height: auto;
  display: block;
  float: left;
  background-color: #83902c;
  position: relative;
  margin: 0px auto 20px;
  padding: 41px 20px;
  transition: background-color 0.3s ease;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px; }
  div.head_dats h3 {
    color: #d3de7e;
    font-weight: bold;
    text-align: center;
    margin-bottom: 10px;
    font-size: 50px;
    transition: all 0.3s ease; }
    div.head_dats h3:hover {
      transform: scale(1.1); }
  div.head_dats .top-left-text {
    color: #ffffff;
    position: absolute;
    top: 0;
    left: 0;
    margin: 10px;
    font-weight: bold;
    font-size: 13px; }
  div.head_dats .bottom-right-text {
    color: #ffffff;
    position: absolute;
    bottom: 0;
    right: 0;
    margin: 10px;
    font-weight: bold;
    font-size: 20px; }
  div.head_dats:hover {
    background-color: #777F1E; }

div.ventas_abiertas {
  width: 40%;
  display: block;
  float: left;
  position: relative;
  margin: 0px 10px 0px;
  padding: 0px 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #F5F7FF;
  }
  div.ventas_abiertas .top-left-text {
    color: black;
    top: 0;
    left: 0;
    margin: 10px 0px 12px 0px;
    font-weight: bold;
    font-size: 20px; }
  div.ventas_abiertas .list_ventas {
    width: 98%;
    display: block;
    background-color: white;
    position: relative;
    margin: 6px 0px 3px 0px;
    padding: 1px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px; }
    div.ventas_abiertas .list_ventas p.text_prod {
      color: black;
      margin: 10px;
      font-weight: bold;
      font-size: 8px; }
    div.ventas_abiertas .list_ventas p.text_precio {
      color: black;
      margin: -20px 10px 10px 0px;
      text-align: right;
      font-weight: bold;
      font-size: 10px; }
    div.ventas_abiertas .list_ventas:hover {
      background-color: #f78f06;
      color: white; }
      div.ventas_abiertas .list_ventas:hover p.text_prod, div.ventas_abiertas .list_ventas:hover p.text_precio {
        color: white; }
  div.ventas_abiertas .ventas_left {
    width: 50%;
    float: left; }
  div.ventas_abiertas .ventas_right {
    width: 50%;
    float: right; }

div.calendar {
  width: 15%;
  height: auto;
  display: block;
  float: left;
  background-color: #109de3;
  position: relative;
  margin: 0px auto 20px;
  padding: 50px 20px;
  transition: background-color 0.3s ease;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px; }

div.por_cobrar {
  width: 15%;
  height: auto;
  display: block;
  float: left;
  background-color: #faea03;
  position: relative;
  margin: 0px 10px 20px;
  padding: 40px 20px;
  transition: background-color 0.3s ease;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px; }
  div.por_cobrar:hover {
    background-color: #f9f07c; }
  div.por_cobrar h3 {
    color: #ec823b;
    font-weight: bold;
    text-align: center;
    margin-bottom: 10px;
    font-size: 50px;
    transition: all 0.3s ease; }
    div.por_cobrar h3:hover {
      transform: scale(1.1); }
  div.por_cobrar .bottom-right-text {
    color: white;
    position: absolute;
    bottom: 0;
    right: 0;
    margin: 10px;
    font-weight: bold;
    font-size: 20px; }

div.dash {
  display: block;
  padding: 10px 20px;
  background: rgba(255, 255, 255, 0.8);
  height: auto;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: 1px 1px 2px rgba(50, 50, 50, 0.15);
  -moz-box-shadow: 1px 1px 2px rgba(50, 50, 50, 0.15);
  -ms-box-shadow: 1px 1px 2px rgba(50, 50, 50, 0.15);
  box-shadow: 1px 1px 2px rgba(50, 50, 50, 0.15);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  div.dash .dash-hold {
    border: 1px solid #f4f9fe;
    padding: 12px 12px 8px 12px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px; }
  div.dash h3 {
    line-height: 2em;
    margin-bottom: 20px;
    display: inline;
    font-size: 16px;
    margin-left: -4px;
    color: #4D4D4D;
    text-transform: uppercase; }
    div.dash h3 img {
      display: inline-block;
      width: 40px;
      vertical-align: middle;
      margin: -14px 0 0 -10px;
      background-color: white;
      padding: 0 5px; }
  div.dash p, div.dash ul {
    margin-top: 5px;
    height: auto;
    overflow: hidden; }
  div.dash li {
    list-style: none;
    width: 100%;
    display: block; }
    div.dash li a, div.dash li form a.boton.table, form div.dash li a.boton.table, div.dash li div.smallinput a.boton.table, div.smallinput div.dash li a.boton.table, div.dash li div#basicstyle a.boton.table, div#basicstyle div.dash li a.boton.table {
      color: white;
      width: 100%;
      font-size: 13px;
      text-align: center;
      background-color: #FFFFFF;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      margin-top: 1px;
      padding: 8px 0;
      -webkit-border-radius: 3px !important;
      -moz-border-radius: 3px !important;
      -ms-border-radius: 3px !important;
      border-radius: 3px !important;
      display: block;
      text-transform: uppercase; }
    div.dash li:hover a, div.dash li:hover div#basicstyle a.boton.table, div#basicstyle div.dash li:hover a.boton.table {
      background-color: #EAEAEA; }

div.table, div.regular {
  padding: 10px 20px;
  float: left;
  width: 100%;
  position: relative;
  background: white;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  div.table h4, div.regular h4 {
    font-size: 17px;
    /* line-height: 1.5em; */
    font-family: 'Muli-Bold';
    font-weight: bold;
    text-transform: uppercase;
    color: #4D4D4D; 
  }

div.topinfo {
  /* padding: 20px; */
  width: 100%;
  display: flex;
  background: white;
  position: relative;
  flex-flow: row wrap;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  div.topinfo .saldo {
    width: 17%;
    flex: 0 1 calc(17% + 10px);
    padding: 5px;
    min-height: 45px;
    background-color: white;
    margin: 10px;
    color: #4D4D4D;
    height: auto;
    text-transform: uppercase;
    display: flex;
    justify-content: space-around;
    align-items: center;
    vertical-align: middle;
    /* box-shadow: 0px 0px 5px 2px rgba(77, 77, 77, 0.11); */
    border: 1px solid #3771c8;
    overflow: hidden;
    font-size: 11px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px; }
    div.topinfo .saldo div.infoTop {
      width: 100%;
      color: #4D4D4D;
      font-family: 'Muli-Regular';
      /* text-transform: uppercase; */
      line-height: 1.5em; }
      div.topinfo .saldo div.infoTop b {
        line-height: 1.5em;
        font-size: 15px;
        color: #4D4D4D;
        font-family: 'Muli-Bold';
      }
    div.topinfo .saldo div.iconTop {
      width: 20%; }

div.half {
  float: left;
  width: 44.5%;
  display: block;
  margin: 0 1% 20px 1%;
  position: relative;
  clear: none;
  padding: 10px;
  min-height: 350px; }
  div.half.sort .dataTables_length {
    margin-top: 10px; }
  div.half.sort .dataTables_filter {
    margin-top: 10px;
    margin-right: 10px; }
  div.half:nth-child(odd) {
    float: left;
    display: block;
    margin: 0 1% 20px 1%;
    clear: left; }
  div.half.center {
    margin: 0 auto;
    float: inherit; }

div.third {
  float: left;
  width: 24%;
  display: block;
  margin: 0 1% 20px 1%; }

div.fourth {
  float: left;
  width: 23%;
  display: block;
  margin: 0 1% 20px 1%;
  min-height: 260px; }

.pop div.fourth, .pop div.third, .pop div.dash, .pop div.half, .pop div.table {
  background-color: white;
  clear: both !important;
  position: relative;
  margin: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.pop div.table {
  width: 100%; }

h2.seccion {
  font-weight: 300;
  margin-bottom: 30px;
  text-transform: uppercase; }

h2 small a, h2 small form a.boton.table, form h2 small a.boton.table, h2 small div.smallinput a.boton.table, div.smallinput h2 small a.boton.table, h2 small div#basicstyle a.boton.table, div#basicstyle h2 small a.boton.table {
  text-decoration: underline; }

h4 {
  clear: both;
  font-weight: 300;
  font-size: 30px;
  line-height: 2em;
  color: #4D4D4D; }

h3 {
  font-weight: 300;
  font-size: 25px;
  line-height: 1.5em;
  color: #4D4D4D; }

span.red, b.red {
  color: rgb(237 93 76); }

span.green, b.green {
  color: #83902c; }

.aleft {
  text-align: left;
  padding-left: 5px; }

.aright {
  text-align: right;
  padding-right: 5px; }

.acenter {
  text-align: center; }

.uppercase {
  text-transform: uppercase; }

@font-face {
  font-family: "Muli-Regular";
  font-weight: normal;
  src: url("../images/fonts/Muli-Regular.ttf") format("truetype"); }

@font-face {
  font-family: "Muli-Bold";
  font-weight: bold;
  src: url("../images/fonts/Muli-Bold.ttf") format("truetype"); }

@font-face {
  font-family: "Muli-Black";
  font-weight: bold;
  src: url("../images/fonts/Muli-Black.ttf") format("truetype"); }

.scanner .interface, form.basico.left, div.left#basicstyle, div.left.smallinput, .lista-cultyvo li .key, .lista-cultyvo li .val, .lista-cultyvo li, .w100 {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

#debugg {
  overflow: scroll;
  height: 600px; }

header {
  margin-top: 0;
  height: 35px;
  display: block;
  padding: 10px 50px 10px 60px;
  background-color: #FFFFFF;
  position: relative;
  z-index: 100; 
  transition: all 0.25s ease-out;}
  header.header{
    position: fixed;
    top: 0;
    left: 0;
    width: 93%;
    z-index: 100; /* Asegura que el header esté por encima de otros elementos */
    background-color: white; /* O el color de fondo que necesites */
    /* box-shadow: 0 2px 5px rgba(0,0,0,0.1); */
    /*border-bottom: 3px solid #e3e3e3;*/
    margin-top: 0; /* Asegura que no haya margen superior */
    transition: all 0.25s ease-out;
  }
  header.header h1 a, header.header h1 form a.boton.table, form header.header h1 a.boton.table, header.header h1 div.smallinput a.boton.table, div.smallinput header.header h1 a.boton.table, header.header h1 div#basicstyle a.boton.table, div#basicstyle header.header h1 a.boton.table {
    font-size: 14px;
    font-weight: lighter;
    color: #4D4D4D; }
  header h1 {
    font-weight: 300;
    font-size: 20px;
    width: 98%;
    text-transform: uppercase;
    display: flex;
    box-sizing: border-box;
    justify-content: space-between;
    align-items: center;
    transition: all 0.25s ease-out;}
    header h1 img {
      display: inline;
      vertical-align: middle;
      width: 45px;
      margin-top: 0px;
      margin-left: -50px;
      transition: all 0.25s ease-out;
    }
    header h1 .userinfo {
      float: right;
      margin-top: 0px;
      /*margin-right: -40px;*/
      position: absolute;
      top: 10px;
      right: 20px }
    header h1 .sucursal {
      font-family: 'Muli-black';
      vertical-align: middle;
      text-transform: uppercase;
      color: #4D4D4D;
      font-size: 1rem; }

div.quick-access-buttons {
  display: flex;
  justify-content: space-around; }
  div.quick-access-buttons .quick-access-button {
    margin: 0 0.5rem;
    padding: 1px 4px;
    color: #FFFFFF;
    text-transform: uppercase;
    font-family: 'Muli-black';
    border: 2px solid transparent;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s, border-color 0.3s; }
    div.quick-access-buttons .quick-access-button.colorVerde {
      background-color: #65c366; }
      div.quick-access-buttons .quick-access-button.colorVerde:hover {
        background-color: #509651;
        border-color: #65c366; }
    div.quick-access-buttons .quick-access-button.colorRosa {
      background-color: #EB539F; }
      div.quick-access-buttons .quick-access-button.colorRosa:hover {
        background-color: #b14179;
        border-color: #EB539F; }
    div.quick-access-buttons .quick-access-button.colorAzul {
      background-color: #53B4E4; }
      div.quick-access-buttons .quick-access-button.colorAzul:hover {
        background-color: #3a7ea0;
        border-color: #53B4E4; }
    div.quick-access-buttons .quick-access-button.colorVerde2 {
      background-color: #488C4A; }
      div.quick-access-buttons .quick-access-button.colorVerde2:hover {
        background-color: #305c32;
        border-color: #488C4A; }
    div.quick-access-buttons .quick-access-button.colorAmarillo {
      background-color: #F7D53E; }
      div.quick-access-buttons .quick-access-button.colorAmarillo:hover {
        background-color: #DCBD36;
        border-color: #EED66A; }
    div.quick-access-buttons .quick-access-button.colorNaranja {
      background-color: #EE8C00; }
      div.quick-access-buttons .quick-access-button.colorNaranja:hover {
        background-color: #E08B15;
        border-color: #F4A93F; }

div.div_botones {
  width: 20%;
  height: auto;
  position: relative;
  margin: 0 auto;
  margin-top: -45px !important;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  div.div_botones .contenedor_botones {
    width: 35px;
    height: 35px;
    position: relative;
    /* float: left; */
    margin-left: 10px;
    margin-top: -8px;
    display: inline-block;
    text-align: center;
    font-size: 10px;
    font-weight: lighter;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    border-radius: 50px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    div.div_botones .contenedor_botones.a_icono {
      padding: 5px 5px;
      background-color: #eecd5f; }
      div.div_botones .contenedor_botones.a_icono.a_icono:hover {
        background-color: #7cc270; }
    div.div_botones .contenedor_botones.atitulo_fac, div.div_botones .contenedor_botones.tutilo_com {
      padding: 10px 5px;
      background-color: #76c2f1;
      color: white; }
      div.div_botones .contenedor_botones.atitulo_fac:hover, div.div_botones .contenedor_botones.tutilo_com:hover {
        background-color: #375eeb; }
    div.div_botones .contenedor_botones.tutilo_solcom {
      padding: 5px 5px;
      background-color: #76c2f1;
      color: white; }
      div.div_botones .contenedor_botones.tutilo_solcom:hover {
        background-color: #375eeb; }
    div.div_botones .contenedor_botones img {
      width: 100%;
      position: relative;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }

@media screen and (max-width: 1024) {
  div.div_botones {
    width: 45%; } }

@media screen and (max-width: 978) {
  div.div_botones {
    width: 60%; }
    div.div_botones .contenedor_botones {
      width: 40px;
      height: 40px; } }

.aleft {
  text-align: left;
  padding-left: 5px; }

.aright {
  text-align: right;
  padding-right: 5px; }

.acenter {
  text-align: center; }

.uppercase {
  text-transform: uppercase; }

@font-face {
  font-family: "Muli-Regular";
  font-weight: normal;
  src: url("../images/fonts/Muli-Regular.ttf") format("truetype"); }

@font-face {
  font-family: "Muli-Bold";
  font-weight: bold;
  src: url("../images/fonts/Muli-Bold.ttf") format("truetype"); }

@font-face {
  font-family: "Muli-Black";
  font-weight: bold;
  src: url("../images/fonts/Muli-Black.ttf") format("truetype"); }

.scanner .interface, form.basico.left, div.left#basicstyle, div.left.smallinput, .lista-cultyvo li .key, .lista-cultyvo li .val, .lista-cultyvo li, .w100 {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

#debugg {
  overflow: scroll;
  height: 600px; }

div.sesion-out {
  float: right;
  margin: 5% 16% 5% 16%; }
  div.sesion-out small.getout {
    color: rgb(237 93 76);
    width: auto; }
  div.sesion-out i.icon {
    filter: sepia(50%) saturate(50%) invert(50%); }

.normal {
  background-color: #45afce; }

.userinfo {
  display: flex; }
  .userinfo small {
    font-size: 20px !important;
    color: #666; }

.container-bell {
  margin-right: 10px;
  width: 25px;
  height: 25px; }
  .container-bell:hover {
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    border-radius: 25px;
    background-color: rgba(102, 102, 102, 0.188); }
    .container-bell:hover > .bell-icon {
      background-image: url(../images/varios/notColor.png); }
  .container-bell .bell-icon {
    background-color: transparent;
    padding: 0px;
    background-image: url(../images/varios/notGris.png);
    background-repeat: no-repeat;
    background-position: top 0px right 0px;
    background-size: 15px;
    position: absolute;
    width: 15px;
    height: 15px;
    margin: 5px; }
  .container-bell #notcounter {
    width: 12px;
    height: 12px;
    background-color: rgb(237 93 76);
    color: white;
    font-size: 8px;
    text-align: center;
    line-height: 14px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    border-radius: 25px;
    position: absolute;
    margin: 0px 10px;
    border: 1px solid white;
    display: none; }
    .container-bell #notcounter.active {
      animation: pulsar 0.5s infinite alternate ease-in-out;
      display: block; }

@keyframes pulsar {
  from {
    transform: scale(1); }
  to {
    transform: scale(1.5); } }

i.btn-user-not {
  background-color: transparent;
  cursor: pointer;
  background-image: url(../images/varios/usuario.png);
  background-repeat: no-repeat;
  background-position: top 4px right 12px;
  background-size: 20px;
  padding: 0px 33px 0px 0px;
  position: relative;
  margin: 0px 0px 0px 0px;
  filter: saturate(3); }

.select-user {
  background-color: transparent;
  cursor: pointer;
  background-image: url(../images/select.png);
  background-repeat: no-repeat;
  background-position: top 1px right 0px;
  background-size: 15px;
  color: #4D4D4D;
  font-size: 15px;
  padding: 0px 20px 0px 0px;
  position: relative;
  margin: 0px 0px 0px -8px; }

  #worksucursal, #tryusuarios, #workempresa, #tryune, #workUnidades {
  width: 200px;
  height: 40px;
  /* margin: 5px auto; */
  float: right;
  display: flex; }
  #worksucursal .update, #tryusuarios .update, #workempresa .update, #tryune .update, #workUnidades .update {
    width: 30px;
    height: 30px;
    float: left;
    margin-top: 3px !important;
    background: transparent url(../images/update-green.png) no-repeat center center;
    background-size: 20px;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    cursor: pointer; }
    #worksucursal .update:hover, #tryusuarios .update:hover, #workempresa .update:hover, #tryune .update:hover, #workUnidades .update:hover {
      cursor: pointer;
      transform: rotate(180deg); }
  #worksucursal select, #tryusuarios select, #workempresa select, #tryune select, #workUnidades select {
    width: 70%;
    float: left;
    height: 35px;
    padding: 3px 10px;
    margin: 3px 0 0 0;
    top: 11px;
    position: relative;
    background: rgba(216, 216, 219, 0.2) url(../images/select.png?v1) no-repeat center right 8px;
    background-size: 15px;
    border: 1px solid #f0f0f0;
    appearance: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px; }
    #worksucursal select
    {
    width: 180px !important;
    float: left;
    height: 35px;
    padding: 3px 10px;
    position:absolute;
}

#form_sesiones {
  position: absolute;
  margin-top: 54px;
  right: 0;
  width: 250px;
  display: block;
  background-color: white;
  right: 12px;
  z-index: 10000;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.1); }
  #form_sesiones header {
    width: 230px;
    float: left;
    letter-spacing: 1px;
    text-align: center;
    background-color: white;
    padding: 10px 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom: 1px solid transparent; }
    #form_sesiones header h2 {
      font-size: 15px;
      text-shadow: none;
      color: #4D4D4D;
      font-family: 'Muli-Black';
      font-weight: bold;
      letter-spacing: 2px; }
  #form_sesiones:before {
    content: '';
    width: 0;
    height: 0;
    top: 2px;
    right: 15%;
    margin-top: -15px;
    z-index: 2;
    display: block;
    position: absolute;
    border-right: 15px solid transparent;
    border-left: 15px solid transparent;
    border-bottom: 15px solid rgba(0, 0, 0, 0.1); }
  #form_sesiones:after {
    content: '';
    width: 0;
    height: 0;
    top: 0;
    right: 15%;
    margin-top: -13px;
    z-index: 2;
    display: block;
    position: absolute;
    border-right: 15px solid transparent;
    border-left: 15px solid transparent;
    border-bottom: 15px solid white; }
  #form_sesiones.hidden {
    max-height: 0;
    overflow: hidden;
    opacity: 0; }

#notificaciones {
  position: absolute;
  margin-top: 50px;
  right: 0;
  width: 350px;
  display: block;
  background-color: white;
  right: 12px;
  z-index: 1000;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.1); }
  #notificaciones header {
    width: 330px;
    float: left;
    letter-spacing: 1px;
    text-align: center;
    background-color: white;
    padding: 10px 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom: 1px solid transparent; }
    #notificaciones header h2 {
      font-size: 15px;
      text-shadow: none;
      color: #4D4D4D;
      font-weight: bold;
      letter-spacing: 2px; }
  #notificaciones:before {
    content: '';
    width: 0;
    height: 0;
    top: 2px;
    right: 42%;
    margin-top: -15px;
    z-index: 2;
    display: block;
    position: absolute;
    border-right: 15px solid transparent;
    border-left: 15px solid transparent;
    border-bottom: 15px solid rgba(0, 0, 0, 0.1); }
  #notificaciones:after {
    content: '';
    width: 0;
    height: 0;
    top: 0;
    right: 42%;
    margin-top: -13px;
    z-index: 2;
    display: block;
    position: absolute;
    border-right: 15px solid transparent;
    border-left: 15px solid transparent;
    border-bottom: 15px solid white; }
  #notificaciones.hidden {
    max-height: 0;
    overflow: hidden;
    opacity: 0; }
  #notificaciones .alerta {
    margin: 0;
    padding: 0; }
    #notificaciones .alerta span.normal {
      width: 95%;
      border-radius: 10px;
      margin: 5px auto 10px auto;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      padding: 10px 10px 10px 25px;
      background-color: #83902c; }

.flex-center, .ver-todo, .not .not-container .container-mensajes .not-botones .btns-hide .not-ocultar, .not .not-container .container-mensajes .not-botones .btns-hide, .not .not-container .container-mensajes .not-botones, .not .not-container .container-mensajes {
  display: flex;
  justify-content: center;
  align-items: center; }

.not {
  width: 100%;
  background-color: white;
  padding: 10px;
  float: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  text-transform: none;
  border-bottom-right-radius: 0px;
  border-top-right-radius: 0px;
  font-size: 13px;
  border: 1px solid #f6f6f6;
  margin: 0px auto 0px auto;
  display: flex; }
  .not:hover {
    background-color: #f6fbfd; }
    .not:hover .btns-hide {
      display: flex !important; }
  .not .not-container {
    position: relative;
    width: 100%; }
    .not .not-container h2 {
      height: 24px;
      font-size: 12px;
      line-height: 1.7em;
      font-weight: bold;
      padding-top: 2px;
      color: #d14480; }
    .not .not-container small {
      font-size: 10px !important; }
    .not .not-container .not-titulo {
      width: 100%; }
    .not .not-container .container-mensajes {
      margin: 5px auto 0px;
      width: 100%;
      color: #4D4D4D; }
      .not .not-container .container-mensajes .not-mensaje {
        width: 80%;
        text-align: left; }
        .not .not-container .container-mensajes .not-mensaje a.boton, .not .not-container .container-mensajes .not-mensaje div#basicstyle a.boton.table, div#basicstyle .not .not-container .container-mensajes .not-mensaje a.boton.table {
          color: #FFFFFF;
          border-left: none;
          border-top: none;
          position: absolute;
          right: 3%;
          bottom: 12px;
          float: right;
          min-width: 50px;
          text-align: center;
          padding: 5px 10px !important;
          font-size: 12px; }
      .not .not-container .container-mensajes .not-botones {
        width: 20%;
        flex-direction: column; }
        .not .not-container .container-mensajes .not-botones .btns-hide {
          display: none;
          width: 80%;
          position: relative; }
          .not .not-container .container-mensajes .not-botones .btns-hide .not-ocultar {
            margin-right: 10px;
            width: 30px;
            height: 28px; }
        .not .not-container .container-mensajes .not-botones .not-rel {
          width: 80%;
          margin-top: 10px;
          position: relative;
          color: white;
          text-align: center;
          padding: 5px 8px;
          font-size: 11px;
          font-weight: bold;
          background-color: #FF8100;
          -webkit-border-radius: 4px;
          -moz-border-radius: 4px;
          -ms-border-radius: 4px;
          border-radius: 4px; }
          .not .not-container .container-mensajes .not-botones .not-rel:hover {
            background-color: #FFD147; }

.ver-todo {
  padding: 10px auto 10px auto;
  text-align: center;
  padding: 5px 0px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px; }
  .ver-todo a, .ver-todo form a.boton.table, form .ver-todo a.boton.table, .ver-todo div.smallinput a.boton.table, div.smallinput .ver-todo a.boton.table, .ver-todo div#basicstyle a.boton.table, div#basicstyle .ver-todo a.boton.table {
    cursor: pointer;
    color: #1D1D1B;
    border: none;
    font-weight: bold;
    font-size: 12px;
    background-color: transparent;
    padding: 5px 5px 2px 5px;
    display: block;
    width: 76%;
    margin: auto;
    float: none; }
    .ver-todo a:hover, .ver-todo form a.boton.table:hover, form .ver-todo a.boton.table:hover, .ver-todo div.smallinput a.boton.table:hover, div.smallinput .ver-todo a.boton.table:hover, .ver-todo div#basicstyle a.boton.table:hover, div#basicstyle .ver-todo a.boton.table:hover {
      color: #1a1a19;
      background-color: transparent; }

section#panel-notificaciones div.table h2.seccion {
  color: #FF8100; }

section#panel-notificaciones div.table div.panel-notis p.alerta span.normal {
  background-color: #83902c; }

section#panel-notificaciones div.table div.panel-pasadas div.not div.container-mensajes div.not-botones {
  display: none; }

#controlbar {
  position: relative;
  background: none;
  width: 600px;
  display: block; }

h3.float {
  float: left;
  margin: 10px 0; }

.nolinks a, .nolinks form a.boton.table, form .nolinks a.boton.table, .nolinks div.smallinput a.boton.table, div.smallinput .nolinks a.boton.table, .nolinks div#basicstyle a.boton.table, div#basicstyle .nolinks a.boton.table {
  display: none; }

div.sesion-out {
  text-align: center;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 163px; }
  div.sesion-out a, div.sesion-out form a.boton.table, form div.sesion-out a.boton.table, div.sesion-out div.smallinput a.boton.table, div.smallinput div.sesion-out a.boton.table, div.sesion-out div#basicstyle a.boton.table, div#basicstyle div.sesion-out a.boton.table {
    display: block;
    width: 100%; }
    div.sesion-out a small, div.sesion-out form a.boton.table small, form div.sesion-out a.boton.table small, div.sesion-out div.smallinput a.boton.table small, div.smallinput div.sesion-out a.boton.table small, div.sesion-out div#basicstyle a.boton.table small, div#basicstyle div.sesion-out a.boton.table small {
      width: 130px;
      margin: 0% auto 5% auto;
      padding: 3% 15%;
      display: flex;
      justify-content: center;
      align-items: center;
      font-weight: bold;
      transition: 0.3s;
      font-size: 11px !important;
      -webkit-border-radius: 7px;
      -moz-border-radius: 7px;
      -ms-border-radius: 7px;
      border-radius: 7px; }
      div.sesion-out a small.getout, div.sesion-out div#basicstyle a.boton.table small.getout, div#basicstyle div.sesion-out a.boton.table small.getout {
        color: white;
        background-color: #D40C1F;
        font-family: 'Muli-Bold'; }
        div.sesion-out a small.getout:hover, div.sesion-out div#basicstyle a.boton.table small.getout:hover, div#basicstyle div.sesion-out a.boton.table small.getout:hover {
          background-color: rgba(212, 12, 31, 0.7); }
      div.sesion-out a small.changepass, div.sesion-out div#basicstyle a.boton.table small.changepass, div#basicstyle div.sesion-out a.boton.table small.changepass {
        color: white;
        width: 115px;
        background-color: #4D4D4D;
        font-family: 'Muli-Bold'; }
        div.sesion-out a small.changepass:hover, div.sesion-out div#basicstyle a.boton.table small.changepass:hover, div#basicstyle div.sesion-out a.boton.table small.changepass:hover {
          background-color: rgba(77, 77, 77, 0.7); }
      div.sesion-out a small span, div.sesion-out form a.boton.table small span, form div.sesion-out a.boton.table small span, div.sesion-out div.smallinput a.boton.table small span, div.smallinput div.sesion-out a.boton.table small span, div.sesion-out div#basicstyle a.boton.table small span, div#basicstyle div.sesion-out a.boton.table small span {
        display: inline-block;
        width: 20px;
        height: 20px;
        margin-left: 5px;
        background-color: transparent; }
        div.sesion-out a small span.cerrarSesion, div.sesion-out div#basicstyle a.boton.table small span.cerrarSesion, div#basicstyle div.sesion-out a.boton.table small span.cerrarSesion {
          background-image: url(../images/varios/cerrarSesion.png);
          background-size: 20px;
          background-position: center; }
        div.sesion-out a small span.changePass, div.sesion-out div#basicstyle a.boton.table small span.changePass, div#basicstyle div.sesion-out a.boton.table small span.changePass {
          background-image: url(../images/varios/changePass.png);
          background-size: 20px;
          background-position: center; }

div.notificacion {
  position: relative;
  width: auto;
  max-width: 450px;
  margin: 20px auto;
  padding: 70px 30px 20px 30px;
  display: block;
  height: auto;
  background-color: white;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); }
  div.notificacion h3 {
    font-weight: 100;
    margin: 0 0 30px 0;
    color: orange;
    font-size: 22px; }
  div.notificacion .fecha {
    position: absolute;
    top: 15px;
    right: 20px;
    font-size: 12px;
    color: green; }
  div.notificacion p.buttons {
    line-height: 1em;
    margin-right: -10px; }
  div.notificacion a.boton, div.notificacion form a.boton.table, div.notificacion form div.smallinput a.boton.table, div.smallinput div.notificacion form a.boton.table, form div.notificacion a.boton.table, form div.notificacion div.smallinput a.boton.table, div.smallinput form div.notificacion a.boton.table, div.notificacion div.smallinput a.boton.table, div.notificacion div.smallinput form a.boton.table, form div.notificacion div.smallinput a.boton.table, div.smallinput div.notificacion a.boton.table, div.smallinput div.notificacion form a.boton.table, form div.smallinput div.notificacion a.boton.table, div.notificacion div#basicstyle a.boton.table, div#basicstyle div.notificacion a.boton.table, div.notificacion form a.boton.table, div.notificacion form div.smallinput a.boton.table, div.smallinput div.notificacion form a.boton.table, div.notificacion form div.smallinput a.table.boton, div.smallinput div.notificacion form a.table.boton, form div.notificacion a.boton.table, form div.notificacion div.smallinput a.boton.table, div.smallinput form div.notificacion a.boton.table, form div.notificacion div.smallinput a.table.boton, div.smallinput form div.notificacion a.table.boton, div.notificacion div.smallinput a.boton.table, div.notificacion div.smallinput form a.boton.table, form div.notificacion div.smallinput a.boton.table, div.notificacion div.smallinput form a.table.boton, form div.notificacion div.smallinput a.table.boton, div.smallinput div.notificacion a.boton.table, div.smallinput div.notificacion form a.boton.table, form div.smallinput div.notificacion a.boton.table, div.smallinput div.notificacion form a.table.boton, form div.smallinput div.notificacion a.table.boton {
    text-transform: capitalize;
    padding: 9px 10px;
    background-color: #706F6F;
    color: white;
    border-top: 1px solid #c0c0c0;
    border-left: 1px solid #c0c0c0; }
    div.notificacion a.boton:hover, div.notificacion form a.boton.table:hover, div.notificacion form div.smallinput a.boton.table:hover, div.smallinput div.notificacion form a.boton.table:hover, form div.notificacion a.boton.table:hover, form div.notificacion div.smallinput a.boton.table:hover, div.smallinput form div.notificacion a.boton.table:hover, div.notificacion div.smallinput a.boton.table:hover, div.notificacion div.smallinput form a.boton.table:hover, form div.notificacion div.smallinput a.boton.table:hover, div.smallinput div.notificacion a.boton.table:hover, div.smallinput div.notificacion form a.boton.table:hover, form div.smallinput div.notificacion a.boton.table:hover, div.notificacion div#basicstyle a.boton.table:hover, div#basicstyle div.notificacion a.boton.table:hover, div.notificacion form a.boton.table:hover, div.notificacion form div.smallinput a.boton.table:hover, div.smallinput div.notificacion form a.boton.table:hover, div.notificacion form div.smallinput a.table.boton:hover, div.smallinput div.notificacion form a.table.boton:hover, form div.notificacion a.boton.table:hover, form div.notificacion div.smallinput a.boton.table:hover, div.smallinput form div.notificacion a.boton.table:hover, form div.notificacion div.smallinput a.table.boton:hover, div.smallinput form div.notificacion a.table.boton:hover, div.notificacion div.smallinput a.boton.table:hover, div.notificacion div.smallinput form a.boton.table:hover, form div.notificacion div.smallinput a.boton.table:hover, div.notificacion div.smallinput form a.table.boton:hover, form div.notificacion div.smallinput a.table.boton:hover, div.smallinput div.notificacion a.boton.table:hover, div.smallinput div.notificacion form a.boton.table:hover, form div.smallinput div.notificacion a.boton.table:hover, div.smallinput div.notificacion form a.table.boton:hover, form div.smallinput div.notificacion a.table.boton:hover {
      background-color: #fcfcfc;
      border-top: none;
      border-left: none;
      border-bottom: 1px solid #ccc;
      border-right: 1px solid #ccc; }

div#reportepop a.boton, div#reportepop form a.boton.table, form div#reportepop a.boton.table, div#reportepop div.smallinput a.boton.table, div.smallinput div#reportepop a.boton.table, div#reportepop div#basicstyle a.boton.table, div#basicstyle div#reportepop a.boton.table {
  margin-top: -10px;
  background-color: #706F6F;
  color: white;
  border-top: 1px solid #c0c0c0;
  border-left: 1px solid #c0c0c0; }
  div#reportepop a.boton.fleft {
    float: left;
    margin-top: -70px !important; }
  div#reportepop a.boton:hover {
    background-color: #fcfcfc;
    border-top: none;
    border-left: none;
    border-bottom: 1px solid #fcfcfc;
    border-right: 1px solid #fcfcfc; }
  div#reportepop a.boton.botonaccion {
    float: right;
    margin-top: -70px !important;
    margin-right: 10px !important; }
  div#reportepop a.boton.cancelar {
    display: block;
    padding: 10px;
    height: 15px;
    margin: 0;
    top: -70px;
    float: left; }

div.notificacion a.boton:hover, div.notificacion form a.boton.table:hover, div.notificacion form div.smallinput a.boton.table:hover, div.smallinput div.notificacion form a.boton.table:hover, form div.notificacion a.boton.table:hover, form div.notificacion div.smallinput a.boton.table:hover, div.smallinput form div.notificacion a.boton.table:hover, div.notificacion div.smallinput a.boton.table:hover, div.notificacion div.smallinput form a.boton.table:hover, form div.notificacion div.smallinput a.boton.table:hover, div.smallinput div.notificacion a.boton.table:hover, div.smallinput div.notificacion form a.boton.table:hover, form div.smallinput div.notificacion a.boton.table:hover, div.notificacion div#basicstyle a.boton.table:hover, div#basicstyle div.notificacion a.boton.table:hover, div.notificacion form a.boton.table:hover, div.notificacion form div.smallinput a.boton.table:hover, div.smallinput div.notificacion form a.boton.table:hover, div.notificacion form div.smallinput a.table.boton:hover, div.smallinput div.notificacion form a.table.boton:hover, form div.notificacion a.boton.table:hover, form div.notificacion div.smallinput a.boton.table:hover, div.smallinput form div.notificacion a.boton.table:hover, form div.notificacion div.smallinput a.table.boton:hover, div.smallinput form div.notificacion a.table.boton:hover, div.notificacion div.smallinput a.boton.table:hover, div.notificacion div.smallinput form a.boton.table:hover, form div.notificacion div.smallinput a.boton.table:hover, div.notificacion div.smallinput form a.table.boton:hover, form div.notificacion div.smallinput a.table.boton:hover, div.smallinput div.notificacion a.boton.table:hover, div.smallinput div.notificacion form a.boton.table:hover, form div.smallinput div.notificacion a.boton.table:hover, div.smallinput div.notificacion form a.table.boton:hover, form div.smallinput div.notificacion a.table.boton:hover, div#reportepop a.boton:hover {
  background-color: white;
  color: #706F6F; }

div.notificacion p {
  padding: 20px 0;
  font-size: 13px;
  line-height: 1em;
  text-align: left; }
  div.notificacion p.alerta {
    border: none; }
    div.notificacion p.alerta span {
      line-height: 1.5em;
      color: white;
      border: none; }

div.notificacion .good, div.notificacion .bad, div.notificacion .normal {
  background-color: transparent;
  border: none; }

#nots {
  margin: 20px 0 0 -10px;
  float: left;
  width: 298px;
  background-color: #D7E9F1;
  padding-top: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  #nots.no-style {
    margin-top: -30px;
    background-color: white; }
    #nots.no-style .window {
      padding: 10px 0 10px 10px;
      display: block; }
  #nots h3.bar {
    background-color: #4D4D4D;
    color: white;
    width: 100%;
    height: 27px;
    display: block;
    font-size: 13px;
    float: left;
    line-height: 2.1em;
    text-align: right;
    padding-right: 6px;
    z-index: 1;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-top: 1px solid white; }

#nav {
  width: 218px;
  height: auto;
  margin-left: -230px;
  min-height: 100%;
  padding: 0;
  position: absolute;
  top: 10px; /*55px*/
  left: 0;
  background-color: #032913;
  font-size: 12px;
  color: #032813ff;
  display: block;
  border-radius: 10px;
  z-index: 101;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-right: 2px solid #4A5307;
  box-shadow: 5px 0 8px rgba(0, 0, 0, 0.2); /* Sombra derecha */
  /* Background 
  background: hsla(0, 0%, 19%, 1);
  background: linear-gradient(225deg, hsla(0, 0%, 19%, 1) 0%, hsla(67, 84%, 18%, 1) 100%);
  background: -moz-linear-gradient(225deg, hsla(0, 0%, 19%, 1) 0%, hsla(67, 84%, 18%, 1) 100%);
  background: -webkit-linear-gradient(225deg, hsla(0, 0%, 19%, 1) 0%, hsla(67, 84%, 18%, 1) 100%);
  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr="#313131", endColorstr="#4a5307", GradientType=1 );
  */
  /* Background */
 background: rgb(131 144 44);
 background: radial-gradient(circle at top, rgb(131 144 44) 3%, rgb(22 24 11) 45%);
}
  #nav .openMenu {
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    position: fixed;
    top: 60px;
    left: 198px;
    margin: 0 0 0 -193px;
    background-color: #626b22;
    width: 25px;
    height: 25px;
    display: block;
    padding: 7px 6px 6px 7px;
    color: white;
    border-radius: 10px;
    z-index: 11;
    cursor: pointer;
  }
  #nav .openMenu:hover{
    background-color: rgb(24, 43, 22);
    margin-left: -186px;
  }
    #nav .openMenu .hamburger {
      display: block;
      width: 25px;
      height: 4px;
      margin-bottom: 5px;
      position: relative;
      background: #FFFFFF;
      border-radius: 3px;
      z-index: 1;
      transform-origin: 4px 0px;
      transition: all 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease; }
      #nav .openMenu .hamburger:first-child {
        transform-origin: 0% 0%; }
      #nav .openMenu .hamburger:nth-last-child(2) {
        transform-origin: 75% 100%; }
  #nav ul {
    width: 100%;
    height: auto;
    list-style: none;
    padding-left: 0;
    padding-top: 0; }
    #nav ul li {
      transition: all 0.3s ease-in-out;
      -webkit-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      width: 100%;
      height: auto;
      padding-left: 0;
      padding-top: 3px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }
      #nav ul li.activo {
        background-color: #2d372d; /*#3e453e;*/
        padding-top: 10px;
        padding-bottom: 10px; }
        #nav ul li.activo ul {
          max-height: 1400px; }
      #nav ul li.head > a:first-child, #nav ul form li.head > a.boton.table:first-child{
        width: 100%;
        height: auto;
        display: flex;
        padding: 5px 0;
        margin: 0 0 0 0;
        padding-left: 28px;
        padding-right: 1.4rem;
        font-size: 14px;
        line-height: 1.3em;
        /*text-transform: uppercase;*/
        color: #e3e3e3ff;
        font-family: 'Muli-Regular';
        font-weight: 100;
        align-items: center;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        cursor: pointer;
      }

      #nav ul li.head > a:first-child
      {
        padding-left: 40px;
      }
      #nav ul li.head > a:first-child::before
      {
        content: '';
        position: absolute;
        left: 21px;
        top: 8px;
        width: 13px;
        height: 13px;
        background-color: currentColor;
        color: white ;
        opacity: 0.5; /* Controla la opacidad aquí */
        mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 59 37"><title>menu</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><g id="menu"><path d="M56.5,21H2.5a2.5,2.5,0,0,1,0-5h54a2.5,2.5,0,0,1,0,5Z"/><path d="M56.5,37H2.5a2.5,2.5,0,0,1,0-5h54a2.5,2.5,0,0,1,0,5Z"/><path d="M56.5,5H2.5a2.5,2.5,0,0,1,0-5h54a2.5,2.5,0,0,1,0,5Z"/></g></g></g></svg>');
        mask-repeat: no-repeat;
        mask-position: center;
        transition: opacity 0.3s ease;

      }

      #nav ul li.head > a:first-child:hover, #nav ul form li.head > a.boton.table:first-child:hover, #nav ul div.smallinput li.head > a.boton.table:first-child:hover, #nav ul div#basicstyle li.head > a.boton.table:first-child:hover
      {
        /* background-color: #3e453e; */
        font-family: 'Muli-Bold';
        /*border-left: 1px solid #83902c;*/
        /*padding-left: 1.4rem;*/
      }

       /* #nav ul li.head > a:first-child:hover::before, #nav ul form li.head > a.boton.table:first-child:hover::before, #nav ul div.smallinput li.head > a.boton.table:first-child:hover::before, #nav ul div#basicstyle li.head > a.boton.table:first-child:hover::before
      {
       background-color: #3e453e; 
        background-color: #83902c;
        opacity: 0.8;
      }*/

      #nav ul li.head > a:first-child::before
      {
        mask-image: url('data:image/svg+xml;utf8,<svg fill="%23ffffff" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 59 37"><title>menu</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><g id="menu"><path d="M56.5,21H2.5a2.5,2.5,0,0,1,0-5h54a2.5,2.5,0,0,1,0,5Z"/><path d="M56.5,37H2.5a2.5,2.5,0,0,1,0-5h54a2.5,2.5,0,0,1,0,5Z"/><path d="M56.5,5H2.5a2.5,2.5,0,0,1,0-5h54a2.5,2.5,0,0,1,0,5Z"/></g></g></g></svg>'); /* Icono SVG de ejemplo (+) */
        background-repeat: no-repeat;
        /*background-size: 13px;
        background-blend-mode: luminosity;*/
        /*//background-position: left 17px center;*/
        display: block;
      }

       #nav ul li.head > a:first-child:hover::before
      {
        opacity: 1;
      }
      #nav ul li.head.impresion > a:first-child::before
      {
        mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 58.88 59"><title>print</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><g id="print"><path d="M46.41,16a2.49,2.49,0,0,1-2.5-2.5V5H15v8.48a2.5,2.5,0,0,1-5,0V2.5A2.5,2.5,0,0,1,12.48,0H46.41a2.5,2.5,0,0,1,2.5,2.5v11A2.5,2.5,0,0,1,46.41,16Z"/><path d="M46.41,59H12.48A2.5,2.5,0,0,1,10,56.5v-18a2.5,2.5,0,0,1,2.5-2.5H46.41a2.5,2.5,0,0,1,2.5,2.5v18A2.5,2.5,0,0,1,46.41,59ZM15,54H43.91V41H15Z"/><path d="M50.4,49.9h-4a2.5,2.5,0,0,1,0-5h4a3.48,3.48,0,0,0,3.48-3.48v-22A3.48,3.48,0,0,0,50.4,16H8.49A3.48,3.48,0,0,0,5,19.46v22A3.48,3.48,0,0,0,8.49,44.9h4a2.5,2.5,0,0,1,0,5h-4A8.49,8.49,0,0,1,0,41.42v-22A8.49,8.49,0,0,1,8.49,11H50.4a8.48,8.48,0,0,1,8.48,8.48v22A8.48,8.48,0,0,1,50.4,49.9Z"/><path d="M46.41,26.61h-4a2.5,2.5,0,0,1,0-5h4a2.5,2.5,0,0,1,0,5Z"/><path d="M37.42,50h-16a2.5,2.5,0,0,1,0-5h16a2.5,2.5,0,0,1,0,5Z"/></g></g></g></svg>'); /* Icono SVG de ejemplo (+) */
      }

      #nav ul li.head.ventas > a:first-child::before
      {
        mask-image: url('data:image/svg+xml;utf8,<svg  fill="%23ffffff" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 59 56.91"><title>kiosk</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><g id="kiosk"><path d="M20.12,56.91a8.5,8.5,0,1,1,8.5-8.5A8.51,8.51,0,0,1,20.12,56.91Zm0-12a3.5,3.5,0,1,0,3.5,3.5A3.5,3.5,0,0,0,20.12,44.91Z"/><path d="M14.12,50.91H7.68a2.5,2.5,0,0,1-2.5-2.5V23.92a2.5,2.5,0,0,1,5,0v22h3.94a2.5,2.5,0,1,1,0,5Z"/><path d="M49.55,50.91H26.12a2.5,2.5,0,0,1,0-5H47.05v-22a2.5,2.5,0,0,1,5,0V48.41A2.5,2.5,0,0,1,49.55,50.91Z"/><path d="M22.09,26.56a9,9,0,0,1-9-9V13.9a2.5,2.5,0,1,1,5,0v3.63a4,4,0,1,0,8.06,0V13.9a2.5,2.5,0,0,1,5,0v3.63A9,9,0,0,1,22.09,26.56Z"/><path d="M35.14,26.56a9,9,0,0,1-9-9V13.9a2.5,2.5,0,0,1,5,0v3.63a4,4,0,1,0,8.05,0V13.9a2.5,2.5,0,1,1,5,0v3.63A9,9,0,0,1,35.14,26.56Z"/><path d="M48.2,26.56a9,9,0,0,1-9-9V13.9a2.5,2.5,0,1,1,5,0v3.63a4,4,0,1,0,8.06,0V16a5.31,5.31,0,0,0-.72-2.66L48.12,7.59A5.23,5.23,0,0,0,43.61,5h-30A5.26,5.26,0,0,0,9.11,7.59L5.72,13.35A5.31,5.31,0,0,0,5,16v1.52a4,4,0,1,0,8.06,0V13.9a2.5,2.5,0,1,1,5,0v3.63A9,9,0,0,1,0,17.53V16a10.29,10.29,0,0,1,1.41-5.19L4.8,5.05a10.28,10.28,0,0,1,8.82-5h30a10.28,10.28,0,0,1,8.82,5.05l3.39,5.77A10.29,10.29,0,0,1,57.23,16v1.52A9,9,0,0,1,48.2,26.56Z"/><path d="M49.55,55.86a2.49,2.49,0,0,1-2.5-2.5v-5a2.49,2.49,0,0,1,2.5-2.5h7a2.5,2.5,0,0,1,0,5H52.05v2.45A2.49,2.49,0,0,1,49.55,55.86Z"/></g></g></g></svg>'); /* Icono SVG de ejemplo (+) */
      }

      #nav ul li.head.factura > a:first-child::before
      {
        mask-image: url('data:image/svg+xml;utf8,<svg fill="%23ffffff" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 49 59"><title>invoice</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><g id="invoice"><path d="M38.5,59h-28A10.51,10.51,0,0,1,0,48.5v-38A10.51,10.51,0,0,1,10.5,0h28A10.51,10.51,0,0,1,49,10.5v38A10.51,10.51,0,0,1,38.5,59ZM10.5,5A5.51,5.51,0,0,0,5,10.5v38A5.51,5.51,0,0,0,10.5,54h28A5.51,5.51,0,0,0,44,48.5v-38A5.51,5.51,0,0,0,38.5,5Z"/><path d="M35.78,45.83h-24a2.5,2.5,0,0,1,0-5h24a2.5,2.5,0,0,1,0,5Z"/><path d="M21.78,19.17h-10a2.5,2.5,0,0,1,0-5h10a2.5,2.5,0,0,1,0,5Z"/><path d="M21.78,32.5h-10a2.5,2.5,0,0,1,0-5h10a2.5,2.5,0,0,1,0,5Z"/><path d="M33.62,33.37h-2.8a2.5,2.5,0,0,1,0-5h2.8a1.1,1.1,0,1,0,0-2.2,6.1,6.1,0,1,1,0-12.2h2.8a2.5,2.5,0,1,1,0,5h-2.8a1.1,1.1,0,0,0,0,2.2,6.1,6.1,0,1,1,0,12.2Z"/><path d="M33.62,19a2.5,2.5,0,0,1-2.5-2.5v-2.8a2.5,2.5,0,0,1,5,0v2.8A2.5,2.5,0,0,1,33.62,19Z"/><path d="M33.62,36.17a2.5,2.5,0,0,1-2.5-2.5v-2.8a2.5,2.5,0,0,1,5,0v2.8A2.5,2.5,0,0,1,33.62,36.17Z"/></g></g></g></svg>'); /* Icono SVG de ejemplo (+) */
      }

      #nav ul li.head.cajascuentas > a:first-child::before
      {
        mask-image: url('data:image/svg+xml;utf8,<svg fill="%23ffffff" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24.44 59"><title>money</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><g id="money"><path d="M12.22,51.44H4.66a2.5,2.5,0,1,1,0-5h7.56a7.22,7.22,0,1,0,0-14.44,12.22,12.22,0,0,1,0-24.44h7.56a2.5,2.5,0,0,1,0,5H12.22a7.22,7.22,0,0,0,0,14.44,12.22,12.22,0,1,1,0,24.44Z"/><path d="M12.22,12.56a2.5,2.5,0,0,1-2.5-2.5V2.5a2.5,2.5,0,0,1,5,0v7.56A2.5,2.5,0,0,1,12.22,12.56Z"/><path d="M12.22,59a2.5,2.5,0,0,1-2.5-2.5V48.94a2.5,2.5,0,0,1,5,0V56.5A2.5,2.5,0,0,1,12.22,59Z"/></g></g></g></svg>'); /* Icono SVG de ejemplo (+) */
      }

      #nav ul li.head.citas > a:first-child::before
      {
        mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 53 59"><title>calendar</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><g id="calendar"><path d="M39.5,35h-1a2.5,2.5,0,0,1,0-5h1a2.5,2.5,0,0,1,0,5Z"/><path d="M39.5,49h-1a2.5,2.5,0,0,1,0-5h1a2.5,2.5,0,0,1,0,5Z"/><path d="M14.5,35h-1a2.5,2.5,0,0,1,0-5h1a2.5,2.5,0,0,1,0,5Z"/><path d="M14.5,49h-1a2.5,2.5,0,0,1,0-5h1a2.5,2.5,0,0,1,0,5Z"/><path d="M27,35H26a2.5,2.5,0,0,1,0-5h1a2.5,2.5,0,0,1,0,5Z"/><path d="M27,49H26a2.5,2.5,0,0,1,0-5h1a2.5,2.5,0,0,1,0,5Z"/><path d="M39,12a2.5,2.5,0,0,1-2.5-2.5v-7a2.5,2.5,0,0,1,5,0v7A2.5,2.5,0,0,1,39,12Z"/><path d="M14,12a2.5,2.5,0,0,1-2.5-2.5v-7a2.5,2.5,0,0,1,5,0v7A2.5,2.5,0,0,1,14,12Z"/><path d="M42.5,59h-32A10.51,10.51,0,0,1,0,48.5v-31A10.51,10.51,0,0,1,10.5,7h32A10.51,10.51,0,0,1,53,17.5v31A10.51,10.51,0,0,1,42.5,59Zm-32-47A5.51,5.51,0,0,0,5,17.5v31A5.51,5.51,0,0,0,10.5,54h32A5.51,5.51,0,0,0,48,48.5v-31A5.51,5.51,0,0,0,42.5,12Z"/><path d="M50.5,25H2.5a2.5,2.5,0,0,1,0-5h48a2.5,2.5,0,0,1,0,5Z"/></g></g></g></svg>'); /* Icono SVG de ejemplo (+) */
      }

      #nav ul li.head.clientes > a:first-child::before
      {
        mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 59 59"><title>account circle</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><g id="account_circle" data-name="account circle"><path d="M29.5,59A29.5,29.5,0,1,1,59,29.5,29.53,29.53,0,0,1,29.5,59Zm0-54A24.5,24.5,0,1,0,54,29.5,24.53,24.53,0,0,0,29.5,5Z"/><path d="M43.59,51.71a14.88,14.88,0,0,0-28.18,0L10.68,50.1a19.88,19.88,0,0,1,37.64,0Z"/><path d="M29.5,34.07A10.82,10.82,0,1,1,40.32,23.25,10.83,10.83,0,0,1,29.5,34.07Zm0-16.64a5.82,5.82,0,1,0,5.82,5.82A5.83,5.83,0,0,0,29.5,17.43Z"/></g></g></g></svg>');
      }

      #nav ul li.head.catalogos > a:first-child::before
      {
        mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 59 59"><title>offer</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><g id="offer"><path d="M33.69,59a2.51,2.51,0,0,1-1.77-.73L4.06,30.4a2.45,2.45,0,0,1-.72-2L5.48,7.71A2.49,2.49,0,0,1,7.71,5.48L28.38,3.34a2.42,2.42,0,0,1,2,.72L58.27,31.92a2.52,2.52,0,0,1,0,3.54L35.46,58.27A2.51,2.51,0,0,1,33.69,59ZM8.43,27.71,33.69,53,53,33.69,27.71,8.43,10.24,10.24Z"/><circle cx="22.6" cy="22.6" r="5"/><path d="M14.6,17.1a2.5,2.5,0,0,1-1.77-.74L.73,4.27A2.5,2.5,0,0,1,4.27.73l12.09,12.1a2.49,2.49,0,0,1,0,3.53A2.46,2.46,0,0,1,14.6,17.1Z"/></g></g></g></svg>');
      }

      #nav ul li.head.compras > a:first-child::before
      {
        mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 56.45 47.88"><title>shopping basket</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><g id="shopping_basket" data-name="shopping basket"><path d="M40.16,47.88H16.28a10.52,10.52,0,0,1-10.1-7.66L.25,19.13A6.48,6.48,0,0,1,6.5,10.88H49.94a6.5,6.5,0,0,1,6.26,8.25L50.27,40.22A10.54,10.54,0,0,1,40.16,47.88ZM6.5,15.88a1.48,1.48,0,0,0-1.19.59,1.45,1.45,0,0,0-.25,1.31L11,38.86a5.51,5.51,0,0,0,5.29,4H40.16a5.52,5.52,0,0,0,5.3-4l5.93-21.08a1.5,1.5,0,0,0-1.45-1.9Z"/><path d="M12.35,15.88a2.51,2.51,0,0,1-1.77-4.27L21.46.73A2.5,2.5,0,1,1,25,4.27L14.12,15.14A2.5,2.5,0,0,1,12.35,15.88Z"/><path d="M44.1,15.88a2.5,2.5,0,0,1-1.77-.74L31.46,4.27A2.5,2.5,0,0,1,35,.73L45.87,11.61a2.51,2.51,0,0,1-1.77,4.27Z"/><circle cx="28.22" cy="29.37" r="4"/></g></g></g></svg>');
      }

      #nav ul li.head.inventarios > a:first-child::before
      {
        mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 59 48.07"><title>forklift</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><g id="forklift"><path d="M31.78,48.07a7.5,7.5,0,1,1,7.5-7.5A7.5,7.5,0,0,1,31.78,48.07Zm0-10a2.5,2.5,0,1,0,2.5,2.5A2.5,2.5,0,0,0,31.78,38.07Z"/><path d="M13.76,48.07a7.5,7.5,0,1,1,7.5-7.5A7.5,7.5,0,0,1,13.76,48.07Zm0-10a2.5,2.5,0,1,0,2.5,2.5A2.5,2.5,0,0,0,13.76,38.07Z"/><path d="M26.45,43.07H19a2.5,2.5,0,0,1,0-5h7.46a2.5,2.5,0,0,1,0,5Z"/><path d="M56.5,43.07H43.73a2.5,2.5,0,0,1-2.5-2.5V2.5a2.5,2.5,0,0,1,5,0V38.07H56.5a2.5,2.5,0,0,1,0,5Z"/><path d="M43.73,43.07H37a2.5,2.5,0,0,1,0-5h6.72a2.5,2.5,0,0,1,0,5Z"/><path d="M8.53,43.07h-6A2.5,2.5,0,0,1,0,40.57V29.26a7.74,7.74,0,0,1,7.73-7.73H17a2.5,2.5,0,0,1,0,5H7.73A2.73,2.73,0,0,0,5,29.26v8.81H8.53a2.5,2.5,0,1,1,0,5Z"/><path d="M37,31.69H17a2.5,2.5,0,0,1-2.5-2.5V7.45A2.5,2.5,0,0,1,17,5H26.6A7.69,7.69,0,0,1,34,10.46l4.87,16.23h4.86a2.5,2.5,0,0,1,0,5H37Zm-17.51-5H33.65L29.21,11.9a2.71,2.71,0,0,0-2.61-2H19.49Z"/></g></g></g></svg>');
      }

      #nav ul li.head.proveedores > a:first-child::before
      {
        mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 59 46.57"><title>group</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><g id="group"><path d="M33.15,46.57H5.85a5.85,5.85,0,0,1-4.61-2.23A5.67,5.67,0,0,1,.15,39.5a19.89,19.89,0,0,1,38.7,0,5.7,5.7,0,0,1-1.09,4.85A5.87,5.87,0,0,1,33.15,46.57ZM19.5,29.2A14.79,14.79,0,0,0,5,40.65a.69.69,0,0,0,.14.59.89.89,0,0,0,.69.33h27.3a.89.89,0,0,0,.69-.33.69.69,0,0,0,.14-.59A14.79,14.79,0,0,0,19.5,29.2Z"/><path d="M19.5,21.65A10.83,10.83,0,1,1,30.32,10.82,10.84,10.84,0,0,1,19.5,21.65ZM19.5,5a5.83,5.83,0,1,0,5.82,5.82A5.83,5.83,0,0,0,19.5,5Z"/><path d="M53.74,46.57H30.26a2.5,2.5,0,1,1,0-5H53.74a.28.28,0,0,0,.22-.1.15.15,0,0,0,0-.12,11.82,11.82,0,0,0-19.25-6.19,2.5,2.5,0,1,1-3.28-3.77,16.8,16.8,0,0,1,27.39,8.82,5.11,5.11,0,0,1-1,4.36A5.27,5.27,0,0,1,53.74,46.57Z"/><path d="M42.5,26a9.35,9.35,0,1,1,9.35-9.35A9.35,9.35,0,0,1,42.5,26Zm0-13.7a4.35,4.35,0,1,0,4.35,4.35A4.35,4.35,0,0,0,42.5,12.34Z"/></g></g></g></svg>');
      }

      #nav ul li.head.eventos > a:first-child::before
      {
        color: gold;
        mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 53 59"><title>event available</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><g id="event_available" data-name="event available"><path d="M39,12a2.5,2.5,0,0,1-2.5-2.5v-7a2.5,2.5,0,0,1,5,0v7A2.5,2.5,0,0,1,39,12Z"/><path d="M14,12a2.5,2.5,0,0,1-2.5-2.5v-7a2.5,2.5,0,0,1,5,0v7A2.5,2.5,0,0,1,14,12Z"/><path d="M42.5,59h-32A10.51,10.51,0,0,1,0,48.5v-31A10.51,10.51,0,0,1,10.5,7h32A10.51,10.51,0,0,1,53,17.5v31A10.51,10.51,0,0,1,42.5,59Zm-32-47A5.51,5.51,0,0,0,5,17.5v31A5.51,5.51,0,0,0,10.5,54h32A5.51,5.51,0,0,0,48,48.5v-31A5.51,5.51,0,0,0,42.5,12Z"/><path d="M23.45,49a2.5,2.5,0,0,1-1.77-.74l-7.95-7.94a2.5,2.5,0,1,1,3.54-3.54L23.45,43,35.73,30.71a2.5,2.5,0,0,1,3.54,3.53l-14.06,14A2.46,2.46,0,0,1,23.45,49Z"/><path d="M50.5,25H2.5a2.5,2.5,0,0,1,0-5h48a2.5,2.5,0,0,1,0,5Z"/></g></g></g></svg>');
      }

      #nav ul li.head.organizaciones > a:first-child::before
      {
        color: gold;
        mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 59 46.57"><title>group</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><g id="group"><path d="M33.15,46.57H5.85a5.85,5.85,0,0,1-4.61-2.23A5.67,5.67,0,0,1,.15,39.5a19.89,19.89,0,0,1,38.7,0,5.7,5.7,0,0,1-1.09,4.85A5.87,5.87,0,0,1,33.15,46.57ZM19.5,29.2A14.79,14.79,0,0,0,5,40.65a.69.69,0,0,0,.14.59.89.89,0,0,0,.69.33h27.3a.89.89,0,0,0,.69-.33.69.69,0,0,0,.14-.59A14.79,14.79,0,0,0,19.5,29.2Z"/><path d="M19.5,21.65A10.83,10.83,0,1,1,30.32,10.82,10.84,10.84,0,0,1,19.5,21.65ZM19.5,5a5.83,5.83,0,1,0,5.82,5.82A5.83,5.83,0,0,0,19.5,5Z"/><path d="M53.74,46.57H30.26a2.5,2.5,0,1,1,0-5H53.74a.28.28,0,0,0,.22-.1.15.15,0,0,0,0-.12,11.82,11.82,0,0,0-19.25-6.19,2.5,2.5,0,1,1-3.28-3.77,16.8,16.8,0,0,1,27.39,8.82,5.11,5.11,0,0,1-1,4.36A5.27,5.27,0,0,1,53.74,46.57Z"/><path d="M42.5,26a9.35,9.35,0,1,1,9.35-9.35A9.35,9.35,0,0,1,42.5,26Zm0-13.7a4.35,4.35,0,1,0,4.35,4.35A4.35,4.35,0,0,0,42.5,12.34Z"/></g></g></g></svg>');
      }

      #nav ul li.head.soporte > a:first-child::before
      {
        color: gold;
        mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 57.28 59"><title>bug report</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><g id="bug_report" data-name="bug report"><path d="M28.64,59C17.53,59,8.49,48.38,8.49,35.32s9-23.69,20.15-23.69S48.79,22.26,48.79,35.32,39.75,59,28.64,59Zm0-42.37c-8.35,0-15.15,8.39-15.15,18.69S20.29,54,28.64,54s15.15-8.38,15.15-18.68S37,16.63,28.64,16.63Z"/><path d="M54.78,37.82H46.29a2.5,2.5,0,0,1,0-5h8.49a2.5,2.5,0,0,1,0,5Z"/><path d="M11,37.82H2.5a2.5,2.5,0,0,1,0-5H11a2.5,2.5,0,1,1,0,5Z"/><path d="M21.39,17.76a2.49,2.49,0,0,1-2.45-2.05l-.61-3.32a10.49,10.49,0,1,1,20.63,0l-.62,3.32a2.5,2.5,0,1,1-4.91-.9L34,11.48a5.49,5.49,0,1,0-10.8,0l.62,3.33a2.5,2.5,0,0,1-2,2.91A2.38,2.38,0,0,1,21.39,17.76Z"/><path d="M49.22,24.87h-5.9a2.5,2.5,0,0,1,0-5H48L52,14.93a2.5,2.5,0,1,1,3.91,3.12l-4.68,5.88A2.5,2.5,0,0,1,49.22,24.87Z"/><path d="M14,24.87H8.06a2.47,2.47,0,0,1-1.95-.94L1.42,18.05a2.5,2.5,0,1,1,3.91-3.12l3.94,4.94H14a2.5,2.5,0,0,1,0,5Z"/><path d="M53.91,56.65a2.51,2.51,0,0,1-2-.95L48,50.76h-4.7a2.5,2.5,0,0,1,0-5h5.9a2.53,2.53,0,0,1,2,.94l4.68,5.89a2.5,2.5,0,0,1-.4,3.51A2.45,2.45,0,0,1,53.91,56.65Z"/><path d="M3.37,56.65a2.47,2.47,0,0,1-1.55-.55,2.5,2.5,0,0,1-.4-3.51L6.1,46.7a2.53,2.53,0,0,1,2-.94H14a2.5,2.5,0,0,1,0,5H9.27L5.33,55.7A2.5,2.5,0,0,1,3.37,56.65Z"/><path d="M34.64,31.55h-12a2.5,2.5,0,0,1,0-5h12a2.5,2.5,0,0,1,0,5Z"/><path d="M34.64,44.08h-12a2.5,2.5,0,0,1,0-5h12a2.5,2.5,0,0,1,0,5Z"/></g></g></g></svg>');
      }

      #nav ul li.head.reportes > a:first-child::before
      {
        mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 59 59"><title>pie chart</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><g id="pie_chart" data-name="pie chart"><path d="M24.84,59a24.85,24.85,0,0,1,0-49.69,2.49,2.49,0,0,1,2.5,2.5V31.66H47.19a2.49,2.49,0,0,1,2.5,2.5A24.88,24.88,0,0,1,24.84,59Zm-2.5-44.53A19.84,19.84,0,1,0,44.53,36.66H24.84a2.5,2.5,0,0,1-2.5-2.5Z"/><path d="M56.5,27.34H34.16a2.49,2.49,0,0,1-2.5-2.5V2.5A2.49,2.49,0,0,1,34.16,0,24.88,24.88,0,0,1,59,24.84,2.49,2.49,0,0,1,56.5,27.34Zm-19.84-5H53.84A19.89,19.89,0,0,0,36.66,5.16Z"/></g></g></g></svg>');
      }

      #nav ul li.head.configuracion > a:first-child::before
      {
        mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 57.76 59"><title>settings</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><g id="settings"><path d="M34.87,59h-12a2.5,2.5,0,0,1-2.5-2.5V51.2a4,4,0,0,0-6.06-3.5L9.74,50.35a2.5,2.5,0,0,1-3.41-.91l-6-10.38a2.41,2.41,0,0,1-.25-1.89,2.5,2.5,0,0,1,1.16-1.52L5.84,33a4,4,0,0,0,0-7L1.25,23.35A2.5,2.5,0,0,1,.09,21.83a2.41,2.41,0,0,1,.25-1.89l6-10.38a2.5,2.5,0,0,1,3.41-.91l4.59,2.65a4,4,0,0,0,6.06-3.5V2.5A2.5,2.5,0,0,1,22.89,0h12a2.5,2.5,0,0,1,2.5,2.5V7.8a4,4,0,0,0,2,3.5,4.1,4.1,0,0,0,4,0L48,8.65a2.5,2.5,0,0,1,3.41.91l6,10.38a2.5,2.5,0,0,1-.91,3.41L51.92,26a4,4,0,0,0,0,7l4.59,2.65a2.5,2.5,0,0,1,.91,3.41l-6,10.38a2.5,2.5,0,0,1-3.41.91L43.43,47.7a4.1,4.1,0,0,0-4,0,4,4,0,0,0-2,3.5v5.3A2.5,2.5,0,0,1,34.87,59Zm-9.48-5h7V51.2a9,9,0,0,1,13.56-7.83l2.42,1.4,3.49-6-2.42-1.4a9,9,0,0,1,0-15.66l2.42-1.4-3.49-6-2.42,1.4A9,9,0,0,1,32.37,7.8V5h-7V7.8a9,9,0,0,1-13.56,7.83l-2.42-1.4-3.49,6,2.42,1.4a9,9,0,0,1,0,15.66l-2.42,1.4,3.49,6,2.42-1.4A9,9,0,0,1,25.39,51.2Z"/><path d="M28.88,39a9.5,9.5,0,1,1,9.5-9.5A9.51,9.51,0,0,1,28.88,39Zm0-14a4.5,4.5,0,1,0,4.5,4.5A4.51,4.51,0,0,0,28.88,25Z"/></g></g></g></svg>');
      }
      #nav ul li.head.modulos > a:first-child::before
      {
        mask-image: url('data:image/svg+xml;utf8,');
      }


      #nav ul li.head > a:first-child .icon_menu {
          margin-right: 0.5rem;
          flex: 0 0 auto; }
      #nav ul li.level2 > a:first-child, #nav ul form li.level2 > a.boton.table:first-child, #nav ul div.smallinput li.level2 > a.boton.table:first-child, #nav ul div#basicstyle li.level2 > a.boton.table:first-child {
        font-family: 'Muli-Bold';
        text-transform: uppercase;
        color: #83902c;
        font-size: 12px;
        vertical-align: middle;
        display: flex;
        padding-left: 1.1rem;
        align-items: center;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box; }
        #nav ul li.level2 > a:first-child .icon_menu_min {
          margin-right: 0.5rem;
          flex: 0 0 auto; }
      #nav ul li.off {
        background-color: #40403c; }

.modal-openMenu {
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #666;
  opacity: .5;
  display: none; }

#nav ul li ul {
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  width: 100%;
  height: auto;
  max-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  overflow: hidden; }
  #nav ul li ul li {
    padding-left: 8%;
    padding-bottom: 1px; }
  #nav ul li ul a {
    width: 100%;
    padding: 4px 5px;
    display: flex;
    align-items: center;
    margin: 0;
    color: #e3e3e3ff;
    font-family: 'Muli-Regular';
    font-size: 12px;
    /* border-bottom: 1px solid rgba(255, 255, 255, 0.1); */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    /* #nav ul li ul a::after {
      content: '';
      position: absolute;
      width: 100%;
      transform: scaleX(0);
      height: 2px;
      bottom: 0;
      left: 0;
      background-color: #718200;
      transform-origin: bottom right;
      transition: all 0.25s ease-out; }
    #nav ul li ul a:hover::after {
      transform: scaleX(1);
      transform-origin: bottom left; }
    /*
    #nav ul li ul a .icon_menu_min {
      flex: 0 0 20px;
      opacity: 0.2;
    } */

#nav ul li a {
  width: 100%;
  margin: 0;
  position: relative;
}

#nav ul li ul li.level2 ul.drop a{
  margin-left: 5px;
}

#nav ul li ul li.level2 ul.drop a:hover{
  border-bottom: 1px solid #83902c;
  margin-bottom: -1px;
}

.keycap {
  min-height: 22px;
  display: inline-flex;
  color: #4D4D4D;
  align-items: center;
  width: auto;
  height: 22px;
  font-family: 'Muli-Black';
  border: solid;
  border-width: 2px 3px 4px 1px;
  padding: 0px 2px;
  border-radius: 4px;
  background: #D7D7D7;
  cursor: pointer;
  border-color: #DBDBDB #B9B9B9 #ADADAD; }
  .keycap:hover {
    -webkit-transform: scale(0.95, 0.95);
    -moz-transform: scale(0.95, 0.95);
    -ms-transform: scale(0.95, 0.95);
    -o-transform: scale(0.95, 0.95);
    transform: scale(0.95, 0.95); }

.container_ventas_pendientes {
  width: 100%;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px;
  padding: 1rem 2rem;
  align-items: center; }
  .container_ventas_pendientes .button {
    padding: 10px 20px;
    font-family: 'Muli-Black';
    background-color: #63C466;
    color: #4D4D4D;
    border: none;
    border-radius: 5px;
    cursor: pointer; }
    .container_ventas_pendientes .button:hover {
      background-color: #509651;
      color: #FFF; }
    .container_ventas_pendientes .button.vermas {
      background-color: #EB539F;
      color: #FFF; }
      .container_ventas_pendientes .button.vermas:hover {
        background-color: #b14179; }

.ver-link {
  cursor: pointer;
  position: relative; }
  .ver-link:after {
    content: '';
    width: 12px;
    height: 15px;
    background: url(../images/varios/buscar.png) no-repeat top center;
    background-size: 10px;
    display: inline-block;
    margin-top: -10px; }
  .ver-link:hover:after {
    background-size: 12px; }

.loader-cultyvo-extra {
  transform: rotateZ(45deg);
  perspective: 1000px;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  color: #83902c;
  margin: 0 auto;
  position: absolute;
  display: block;
  top: 10px;
  left: 79px; }
  .loader-cultyvo-extra:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: inherit;
    height: inherit;
    border-radius: 50%;
    transform: rotateX(70deg);
    animation: 1s spin linear infinite; }

.loader-cultyvo {
  perspective: 1000px;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  color: #83902c;
  margin: 0 auto; }
  .loader-cultyvo:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: inherit;
    height: inherit;
    border-radius: 50%;
    transform: rotateX(70deg) rotatey(147deg);
    animation: 1s spin linear infinite; }
  .loader-cultyvo:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: inherit;
    height: inherit;
    border-radius: 50%;
    transform: rotateX(70deg);
    animation: 1s spin linear infinite;
    color: #d14480;
    transform: rotateY(70deg);
    animation-delay: 0.4s; }

@keyframes rotate {
  0% {
    transform: translate(-50%, -50%) rotateZ(0deg); }
  100% {
    transform: translate(-50%, -50%) rotateZ(360deg); } }

@keyframes rotateccw {
  0% {
    transform: translate(-50%, -50%) rotate(0deg); }
  100% {
    transform: translate(-50%, -50%) rotate(-360deg); } }

@keyframes spin {
  0%, 100% {
    box-shadow: 0.2em 0px 0 0px currentcolor; }
  12% {
    box-shadow: 0.2em 0.2em 0 0 currentcolor; }
  25% {
    box-shadow: 0 0.2em 0 0px currentcolor; }
  37% {
    box-shadow: -0.2em 0.2em 0 0 currentcolor; }
  50% {
    box-shadow: -0.2em 0 0 0 currentcolor; }
  62% {
    box-shadow: -0.2em -0.2em 0 0 currentcolor; }
  75% {
    box-shadow: 0px -0.2em 0 0 currentcolor; }
  87% {
    box-shadow: 0.2em -0.2em 0 0 currentcolor; } }

#alertas {
  width: 400px;
  position: fixed;
  height: auto;
  right: 0;
  top: 0;
  margin-left: -250px;
  z-index: 99999999999;
  display: block;
  padding-top: 5px; }
  #alertas .alerta, #alertas .waiting {
    float: right;
    padding: 10px 10px 10px 10px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1);
    margin-bottom: 5px;
    color: white;
    background-size: 20px; }
  #alertas .waiting {
    display: none; }
    #alertas .waiting.activo {
      display: block;
      width: 200px;
      background-color: rgba(239, 239, 239, 0.5);
      color: #333;
      text-align: center;
      padding-left: 0px;
      position: fixed;
      z-index: 100;
      left: 50%;
      margin-left: -100px;
      margin-top: 10px;
      -webkit-box-shadow: 0px 8px 16px 2px rgba(141, 151, 162, 0.35);
      -moz-box-shadow: 0px 8px 16px 2px rgba(141, 151, 162, 0.35);
      -ms-box-shadow: 0px 8px 16px 2px rgba(141, 151, 162, 0.35);
      box-shadow: 0px 8px 16px 2px rgba(141, 151, 162, 0.35); }
  #alertas .boton {
    float: none !important;
    display: inline-block !important;
    padding: 1px 4px;
    margin: 0;
    position: relative;
    font-weight: bold; }

p.alerta {
  font-size: 12px;
  width: 100%;
  display: block;
  position: relative;
  clear: both;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px; }
  p.alerta span.good, p.alerta span.bad, p.alerta span.normal {
    display: block;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    padding: 2px 6px 2px 30px;
    line-height: 2em; }
  p.alerta span.load {
    display: block;
    padding: 2px 6px 2px 30px;
    line-height: 2em;
    border: none; }
  p.alerta .close {
    position: absolute;
    right: 0;
    top: 0;
    padding: 10px;
    background-color: rgba(255, 255, 255, 0.1); }
    p.alerta .close:hover {
      background-color: rgba(0, 0, 0, 0.1);
      cursor: pinter; }

#control-bar {
  width: 300px;
  height: auto;
  display: block;
  background-color: white;
  position: fixed;
  top: 0;
  right: 0;
  margin-right: -300px;
  padding: 0 10px;
  z-index: 10;
  overflow-y: scroll;
  overflow-x: hidden;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.15);
  -moz-box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.15);
  -ms-box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.15);
  box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.15); }
  #control-bar.inventario {
    padding-top: 63px; }
  #control-bar .openBar {
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    position: fixed;
    top: 0;
    right: 300px;
    margin: 0 -300px 0 0;
    background-color: white;
    background-image: url(../images/menu-azul.png);
    background-size: 25px;
    background-position: center center;
    background-repeat: no-repeat;
    width: 20px;
    height: 39px;
    display: block;
    padding: 7px 10px;
    color: white;
    z-index: 11; }
  #control-bar p {
    padding: 10px;
    color: #666;
    text-align: center; }
    #control-bar p.fecha {
      text-align: center;
      position: absolute;
      top: 25px;
      left: 10px;
      padding: 0;
      line-height: .8em;
      font-size: 13px;
      color: #999;
      width: 90%; }
  #control-bar .inv-block {
    width: 60px;
    height: 33px;
    display: table-cell;
    vertical-align: middle;
    margin: 2px 4px;
    background-color: white;
    float: left;
    text-align: center;
    -webkit-box-shadow: 2px 1px 2px rgba(50, 50, 50, 0.1);
    -moz-box-shadow: 2px 1px 2px rgba(50, 50, 50, 0.1);
    -ms-box-shadow: 2px 1px 2px rgba(50, 50, 50, 0.1);
    box-shadow: 2px 1px 2px rgba(50, 50, 50, 0.1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    font-size: 13px;
    line-height: 1.8em;
    color: #4D4D4D; }
    #control-bar .inv-block small {
      width: 100%;
      font-size: 9px;
      line-height: 10em;
      margin: -44px auto 0 auto;
      float: left;
      text-align: center;
      color: #009e8f; }

#control-bar h3.bar {
  background-color: #45afce;
  color: white;
  width: 100%;
  height: 27px;
  display: block;
  font-size: 13px;
  float: left;
  line-height: 2.1em;
  text-align: center;
  padding-left: 6px;
  z-index: 1;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-top: 1px solid white; }

form p.totales, div#basicstyle p.totales, div.smallinput p.totales {
  font-size: 19px;
  text-align: right;
  margin-top: 20px; }
  form p.totales small, div#basicstyle p.totales small, div.smallinput p.totales small {
    font-size: .6em;
    margin-left: 10px; }
    form p.totales small.dos, div#basicstyle p.totales small.dos, div.smallinput p.totales small.dos {
      font-size: .8em;
      color: #666; }

form.reporte, div.reporte#basicstyle, div.reporte.smallinput {
  background-color: white;
  padding-top: 10px;
  min-width: 750px;
  position: relative; }
  form.reporte h3, div.reporte#basicstyle h3, div.reporte.smallinput h3 {
    position: absolute;
    right: 10px;
    top: 10px;
    margin: 0;
    text-align: right; }
  form.reporte h4.titulo, div.reporte#basicstyle h4.titulo, div.reporte.smallinput h4.titulo {
    margin-top: 30px;
    color: black; }
  form.reporte .fecha, div.reporte#basicstyle .fecha, div.reporte.smallinput .fecha {
    position: absolute;
    top: 80px;
    right: 15px; }

table.datos {
  margin-top: 30px; }

form p.leyenda, div#basicstyle p.leyenda, div.smallinput p.leyenda {
  font-size: 12px;
  line-height: 1.5em; }

p.alerta {
  font-size: 12px;
  width: 100%;
  display: block;
  position: relative;
  color: #333;
  margin-bottom: 15px;
  padding: 10px 10px 10px 30px;
  clear: both;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  p.alerta span.good, p.alerta span.bad, p.alerta span.normal {
    display: block;
    padding: 4px 6px 4px 30px;
    line-height: 2em; }
  p.alerta span.load {
    display: block;
    padding: 2px 6px 2px 30px;
    line-height: 2em;
    border: none; }

.bad {
  color: #FFF;
  background: url(../images/bad.png?v1) no-repeat center left;
  background-color: #FFB6C1; }

.good {
  color: #FFF;
  background: url(../images/good.png?v2) no-repeat center left;
  background-color: #90EE90; }

.normal {
  color: #FFF;
  background: url(../images/normal.png?v1) no-repeat top 3px left 3px;
  background-color: #71c5e7;
  background-size: 20px; }

.load {
  background: url(../images/load.gif?v2) no-repeat top left;
  background-color: transparent;
  border: none;
  background-size: 25px; }

.popup {
  margin-top: -8px;
  position: absolute;
  z-index: 9000;
  background-repeat: no-repeat;
  background-position: left center;
  color: #000; }

.lin {
  position: absolute;
  z-index: 9000;
  display: block; }

.mensaje {
  color: #000;
  font-size: 11px;
  font-weight: 400;
  text-align: left;
  max-width: 330px;
  padding: 10px 10px 10px 30px;
  line-height: 1.5em;
  border: 1px solid white;
  background: rgba(255, 255, 255, 0.8) url(../images/normal.png?v3) no-repeat center left 5px;
  background-size: 20px;
  -webkit-box-shadow: 2px 1px 4px rgba(50, 50, 50, 0.2);
  -moz-box-shadow: 2px 1px 4px rgba(50, 50, 50, 0.2);
  -ms-box-shadow: 2px 1px 4px rgba(50, 50, 50, 0.2);
  box-shadow: 2px 1px 4px rgba(50, 50, 50, 0.2); }
  .mensaje ul {
    padding-left: 18px; }
  .mensaje li {
    padding-top: 7px;
    background-position: 5px 5px; }
  .mensaje.left {
    margin: 0 9px 0 0; }
  .mensaje.blackmamba {
    padding: 10px 20px;
    color: #f0f0f0;
    border: 1px solid black;
    background: black;
    background: rgba(0, 0, 0, 0.8); }

.popup.left {
  background-position: right center; }

#items {
  width: 100%;
  display: block;
  clear: both;
  float: left; }

#item {
  width: 180px;
  height: 160px;
  padding: 0 10px;
  background-color: #f0f0f0;
  margin: 10px;
  display: block;
  overflow: hidden;
  float: left;
  position: relative;
  color: #333;
  background-color: #f6f6f6; }
  #item.salida {
    height: 110px; }
  #item label {
    width: 100px;
    height: 40px;
    display: inline; }
  #item input[type=number] {
    width: 80px;
    height: 40px;
    padding: 0 10px 0 5px;
    display: inline; }
  #item .peso, #item .volumen {
    width: 89px;
    height: 60px;
    margin: 0;
    padding: 0;
    float: left;
    overflow: hidden;
    display: block;
    text-align: center;
    border-top: 2px solid white; }
  #item .peso {
    border-left: 1px solid white; }
  #item .volumen {
    border-right: 1px solid white; }
  #item .remove {
    position: absolute;
    right: 5px;
    top: 5px;
    cursor: pointer;
    background-color: #f9f9f9;
    color: #333;
    border: 1px solid white;
    padding: 0 3px;
    line-height: 1em; }
    #item .remove:hover {
      color: #f9f9f9;
      background-color: #333; }

#cronometro {
  float: left;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.5);
  margin: 10px 0; }
  #cronometro input.chronboton {
    height: 100px;
    width: 100px;
    margin: 0 auto 20px auto;
    display: block;
    float: none !important;
    color: white;
    font-size: 20px;
    text-align: center;
    padding: 10px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    border-radius: 100px; }
  #cronometro .cronoreloj {
    width: 80%;
    margin: 20px auto;
    text-align: center;
    font-size: 30px;
    color: #009e8f; }

#sw_start {
  background-color: #009e8f; }

#sw_stop {
  background-color: rgb(237 93 76); }

footer {
  position: fixed;
  bottom: 0;
  clear: both;
  z-index: -1;
  width: 100%;
  height: auto; }
  footer img {
    height: 400px;
    width: 100%;
    opacity: .6; }

span.custom-combobox {
  padding: 0 !important; }

.custom-combobox-toggle {
  position: absolute;
  top: 0;
  bottom: 0;
  margin-left: -1px;
  padding: 0; }

.ui-autocomplete.ui-front.ui-menu.ui-widget.ui-widget-content {
  background-color: white;
  display: block;
  position: absolute;
  list-style: none;
  z-index: 3; }

.boton-select {
  position: absolute;
  right: 2px;
  top: 2px;
  border: none !important;
  padding: 0;
  background: transparent !important;
  width: 35px;
  height: 35px;
  display: block;
  cursor: pointer; }

.ui-menu-item {
  padding: 3px 4px;
  border-bottom: 1px solid #f6f6f6;
  font-size: 11px;
  cursor: pointer; }
  .ui-menu-item:hover {
    background-color: gray;
    color: white; }

.ui-state-focus {
  background-color: gray;
  color: white; }

.ui-helper-hidden-accessible {
  display: none; }

input.ui-autocomplete-input {
  position: relative; }

.articulo {
  margin: 5px 0;
  padding: 5px 10px;
  float: left;
  border: 1px solid #f0f0f0;
  border-left: 3px solid #8080ff;
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #eee;
  font-size: 13px;
  position: relative;
  background-color: white; }
  .articulo.tipo2 {
    border-left: 3px solid #ff8080; }
  .articulo.tipo3 {
    border-left: 3px solid #ff40ff; }
  .articulo.tipo4 {
    border-left: 3px solid #ffd280; }
  .articulo .categoria {
    font-size: 10px;
    color: #999;
    text-align: left; }
  .articulo .generales {
    text-transform: uppercase; }
  .articulo .lista-cultyvo {
    margin: 0; }
    .articulo .lista-cultyvo li {
      background-color: rgba(128, 128, 128, 0.07) !important;
      display: block; }
      .articulo .lista-cultyvo li .key {
        font-size: 10px;
        float: none;
        clear: none;
        color: #999; }
      .articulo .lista-cultyvo li .val {
        clear: none;
        float: none;
        font-size: 12px;
        text-align: right; }
  .articulo .cancelar, .articulo div#reportepop a.boton.cancelar, div#reportepop .articulo a.boton.cancelar {
    margin-bottom: -5px !important;
    margin-left: -5px !important;
    opacity: 0;
    display: none;
    font-size: 10px;
    padding: 4px; }
  .articulo:hover .cancelar, .articulo:hover div#reportepop a.boton.cancelar, div#reportepop .articulo:hover a.boton.cancelar {
    opacity: 1;
    display: block; }

.w100 {
  width: 100% !important;
  clear: both; }

.contenedor, .contenedor_productos_estrella {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 98%;
  margin: 0.5%;
  display: block;
  padding: 0 5px;
  clear: both; }

.contenedor_productos_estrella {
  width: 100% !important;
  display: flex !important;
  margin: 0 !important;
  padding: 0 !important;
  flex-wrap: wrap;
  justify-content: space-between; }
  .contenedor_productos_estrella .boton_estrella {
    flex-basis: calc( 20% - 10px);
    margin-bottom: 10px;
    background-color: #26a828;
    display: inline-block;
    padding: 10px 0px;
    border: 1px solid #83902c;
    border-radius: 2px;
    text-align: center;
    text-decoration: none;
    color: #FFF;
    transition: background-color 0.3s; }
    .contenedor_productos_estrella .boton_estrella:hover {
      background-color: #c3d082; }
  @media (max-width: 768px) {
    .contenedor_productos_estrella .boton_estrella {
      flex-basis: calc( 33.33% - 10px); } }
.w75, .contenedor.w25, .w25.contenedor_productos_estrella, form .bloqueform.w25, div#basicstyle .bloqueform.w25, div.smallinput .bloqueform.w25, form.basico .bloqueform.w25, .contenedor.w33, .w33.contenedor_productos_estrella, form .bloqueform.w33, div#basicstyle .bloqueform.w33, div.smallinput .bloqueform.w33, form.basico .bloqueform.w33, .contenedor.w40, .w40.contenedor_productos_estrella, form .bloqueform.w40, div#basicstyle .bloqueform.w40, div.smallinput .bloqueform.w40, form.basico .bloqueform.w40, .contenedor.w50, .w50.contenedor_productos_estrella, form .bloqueform.w50, div#basicstyle .bloqueform.w50, div.smallinput .bloqueform.w50, form.basico .bloqueform.w50, .contenedor.w60, .w60.contenedor_productos_estrella, form .bloqueform.w60, div#basicstyle .bloqueform.w60, div.smallinput .bloqueform.w60, form.basico .bloqueform.w60, .w25, .w40, .w50, .w60 {
  width: 73%;
  float: left;
  clear: none;
  display: block; }

.w60 {
  width: 57%; }

.w50 {
  width: 48%; }

.w40 {
  width: 38%; }

.w25 {
  width: 23%; }

.contenedor.w75, .contenedor.w25, .contenedor.w33, .contenedor.w40, .contenedor.w50, .contenedor.w60, .w75.contenedor_productos_estrella, .contenedor_productos_estrella.w25, .contenedor_productos_estrella.w33, .contenedor_productos_estrella.w40, .contenedor_productos_estrella.w50, .contenedor_productos_estrella.w60, form .bloqueform.w75, div#basicstyle .bloqueform.w75, div.smallinput .bloqueform.w75, form .bloqueform.w25, div#basicstyle .bloqueform.w25, div.smallinput .bloqueform.w25, form.basico .bloqueform.w25, form .bloqueform.w33, div#basicstyle .bloqueform.w33, div.smallinput .bloqueform.w33, form.basico .bloqueform.w33, form .bloqueform.w40, div#basicstyle .bloqueform.w40, div.smallinput .bloqueform.w40, form.basico .bloqueform.w40, form .bloqueform.w50, div#basicstyle .bloqueform.w50, div.smallinput .bloqueform.w50, form.basico .bloqueform.w50, form .bloqueform.w60, div#basicstyle .bloqueform.w60, div.smallinput .bloqueform.w60, form.basico .bloqueform.w60, form.basico .bloqueform.w75 {
  width: 73%;
  float: left;
  clear: none;
  display: block;
 }

.contenedor.w60, .w60.contenedor_productos_estrella, form .bloqueform.w60, div#basicstyle .bloqueform.w60, div.smallinput .bloqueform.w60, form.basico .bloqueform.w60 {
  width: 57% !important; }

.contenedor.w50, .w50.contenedor_productos_estrella, form .bloqueform.w50, div#basicstyle .bloqueform.w50, div.smallinput .bloqueform.w50, form.basico .bloqueform.w50 {
  width: 48%; }

.contenedor.w40, .w40.contenedor_productos_estrella, form .bloqueform.w40, div#basicstyle .bloqueform.w40, div.smallinput .bloqueform.w40, form.basico .bloqueform.w40 {
  width: 38%; }

.contenedor.w33, .w33.contenedor_productos_estrella, form .bloqueform.w33, div#basicstyle .bloqueform.w33, div.smallinput .bloqueform.w33, form.basico .bloqueform.w33 {
  width: 31%; }

.contenedor.w25, .w25.contenedor_productos_estrella, form .bloqueform.w25, div#basicstyle .bloqueform.w25, div.smallinput .bloqueform.w25, form.basico .bloqueform.w25 {
  width: 23%; }

.contenedor.w_full, .w_full.contenedor_productos_estrella, form .bloqueform.w_full, div#basicstyle .bloqueform.w_full, div.smallinput .bloqueform.w_full, form.basico .bloqueform.w_full {
  width: 100%; }

.contenedor.w_90, .w_90.contenedor_productos_estrella, form .bloqueform.w_90, div#basicstyle .bloqueform.w_90, div.smallinput .bloqueform.w_90, form.basico .bloqueform.w_90 {
  width: 90%; }

.contenedor.w_medium, .w_medium.contenedor_productos_estrella, form .bloqueform.w_medium, div#basicstyle .bloqueform.w_medium, div.smallinput .bloqueform.w_medium, form.basico .bloqueform.w_medium {
  width: 70%; }

.contenedor.w_half, .w_half.contenedor_productos_estrella, form .bloqueform.w_half, div#basicstyle .bloqueform.w_half, div.smallinput .bloqueform.w_half, form.basico .bloqueform.w_half {
  width: 50%; }

.contenedor.w_small, .w_small.contenedor_productos_estrella, form .bloqueform.w_small, div#basicstyle .bloqueform.w_small, div.smallinput .bloqueform.w_small, form.basico .bloqueform.w_small {
  width: 30%; }

.contenedor .lista-cultyvo li, .contenedor_productos_estrella .lista-cultyvo li, form .bloqueform .lista-cultyvo li, div#basicstyle .bloqueform .lista-cultyvo li, div.smallinput .bloqueform .lista-cultyvo li, form.basico .bloqueform .lista-cultyvo li {
  background-color: rgba(0, 0, 0, 0.05); }

.contenedor .bloque, .contenedor_productos_estrella .bloque, form .bloqueform .bloque, div#basicstyle .bloqueform .bloque, div.smallinput .bloqueform .bloque, form.basico .bloqueform .bloque {
  background-color: rgba(0, 0, 0, 0.04) !important;
  display: block;
  padding: 10px;
  float: left;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px; }
  .contenedor .bloque input, .contenedor_productos_estrella .bloque input, .contenedor .bloque select, .contenedor_productos_estrella .bloque select, form .bloqueform .bloque input, div#basicstyle .bloqueform .bloque input, div.smallinput .bloqueform .bloque input, form .bloqueform .bloque select, div#basicstyle .bloqueform .bloque select, div.smallinput .bloqueform .bloque select, form.basico .bloqueform .bloque input, form.basico .bloqueform .bloque select {
    border: none; }

.lista-cultyvo {
  clear: both;
  list-style: none;
  font-size: 12px; }
  .lista-cultyvo li {
    padding: 7px 6px;
    float: left;
    width: 100%;
    margin: 2px 0;
    background-color: rgba(255, 255, 255, 0.3); }
    .lista-cultyvo li .key, .lista-cultyvo li .val {
      float: left; }
    .lista-cultyvo li .key {
      width: 20%;
      font-size: 1em;
      text-transform: uppercase;
      font-weight: lighter;
      color: #929289;
      text-align: right; }
      .lista-cultyvo li .key:after {
        content: ':'; }
    .lista-cultyvo li .val {
      width: 100%;
      padding-left: 5%;
      font-size: 1.1em;
      color: #45afce;
      text-align: right; }
  .lista-cultyvo.c2 li {
    width: 49%;
    margin: 2px 0.5%; }
    .lista-cultyvo.c2 li .key {
      width: 40%; }
    .lista-cultyvo.c2 li .val {
      width: 60%; }
  .lista-cultyvo.c3 li {
    width: 32%;
    margin: 2px 0.5%; }
    .lista-cultyvo.c3 li .key {
      width: 40%; }
    .lista-cultyvo.c3 li .val {
      width: 60%; }
  .lista-cultyvo.c4 li {
    width: 24%;
    margin: 2px 0.5%; }
    .lista-cultyvo.c4 li .key {
      width: 100%; }
    .lista-cultyvo.c4 li .val {
      width: 100%;
      text-align: right; }
    .lista-cultyvo.c4 li:nth-child(4n+1) {
      clear: left; }

.lista-cultyvo.importante li {
  padding: 4px; }
  .lista-cultyvo.importante li .val {
    font-size: 1.4em; }

.lista-cultyvo.importante.big .val {
  font-size: 2em; }

.barraporcentaje {
  width: 100%;
  height: 30px;
  display: block;
  position: relative;
  text-align: center;
  background-color: rgba(0, 158, 143, 0.2);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 8px;
  overflow: hidden; }
  .barraporcentaje span.barra {
    height: 30px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 158, 143, 0.5); }
  .barraporcentaje .boton, .barraporcentaje form a.boton.table, form .barraporcentaje a.boton.table, .barraporcentaje div.smallinput a.boton.table, div.smallinput .barraporcentaje a.boton.table, .barraporcentaje div#basicstyle a.boton.table, div#basicstyle .barraporcentaje a.boton.table {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    max-height: 100%;
    background-color: rgba(0, 0, 0, 0.1); }

.b-fac-1 {
  background-image: url(../images/iconos/botonesfac.png);
  background-repeat: no-repeat;
  background-size: 340px;
  width: 20px;
  height: 20px;
  display: block; }
  .b-fac-1.factura {
    background-position: 0px -0px; }
    .b-fac-1.factura.hover:hover {
      cursor: pointer;
      background-position: 0px -20px; }
  .b-fac-1.agregar {
    background-position: -20px -0px; }
    .b-fac-1.agregar.hover:hover {
      cursor: pointer;
      background-position: -20px -20px; }
  .b-fac-1.descargar-fac {
    background-position: -40px -0px; }
    .b-fac-1.descargar-fac.hover:hover {
      cursor: pointer;
      background-position: -40px -20px; }
  .b-fac-1.verificar {
    background-position: -60px -0px; }
    .b-fac-1.verificar.hover:hover {
      cursor: pointer;
      background-position: -60px -20px; }
  .b-fac-1.pdf {
    background-position: -80px -0px; }
    .b-fac-1.pdf.hover:hover {
      cursor: pointer;
      background-position: -80px -20px; }
  .b-fac-1.xml {
    background-position: -100px -0px; }
    .b-fac-1.xml.hover:hover {
      cursor: pointer;
      background-position: -100px -20px; }
  .b-fac-1.descargar-xml {
    background-position: -120px -0px; }
    .b-fac-1.descargar-xml.hover:hover {
      cursor: pointer;
      background-position: -120px -20px; }
  .b-fac-1.cancelar, div#reportepop a.b-fac-1.boton.cancelar {
    background-position: -140px -0px; }
    .b-fac-1.cancelar.hover:hover, div#reportepop a.b-fac-1.hover.boton.cancelar:hover, div#reportepop form a.boton.table:hover, form div#reportepop a.boton.table:hover, div#reportepop div.smallinput a.boton.table:hover, div.smallinput div#reportepop a.boton.table:hover, div#reportepop div#basicstyle a.boton.table:hover, div#basicstyle div#reportepop a.boton.table:hover {
      cursor: pointer;
      background-position: -140px -20px; }
  .b-fac-1.enviar {
    background-position: -160px -0px; }
    .b-fac-1.enviar.hover:hover {
      cursor: pointer;
      background-position: -160px -20px; }
  .b-fac-1.notacred {
    background-position: -180px -0px; }
    .b-fac-1.notacred.hover:hover {
      cursor: pointer;
      background-position: -180px -20px; }
  .b-fac-1.pagar {
    background-position: -200px -0px; }
    .b-fac-1.pagar.hover:hover {
      cursor: pointer;
      background-position: -200px -20px; }
  .b-fac-1.relacionar {
    background-position: -220px -0px; }
    .b-fac-1.relacionar.hover:hover {
      cursor: pointer;
      background-position: -220px -20px; }
  .b-fac-1.relacionar-2 {
    background-position: -240px -0px; }
    .b-fac-1.relacionar-2.hover:hover {
      cursor: pointer;
      background-position: -240px -20px; }
  .b-fac-1.cancel-timbrado {
    background-position: -260px -0px; }
    .b-fac-1.cancel-timbrado.hover:hover {
      cursor: pointer;
      background-position: -260px -20px; }
  .b-fac-1.cancel-sat {
    background-position: -280px -0px; }
    .b-fac-1.cancel-sat.hover:hover {
      cursor: pointer;
      background-position: -280px -20px; }
  .b-fac-1.abonos {
    background-position: -300px -0px; }
    .b-fac-1.abonos.hover:hover {
      cursor: pointer;
      background-position: -300px -20px; }
  .b-fac-1.consulta {
    background-position: -320px -0px; }
    .b-fac-1.consulta.hover:hover {
      cursor: pointer;
      background-position: -320px -20px; }

.b-fac-2 {
  background-image: url(../images/iconos/botonesfac.png);
  background-repeat: no-repeat;
  background-size: 510px;
  width: 30px;
  height: 30px;
  display: block; }
  .b-fac-2.factura {
    background-position: 0px -0px; }
    .b-fac-2.factura.hover:hover {
      cursor: pointer;
      background-position: 0px -30px; }
  .b-fac-2.agregar {
    background-position: -30px -0px; }
    .b-fac-2.agregar.hover:hover {
      cursor: pointer;
      background-position: -30px -30px; }
  .b-fac-2.descargar-fac {
    background-position: -60px -0px; }
    .b-fac-2.descargar-fac.hover:hover {
      cursor: pointer;
      background-position: -60px -30px; }
  .b-fac-2.verificar {
    background-position: -90px -0px; }
    .b-fac-2.verificar.hover:hover {
      cursor: pointer;
      background-position: -90px -30px; }
  .b-fac-2.pdf {
    background-position: -120px -0px; }
    .b-fac-2.pdf.hover:hover {
      cursor: pointer;
      background-position: -120px -30px; }
  .b-fac-2.xml {
    background-position: -150px -0px; }
    .b-fac-2.xml.hover:hover {
      cursor: pointer;
      background-position: -150px -30px; }
  .b-fac-2.descargar-xml {
    background-position: -180px -0px; }
    .b-fac-2.descargar-xml.hover:hover {
      cursor: pointer;
      background-position: -180px -30px; }
  .b-fac-2.cancelar, div#reportepop a.b-fac-2.boton.cancelar {
    background-position: -210px -0px; }
    .b-fac-2.cancelar.hover:hover, div#reportepop a.b-fac-2.hover.boton.cancelar:hover, div#reportepop form a.boton.table:hover, form div#reportepop a.boton.table:hover, div#reportepop div.smallinput a.boton.table:hover, div.smallinput div#reportepop a.boton.table:hover, div#reportepop div#basicstyle a.boton.table:hover, div#basicstyle div#reportepop a.boton.table:hover {
      cursor: pointer;
      background-position: -210px -30px; }
  .b-fac-2.enviar {
    background-position: -240px -0px; }
    .b-fac-2.enviar.hover:hover {
      cursor: pointer;
      background-position: -240px -30px; }
  .b-fac-2.notacred {
    background-position: -270px -0px; }
    .b-fac-2.notacred.hover:hover {
      cursor: pointer;
      background-position: -270px -30px; }
  .b-fac-2.pagar {
    background-position: -300px -0px; }
    .b-fac-2.pagar.hover:hover {
      cursor: pointer;
      background-position: -300px -30px; }
  .b-fac-2.relacionar {
    background-position: -330px -0px; }
    .b-fac-2.relacionar.hover:hover {
      cursor: pointer;
      background-position: -330px -30px; }
  .b-fac-2.relacionar-2 {
    background-position: -360px -0px; }
    .b-fac-2.relacionar-2.hover:hover {
      cursor: pointer;
      background-position: -360px -30px; }
  .b-fac-2.cancel-timbrado {
    background-position: -390px -0px; }
    .b-fac-2.cancel-timbrado.hover:hover {
      cursor: pointer;
      background-position: -390px -30px; }
  .b-fac-2.cancel-sat {
    background-position: -420px -0px; }
    .b-fac-2.cancel-sat.hover:hover {
      cursor: pointer;
      background-position: -420px -30px; }
  .b-fac-2.abonos {
    background-position: -450px -0px; }
    .b-fac-2.abonos.hover:hover {
      cursor: pointer;
      background-position: -450px -30px; }
  .b-fac-2.consulta {
    background-position: -480px -0px; }
    .b-fac-2.consulta.hover:hover {
      cursor: pointer;
      background-position: -480px -30px; }

.iconos {
  background-image: url(../images/iconos/iconos.png);
  background-repeat: no-repeat;
  background-size: 240px;
  width: 30px;
  height: 30px;
  display: block; }
  .iconos.catalogo {
    background-position: 0px -0px; }
    .iconos.catalogo.hover:hover {
      cursor: pointer;
      background-position: 0px -30px; }
  .iconos.soporte {
    background-position: -30px -0px; }
    .iconos.soporte.hover:hover {
      cursor: pointer;
      background-position: -30px -30px; }
  .iconos.organizaciones {
    background-position: -60px -0px; }
    .iconos.organizaciones.hover:hover {
      cursor: pointer;
      background-position: -60px -30px; }
  .iconos.clientes {
    background-position: -90px -0px; }
    .iconos.clientes.hover:hover {
      cursor: pointer;
      background-position: -90px -30px; }
  .iconos.factura {
    background-position: -120px -0px; }
    .iconos.factura.hover:hover {
      cursor: pointer;
      background-position: -120px -30px; }
  .iconos.cajascuentas {
    background-position: -150px -0px; }
    .iconos.cajascuentas.hover:hover {
      cursor: pointer;
      background-position: -150px -30px; }
  .iconos.pautas {
    background-position: 0px -30px; }
    .iconos.pautas.hover:hover {
      cursor: pointer;
      background-position: 0px -30px; }
  .iconos.norti {
    background-position: -30px -30px; }
    .iconos.norti.hover:hover {
      cursor: pointer;
      background-position: -30px -30px; }
  .iconos.modulos {
    background-position: -30px -30px; }
    .iconos.modulos.hover:hover {
      cursor: pointer;
      background-position: -30px -30px; }
  .iconos.configuracion {
    background-position: -60px -30px; }
    .iconos.configuracion.hover:hover {
      cursor: pointer;
      background-position: -60px -30px; }
  .iconos.cuentaspor {
    background-position: -90px -30px; }
    .iconos.cuentaspor.hover:hover {
      cursor: pointer;
      background-position: -90px -30px; }
  .iconos.mapa {
    background-position: -120px -30px; }
    .iconos.mapa.hover:hover {
      cursor: pointer;
      background-position: -120px -30px; }
  .iconos.i_submenu {
    background-position: -30px -60px; }
    .iconos.i_submenu.hover:hover {
      cursor: pointer;
      background-position: -30px -30px; }
  .iconos.i_sub_submenu {
    background-position: -60px -60px; }
    .iconos.i_sub_submenu.hover:hover {
      cursor: pointer;
      background-position: -60px -30px; }
  .iconos.ventas {
    background-position: -120px -60px; }
    .iconos.ventas.hover:hover {
      cursor: pointer;
      background-position: -120px -30px; }
  .iconos.estrella {
    background-position: -180px -0px; }
    .iconos.estrella.hover:hover {
      cursor: pointer;
      background-position: -180px -30px; }
  .iconos.arriba {
    background-position: -180px -30px; }
    .iconos.arriba.hover:hover {
      cursor: pointer;
      background-position: -180px -30px; }
  .iconos.abajo {
    background-position: -180px -60px; }
    .iconos.abajo.hover:hover {
      cursor: pointer;
      background-position: -180px -30px; }
  .iconos.pin_ubicacion {
    background-position: -210px -0px; }
    .iconos.pin_ubicacion.hover:hover {
      cursor: pointer;
      background-position: -210px -30px; }

.icon_menu {
  background-image: url(../images/iconos/iconos.png);
  background-repeat: no-repeat;
  background-size: 160px;
  width: 20px;
  height: 20px;
  display: block; }
  .icon_menu.catalogo {
    background-position: 0px -0px; }
    .icon_menu.catalogo.hover:hover {
      cursor: pointer;
      background-position: 0px -20px; }
  .icon_menu.soporte {
    background-position: -20px -0px; }
    .icon_menu.soporte.hover:hover {
      cursor: pointer;
      background-position: -20px -20px; }
  .icon_menu.organizaciones {
    background-position: -40px -0px; }
    .icon_menu.organizaciones.hover:hover {
      cursor: pointer;
      background-position: -40px -20px; }
  .icon_menu.clientes {
    background-position: -60px -0px; }
    .icon_menu.clientes.hover:hover {
      cursor: pointer;
      background-position: -60px -20px; }
  .icon_menu.factura {
    background-position: -80px -0px; }
    .icon_menu.factura.hover:hover {
      cursor: pointer;
      background-position: -80px -20px; }
  .icon_menu.cajascuentas {
    background-position: -100px -0px; }
    .icon_menu.cajascuentas.hover:hover {
      cursor: pointer;
      background-position: -100px -20px; }
  .icon_menu.pautas {
    background-position: 0px -20px; }
    .icon_menu.pautas.hover:hover {
      cursor: pointer;
      background-position: 0px -20px; }
  .icon_menu.norti {
    background-position: -20px -20px; }
    .icon_menu.norti.hover:hover {
      cursor: pointer;
      background-position: -20px -20px; }
  .icon_menu.modulos {
    background-position: -20px -20px; }
    .icon_menu.modulos.hover:hover {
      cursor: pointer;
      background-position: -20px -20px; }
  .icon_menu.configuracion {
    background-position: -40px -20px; }
    .icon_menu.configuracion.hover:hover {
      cursor: pointer;
      background-position: -40px -20px; }
  .icon_menu.cuentaspor {
    background-position: -60px -20px; }
    .icon_menu.cuentaspor.hover:hover {
      cursor: pointer;
      background-position: -60px -20px; }
  .icon_menu.mapa {
    background-position: -80px -20px; }
    .icon_menu.mapa.hover:hover {
      cursor: pointer;
      background-position: -80px -20px; }
  .icon_menu.i_submenu {
    background-position: -20px -40px; }
    .icon_menu.i_submenu.hover:hover {
      cursor: pointer;
      background-position: -20px -20px; }
  .icon_menu.i_sub_submenu {
    background-position: -40px -40px; }
    .icon_menu.i_sub_submenu.hover:hover {
      cursor: pointer;
      background-position: -40px -20px; }
  .icon_menu.ventas {
    background-position: -80px -40px; }
    .icon_menu.ventas.hover:hover {
      cursor: pointer;
      background-position: -80px -20px; }
  .icon_menu.estrella {
    background-position: -120px -0px; }
    .icon_menu.estrella.hover:hover {
      cursor: pointer;
      background-position: -120px -20px; }
  .icon_menu.arriba {
    background-position: -120px -20px; }
    .icon_menu.arriba.hover:hover {
      cursor: pointer;
      background-position: -120px -20px; }
  .icon_menu.abajo {
    background-position: -120px -40px; }
    .icon_menu.abajo.hover:hover {
      cursor: pointer;
      background-position: -120px -20px; }
  .icon_menu.pin_ubicacion {
    background-position: -140px -0px; }
    .icon_menu.pin_ubicacion.hover:hover {
      cursor: pointer;
      background-position: -140px -20px; }

.icon_menu_min {
  background-image: url(../images/iconos/iconos.png);
  background-repeat: no-repeat;
  background-size: 120px;
  width: 15px;
  height: 15px;
  display: block; }
  .icon_menu_min.catalogo {
    background-position: 0px -0px; }
    .icon_menu_min.catalogo.hover:hover {
      cursor: pointer;
      background-position: 0px -15px; }
  .icon_menu_min.soporte {
    background-position: -15px -0px; }
    .icon_menu_min.soporte.hover:hover {
      cursor: pointer;
      background-position: -15px -15px; }
  .icon_menu_min.organizaciones {
    background-position: -30px -0px; }
    .icon_menu_min.organizaciones.hover:hover {
      cursor: pointer;
      background-position: -30px -15px; }
  .icon_menu_min.clientes {
    background-position: -45px -0px; }
    .icon_menu_min.clientes.hover:hover {
      cursor: pointer;
      background-position: -45px -15px; }
  .icon_menu_min.factura {
    background-position: -60px -0px; }
    .icon_menu_min.factura.hover:hover {
      cursor: pointer;
      background-position: -60px -15px; }
  .icon_menu_min.cajascuentas {
    background-position: -75px -0px; }
    .icon_menu_min.cajascuentas.hover:hover {
      cursor: pointer;
      background-position: -75px -15px; }
  .icon_menu_min.pautas {
    background-position: 0px -15px; }
    .icon_menu_min.pautas.hover:hover {
      cursor: pointer;
      background-position: 0px -15px; }
  .icon_menu_min.norti {
    background-position: -15px -15px; }
    .icon_menu_min.norti.hover:hover {
      cursor: pointer;
      background-position: -15px -15px; }
  .icon_menu_min.modulos {
    background-position: -15px -15px; }
    .icon_menu_min.modulos.hover:hover {
      cursor: pointer;
      background-position: -15px -15px; }
  .icon_menu_min.configuracion {
    background-position: -30px -15px; }
    .icon_menu_min.configuracion.hover:hover {
      cursor: pointer;
      background-position: -30px -15px; }
  .icon_menu_min.cuentaspor {
    background-position: -45px -15px; }
    .icon_menu_min.cuentaspor.hover:hover {
      cursor: pointer;
      background-position: -45px -15px; }
  .icon_menu_min.mapa {
    background-position: -60px -15px; }
    .icon_menu_min.mapa.hover:hover {
      cursor: pointer;
      background-position: -60px -15px; }
  .icon_menu_min.i_submenu {
    background-position: -15px -30px; }
    .icon_menu_min.i_submenu.hover:hover {
      cursor: pointer;
      background-position: -15px -15px; }
  .icon_menu_min.i_sub_submenu {
    background-position: -30px -30px; }
    .icon_menu_min.i_sub_submenu.hover:hover {
      cursor: pointer;
      background-position: -30px -15px; }
  .icon_menu_min.ventas {
    background-position: -60px -30px; }
    .icon_menu_min.ventas.hover:hover {
      cursor: pointer;
      background-position: -60px -15px; }
  .icon_menu_min.estrella {
    background-position: -90px -0px; }
    .icon_menu_min.estrella.hover:hover {
      cursor: pointer;
      background-position: -90px -15px; }
  .icon_menu_min.arriba {
    background-position: -90px -15px; }
    .icon_menu_min.arriba.hover:hover {
      cursor: pointer;
      background-position: -90px -15px; }
  .icon_menu_min.abajo {
    background-position: -90px -30px; }
    .icon_menu_min.abajo.hover:hover {
      cursor: pointer;
      background-position: -90px -15px; }
  .icon_menu_min.pin_ubicacion {
    background-position: -105px -0px; }
    .icon_menu_min.pin_ubicacion.hover:hover {
      cursor: pointer;
      background-position: -105px -15px; }

.btn-min {
  background-image: url(../images/iconos/botones.png);
  background-repeat: no-repeat;
  background-size: 195px;
  width: 15px;
  height: 15px;
  display: block; }
  .btn-min.editar {
    background-position: 0px -0px; }
    .btn-min.editar.hover:hover {
      cursor: pointer;
      background-position: 0px -15px; }
  .btn-min.ver {
    background-position: -15px -0px; }
    .btn-min.ver.hover:hover {
      cursor: pointer;
      background-position: -15px -15px; }
  .btn-min.agregar {
    background-position: -30px -0px; }
    .btn-min.agregar.hover:hover {
      cursor: pointer;
      background-position: -30px -15px; }
  .btn-min.regresar {
    background-position: -45px -0px; }
    .btn-min.regresar.hover:hover {
      cursor: pointer;
      background-position: -45px -15px; }
  .btn-min.descargar {
    background-position: -60px -0px; }
    .btn-min.descargar.hover:hover {
      cursor: pointer;
      background-position: -60px -15px; }
  .btn-min.subir {
    background-position: -75px -0px; }
    .btn-min.subir.hover:hover {
      cursor: pointer;
      background-position: -75px -15px; }
  .btn-min.pendiente {
    background-position: -90px -0px; }
    .btn-min.pendiente.hover:hover {
      cursor: pointer;
      background-position: -90px -15px; }
  .btn-min.trash {
    background-position: -105px -0px; }
    .btn-min.trash.hover:hover {
      cursor: pointer;
      background-position: -105px -15px; }
  .btn-min.camara {
    background-position: -120px -0px; }
    .btn-min.camara.hover:hover {
      cursor: pointer;
      background-position: -120px -15px; }
  .btn-min.subir-comprobante {
    background-position: -135px -0px; }
    .btn-min.subir-comprobante.hover:hover {
      cursor: pointer;
      background-position: -135px -15px; }
  .btn-min.palomita {
    background-position: -150px -0px; }
    .btn-min.palomita.hover:hover {
      cursor: pointer;
      background-position: -150px -15px; }
  .btn-min.palomita_hover {
    background-position: -150px -15px; }
    .btn-min.palomita_hover.hover:hover {
      cursor: pointer;
      background-position: -150px -15px; }
  .btn-min.camara_gris {
    background-position: -165px -0px; }
    .btn-min.camara_gris.hover:hover {
      cursor: pointer;
      background-position: -165px -15px; }
  .btn-min.btn_calendario {
    background-position: -180px -0px; }
    .btn-min.btn_calendario.hover:hover {
      cursor: pointer;
      background-position: -180px -15px; }

.botones-1 {
  background-image: url(../images/iconos/botones.png);
  background-repeat: no-repeat;
  background-size: 390px;
  width: 30px;
  height: 30px;
  display: block; }
  .botones-1.editar {
    background-position: 0px -0px; }
    .botones-1.editar.hover:hover {
      cursor: pointer;
      background-position: 0px -30px; }
  .botones-1.ver {
    background-position: -30px -0px; }
    .botones-1.ver.hover:hover {
      cursor: pointer;
      background-position: -30px -30px; }
  .botones-1.agregar {
    background-position: -60px -0px; }
    .botones-1.agregar.hover:hover {
      cursor: pointer;
      background-position: -60px -30px; }
  .botones-1.regresar {
    background-position: -90px -0px; }
    .botones-1.regresar.hover:hover {
      cursor: pointer;
      background-position: -90px -30px; }
  .botones-1.descargar {
    background-position: -120px -0px; }
    .botones-1.descargar.hover:hover {
      cursor: pointer;
      background-position: -120px -30px; }
  .botones-1.subir {
    background-position: -150px -0px; }
    .botones-1.subir.hover:hover {
      cursor: pointer;
      background-position: -150px -30px; }
  .botones-1.pendiente {
    background-position: -180px -0px; }
    .botones-1.pendiente.hover:hover {
      cursor: pointer;
      background-position: -180px -30px; }
  .botones-1.trash {
    background-position: -210px -0px; }
    .botones-1.trash.hover:hover {
      cursor: pointer;
      background-position: -210px -30px; }
  .botones-1.camara {
    background-position: -240px -0px; }
    .botones-1.camara.hover:hover {
      cursor: pointer;
      background-position: -240px -30px; }
  .botones-1.subir-comprobante {
    background-position: -270px -0px; }
    .botones-1.subir-comprobante.hover:hover {
      cursor: pointer;
      background-position: -270px -30px; }
  .botones-1.palomita {
    background-position: -300px -0px; }
    .botones-1.palomita.hover:hover {
      cursor: pointer;
      background-position: -300px -30px; }
  .botones-1.palomita_hover {
    background-position: -300px -30px; }
    .botones-1.palomita_hover.hover:hover {
      cursor: pointer;
      background-position: -300px -30px; }
  .botones-1.camara_gris {
    background-position: -330px -0px; }
    .botones-1.camara_gris.hover:hover {
      cursor: pointer;
      background-position: -330px -30px; }
  .botones-1.btn_calendario {
    background-position: -360px -0px; }
    .botones-1.btn_calendario.hover:hover {
      cursor: pointer;
      background-position: -360px -30px; }

.botones-2 {
  background-image: url(../images/iconos/botones.png);
  background-repeat: no-repeat;
  background-size: 260px;
  width: 20px;
  height: 20px;
  display: block; }
  .botones-2.editar {
    background-position: 0px -0px; }
    .botones-2.editar.hover:hover {
      cursor: pointer;
      background-position: 0px -20px; }
  .botones-2.ver {
    background-position: -20px -0px; }
    .botones-2.ver.hover:hover {
      cursor: pointer;
      background-position: -20px -20px; }
  .botones-2.agregar {
    background-position: -40px -0px; }
    .botones-2.agregar.hover:hover {
      cursor: pointer;
      background-position: -40px -20px; }
  .botones-2.regresar {
    background-position: -60px -0px; }
    .botones-2.regresar.hover:hover {
      cursor: pointer;
      background-position: -60px -20px; }
  .botones-2.descargar {
    background-position: -80px -0px; }
    .botones-2.descargar.hover:hover {
      cursor: pointer;
      background-position: -80px -20px; }
  .botones-2.subir {
    background-position: -100px -0px; }
    .botones-2.subir.hover:hover {
      cursor: pointer;
      background-position: -100px -20px; }
  .botones-2.pendiente {
    background-position: -120px -0px; }
    .botones-2.pendiente.hover:hover {
      cursor: pointer;
      background-position: -120px -20px; }
  .botones-2.trash {
    background-position: -140px -0px; }
    .botones-2.trash.hover:hover {
      cursor: pointer;
      background-position: -140px -20px; }
  .botones-2.camara {
    background-position: -160px -0px; }
    .botones-2.camara.hover:hover {
      cursor: pointer;
      background-position: -160px -20px; }
  .botones-2.subir-comprobante {
    background-position: -180px -0px; }
    .botones-2.subir-comprobante.hover:hover {
      cursor: pointer;
      background-position: -180px -20px; }
  .botones-2.palomita {
    background-position: -200px -0px; }
    .botones-2.palomita.hover:hover {
      cursor: pointer;
      background-position: -200px -20px; }
  .botones-2.palomita_hover {
    background-position: -200px -20px; }
    .botones-2.palomita_hover.hover:hover {
      cursor: pointer;
      background-position: -200px -20px; }
  .botones-2.camara_gris {
    background-position: -220px -0px; }
    .botones-2.camara_gris.hover:hover {
      cursor: pointer;
      background-position: -220px -20px; }
  .botones-2.btn_calendario {
    background-position: -240px -0px; }
    .botones-2.btn_calendario.hover:hover {
      cursor: pointer;
      background-position: -240px -20px; }

.edos_citas {
  background-image: url(../images/iconos/botones-nutri.png);
  background-repeat: no-repeat;
  background-size: 450px;
  width: 25px;
  height: 25px;
  display: block; }
  .edos_citas.espera {
    background-position: -300px -0px; 
    filter: sepia(1) saturate(1000%) hue-rotate(-50deg) brightness(1.5);}
    .edos_citas.espera.hover:hover {
      cursor: pointer;
      background-position: -300px -25px; }
  .edos_citas.confirmar {
    background-position: -350px -0px; 
  }
    .edos_citas.confirmar.hover:hover {
      cursor: pointer;
      background-position: -350px -25px; }
  .edos_citas.confirmado {
    background-position: -325px -0px;
    filter: sepia(1) saturate(1500%) hue-rotate(90deg) brightness(1.5);}
    .edos_citas.confirmado.hover:hover {
      cursor: pointer;
      background-position: -325px -25px; }
  .edos_citas.cancelado {
    background-position: -250px -0px; }
    .edos_citas.cancelado.hover:hover {
      cursor: pointer;
      background-position: -250px -25px; }
  .edos_citas.xpagar {
    background-position: -375px -0px; }
    .edos_citas.xpagar.hover:hover {
      cursor: pointer;
      background-position: -375px -25px; }
  .edos_citas.pagado {
    background-position: 0px -0px; }
    .edos_citas.pagado.hover:hover {
      cursor: pointer;
      background-position: 0px -25px; }
  .edos_citas.pendiente {
    background-position: -400px -0px; }
    .edos_citas.pendiente.hover:hover {
      cursor: pointer;
      background-position: -400px -25px; }
  .edos_citas.realizado {
    background-position: -425px -0px; }
    .edos_citas.realizado.hover:hover {
      cursor: pointer;
      background-position: -425px -25px; }

.inputAgregar {
  position: relative;
  float: left;
  margin: 5px 0 0 5px;
  left: 20px; }

.inline-block, .menu-i {
  display: inline-block;
  margin-left: 2px;
  vertical-align: middle; }

.menu-i {
  margin-left: -10px !important;
  margin-right: 5px; }

#folio, #entrada, .topRight {
  position: absolute;
  text-align: right; }

form div.container-label, div#basicstyle div.container-label, div.smallinput div.container-label, form.basico div.container-label, div.bloqueform div.container-label {
  width: 100%;
  height: auto;
  display: flex;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  justify-content: center;
  align-items: center;
  position: relative; }

.container-label {
  justify-content: left; }
  .container-label .radiosBox {
    height: 35px;
    width: 80%;
    margin-left: 5%;
    display: flex;
    justify-content: flex-start; }
    .container-label .radiosBox .spanCitas {
      width: 32px;
      height: 32px;
      background-color: #f7f7f8 !important;
      display: inline-block;
      margin: 0px 2px;
      color: #ADA7A7;
      font-size: 20px;
      line-height: 2em;
      padding: 0;
      float: none;
      text-align: center;
      font-weight: normal;
      clear: none;
      position: relative;
      border-left: none;
      border-top: none;
      border-bottom: none;
      border-radius: 0px; }
    .container-label .radiosBox div.radio-box.activo > label.consultorios {
      background-color: #0359F0 !important;
      color: white; }
      .container-label .radiosBox div.radio-box.activo > label.consultorios span {
        background-position-y: -27px; }
    .container-label .radiosBox div.radio-box.activo > label.estado_cita {
      background-color: #0359F0 !important;
      color: white; }
      .container-label .radiosBox div.radio-box.activo > label.estado_cita span {
        background-position-y: -27px; }
    .container-label .radiosBox div.radio-box.activo > label.estado_pago {
      background-color: #0359F0 !important;
      color: white; }
      .container-label .radiosBox div.radio-box.activo > label.estado_pago span {
        background-position-y: -27px; }
    .container-label .radiosBox div.radio-box.activo > label.estado_consulta {
      background-color: #0359F0 !important;
      color: white; }
      .container-label .radiosBox div.radio-box.activo > label.estado_consulta span {
        background-position-y: -27px; }

form .bloqueform, div#basicstyle .bloqueform, div.smallinput .bloqueform, form.basico .bloqueform {
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  position: relative;
  background-color: #FFFFFF;
  padding: 13px 15px 15px 15px; /* 11 julio */
  /* box-shadow: 1px 2px 7px rgba(0,0,0, 0.08); 11 julio */
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 10px; /* 11 julio */
  border: 1px solid #f0f0f0;
  margin-bottom: 8px;  /* 11 julio */
  float: left;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  form .bloqueform .foliopestana, div#basicstyle .bloqueform .foliopestana, div.smallinput .bloqueform .foliopestana, form.basico .bloqueform .foliopestana {
    margin-top: -35px;
    background-color: #666;
    display: block;
    color: black;
    padding: 5px 10px;
    font-weight: bold;
    font-size: 20px;
    position: absolute;
    top: 0;
    right: 5px; }
  form .bloqueform h4, div#basicstyle .bloqueform h4, div.smallinput .bloqueform h4, form .bloqueform h5, div#basicstyle .bloqueform h5, div.smallinput .bloqueform h5, form.basico .bloqueform h4, form.basico .bloqueform h5 {
    font-weight: bold !important;
    margin-top: -5px;
    margin-bottom: 5px;
    margin-left:30px;
    font-family: 'Muli-Black';
    font-size: 16px;
    color: #333; }
  form .bloqueform h5, div#basicstyle .bloqueform h5, div.smallinput .bloqueform h5, form.basico .bloqueform h5 {
    margin-top: -6px;
    font-size: 12px;
    font-weight: lighter;
    margin-bottom: 8px; }
  form .bloqueform .edit, div#basicstyle .bloqueform .edit, div.smallinput .bloqueform .edit, form .bloqueform .borrarbloque, div#basicstyle .bloqueform .borrarbloque, div.smallinput .bloqueform .borrarbloque, form.basico .bloqueform .edit, form.basico .bloqueform .borrarbloque {
    display: none;
    position: absolute;
    top: 15px;
    right: 60px;
    font-size: 11px;
    cursor: pointer; }
  form .bloqueform:hover .edit, div#basicstyle .bloqueform:hover .edit, div.smallinput .bloqueform:hover .edit, form .bloqueform:hover .borrarbloque, div#basicstyle .bloqueform:hover .borrarbloque, div.smallinput .bloqueform:hover .borrarbloque, form.basico .bloqueform:hover .edit, form.basico .bloqueform:hover .borrarbloque {
    display: block; }
  form .bloqueform.inside, div#basicstyle .bloqueform.inside, div.smallinput .bloqueform.inside, form.basico .bloqueform.inside {
    border-left: 1px solid #f0f0f0;
    border-top: 1px solid #f0f0f0;
    border-right: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0; }
  form .bloqueform .bloqueform, div#basicstyle .bloqueform .bloqueform, div.smallinput .bloqueform .bloqueform, form.basico .bloqueform .bloqueform {
    background-color: #F5F7FF; }
    form .bloqueform .bloqueform h4, div#basicstyle .bloqueform .bloqueform h4, div.smallinput .bloqueform .bloqueform h4, form .bloqueform .bloqueform h5, div#basicstyle .bloqueform .bloqueform h5, div.smallinput .bloqueform .bloqueform h5, form.basico .bloqueform .bloqueform h4, form.basico .bloqueform .bloqueform h5 {
      color: #666;
      font-size: 14px; }
    form .bloqueform .bloqueform .bloqueform, div#basicstyle .bloqueform .bloqueform .bloqueform, div.smallinput .bloqueform .bloqueform .bloqueform, form.basico .bloqueform .bloqueform .bloqueform {
      background-color: #f9f9f9; }
      form .bloqueform .bloqueform .bloqueform .bloqueform, div#basicstyle .bloqueform .bloqueform .bloqueform .bloqueform, div.smallinput .bloqueform .bloqueform .bloqueform .bloqueform, form.basico .bloqueform .bloqueform .bloqueform .bloqueform {
        background-color: #f0f0f0; }
        form .bloqueform .bloqueform .bloqueform .bloqueform .bloqueform, div#basicstyle .bloqueform .bloqueform .bloqueform .bloqueform .bloqueform, div.smallinput .bloqueform .bloqueform .bloqueform .bloqueform .bloqueform, form.basico .bloqueform .bloqueform .bloqueform .bloqueform .bloqueform {
          background-color: #f9f9f9; }

.bloqueform.moreless, .bloque.moreless {
  max-height: 9000px;
  position: relative;
  overflow: initial;
  float: left; }
  .bloqueform.moreless .abrircerrar, .bloque.moreless .abrircerrar {
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    top: 18px;
    right: 0;
    background-image: url(../images/less.png);
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
    right: inherit; }
  .bloqueform.moreless.closed, .bloque.moreless.closed {
    max-height: 45px;
    overflow: hidden; }
    .bloqueform.moreless.closed .abrircerrar, .bloque.moreless.closed .abrircerrar {
      background-image: url(../images/plus.png);
      top: 12px;
    }

  .bloqueform.moreless.closed h4, .bloque.moreless.closed h4 {
      margin-top: -10px;
  }

  .bloqueform.moreless.seccion, .bloque.moreless.seccion {
    max-width: 100% !important;
     }
  .bloqueform.moreless.seccion .abrircerrar, .bloque.moreless.seccion .abrircerrar {
    top: 28px;
    left: 8px;
     }
    .bloqueform.moreless.closed.seccion, .bloque.moreless.closed.seccion {
    max-height: 60px;
    max-width: 100% !important;
    padding-top: 0px !important;
    border-bottom: 4px solid #fff;
    z-index: 2;
    box-shadow: 1px 2px 7px rgba(0,0,0, 0.3) !important; /* 11 julio */
     }
  .abrircerrar:hover
  {
    opacity: 0.8;
  }


.bloqueform p, .bloque p {
  font-size: 12px; }

.bloqueform h4, .bloque h4 {
  text-transform: uppercase;
  margin-left: 20px;
 
}

.bloque.moreless .abrircerrar {
  top: 3px;
  right: 5px;
  background-size: 15px; }

.bloque.moreless.closed {
  max-height: 25px; }

div.div_select {
  width: 30%;
  height: auto;
  position: relative;
  float: right;
  margin-top: -55px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

div.div-doble {
  height: auto;
  position: relative;
  display: inline-block;
  /* float: left; */
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  div.div-doble.dw60 {
    width: 80% !important; }
  div.div-doble.dw40 {
    width: 20% !important; }

div.div_rigth {
  border: 2px #ff5000 solid;
  width: auto !important;
  height: auto;
  position: relative;
  float: right;
  padding: 5px 10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

form.small, div.small#basicstyle, div.small.smallinput, div.form.small {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px; }

form.basico.full, div.full#basicstyle, div.full.smallinput, div.form.basico.full {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  width: 99%;
  min-height: 99%;
  height: auto;
  top: 0.5%;
  left: 0.5%;
  padding: 80px;
  z-index: 100;
  font-size: 25px; }
  form.basico.full .boton, form.basico.full div#basicstyle a.boton.table, div#basicstyle form.basico.full a.boton.table, div.full#basicstyle .boton, div.full.smallinput .boton, div.full.smallinput div#basicstyle a.boton.table, div#basicstyle div.full.smallinput a.boton.table, form.basico.full input[type=submit], div.full#basicstyle input[type=submit], div.full.smallinput input[type=submit], div.form.basico.full .boton, div.form.basico.full div#basicstyle a.boton.table, div#basicstyle div.form.basico.full a.boton.table, div.form.basico.full input[type=submit] {
    font-size: 30px;
    appearance: none;
    -moz-appearance: none;
    line-height: 50px;
    height: auto;
    font-weight: bold; }
  form.basico.full input, div.full#basicstyle input, div.full.smallinput input, form.basico.full select, div.full#basicstyle select, div.full.smallinput select, form.basico.full textarea, div.full#basicstyle textarea, div.full.smallinput textarea, form.basico.full label, div.full#basicstyle label, div.full.smallinput label, div.form.basico.full input, div.form.basico.full select, div.form.basico.full textarea, div.form.basico.full label {
    font-size: 25px !important; }
  form.basico.full input, div.full#basicstyle input, div.full.smallinput input, form.basico.full select, div.full#basicstyle select, div.full.smallinput select, div.form.basico.full input, div.form.basico.full select {
    height: 75px; }
  form.basico.full textarea, div.full#basicstyle textarea, div.full.smallinput textarea, div.form.basico.full textarea {
    height: 200px; }

form.basico, div#basicstyle, div.smallinput, div.form.basico {
  width: 550px;
  height: auto;
  margin: 0 auto;
  border: none;
  padding: 15px 20px 20px 20px;
  overflow: hidden;
  position: relative;
  text-align: left;
  outline: none;
  background: #fcfcfc;
  /* -webkit-box-shadow: inset 1px 0px 6px -1px rgba(0, 0, 0, 0.1); */
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  form.basico.w_full, div.w_full#basicstyle, div.w_full.smallinput, div.form.basico.w_full {
    width: 100%; }
  form.basico.w_90, div.w_90#basicstyle, div.w_90.smallinput, div.form.basico.w_90 {
    width: 90%; }
  form.basico.w_medium, div.w_medium#basicstyle, div.w_medium.smallinput, div.form.basico.w_medium {
    width: 70%; }
  form.basico.w_half, div.w_half#basicstyle, div.w_half.smallinput, div.form.basico.w_half {
    width: 50%; }
  form.basico.w_small, div.w_small#basicstyle, div.w_small.smallinput, div.form.basico.w_small {
    width: 30%; }
  form.basico h3, div#basicstyle h3, div.smallinput h3, div.form.basico h3 {
    font-family: 'Muli-Bold'; /* 12 julio */
    margin: 0 0 5px 0;
    text-transform: uppercase;
    color: #4D4D4D; }
  form.basico h4, div#basicstyle h4, div.smallinput h4, div.form.basico h4 {
    font-family: 'Muli-Bold';
    margin: 5px 0 0 0;
    line-height: 2.4em;
    color: #4D4D4D;
    font-size: 19px;
    font-weight: bold; }
    form.basico h4.full, div#basicstyle h4.full, div.smallinput h4.full, div.form.basico h4.full {
      padding-left: 20px;
      margin-left: -20px; }
  form.basico p.info, div#basicstyle p.info, div.smallinput p.info, div.form.basico p.info {
    font-size: 12px;
    padding: 10px 0px 10px 10px;
    line-height: 1.5em;
    position: relative;
    width: 60%; /* 11 julio */
    /*color: bfe3ff;*/
    background: #fff6e2; /* 11 julio */}
    form.basico p.info:after, div#basicstyle p.info:after, div.smallinput p.info:after, div.form.basico p.info:after {
      content: '';
      position: absolute;
      top: 50%;
      left: 15px;
      color: gold;
      margin-top: -13px;
      font-size: 26px; }

form.basico label, div#basicstyle label, div.smallinput label, div.form.basico label {
  width: 25%;
  height: 39px;
  float: left;
  font-family: 'Muli-Regular'; /* 12 julio */
  padding: 5px 10px 5px 10px;
  margin: 2px 0 0px 0;
  font-size: 12.5px;
  text-align: right;
  font-weight: bold;
  line-height: 2em;
  clear: left;
  border-left: 1px solid #D6DBDF; /* 12 julio */
  border-top: 1px solid #D6DBDF; /* 12 julio */
  border-bottom: 1px solid #D6DBDF; /* 12 julio */
  background-color: #f5f5f5; /* 12 julio */
  color: #333; /* 12 julio */
  text-align: left;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-left: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-bottom-left: 4px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  form.basico label.red, div#basicstyle label.red, div.smallinput label.red, form.basico label.blue, div#basicstyle label.blue, div.smallinput label.blue, div.form.basico label.red, div.form.basico label.blue {
    color: white; }
  form.basico label.green, div#basicstyle label.green, div.smallinput label.green, div.form.basico label.green {
    background-color: #00cc00; }
  form.basico label.blue, div#basicstyle label.blue, div.smallinput label.blue, div.form.basico label.blue {
    background-color: #6666ff; }
  form.basico label.right-side, div#basicstyle label.right-side, div.smallinput label.right-side, div.form.basico label.right-side {
    float: right;
    clear: right;
    text-align: left;
    padding: 3px 0 3px 7px; }

label:first-letter {
  text-transform: capitalize; }

form.basico label.duo, div#basicstyle label.duo, div.smallinput label.duo {
  width: 11%; }

form.basico label.lduo, div#basicstyle label.lduo, div.smallinput label.lduo {
  clear: none; }
  form.basico label.lduo.r, div#basicstyle label.lduo.r, div.smallinput label.lduo.r {
    margin-left: -2px; }
  form.basico label.lduo.r2f, div#basicstyle label.lduo.r2f, div.smallinput label.lduo.r2f {
    margin-left: 10px; }

form label.highlight, div#basicstyle label.highlight, div.smallinput label.highlight {
  background-color: #0087cf;
  color: white !important; }

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

form .container_inputs, div#basicstyle .container_inputs, div.smallinput .container_inputs, form.basico .container_inputs {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  form .container_inputs input:hover, div#basicstyle .container_inputs input:hover, div.smallinput .container_inputs input:hover, form .container_inputs input:focus, div#basicstyle .container_inputs input:focus, div.smallinput .container_inputs input:focus, form .container_inputs input:active, div#basicstyle .container_inputs input:active, div.smallinput .container_inputs input:active, form .container_inputs textarea:hover, div#basicstyle .container_inputs textarea:hover, div.smallinput .container_inputs textarea:hover, form .container_inputs textarea:focus, div#basicstyle .container_inputs textarea:focus, div.smallinput .container_inputs textarea:focus, form .container_inputs textarea:active, div#basicstyle .container_inputs textarea:active, div.smallinput .container_inputs textarea:active, form .container_inputs select:hover, div#basicstyle .container_inputs select:hover, div.smallinput .container_inputs select:hover, form .container_inputs select:focus, div#basicstyle .container_inputs select:focus, div.smallinput .container_inputs select:focus, form .container_inputs select:active, div#basicstyle .container_inputs select:active, div.smallinput .container_inputs select:active, form.basico .container_inputs input:hover, form.basico .container_inputs input:focus, form.basico .container_inputs input:active, form.basico .container_inputs textarea:hover, form.basico .container_inputs textarea:focus, form.basico .container_inputs textarea:active, form.basico .container_inputs select:hover, form.basico .container_inputs select:focus, form.basico .container_inputs select:active {
    border-top: 1px solid #83902c;
    border-bottom: 1px solid #83902c;
    border-right: 1px solid #83902c; }
  form .container_inputs:has(input:hover) label, div#basicstyle .container_inputs:has(input:hover) label, div.smallinput .container_inputs:has(input:hover) label, form .container_inputs:has(input:focus) label, div#basicstyle .container_inputs:has(input:focus) label, div.smallinput .container_inputs:has(input:focus) label, form .container_inputs:has(input:active) label, div#basicstyle .container_inputs:has(input:active) label, div.smallinput .container_inputs:has(input:active) label, form .container_inputs:has(textarea:hover) label, div#basicstyle .container_inputs:has(textarea:hover) label, div.smallinput .container_inputs:has(textarea:hover) label, form .container_inputs:has(textarea:focus) label, div#basicstyle .container_inputs:has(textarea:focus) label, div.smallinput .container_inputs:has(textarea:focus) label, form .container_inputs:has(textarea:active) label, div#basicstyle .container_inputs:has(textarea:active) label, div.smallinput .container_inputs:has(textarea:active) label, form .container_inputs:has(select:hover) label, div#basicstyle .container_inputs:has(select:hover) label, div.smallinput .container_inputs:has(select:hover) label, form .container_inputs:has(select:focus) label, div#basicstyle .container_inputs:has(select:focus) label, div.smallinput .container_inputs:has(select:focus) label, form .container_inputs:has(select:active) label, div#basicstyle .container_inputs:has(select:active) label, div.smallinput .container_inputs:has(select:active) label, form.basico .container_inputs:has(input:hover) label, form.basico .container_inputs:has(input:focus) label, form.basico .container_inputs:has(input:active) label, form.basico .container_inputs:has(textarea:hover) label, form.basico .container_inputs:has(textarea:focus) label, form.basico .container_inputs:has(textarea:active) label, form.basico .container_inputs:has(select:hover) label, form.basico .container_inputs:has(select:focus) label, form.basico .container_inputs:has(select:active) label {
    border-left: 1px solid #83902c;
    border-top: 1px solid #83902c;
    border-bottom: 1px solid #83902c; }

form input, div#basicstyle input, div.smallinput input, form textarea, div#basicstyle textarea, div.smallinput textarea, form select, div#basicstyle select, div.smallinput select, form.basico input, form.basico textarea, form.basico select {
  width: 69%;
  border: none;
  float: left;
  height: 39px;
  padding: 5px 10px;
  margin: 2px 0;
  clear: right;
  position: relative;
  background-color: rgba(255, 255, 255, 0.298);/* 12 julio */
  color: #4D4D4D; /* 12 julio */
  border-right: 1px solid #D6DBDF;
  border-top: 1px solid #D6DBDF;
  border-bottom: 1px solid #D6DBDF;
  font-family: 'Muli-Regular';
  -webkit-border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  border-top-right: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  border-bottom-right: 4px;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topleft: 0;
  border-top-left: 0;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-bottomleft: 0;
  border-bottom-left: 0; }
  form input:hover, div#basicstyle input:hover, div.smallinput input:hover, form textarea:hover, div#basicstyle textarea:hover, div.smallinput textarea:hover, form select:hover, div#basicstyle select:hover, div.smallinput select:hover, form.basico input:hover, form.basico textarea:hover, form.basico select:hover {
    background-color: rgba(255, 255, 255, 0.9); /* 12 julio */
    border: 1px solid limegreen !important; /* 12 julio */
  }
  form input.sinlabel, div#basicstyle input.sinlabel, div.smallinput input.sinlabel, form textarea.sinlabel, div#basicstyle textarea.sinlabel, div.smallinput textarea.sinlabel, form select.sinlabel, div#basicstyle select.sinlabel, div.smallinput select.sinlabel, form.basico input.sinlabel, form.basico textarea.sinlabel, form.basico select.sinlabel {
    border-left: 1px solid #ddd;
    -webkit-border-radius: 5px; 
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px; }
  form input.right-side, div#basicstyle input.right-side, div.smallinput input.right-side, form textarea.right-side, div#basicstyle textarea.right-side, div.smallinput textarea.right-side, form select.right-side, div#basicstyle select.right-side, div.smallinput select.right-side, form.basico input.right-side, form.basico textarea.right-side, form.basico select.right-side {
    float: right;
    clear: left;
    -webkit-border-top-right-radius: 0;
    -moz-border-radius-topright: 0;
    border-top-right: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-bottomright: 0;
    border-bottom-right: 0;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-left: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-left: 4px; }
    form input.right-side.half, div#basicstyle input.right-side.half, div.smallinput input.right-side.half, form textarea.right-side.half, div#basicstyle textarea.right-side.half, div.smallinput textarea.right-side.half, form select.right-side.half, div#basicstyle select.right-side.half, div.smallinput select.right-side.half, form.basico input.right-side.half, form.basico textarea.right-side.half, form.basico select.right-side.half {
      margin-right: 0;
      margin-left: 35%; }
    form input.right-side.duo, div#basicstyle input.right-side.duo, div.smallinput input.right-side.duo, form textarea.right-side.duo, div#basicstyle textarea.right-side.duo, div.smallinput textarea.right-side.duo, form select.right-side.duo, div#basicstyle select.right-side.duo, div.smallinput select.right-side.duo, form.basico input.right-side.duo, form.basico textarea.right-side.duo, form.basico select.right-side.duo {
      margin-right: 0;
      margin-left: 2%; }
    form input.right-side.cincocinco, div#basicstyle input.right-side.cincocinco, div.smallinput input.right-side.cincocinco, form textarea.right-side.cincocinco, div#basicstyle textarea.right-side.cincocinco, div.smallinput textarea.right-side.cincocinco, form select.right-side.cincocinco, div#basicstyle select.right-side.cincocinco, div.smallinput select.right-side.cincocinco, form.basico input.right-side.cincocinco, form.basico textarea.right-side.cincocinco, form.basico select.right-side.cincocinco {
      margin-right: 0;
      margin-left: 15%; }

form textarea, div#basicstyle textarea, div.smallinput textarea, form.basico textarea {
  border-left: 1px solid #D6DBDF;
  resize: both;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-bottom-left: 4px;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-left: 4px; }
  form textarea:hover, div#basicstyle textarea:hover, div.smallinput textarea:hover, form textarea:focus, div#basicstyle textarea:focus, div.smallinput textarea:focus, form textarea:active, div#basicstyle textarea:active, div.smallinput textarea:active, form.basico textarea:hover, form.basico textarea:focus, form.basico textarea:active {
    border-left: 1px solid #83902c; }

form select.picker__select--year, div#basicstyle select.picker__select--year, div.smallinput select.picker__select--year, form select.picker__select--month, div#basicstyle select.picker__select--month, div.smallinput select.picker__select--month, form.basico select.picker__select--year, form.basico select.picker__select--month {
  float: left;
  font-size: 12px;
  height: 30px !important;
  width: 35%;
  background-size: 14px;
  margin-left: 10px;
  border-left: 1px solid #D6DBDF;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-left: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-bottom-left: 4px; }

form select.picker__select--year, div#basicstyle select.picker__select--year, div.smallinput select.picker__select--year, form.basico select.picker__select--year {
  margin-left: 80px !important; }

form input, div#basicstyle input, div.smallinput input, form.basico input {
  height: 27px; }

form span.custom-combobox, div#basicstyle span.custom-combobox, div.smallinput span.custom-combobox {
  width: 70%;
  border: none;
  float: left;
  height: 35px;
  padding: 3px 10px;
  margin: 2px 0;
  clear: right;
  position: relative; }

form.basico input.half, div#basicstyle input.half, div.smallinput input.half, form.basico select.half, div#basicstyle select.half, div.smallinput select.half {
  width: 35%;
  margin-right: 35%; }

form span.custom-combobox.half, div#basicstyle span.custom-combobox.half, div.smallinput span.custom-combobox.half {
  width: 35%;
  margin-right: 35%; }

form.basico input.duo, div#basicstyle input.duo, div.smallinput input.duo, form.basico select.duo, div#basicstyle select.duo, div.smallinput select.duo {
  margin-right: 2%;
  width: 20.2%; }

form span.custom-combobox.duo, div#basicstyle span.custom-combobox.duo, div.smallinput span.custom-combobox.duo {
  margin-right: 2%;
  width: 20.2%; }

form.basico input.cincocinco, div#basicstyle input.cincocinco, div.smallinput input.cincocinco, form.basico select.cincocinco, div#basicstyle select.cincocinco, div.smallinput select.cincocinco {
  width: 51.5%;
  margin-right: 15%; }

form span.custom-combobox.cincocinco, div#basicstyle span.custom-combobox.cincocinco, div.smallinput span.custom-combobox.cincocinco {
  width: 51.5%;
  margin-right: 15%; }

form.basico input.cuatrocinco, div#basicstyle input.cuatrocinco, div.smallinput input.cuatrocinco, form.basico select.cuatrocinco, div#basicstyle select.cuatrocinco, div.smallinput select.cuatrocinco {
  width: 38%;
  margin-right: 5%; }

form span.custom-combobox.cuatrocinco, div#basicstyle span.custom-combobox.cuatrocinco, div.smallinput span.custom-combobox.cuatrocinco {
  width: 45%;
  margin-right: 5%; }

form.basico label.masuno, div#basicstyle label.masuno, div.smallinput label.masuno {
  width: 25%;
  padding: 3px 10px 3px 0; }

form.basico select.masuno, div#basicstyle select.masuno, div.smallinput select.masuno {
  width: 57%;
  padding: 3px 0 3px 10px; }

form span.custom-combobox.masuno, div#basicstyle span.custom-combobox.masuno, div.smallinput span.custom-combobox.masuno {
  width: 57%;
  padding: 3px 0 3px 10px; }

form.basico input.no-right, div#basicstyle input.no-right, div.smallinput input.no-right, form.basico select.no-right, div#basicstyle select.no-right, div.smallinput select.no-right {
  margin-right: 0 !important; }

form span.custom-combobox.no-right, div#basicstyle span.custom-combobox.no-right, div.smallinput span.custom-combobox.no-right {
  margin-right: 0 !important; }

form.basico input:disabled, div#basicstyle input:disabled, div.smallinput input:disabled, form.basico textarea:disabled, div#basicstyle textarea:disabled, div.smallinput textarea:disabled, form.basico select:disabled, div#basicstyle select:disabled, div.smallinput select:disabled {
  background-color: rgba(255, 255, 255, 0.2);
  color: black;
  font-size: 11.5px;
  cursor: default;
  background-image: url(../images/disabled.png);
  background-repeat: no-repeat;
  background-position: top 2px right 2px;
  background-size: 8px; }

form .custom-combobox input, div#basicstyle .custom-combobox input, div.smallinput .custom-combobox input {
  width: 100%;
  position: absolute;
  right: 0;
  top: 0;
  font-size: 11px;
  color: #333;
  font-weight: normal;
  background-color: white;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  border: none;
  margin: 0; }

form.basico select, div#basicstyle select, div.smallinput select {
  -moz-appearance: none;
  background: #FFFFFF;
  -webkit-border-top-right-radius: 3px;
  -moz-border-radius-topright: 3px;
  border-top-right: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  border-bottom-right: 3px;
  position: relative; }
  form.basico select.sinlabel, div#basicstyle select.sinlabel, div.smallinput select.sinlabel {
    border-left: 1px solid #ddd;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px; }

form span.custom-combobox input, div#basicstyle span.custom-combobox input, div.smallinput span.custom-combobox input {
  -moz-appearance: none;
  background: white url(../images/forms/select.png) no-repeat center right 8px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  position: relative; }

form.basico label, div#basicstyle label, div.smallinput label {
  position: relative; }

a.added, form a.boton.table, div.smallinput a.boton.table, div#basicstyle a.boton.table {
  position: absolute;
  top: 0;
  right: -307%;
  width: 30px;
  height: 30px;
  display: block;
  overflow: hidden;
  z-index: 10;
  opacity: .3;
  cursor: pointer;
  z-index: 1; }
  a.added:not(.botones-1), form a.boton.table:not(.botones-1), div.smallinput a.boton.table:not(.botones-1), div#basicstyle a.boton.table:not(.botones-1) {
    background: url("../images/add.png") no-repeat center center;
    background-size: 30px; }
  a.added.half, form a.half.table.boton, div.smallinput a.half.table.boton, div#basicstyle a.half.table.boton {
    right: -166%; }
  a.added.inneradd, form a.inneradd.table.boton, div.smallinput a.inneradd.table.boton, div#basicstyle a.inneradd.table.boton {
    right: 0; }

a.added:hover, form a.boton.table:hover, div.smallinput a.boton.table:hover, div#basicstyle a.boton.table:hover {
  opacity: .7; }

a.added img, form a.boton.table img, div.smallinput a.boton.table img, div#basicstyle a.boton.table img {
  width: 35px; }

th a.added, th form a.boton.table, form th a.boton.table, th div.smallinput a.boton.table, div.smallinput th a.boton.table, th div#basicstyle a.boton.table, div#basicstyle th a.boton.table {
  right: 0 !important;
  width: 20px;
  height: 20px;
  opacity: 1;
  background: transparent url(../images/addw.png) no-repeat center center;
  margin: 4px 0 0 0;
  padding: 2px;
  background-size: 17px; }
  th a.added img, th form a.boton.table img, form th a.boton.table img, th div.smallinput a.boton.table img, div.smallinput th a.boton.table img, th div#basicstyle a.boton.table img, div#basicstyle th a.boton.table img {
    width: 18px !important;
    display: none; }

form.basico.pop, div.pop#basicstyle, div.pop.smallinput {
  position: relative;
  margin: 20px auto;
  padding: 40px 30px 20px 30px;
  display: block;
  height: auto; }
  form.basico.pop.orcompra, div.pop.orcompra#basicstyle, div.orcompra.smallinput {
    max-width: 650px; }
  form.basico.pop.big, div.pop.big#basicstyle, div.big.smallinput {
    max-width: 900px; }

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

form.basico textarea, div#basicstyle textarea, div.smallinput textarea {
  height: 100px; }

form:focus, div#basicstyle:focus, div.smallinput:focus {
  outline: none; }

div.subfields {
  margin-left: 0;
  background-color: rgba(255, 255, 255, 0.3);
  float: left;
  clear: left;
  width: 94%;
  padding: 5px 5px 5px 29px; }

div.radiobox input[type=checkbox], div.radiobox input[type=radio] {
  display: none; }

div#basicstyle input[type=checkbox], div#basicstyle input[type=radio] {
  display: none; }

form input[type=checkbox], div#basicstyle input[type=checkbox], div.smallinput input[type=checkbox], form input[type=radio], div#basicstyle input[type=radio], div.smallinput input[type=radio] {
  display: none; }

input.checkito {
  display: block !important; }

form div.radiobox, div#basicstyle div.radiobox, div.smallinput div.radiobox {
  float: left;
  position: relative;
  width: 25%;
  display: block; }
  form div.radiobox.right-side, div#basicstyle div.radiobox.right-side, div.smallinput div.radiobox.right-side {
    float: right; }
  form div.radiobox.small, div#basicstyle div.radiobox.small, div.smallinput div.radiobox.small {
    height: 30px; }
  form div.radiobox.small > label.radio, div#basicstyle div.radiobox.small > label.radio, div.smallinput div.radiobox.small > label.radio, form div.radiobox.small > label.checkbox, div#basicstyle div.radiobox.small > label.checkbox, div.smallinput div.radiobox.small > label.checkbox {
    height: 30px; }
  form div.radiobox.activo > label.radio, div#basicstyle div.radiobox.activo > label.radio, div.smallinput div.radiobox.activo > label.radio, form div.radiobox.activo > label.checkbox, div#basicstyle div.radiobox.activo > label.checkbox, div.smallinput div.radiobox.activo > label.checkbox {
    background-color: #3771c8; }

form label.radio, div#basicstyle label.radio, div.smallinput label.radio, form label.checkbox, div#basicstyle label.checkbox, div.smallinput label.checkbox {
  width: 100% !important;
  display: block;
  position: relative;
  margin-right: 0;
  padding-left: 29px;
  margin-left: 0;
  background-color: #A6B73F;
  font-weight: lighter;
  text-align: left;
  color: white;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px; }
  form label.radio:hover, div#basicstyle label.radio:hover, div.smallinput label.radio:hover, form label.checkbox:hover, div#basicstyle label.checkbox:hover, div.smallinput label.checkbox:hover {
    background-color: #c3d082; }

form label.radio.disabled, div#basicstyle label.radio.disabled, div.smallinput label.radio.disabled, form label.checkbox.disabled, div#basicstyle label.checkbox.disabled, div.smallinput label.checkbox.disabled {
  background-color: #E7E7E7;
  color: #4D4D4D; }

form label.radio, div#basicstyle label.radio, div.smallinput label.radio {
  border-radius: 90px;
  background-color: #A6B73F;}
  form label.radio span, div#basicstyle label.radio span, div.smallinput label.radio span {
    background: white;
    width: 13px;
    height: 13px;
    display: block;
    position: absolute;
    left: 7px;
    top: 8px;
    z-index: 2;
    border: 2px solid rgba(255, 255, 255, 0.2);
    padding: 0;
    margin: 2px 3px 0 0 !important;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    -ms-border-radius: 35px;
    border-radius: 35px;
    -webkit-box-shadow: inset 1px 0px 6px -1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 1px 0px 6px -1px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: inset 1px 0px 6px -1px rgba(0, 0, 0, 0.1);
    box-shadow: inset 1px 0px 6px -1px rgba(0, 0, 0, 0.1); }

form label.checkbox span, div#basicstyle label.checkbox span, div.smallinput label.checkbox span {
  background: rgba(255, 255, 255, 0.9);
  width: 14px;
  height: 14px;
  display: block;
  position: absolute;
  left: 7px;
  top: 9px;
  z-index: 2;
  border: 1px solid rgba(255, 255, 255, 0.2);
  padding: 0;
  margin: 2px 1px 0 0 !important;
  -webkit-box-shadow: inset 1px 0px 6px -1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 1px 0px 6px -1px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: inset 1px 0px 6px -1px rgba(0, 0, 0, 0.1);
  box-shadow: inset 1px 0px 6px -1px rgba(0, 0, 0, 0.1); }

form .small label.radio, div#basicstyle .small label.radio, div.smallinput .small label.radio, form .small label.checkbox, div#basicstyle .small label.checkbox, div.smallinput .small label.checkbox {
  font-size: 10px;
  padding-left: 26px;
  line-height: 1.9em; }
  form .small label.radio span, div#basicstyle .small label.radio span, div.smallinput .small label.radio span, form .small label.checkbox span, div#basicstyle .small label.checkbox span, div.smallinput .small label.checkbox span {
    width: 11px;
    height: 11px;
    top: 6px; }

form div.radiobox.activo > label.radio span, div#basicstyle div.radiobox.activo > label.radio span, div.smallinput div.radiobox.activo > label.radio span, form div.radiobox.activo > label.checkbox span, div#basicstyle div.radiobox.activo > label.checkbox span, div.smallinput div.radiobox.activo > label.checkbox span {
  background: rgba(255, 255, 255, 0.9) url(../images/forms/checked.png) no-repeat center center;
  background-size: 15px;
  box-shadow: none; }

form div.radiobox.small.activo > label.radio span, div#basicstyle div.radiobox.small.activo > label.radio span, div.smallinput div.radiobox.small.activo > label.radio span, form div.radiobox.small.activo > label.checkbox span, div#basicstyle div.radiobox.small.activo > label.checkbox span, div.smallinput div.radiobox.small.activo > label.checkbox span {
  background: rgba(255, 255, 255, 0.9) url(../images/forms/checked.png) no-repeat center center;
  background-size: 11px;
  box-shadow: none; }

form label.radio input:checked, div#basicstyle label.radio input:checked, div.smallinput label.radio input:checked, form label.checkbox input:checked, div#basicstyle label.checkbox input:checked, div.smallinput label.checkbox input:checked {
  background-color: #74cd02; }

div.radiobox.activo label.radio.disabled, div.radiobox.activo label.checkbox.disabled, div.radiobox.activo label.radio.disabled, div.radiobox.activo label.checkbox.disabled {
  color: white !important; }

a.add, a.boton, form a.boton.table, div.smallinput a.boton.table, div#basicstyle a.boton.table, a.t-boton {
  margin: 0 5px !important;
  padding: 5px 10px !important;
  background-color: #83902c;
  border-radius: 10px !important;
  line-height: 1.5em;
  font-family: 'Muli-Regular';
  color: white !important;
  float: right !important;
  font-size: 12px;
  cursor: pointer;
  text-transform: none;
  text-decoration: none;
  font-weight: normal !important;
  width: auto;
  display: block;
  -moz-appearance: none;}
  /* font-size: 12px; 
  float: inherit !important;
  padding: 5px 10px; 
  line-height: 1.5em;
  background-color: #83902c;
  display: inline-block;
  vertical-align: middle;
  border-radius: 100px;
  font-family: "Muli-Regular";
  margin-top: 0; */

  

form input[type=submit], div#basicstyle input[type=submit], div.smallinput input[type=submit], form input[type=button], div#basicstyle input[type=button], div.smallinput input[type=button] {
  margin: 0px 0px;
  padding: 9px 18px;
  background-color: #8e9e03;
  border: none;
  color: white;
  float: right !important;
  font-size: 12px;
  font-weight: bold;
  cursor: pointer;
  text-transform: none;
  text-decoration: none;
  font-weight: normal !important;
  box-shadow: 1px 1px 2px rgba(0,0,0,0.15); /* 11 julio */
  width: auto;
  display: block;
  -moz-appearance: none; }

a.add:hover, a.boton:hover, a.boton-noradius, form a.boton.table:hover, div.smallinput a.boton.table:hover, div#basicstyle a.boton.table:hover {
  background-color: #2385c7; }

form input[type=submit]:hover, div#basicstyle input[type=submit]:hover, div.smallinput input[type=submit]:hover, form input[type=button]:hover, div#basicstyle input[type=button]:hover, div.smallinput input[type=button]:hover {
  background-color: #788927; }

.boton.loading, form a.boton.table, div.smallinput a.boton.table, div#basicstyle a.boton.table {
  background-color: gray; }

.boton.descargar, form a.boton.table, div.smallinput a.boton.table, div#basicstyle a.boton.table {
  background-color: rgb(237 93 76); }

a.boton.doc, form a.boton.table, div.smallinput a.boton.table, div#basicstyle a.boton.table, a.boton.email, a.boton.down, a.boton.print {
  padding-left: 30px;
  background-position: center left 5px;
  background-repeat: no-repeat;
  background-size: 20px; }
  a.boton.doc:hover, div#basicstyle a.boton.table:hover, a.boton.email:hover, a.boton.down:hover, a.boton.print:hover {
    background-color: white; }

form input[type=submit], div#basicstyle input[type=submit], div.smallinput input[type=submit] {
  color: white;
  width: auto !important;
  height: auto; }

form a.add:last-child, div#basicstyle a.add:last-child, div.smallinput a.add:last-child, form a.boton, form a.boton.table, div#basicstyle a.boton, div.smallinput a.boton {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px; }

.mfp-content a.boton, .mfp-content form a.boton.table, form .mfp-content a.boton.table, .mfp-content div.smallinput a.boton.table, div.smallinput .mfp-content a.boton.table, .mfp-content div#basicstyle a.boton.table, div#basicstyle .mfp-content a.boton.table {
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  -ms-border-radius: 9px;
  border-radius: 9px; }

.botones a.boton:first-child, .botones div#basicstyle a.boton.table:first-child, div#basicstyle .botones a.boton.table:first-child {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px; }

form input[type=submit], div#basicstyle input[type=submit], div.smallinput input[type=submit] {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  border-top: 1px solid #b2c329; /* 11 julio */
  border-left: 1px solid #b2c329; /* 11 julio */
  font-family: 'Muli-Bold' !important;
  text-transform: uppercase;
  font-size: 13px; }

h2 a.boton, h2 form a.boton.table, form h2 a.boton.table, h2 div.smallinput a.boton.table, div.smallinput h2 a.boton.table, h2 div#basicstyle a.boton.table, div#basicstyle h2 a.boton.table {
  float: inherit !important;
  padding: 6px 8px 5px 28px;
  margin-left: 6px;
  display: inline-block;
  vertical-align: middle;
  margin-top: -10px; }

h4 a.boton, h4 form a.boton.table, form h4 a.boton.table, h4 div.smallinput a.boton.table, div.smallinput h4 a.boton.table, h4 div#basicstyle a.boton.table, div#basicstyle h4 a.boton.table {
  font-size: 12px; /* 11 julio */
  float: inherit !important;
  padding: 5px 10px; /* 11 julio */
  line-height: 1.5em;
  background-color: rgb(131 144 44);
  display: inline-block;
  vertical-align: middle;
  border-radius: 10px; /* 11 julio */
  font-family: "Muli-Regular";
  margin-top: 0; }
  h4 a.boton:hover, h4 div#basicstyle a.boton.table:hover, div#basicstyle h4 a.boton.table:hover {
      background-color: #3771c8;
 }

h2 a, h2 form a.boton.table, form h2 a.boton.table, h2 div.smallinput a.boton.table, div.smallinput h2 a.boton.table, h2 div#basicstyle a.boton.table, div#basicstyle h2 a.boton.table, h4 a, h4 form a.boton.table, form h4 a.boton.table, h4 div.smallinput a.boton.table, div.smallinput h4 a.boton.table, h4 div#basicstyle a.boton.table, div#basicstyle h4 a.boton.table {
  display: inline-block;
  vertical-align: middle; }

div.losbotones {
  margin-top: 10px;
  display: flex;
  justify-content: end;
  width: 100%;
  float: right;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

a.boton.pop:hover, div#basicstyle a.boton.table:hover {
  background-color: white;
  color: #778026; }

form a.boton.cancelar, div#basicstyle a.boton.cancelar, div.smallinput a.boton.cancelar, form div#reportepop a.boton.cancelar, div.smallinput div#reportepop a.boton.cancelar, div#reportepop form a.boton.cancelar, div#reportepop div.smallinput a.boton.cancelar, form a.boton.cancel, div#basicstyle a.boton.cancel, div.smallinput a.boton.cancel, form a.boton.borrar, div#basicstyle a.boton.borrar, div.smallinput a.boton.borrar {
  float: left;
  position: absolute;
  bottom: 10px;
  left: 10px;
  background-color: rgb(237 93 76); }
  form a.boton.cancelar.green, div#basicstyle a.boton.cancelar.green, div.smallinput a.boton.cancelar.green, form div#reportepop a.boton.green.cancelar, div.smallinput div#reportepop a.boton.green.cancelar, div#reportepop form a.boton.green.cancelar, div#reportepop div.smallinput a.boton.green.cancelar, form a.boton.cancel.green, div#basicstyle a.boton.cancel.green, div.smallinput a.boton.cancel.green, form a.boton.borrar.green, div#basicstyle a.boton.borrar.green, div.smallinput a.boton.borrar.green {
    background-color: limegreen !important; }

form.basico.venta, div.venta#basicstyle, div.venta.smallinput, form.basico.orcompra, div.orcompra#basicstyle, div.orcompra.smallinput {
  width: 730px !important; }

form.basico.packingpro, div.packingpro#basicstyle, div.packingpro.smallinput {
  max-width: 930px !important;
  width: 930px !important; }

form.basico.compra, div.compra#basicstyle, div.compra.smallinput {
  max-width: 930px;
  width: 930px !important; }
  form.basico.compra p.info, div.compra#basicstyle p.info, div.compra.smallinput p.info {
    width: 400px; }

form.basico.seccion, div.seccion#basicstyle, div.seccion.smallinput {
  max-width: 100% !important;
  width: 91% !important;
  min-width: 900px;
  padding: 20px;
  margin-left: 10px; }

form.basico.cotizacion, div.cotizacion#basicstyle, div.cotizacion.smallinput, form.basico.medium, div.medium#basicstyle, div.medium.smallinput {
  width: 100%;
  max-width: 750px; }
  form.basico.cotizacion.big, div.cotizacion.big#basicstyle, div.big.smallinput, form.basico.medium.big, div.medium.big#basicstyle {
    max-width: 900px; }
  form.basico.cotizacion.bigger, div.cotizacion.bigger#basicstyle, div.bigger.smallinput, form.basico.medium.bigger, div.medium.bigger#basicstyle {
    max-width: 1024px; }

form.basico.big, div.big#basicstyle, div.big.smallinput {
  width: 900px; }

form.basico.bigger, div.bigger#basicstyle, div.bigger.smallinput {
  max-width: 98%;
  min-width: 900px; 
  width: auto; 
}

#folio, #entrada, .topRight {
  position: absolute;
  text-align: right; }

#folio, .topRight {
  top: 25px;
  right: 300px;
  color: #4D4D4D;
  font-weight: 500; }
  #folio.venta, .topRight.venta {
    top: 15px;
    right: 20px;
    color: #4D4D4D;
    font-weight: 500; }
  #folio small, .topRight small {
    font-size: 18px; }
  #folio span.folio, .topRight span.folio {
    color: #FF0036;
    font-size: 28px; }

form.basico.compra #entrada, div.compra#basicstyle #entrada, div.compra.smallinput #entrada {
  top: 20px;
  right: 20px;
  width: 270px; }
  form.basico.compra #entrada select, div.compra#basicstyle #entrada select, div.compra.smallinput #entrada select, form.basico.compra #entrada input, div.compra#basicstyle #entrada input, div.compra.smallinput #entrada input {
    width: 75%; }

form.basico #entrada input, div#basicstyle #entrada input, div.smallinput #entrada input {
  width: 75%;
  margin-top: 2px; }

form.basico.compra #tleft, div.compra#basicstyle #tleft, div.compra.smallinput #tleft {
  width: 434px;
  float: left; }
  form.basico.compra #tleft select, div.compra#basicstyle #tleft select, div.compra.smallinput #tleft select {
    width: 70%; }

form.basico.compra #tright, div.compra#basicstyle #tright, div.compra.smallinput #tright {
  width: 471px;
  float: right; }
  form.basico.compra #tright select, div.compra#basicstyle #tright select, div.compra.smallinput #tright select {
    width: 70%; }

#tcompra {
  width: 240px;
  float: right;
  clear: both; }
  #tcompra label {
    width: 40%;
    margin-left: 7%; }
  #tcompra input[type=text] {
    width: 53%;
    text-align: right; }
    #tcompra input[type=text]:disabled {
      background: rgba(255, 255, 255, 0.7) !important; }
  #tcompra.packingpro {
    clear: none;
    width: 47%;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 10px; }
    #tcompra.packingpro span {
      width: 50%;
      float: left; }

#ptabla :disabled.transp, td.transp {
  background: rgba(255, 255, 255, 0.7) !important; }

#ptabla small.iva, #ptabla small.downdata {
  font-size: 11px;
  float: right;
  margin-bottom: -20px;
  margin-right: 10px; }

form.basico.compra #tpago, div.compra#basicstyle #tpago, div.compra.smallinput #tpago {
  width: 400px;
  float: right; }

form.basico label.pago, div#basicstyle label.pago, div.smallinput label.pago {
  background-color: #315287; }

form.basico .radiobox.iva, div#basicstyle .radiobox.iva, div.smallinput .radiobox.iva {
  position: absolute;
  margin: 39px 0 0 -39px !important;
  z-index: 1; }

.checkcomp {
  float: left !important;
  position: absolute !important;
  z-index: 2;
  width: 160px !important;
  margin-left: -166px !important; }

.activo.revisada label {
  background-color: green !important; }

.checkcomp.pagada {
  margin-top: 80px !important; }

.activo.pagada label {
  background-color: #315287 !important; }

.checkcomp.ivacheck {
  margin-left: 0; }

#tcompra label.iva.off {
  opacity: .5; }

#tcompra label.checkbox.iva.off {
  opacity: 1; }

@media only screen and (max-width: 1024px) {
  form.basico.compra, div.compra#basicstyle, div.compra.smallinput {
    width: 870px; }
  #tleft {
    width: 414px;
    float: left; }
  #tright {
    width: 431px;
    float: right; } }

form.basico.recla, div.recla#basicstyle, div.recla.smallinput {
  float: left;
  clear: none;
  width: 630px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

#hold.recla {
  width: 820px;
  margin: 0 auto;
  position: relative; }

#recla-producto {
  width: 100%;
  display: block;
  height: auto;
  position: relative;
  float: left;
  background-color: rgba(255, 255, 255, 0.3);
  padding: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: -10px; }
  #recla-producto .remove {
    float: left;
    display: block;
    clear: left;
    width: 20px;
    height: 20px;
    font-size: 11px;
    margin-top: 15px;
    color: rgb(237 93 76);
    font-weight: bold;
    cursor: pointer; }
    #recla-producto .remove:hover {
      color: black; }
  #recla-producto label {
    clear: none; }
  #recla-producto input.half {
    margin-right: 0; }
  #recla-producto h3 {
    margin: 0;
    font-size: 20px; }
    #recla-producto h3 .saldo {
      color: green; }

form.basico.fechas, div.fechas#basicstyle, div.fechas.smallinput {
  width: 800px;
  padding: 10px 10px 0 10px;
  margin-bottom: 3px; }
  form.basico.fechas input, div.fechas#basicstyle input, div.fechas.smallinput input {
    width: 50%; }

#folios {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 120px; }
  #folios label {
    margin-left: 0;
    width: 40%; }
  #folios input {
    text-align: center;
    width: 60%; }
    #folios input:disabled {
      background-color: white;
      font-weight: bold;
      color: rgb(237 93 76); }

div.topright {
  position: absolute;
  top: 10px;
  right: 20px; }

.topRight, .topright {
  position: absolute;
  text-align: right; }

.topRight, .topright {
  top: 15px;
  right: 30px;
  color: #FFFFFF;
  font-weight: 500; }
  .topRight small, .topright small {
    font-size: 14px;
    text-transform: uppercase; }
    .topRight small.small, .topright small.small {
      font-size: 18px; }
      .topRight small.small b, .topright small.small b {
        color: black; }
  .topRight span.folio, .topright span.folio {
    color: #EAEAEA;
    font-size: 20px; }

.tcenter {
  text-align: center; }

.tright {
  text-align: right; }

.tleft {
  text-align: left; }

td.cultyvo-edit.activa {
  border: 1px solid #009e8f; }

#tempinput {
  position: absolute;
  top: 0;
  left: 100%;
  width: 200px;
  z-index: 10;
  border: 3px solid #009e8f;
  margin: -2px 0 0 0; }
  #tempinput input {
    width: 60%;
    clear: none;
    margin: 0;
    float: left;
    height: 30px; }
  #tempinput a.boton {
    width: 20%;
    clear: none;
    margin: 0;
    padding: 9px 5px;
    float: left !important;
    height: 30px;
    -webkit-border-bottom-left-radius: inherit;
    -moz-border-radius-bottomleft: inherit;
    border-bottom-left: inherit;
    -webkit-border-top-left-radius: inherit;
    -moz-border-radius-topleft: inherit;
    border-top-left: inherit; }
    #tempinput a.boton.red {
      background-color: rgb(237 93 76); }
      #tempinput a.boton.red:hover {
        background-color: #CC3300; }

.picker {
  z-index: 99999 !important; }

form.basico.smallinput input, div.smallinput#basicstyle input, div.smallinput input, form.basico.smallinput textarea, div.smallinput#basicstyle textarea, div.smallinput textarea, form.basico.smallinput select, div.smallinput#basicstyle select, div.smallinput select, form.basico.smallinput label, div.smallinput#basicstyle label, div.smallinput label {
  height: 27px;
  margin: 0px 0 !important;
  font-size: 11px !important; }

form.basico.smallinput select, div.smallinput#basicstyle select, div.smallinput select {
  background-size: 15px; }
  form.basico.smallinput select.picker__select--year, div.smallinput#basicstyle select.picker__select--year, div.smallinput select.picker__select--year, form.basico.smallinput select.picker__select--month, div.smallinput#basicstyle select.picker__select--month, div.smallinput select.picker__select--month {
    margin-top: -4px !important;
    margin-bottom: 10px !important; }
  form.basico.smallinput select.picker__select--year, div.smallinput#basicstyle select.picker__select--year, div.smallinput select.picker__select--year {
    margin-left: 90px !important; }

form.basico.smallinput label, div.smallinput#basicstyle label, div.smallinput label {
  line-height: 1.9em; }
  form.basico.smallinput label.radio span, div.smallinput#basicstyle label.radio span, div.smallinput label.radio span {
    top: 2px;
    width: 12px;
    height: 12px;
    background-size: 10px; }
  form.basico.smallinput label.checkbox span, div.smallinput#basicstyle label.checkbox span, div.smallinput label.checkbox span {
    top: 2px;
    width: 12px;
    height: 12px;
    background-size: 10px;
    top: 3px; }

form.basico.smallinput div.radiobox, div.smallinput#basicstyle div.radiobox, div.smallinput div.radiobox {
  height: 25px;
  margin: 0 0; }

form.basico.smallinput input.falsemin, div.smallinput#basicstyle input.falsemin, div.smallinput input.falsemin, form.basico.smallinput textarea.falsemin, div.smallinput#basicstyle textarea.falsemin, div.smallinput textarea.falsemin, form.basico.smallinput select.falsemin, div.smallinput#basicstyle select.falsemin, div.smallinput select.falsemin, form.basico.smallinput label.falsemin, div.smallinput#basicstyle label.falsemin, div.smallinput label.falsemin {
  height: 30px;
  margin: 10px 0 0 5px;
  padding: 8px 7px 8px 7px; }

form.smallinput input[type=submit].falsemin, div.smallinput#basicstyle input[type=submit].falsemin, div.smallinput input[type=submit].falsemin {
  height: 30px;
  margin: 10px 0 0 5px;
  padding: 8px 7px 8px 7px; }

form.basico.left, div.left#basicstyle, div.left.smallinput {
  float: left;
  clear: none;
  width: 68.3%; }
  form.basico.left.fclientes, div.left.fclientes#basicstyle, div.fclientes.smallinput {
    height: auto; }
  form.basico.left.fprendas, div.left.fprendas#basicstyle, div.fprendas.smallinput {
    height: auto;
    padding-top: 25px;
    margin-top: -235px;
    margin-bottom: 10px; }
    form.basico.left.fprendas h4, div.left.fprendas#basicstyle h4, div.fprendas.smallinput h4 {
      line-height: 1em; }

form.basico.left-help, div.left-help#basicstyle, div.left-help.smallinput {
  float: left;
  clear: none;
  width: 250px;
  height: auto;
  margin-left: 10px;
  margin-bottom: 10px; }
  form.basico.left-help label, div.left-help#basicstyle label, div.left-help.smallinput label {
    width: 40%; }
  form.basico.left-help input, div.left-help#basicstyle input, div.left-help.smallinput input, form.basico.left-help textarea, div.left-help#basicstyle textarea, div.left-help.smallinput textarea, form.basico.left-help select, div.left-help#basicstyle select, div.left-help.smallinput select {
    width: 60%; }

div.smallinput .added {
  margin: -5px 5px 0 0;
  background-size: 20px; }
  div.smallinput .added:hover {
    background-size: 25px; }

.smallinput th a.added, .smallinput th div#basicstyle a.boton.table, div#basicstyle .smallinput th a.boton.table {
  right: 0;
  width: 18px;
  height: 18px;
  opacity: 1;
  background: transparent url(../images/varios/addw.png) no-repeat center center;
  margin: 0;
  padding: 2px;
  background-size: 12px; }
  .smallinput th a.added:hover, .smallinput th div#basicstyle a.boton.table:hover, div#basicstyle .smallinput th a.boton.table:hover {
    background-size: 17px; }

#eventual, #orventa, #surtido {
  width: 650px;
  max-width: 650px; }
  #eventual .cantidadRequerida, #orventa .cantidadRequerida, #surtido .cantidadRequerida {
    color: rgb(237 93 76); }

table.form .boton.full, table.form div#basicstyle a.boton.table, div#basicstyle table.form a.boton.table {
  width: 100%;
  height: 100%;
  margin: 0 !important;
  padding: 6px 0;
  display: block;
  font-size: 11px;
  letter-spacing: normal;
  -webkit-border-top-left-radius: inherit !important;
  -moz-border-radius-topleft: inherit !important;
  border-top-left: inherit !important;
  -webkit-border-bottom-left-radius: inherit !important;
  -moz-border-radius-bottomleft: inherit !important;
  border-bottom-left: inherit !important; }

table.form.bitacora tr td {
  color: black; }

table.form .boton.full.capturada, table.form div#basicstyle a.boton.table, div#basicstyle table.form a.boton.table {
  background-color: rgba(255, 255, 255, 0.75);
  color: black;
  font-size: 11px;
  cursor: default;
  background-image: none; }

form.basico table.bitacora input:disabled, div#basicstyle table.bitacora input:disabled, form.basico table.bitacora select:disabled, div#basicstyle table.bitacora select:disabled {
  background-color: rgba(255, 255, 255, 0.75);
  color: black;
  font-size: 11px;
  cursor: default;
  background-image: none; }

table.form {
  background-color: inherit; }
  table.form .boton.full.capturada, table.form div#basicstyle a.boton.table, div#basicstyle table.form a.boton.table {
    font-size: 12px; }
  table.form tr {
    background-color: white; }
  table.form.bitacora tr td input {
    padding: 20px; }
  table.form.bitacora tr td select {
    height: 40px; }
  table.form tr th.remover {
    background-color: inherit; }
  table.form tr td {
    background-color: inherit;
    padding: 0;
    border: 0.5px solid white; 
  }
    table.form tr td input {
      text-align: center; }

.det-element {
  position: relative;
  display: block;
  float: left;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px;
  margin: 5px 0; }
  .det-element.caracteristica {
    padding: 3px 5px;
    margin: 0 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
    .det-element.caracteristica:first-child {
      border-top: 1px solid rgba(0, 0, 0, 0.1);
      margin-top: 3px; }
    .det-element.caracteristica.nuevo {
      background-color: rgba(255, 255, 0, 0.1); }
  .det-element h4 {
    text-transform: uppercase; }
  .det-element h5 {
    color: #999;
    line-height: 1em;
    font-size: 15px;
    margin: -5px 0 10px 0;
    font-weight: bold;
    text-transform: uppercase; }
  .det-element.big {
    width: 50%; }
    .det-element.big p {
      margin-top: 10px;
      font-size: 15px;
      max-width: 60%; }
    .det-element.big h5 {
      margin: -15px 0 0 0;
      text-transform: none; }
    .det-element.big .boton, .det-element.big div#basicstyle a.boton.table, div#basicstyle .det-element.big a.boton.table {
      position: absolute;
      bottom: 5px;
      right: 10px;
      font-size: 0.8em !important;
      line-height: 2em;
      height: auto; }
      .det-element.big .boton.doble, .det-element.big div#basicstyle a.boton.table, div#basicstyle .det-element.big a.boton.table {
        font-size: 0.7em !important;
        padding: 0 0.5em !important; }
        .det-element.big .boton.doble.arriba, .det-element.big div#basicstyle a.boton.table, div#basicstyle .det-element.big a.boton.table {
          bottom: inherit;
          top: 0; }
      .det-element.big .boton.less, .det-element.big div#basicstyle a.boton.table, div#basicstyle .det-element.big a.boton.table {
        font-size: 0.6em !important;
        height: auto;
        padding: 0 0.5em !important;
        line-height: 2.5em; }
    .det-element.big .smallinput input {
      height: 40px;
      width: 50%; }
    .det-element.big .smallinput label {
      height: 40px;
      font-size: 16px !important; }
  .det-element .remover {
    opacity: 0;
    position: absolute;
    top: 5px;
    right: 5px; }
  .det-element:hover .remover {
    opacity: 1; }

.diferenciar {
  margin: 10px 0;
  padding: 5px;
  background-color: rgba(255, 255, 255, 0.7);
  height: auto;
  overflow: hidden;
  position: relative; }
  .diferenciar.whiteTable {
    float: left;
    background-color: rgba(0, 0, 0, 0.05);
    margin: 2px;
    padding: 4px; }
    .diferenciar.whiteTable:hover {
      background-color: rgba(0, 0, 0, 0.08); }

@media (max-width: 768px) {
  .det-element.big {
    width: 100%; } }

  .proveedor-mejor-costo{
    border: 2px solid #26a828 !important;
  }

table tr.concepto-confirmado{
    background-color: #e4fee5 !important;
  }
table tr.concepto-confirmado:nth-child(odd){
    background-color: #deffc1 !important;
  }

  .concepto-precio-confirmado{
    background-color: rgba(245, 131, 23, 0.4) !important;
  }

  .datos-generales{
    border: 2px solid #f0f0f0 !important;
    max-width: 1024px;
  }

form.basico table.form textarea
{
  height: 27px;
}

form.basico table.form textarea,form.basico table.form input, div#basicstyle table.form input, form.basico table.form select, div#basicstyle table.form select {
  margin: 0;
  padding: 2px 0;
  width: 98.5%;
  text-align: center;
  border: none; /* 12 julio */
  font-size:11px;
  /* height: 18px; */
  -webkit-border-top-right-radius: inherit !important;
  -moz-border-radius-topright: inherit !important;
  border-top-right: inherit !important;
  -webkit-border-bottom-right-radius: inherit !important;
  -moz-border-radius-bottomright: inherit !important;
  border-bottom-right: inherit !important; }

td.cultyvo-edit {
  cursor: pointer; }
  td.cultyvo-edit input, td.cultyvo-edit select {
    margin: 0;
    padding: 0;
    width: 100%;
    text-align: center;
    height: 30px;
    -webkit-border-top-right-radius: inherit !important;
    -moz-border-radius-topright: inherit !important;
    border-top-right: inherit !important;
    -webkit-border-bottom-right-radius: inherit !important;
    -moz-border-radius-bottomright: inherit !important;
    border-bottom-right: inherit !important; }
  td.cultyvo-edit:after {
    content: '';
    width: 10px;
    height: 10px;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    background: transparent url(../images/editar.png) no-repeat top 2px right 2px;
    background-size: 10px;
    opacity: 0; }
  td.cultyvo-edit:hover:after {
    opacity: 1; }

form.basico table.form select, div#basicstyle table.form select {
  background-size: 15px;
  padding-left: 4px; }

form.basico table.form input:disabled, div#basicstyle table.form input:disabled, form.basico table.form select:disabled, div#basicstyle table.form select:disabled, form.basico table.form textarea:disabled, div#basicstyle table.form textarea:disabled {
  font-size: 11px;
  background-size: 8px; }

form.basico table.form tr td input.lefttext, div#basicstyle table.form tr td input.lefttext {
  text-align: left !important;
  color: black !important;
  padding-left: 5px; }
  form.basico table.form tr td input.lefttext:disabled, div#basicstyle table.form tr td input.lefttext:disabled {
    text-align: left !important;
    color: black !important;
    padding-left: 5px; }

table td.check {
  padding: 0;
  display: block;
  width: 25x; }
  table td.check input.checkito {
    width: 30px;
    height: 30px;
    margin: 0 -10px 0 7px;
    padding: 0 0 0 0; }

table.coninput input, table.coninput select {
  margin: 0;
  padding: 0;
  width: 100% !important;
  text-align: center;
  height: 30px;
  -webkit-border-bottom-left-radius: 0 !important;
  -moz-border-radius-bottomleft: 0 !important;
  border-bottom-left: 0 !important;
  -webkit-border-top-right-radius: 0 !important;
  -moz-border-radius-topright: 0 !important;
  border-top-right: 0 !important; }

table.coninput select {
  background-size: 10px !important;
  padding-left: 4px; }

form.basico.filtro-normal, div.filtro-normal#basicstyle {
  width: 80%;
  padding-top: 20px;
  margin-bottom: 20px; }

form.basico.filtro-small, div.filtro-small#basicstyle {
  width: 80%;
  padding-top: 20px;
  margin-bottom: 20px; }

form.basico.surtido, div.surtido#basicstyle {
  width: 650px; }

.title-number, form.filtros_ .abrircerrar, div.filtros_#basicstyle .abrircerrar, div.filtros_.smallinput .abrircerrar {
  width: 35px;
  height: 35px;
  background-color: #83902c;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  border-radius: 25px;
  display: block;
  position: relative;
  top: 30px;
  left: 15px;
  color: white;
  font-size: 25px;
  font-weight: bold;
  text-align: center; }

form.filtros_, div.filtros_#basicstyle, div.filtros_.smallinput {
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  position: inherit;
  width: 100%;
  padding: 0 20px 10px 20px;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  -ms-border-radius: 0 !important;
  border-radius: 0 !important; }
  form.filtros_ h4, div.filtros_#basicstyle h4, div.filtros_.smallinput h4 {
    padding: 0;
    font-size: 16px !important;
    line-height: 2em !important;
    margin: 5px 0 5px 0;
    color: #4D4D4D; }
  form.filtros_ .abrircerrar, div.filtros_#basicstyle .abrircerrar, div.filtros_.smallinput .abrircerrar {
    display: inline-block;
    position: inherit;
    margin-right: 15px;
    background-image: url(../images/less-white.png);
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer; }
  form.filtros_.closed, div.filtros_.closed#basicstyle, div.filtros_.closed.smallinput {
    max-height: 50px;
    height: 47px;
    overflow: hidden; }
    form.filtros_.closed .abrircerrar, div.filtros_.closed#basicstyle .abrircerrar, div.filtros_.closed.smallinput .abrircerrar {
      background-image: url(../images/icon-filter.png); }
  form.filtros_.show, div.filtros_.show#basicstyle, div.filtros_.show.smallinput {
    background-image: url(../images/less-white.png);
    position: inherit;
    max-height: 1000px;
    background-color: #f0f0f0; }

div#basicstyle {
  background-color: transparent; }


.button-blue{
  background-color: #3498db !important;
}

.triggerButton {
  position: relative;
  padding-right: 25px !important; }
  .triggerButton:after {
    content: '';
    height: 10px;
    width: 10px;
    position: absolute;
    right: 5px;
    top: 5px;
    display: block;
    background: transparent url(../images/bad.png) no-repeat center center;
    background-size: 10px; }
  .triggerButton.enUso:after {
    background: transparent url(../images/good.png) no-repeat center center;
    background-size: 10px; }
  .triggerButton .mini {
    width: 25px;
    height: 25px;
    overflow: hidden;
    float: right;
    margin: 0 0 0 10px; }
    .triggerButton .mini img {
      width: 100%; }

.scanner {
  position: fixed;
  z-index: 2000;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.4); }
  .scanner .interface {
    position: relative;
    margin: 30px auto;
    width: 700px;
    height: 393px;
    padding: 20px;
    background-color: white;
    -webkit-box-shadow: 1px 0px 6px -1px rgba(0, 0, 0, 0.7);
    -moz-box-shadow: 1px 0px 6px -1px rgba(0, 0, 0, 0.7);
    -ms-box-shadow: 1px 0px 6px -1px rgba(0, 0, 0, 0.7);
    box-shadow: 1px 0px 6px -1px rgba(0, 0, 0, 0.7); }
    .scanner .interface .camara, .scanner .interface .screenshot {
      width: 100%;
      margin: -20px 0 0 -20px;
      height: auto;
      position: absolute;
      z-index: 1; }
    .scanner .interface .screenshot {
      z-index: 2; }
      .scanner .interface .screenshot.hide {
        display: none !important; }
    .scanner .interface .screen {
      width: 2000px;
      height: auto;
      display: none; }
    .scanner .interface button:focus {
      border: none;
      outline: 0; }
    .scanner .interface button.tomarfoto {
      width: 110px;
      height: 75px;
      position: absolute;
      display: block;
      z-index: 100;
      top: 35%;
      left: 50%;
      margin: 0 0 0 -55px;
      padding: 0;
      background: transparent url(../images/varios/foto.png) no-repeat center center;
      opacity: 0.05;
      border: none; }
    .scanner .interface:hover button.tomarfoto {
      opacity: 0.15; }
    .scanner .interface .scan-botones {
      position: absolute;
      z-index: 3;
      top: 0;
      left: 5px; }
      .scanner .interface .scan-botones .boton.usar, .scanner .interface .scan-botones div#basicstyle a.boton.table, div#basicstyle .scanner .interface .scan-botones a.boton.table, .scanner .interface .scan-botones .boton.cancelar, .scanner .interface .scan-botones div#reportepop a.boton.cancelar, div#reportepop .scanner .interface .scan-botones a.boton.cancelar {
        float: left;
        position: relative !important;
        bottom: 0; }
      .scanner .interface .scan-botones .boton.usar, .scanner .interface .scan-botones div#basicstyle a.boton.table, div#basicstyle .scanner .interface .scan-botones a.boton.table {
        background-color: limegreen; }

.container_fotografia {
  display: inline-block; }

.boton-dinabox {
  font-size: 12px;
  width: 100%;
  display: block;
  position: relative;
  clear: both;
  padding: 7px 10px 7px 60px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  margin-bottom: 5px;
  color: white;
  background-size: 20px;
  background-color: #30c330;
  height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .boton-dinabox p {
    text-transform: uppercase; }
  .boton-dinabox.add {
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    height: 25px;
    background-color: #6fc2d7; }
    .boton-dinabox.add:hover {
      background-color: #8fcfe0; }
    .boton-dinabox.add .open {
      height: 25px;
      font-size: 22px; }
  .boton-dinabox.cerrarpro {
    padding-left: 10px;
    padding-top: 3px;
    padding-bottom: 5px;
    height: 25px;
    background-color: rgb(237 93 76);
    position: absolute;
    width: auto;
    height: 20px;
    font-size: 11px;
    bottom: 0;
    right: 5px;
    cursor: pointer; }
    .boton-dinabox.cerrarpro .listono {
      opacity: 0.3; }
  .boton-dinabox .open, .boton-dinabox .remove {
    position: absolute;
    right: 0;
    top: 0;
    padding: 1px 5px 4px 5px;
    font-size: 30px;
    line-height: 1em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    background-color: rgba(255, 255, 255, 0.1);
    -webkit-border-bottom-right-radius: 6px;
    -moz-border-radius-bottomright: 6px;
    border-bottom-right: 6px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topright: 6px;
    border-top-right: 6px;
    color: white; }
    .boton-dinabox .open:hover, .boton-dinabox .remove:hover {
      background-color: rgba(0, 0, 0, 0.1);
      cursor: pinter; }
    .boton-dinabox .open.iniciar, .boton-dinabox .remove.iniciar {
      font-size: 15px;
      padding: 10px; }
    .boton-dinabox .open.pausar, .boton-dinabox .remove.pausar {
      font-size: 11px;
      padding: 13px 14px 13px 8px;
      margin-right: 38px; }
  .boton-dinabox .remove {
    display: none;
    margin-right: 25px; }
  .boton-dinabox:hover .remove {
    display: block; }

.boton-dinabox {
  padding-left: 10px;
  background-repeat: no-repeat;
  background-position: left 10px center;
  background-size: 25px; }
  .boton-dinabox.reporte {
    background-color: #009b00;
    background-image: url(../images/reporte2.png); }
  .boton-dinabox.pendiente {
    background-color: #ff6666;
    background-image: url(../images/pendiente.png); }
  .boton-dinabox.archivado {
    background-color: #009b00;
    background-image: url(../images/archivado.png); }
  .boton-dinabox.enviada {
    background-color: #e6c200;
    background-image: url(../images/enviado.png); }
  .boton-dinabox.enviada, .boton-dinabox.archivado, .boton-dinabox.pendiente, .boton-dinabox.reporte {
    padding-left: 40px; }

.z-index2 {
  z-index: 2 !important; }

form.comments, div.comments.smallinput, div.comments#basicstyle {
  margin-top: 5px; }

.det-comment {
  position: relative;
  padding: 15px 0;
  display: block;
  height: auto;
  background-color: white;
  overflow: hidden;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  clear: both;
  margin-bottom: 10px; }
  .det-comment .comment-check {
    width: 22px;
    position: absolute;
    right: 0;
    top: 0;
    margin: 3px 5px 0 0; }
    .det-comment .comment-check .Labelbox {
      border: none;
      background-color: #f0f0f0;
      width: 20px;
      height: 20px;
      -webkit-border-radius: 5px !important;
      -moz-border-radius: 5px !important;
      -ms-border-radius: 5px !important;
      border-radius: 5px !important; }
      .det-comment .comment-check .Labelbox.activo, .det-comment .comment-check .Labelbox.activo.disabled {
        background: #f0f0f0 url(../images/good.png) no-repeat center center;
        background-size: 17px;
        box-shadow: none; }
  .det-comment .comment-info {
    font-size: 11px;
    padding-left: 52px; }
    .det-comment .comment-info span {
      display: block;
      float: left; }
      .det-comment .comment-info span.comment-author {
        font-size: 1.1em;
        font-weight: bold;
        text-transform: uppercase;
        color: orange; }
      .det-comment .comment-info span.comment-date {
        color: #ccc;
        margin-left: 5px;
        margin-top: 1px; }
  .det-comment .comment-content {
    position: relative;
    font-size: 12px;
    padding-left: 52px;
    padding-right: 40px; }
  .det-comment:after {
    content: '';
    background-color: #ebebeb;
    height: 26px;
    width: 26px;
    display: block;
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    -ms-border-radius: 13px;
    border-radius: 13px;
    position: absolute;
    top: 50%;
    left: 13px;
    margin-top: -13px; }
  .det-comment.rosa:after {
    background-color: #ffaab9; }
  .det-comment.verde:after {
    background-color: limegreen; }
  .det-comment.azul:after {
    background-color: #71c5e7; }
  .det-comment.naranja:after {
    background-color: orange; }
  .det-comment.gris:after {
    background-color: #ebebeb; }
  .det-comment.rojo:after {
    background-color: rgb(237 93 76); }

.det-comment.mini {
  margin-bottom: 5px;
  padding: 4px 5px 5px 5px;
  background-color: rgba(0, 0, 0, 0.03); }
  .det-comment.mini .comment-content, .det-comment.mini .comment-info {
    padding-left: 23.4px; }
    .det-comment.mini .comment-content .comment-author, .det-comment.mini .comment-info .comment-author {
      color: orange;
      font-weight: bold;
      text-transform: uppercase; }
  .det-comment.mini:after {
    height: 13px;
    width: 13px;
    -webkit-border-radius: 6.5px;
    -moz-border-radius: 6.5px;
    -ms-border-radius: 6.5px;
    border-radius: 6.5px;
    left: 6.5px;
    margin-top: -6.5px; }

.contenedor.edge, .edge.contenedor_productos_estrella {
  height: auto;
  min-height: 67px;
  padding-bottom: 23px; }
  .contenedor.edge .comment.full, .edge.contenedor_productos_estrella .comment.full {
    margin-left: 0;
    position: absolute;
    padding: 10px 90px 10px 10px;
    -webkit-border-radius: none !important;
    -moz-border-radius: none !important;
    -ms-border-radius: none !important;
    border-radius: none !important; }
  .contenedor.edge input.accion, .edge.contenedor_productos_estrella input.accion {
    margin-right: -7px !important;
    margin-bottom: -32px; }
  .contenedor.edge .alerta.pop, .edge.contenedor_productos_estrella .alerta.pop {
    display: none !important; }

.pop .contenedor.edge .comment.full, .pop .edge.contenedor_productos_estrella .comment.full {
  margin-left: -29px; }

.colorBox {
  position: relative;
  float: right;
  height: 57px;
  width: 75px;
  top: 10px;
  right: 0;
  margin-right: -15px; }
  .colorBox.fullwidth {
    height: 30px;
    width: 100%; }
  .colorBox .colorSelect {
    cursor: pointer;
    width: 14px;
    height: 14px;
    display: block;
    background-color: #ebebeb;
    float: left;
    border: 2px solid #f0f0f0;
    margin: 2.5px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px; }
    .colorBox .colorSelect.activo, .colorBox .colorSelect:hover {
      width: 20px;
      height: 20px;
      margin: 1.5px;
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      -ms-border-radius: 10px;
      border-radius: 10px;
      border: none !important; }
    .colorBox .colorSelect.rosa {
      background-color: #ffaab9; }
    .colorBox .colorSelect.verde {
      background-color: limegreen; }
    .colorBox .colorSelect.azul {
      background-color: #71c5e7; }
    .colorBox .colorSelect.naranja {
      background-color: orange; }
    .colorBox .colorSelect.gris {
      background-color: #ebebeb; }
    .colorBox .colorSelect.rojo {
      background-color: rgb(237 93 76); }
    .colorBox .colorSelect.linea {
      background-color: #268aa0; }
    .colorBox .colorSelect.linea1 {
      background-color: #94C5C5; }
    .colorBox .colorSelect.linea2 {
      background-color: #bfc564; }
    .colorBox .colorSelect.linea3 {
      background-color: #78A878; }
    .colorBox .colorSelect.linea4 {
      background-color: #A68F59; }
    .colorBox .colorSelect.linea5 {
      background-color: #75534A; }
    .colorBox .colorSelect.linea6 {
      background-color: #ED3567; }
    .colorBox .colorSelect.linea7 {
      background-color: #7E8F8E; }
    .colorBox .colorSelect.linea8 {
      background-color: #17265f; }
    .colorBox .colorSelect.linea9 {
      background-color: #000000; }

span.rosa {
  color: #ffaab9; }

span.azul {
  color: #71c5e7; }

.cards {
  margin: auto;
  padding: 0.5% 2%; }
  .cards label.radio {
    border: 2px solid #E6E6E6;
    border-radius: 10px;
    display: flex;
    padding: 10px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: auto;
    font-size: 1.2rem;
    font-family: 'Muli-Bold';
    background-color: #FAFAFA;
    color: #999; }
    .cards label.radio:hover {
      background-color: #F2FCFF;
      border: 2px solid #089EDE;
      color: #4D4D4D; }

form div.radiobox.cards.activo label.radio, div.smallinput div.radiobox.cards.activo label.radio, div#basicstyle div.radiobox.cards.activo label.radio {
  background-color: #F2FCFF;
  border: 2px solid #089EDE;
  color: #4D4D4D; }

input.total {
  color: black;
  font-weight: bold; }

input.descuento {
  color: red !important;
  font-weight: bold; }

span.totalPago {
  width: 100%;
  font-size: 21px;
  margin: 13px 0px; }
  span.totalPago span.spanTotal {
    font-size: 30px;
    margin: 0px 0px 0px 10px; }

span.montoPago, span.cambio {
  width: 78%;
  display: inline-block;
  text-align: center;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #ffffff;
  background-color: white;
  margin: 1%;
  padding: 4% 10%;
  justify-content: center; }
  span.montoPago:hover, span.cambio:hover {
    background-color: #DCDCDC;
    color: white; }

span.cambio {
  font-weight: bold; }

div.pagos_tienda {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto auto;
  gap: 10px;
  align-items: center;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none; }
  div.pagos_tienda .container_inputs {
    width: 90%;
    border-radius: 4px;
    grid-column: span 1;
    margin: 0 auto;
    height: fit-content;
    display: flex;
    padding: .5rem 0px; }
    div.pagos_tienda .container_inputs label {
      width: 40%;
      float: left;
      font-size: 1.2rem;
      line-height: normal;
      text-align: left;
      border-left: 0px;
      border-top: 0px;
      border-bottom: 0px;
      font-family: 'Muli-BOld';
      color: #999;
      align-self: center; }
    div.pagos_tienda .container_inputs input {
      width: 60%;
      height: 30px;
      color: #151515;
      border-left: 1px solid #D6DBDF;
      border-radius: 4px;
      font-size: 1.5rem;
      text-align: right;
      align-self: center;
      font-family: 'Muli-Bold';
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }
      div.pagos_tienda .container_inputs input.precio_money {
        background-image: url("../images/tablas/money_black.png");
        background-repeat: no-repeat;
        background-position: left center;
        background-size: contain;
        padding-left: 20px; }
    div.pagos_tienda .container_inputs input, div.pagos_tienda .container_inputs textarea, div.pagos_tienda .container_inputs select {
      border-top: 0px;
      border-bottom: 0px;
      border-right: 0px;
      border-left: 0px; }
      div.pagos_tienda .container_inputs input:hover, div.pagos_tienda .container_inputs input:focus, div.pagos_tienda .container_inputs input:active, div.pagos_tienda .container_inputs textarea:hover, div.pagos_tienda .container_inputs textarea:focus, div.pagos_tienda .container_inputs textarea:active, div.pagos_tienda .container_inputs select:hover, div.pagos_tienda .container_inputs select:focus, div.pagos_tienda .container_inputs select:active {
        border-top: 0px;
        border-bottom: 0px;
        border-right: 0px;
        border-left: 0px; }
    div.pagos_tienda .container_inputs:has(input:hover) label, div.pagos_tienda .container_inputs:has(input:focus) label, div.pagos_tienda .container_inputs:has(input:active) label {
      border-left: 0px;
      border-top: 0px;
      border-bottom: 0px;
      border-left: 0px; }
    div.pagos_tienda .container_inputs:nth-child(1) input {
      font-size: 2.5rem;
      height: 50px; }
    div.pagos_tienda .container_inputs:nth-child(3) input {
      color: #F70E0E; }
    div.pagos_tienda .container_inputs.diferencias {
      border: 1px solid #F70E0E; }
      div.pagos_tienda .container_inputs.diferencias label {
        color: #F70E0E; }
      div.pagos_tienda .container_inputs.diferencias input {
        color: #F70E0E; }

label.requerido {
  color: #778026 !important; }

.valError {
  border: 1px solid orange !important; }

label.valError {
  background-color: orange !important; }

.valRequerido {
  border: 1px solid red !important; }

label.valRequerido:before {
  content: none; }

.orange {
  color: orange; }

  #pestanas {
    display: inline-block;
    width: 100%;
    background-color: #ffffff;
    border-top-left-radius: 9px;
    border-top-right-radius: 9px;
    overflow: hidden;
    float: left; }
    #pestanas ul {
      list-style: none; }
    #pestanas li a {
      width: auto;
      max-width: 400px;
      padding: 10px 9px 13px 9px;
      display: block;
      text-align: center;
      background-color: #ffffff;
      color: #333;
      float: left;
      font-size: 13px;
      text-transform: capitalize;
      box-sizing: border-box;
      border-bottom: 2px solid transparent; }
      #pestanas li span {
      width: auto;
      max-width: 400px;
      padding: 10px 15px 15px 15px;
      display: block;
      text-align: center;
      background-color: #ffffff;
      color: #333;
      float: left;
      font-size: 25px;
      font-weight: bold;
      text-transform: uppercase;
      box-sizing: border-box;
      border-bottom: 2px solid transparent; }
    /* #pestanas li:not(li.activo) > a, #pestanas form li:not(li.activo) > a.boton.table, #pestanas div.smallinput li:not(li.activo) > a.boton.table, #pestanas div#basicstyle li:not(li.activo) > a.boton.table {
      margin-top: 5px; } */
    #pestanas li.activo a, #pestanas li:hover a {
      /* background-color: #26a828; */
      border-bottom: 2px solid #a7b633;
      color: #333; 
      font-family: 'Muli-Bold';
      padding-bottom: 10px !important;}
      #pestanas li.activo a {
        font-size: 15px; /* Un poco más grande */
        font-weight: bold;
        padding: 8px 18px 5px 18px; /* Más equilibrio en la izquierda y derecha */
        border-bottom: 2px solid #a7b633; 
        text-transform: uppercase;
      }
  
  
      #pestanas-doble-nivel {
        display: flex;
        /* justify-content: center; */
        width: 100%;
        background-color: #ffffff;
        overflow: hidden;
        /* float: left; } */
      }
        #pestanas-doble-nivel ul {
          list-style: none; 
          display: flex; /* Alinear elementos en una fila */
          padding: 0;
          margin: 0;}
        #pestanas-doble-nivel li a {
          width: auto;
          max-width: 400px;
          padding: 10px 15px 13px 15px;
          display: block;
          text-align: center;
          background-color: #ffffff;
          color: #333;
          float: left;
          font-size: 11px;
          text-transform: uppercase;
          box-sizing: border-box;
          border-bottom: 4px solid transparent; }
        #pestanas-doble-nivel li.activo a, #pestanas-doble-nivel li:hover a {
          /* background-color: #26a828; */
          border-bottom: 2px solid #a7b633;
          color: #333; 
          padding-bottom: 10px !important;}
          #pestanas-doble-nivel li.activo a {
            font-size: 12px; /* Un poco más grande */
            font-weight: bold;
            font-family: 'Muli-Bold';
            padding: 8px 18px 5px 18px; /* Más equilibrio en la izquierda y derecha */
            border-bottom: 2px solid #a7b633; 
            text-transform: uppercase;
          }
  
          #pestanas li.head .contador {
            position: absolute;
            right: -14px;
            background-color: #d9534f;
            color: white;
            font-size: 11px;
            padding: 2px 6px;
            border-radius: 12px;
            font-weight: bold;
          }

          
        #pestanas-doble-nivel li.head .contador {
          position: static;
          background-color: #d9534f;
          color: white;
          font-size: 11px;
          padding: 2px 6px;
          border-radius: 12px;
          font-weight: bold;
        }

          #rapid-access {
          display: inline-block;
          width: 55%;
          margin-left: 8%;
          background-color: #ffffff;
          border-top-left-radius: 9px;
          border-top-right-radius: 9px;
          overflow: hidden;
          float: left; }
          #rapid-access ul {
            list-style: none; }
          #rapid-access li a {
            width: auto;
            max-width: 400px;
            padding: 10px 15px 13px 15px;
            display: block;
            text-align: center;
            background-color: #ffffff;
            color: #333;
            float: left;
            font-size: 12px;
            text-transform: uppercase;
            box-sizing: border-box;
            border-bottom: 4px solid transparent; }
            #rapid-access a, #rapid-access li:hover a {
              /* background-color: #26a828; */
              border-bottom: 3.5px solid #000;
              color: #333; 
              padding-bottom: 10px !important;}

        .span-contador-listas {
          background-color: rgba(245 103 39);
          color: white;
          font-size: 11px;
          padding: 10px 20px;
          border-radius: 12px;
          font-weight: bold;
          width: 15px;
        }

         .span-contador-listas-sinimpresion {
          background-color: rgba(245 103 39);
          color: white;
          font-size: 11px;
          padding: 10px 20px;
          border-radius: 12px;
          font-weight: bold;
          width: 15px;
        }

        .burbuja_edo{
          background-color: #f0f0f0;
          /*padding: 3px 3px;*/
          border-radius: 20px;
          width: 15px;
          height: 15px;
          font-size: 10px;
          margin-bottom: -3px;
          margin-right: 2px;
          color: #333;
          display: inline-block;
        }
        .burbuja_edo.color25{
          background-color: #ebebeb;
        }
        .burbuja_edo.color26{
          background-color: limegreen;
        }
        .burbuja_edo.color27{
          background-color: orange;
        }
        .burbuja_edo.color28{
          background-color: #71c5e7;
        }
        .burbuja_edo.color29{
          background-color: #ffaab9;
        }
        .burbuja_edo.color30{
          background-color: red;
        }

        .burbuja_edo_verde{
          background-color: #368a04;
          padding: 3px 7px;
          border-radius: 9px;
          font-size: 10px;
          color: white;
          display: block
        }
        .burbuja_edo_amarilla{
          background-color: #eeee14;
          padding: 3px 7px;
          border-radius: 9px;
          font-size: 10px;
          color: black;
          display: block
        }
        .burbuja_edo_roja{
          background-color: rgba(245 103 39);
          padding: 3px 7px;
          border-radius: 9px;
          font-size: 10px;
          color: black;
          display: block
        }

#tabs {
  display: inline-block;
  width: 100%;
  border-bottom: 5px solid #26a828;
  float: left;
  width: 100% !important;
  clear: both;
  margin: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  #tabs ul {
    list-style: none; }
  #tabs li a {
    width: auto;
    max-width: 400px;
    padding: 8px 10px;
    display: block;
    text-align: center;
    background-color: #D6DBDF;
    color: #566573;
    float: left;
    font-size: 12px;
    margin-right: 1px;
    text-transform: uppercase; }
  #tabs li:not(li.activo) > a, #tabs form li:not(li.activo) > a.boton.table, #tabs div.smallinput li:not(li.activo) > a.boton.table, #tabs div#basicstyle li:not(li.activo) > a.boton.table {
    margin-top: 5px; }
  #tabs li.activo a, #tabs li:hover a {
    background-color: #26a828;
    color: white; }
  #tabs li.activo a {
    font-size: 20px;
    padding: 8px 15px 3px 15px;
    text-transform: uppercase; }

#line-template {
  display: none; }

.aleft {
  text-align: left;
  padding-left: 5px; }

.font-xsm {
  font-size: 0.688rem; }

.font-xs {
  font-size: 0.75rem; }

.font-sm {
  font-size: 0.875rem; }

.font-base {
  font-size: 1rem; }

.font-lg {
  font-size: 1.125rem; }

.font-xl {
  font-size: 1.25rem; }

.aright {
  text-align: right;
  padding-right: 5px; }

.acenter {
  text-align: center; }

td.addkg:after {
  content: ' kg';
  font-size: .9em; }

td.bold {
  font-weight: bold;
  font-family: 'Muli-Bold';
}

span.merged {
  width: 100%;
  height: 25px;
  display: block;
  background-image: url(../images/merge-g.png);
  background-position: center left 60%;
  background-repeat: no-repeat;
  background-size: 25px;
  opacity: 0.2; }

.pill {
  background-color: #FFDF4C;
  border: 1px solid #FFDF4C;
  color: #ffffff;
  padding: 5px 10px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  border-radius: 16px;
  margin: 2px 0;
  font-size: 11px; }
  .pill.mini {
    font-size: 12px;
    padding: 3px 9px; }

section.pop div.table {
  background-color: rgba(255, 255, 255, 0.95);
  padding: 20px; }

section.infinitywidth div.table {
  min-height: 600px; }

div.half {
  float: left;
  width: 48%;
  display: block;
  margin: 0 1% 20px 1%;
  clear: left; }
  div.half:nth-child(odd) {
    float: left;
    width: 48%;
    display: block;
    margin: 0 1% 20px 1%;
    clear: none; }
  div.half.lonely {
    margin: 0 auto;
    float: inherit; }

.dinabox {
  display: block;
  width: 300px;
  float: left;
  position: relative;
  margin: 5px;
  padding: 45px 10px 20px 10px;
  min-height: 400px;
  background-color: #f6f6f6;
  border: 1px solid #f0f0f0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .dinabox.infinity {
    width: 350px;
    position: relative;
    margin: 5px; }
  .dinabox.personaltask {
    width: 400px;
    position: relative;
    background-color: #f0f0f0;
    border: 1px solid #e6e6e6; }
    .dinabox.personaltask .bloque {
      border-right: 1px solid #e6e6e6;
      border-bottom: 1px solid #e6e6e6; }
    .dinabox.personaltask.lista {
      width: 750px;
      background-color: white;
      border: none;
      padding-top: 0; }
  .dinabox.holder {
    border: 1px dashed #ccc !important;
    background-color: #f9f9f9; }
  .dinabox header {
    height: 33px;
    position: absolute !important;
    width: 100%;
    top: 0;
    left: 0;
    padding: 3px 0 3px 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    border-top-right: 5px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-left: 5px; }
    .dinabox header .dinabox-folio {
      float: left;
      font-size: 20px;
      line-height: 1.5em;
      font-weight: bold;
      color: black;
      text-transform: uppercase; }
    .dinabox header .dinabox-fecha {
      float: left;
      font-size: 12px;
      color: #ccc;
      margin: 7px 0 0 10px; }
    .dinabox header .dinabox-fav {
      width: 15px;
      height: 20px;
      display: block;
      position: absolute;
      top: 5px;
      right: 35px;
      background-color: transparent;
      background-position: top center;
      background-size: 15px;
      background-repeat: no-repeat;
      background-image: url(../images/pin.png); }
      .dinabox header .dinabox-fav:hover, .dinabox header .dinabox-fav.fav {
        cursor: pointer;
        background-size: 12px;
        background-image: url(../images/pin2.png); }
    .dinabox header .dinabox-etiqueta {
      color: white;
      text-transform: uppercase;
      float: right;
      width: auto;
      -webkit-border-radius: 15px;
      -moz-border-radius: 15px;
      -ms-border-radius: 15px;
      border-radius: 15px;
      padding: 3px 8px;
      display: block;
      position: absolute;
      font-size: 12px;
      top: 5px;
      right: 5px;
      font-weight: bold;
      -webkit-border-radius: 100px;
      -moz-border-radius: 100px;
      -ms-border-radius: 100px;
      border-radius: 100px;
      color: white;
      background-color: #ccc; }
      .dinabox header .dinabox-etiqueta.Moldes {
        background-color: #00cc00; }
      .dinabox header .dinabox-etiqueta.Fabricación {
        background-color: #9999ff; }
      .dinabox header .dinabox-etiqueta.Reparación {
        background-color: gray; }
    .dinabox header .circulos {
      width: 100%;
      display: block;
      position: absolute;
      margin-top: -35px; }
    .dinabox header .circulo-top {
      width: 25px;
      height: 25px;
      display: block;
      background-color: #f6f6f6;
      border-right: 1px solid #e0e0e0;
      border-bottom: 1px solid #e0e0e0;
      -webkit-border-radius: 20px;
      -moz-border-radius: 20px;
      -ms-border-radius: 20px;
      border-radius: 20px;
      float: left;
      cursor: pointer;
      margin-left: 5px; }
      .dinabox header .circulo-top.encargado {
        background: #45afce url(../images/usuarios.png) no-repeat center center;
        background-size: 15px; }
        .dinabox header .circulo-top.encargado.disenador {
          border: 1px solid #45afce; }
        .dinabox header .circulo-top.encargado.operador {
          background-color: #cccccc;
          border: 1px solid #ccc; }
      .dinabox header .circulo-top.diseno0, .dinabox header .circulo-top.diseno1 {
        background: #f0f0f0 url(../images/diseno1.png) no-repeat center left 7px;
        background-size: 15px; }
      .dinabox header .circulo-top.material0, .dinabox header .circulo-top.material1 {
        background: #f0f0f0 url(../images/material1.png) no-repeat center center;
        background-size: 15px; }
      .dinabox header .circulo-top.material1, .dinabox header .circulo-top.material0:hover {
        background-color: #32cd32;
        background-image: url(../images/material.png); }
      .dinabox header .circulo-top.diseno1, .dinabox header .circulo-top.diseno0:hover {
        background-color: #32cd32;
        background-image: url(../images/diseno.png); }
  .dinabox article {
    width: 60%;
    font-size: 12px;
    float: left;
    padding: 0 5px 5px 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .dinabox article .bloque {
      position: relative;
      background-color: white;
      padding: 10px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      border-radius: 5px;
      border-right: 1px solid #f0f0f0;
      border-bottom: 1px solid #f0f0f0;
      margin-bottom: 10px; }
      .dinabox article .bloque:hover .edit {
        display: block; }
    .dinabox article h2 {
      font-weight: normal;
      text-transform: uppercase;
      font-size: 1.3em; }
    .dinabox article h3 {
      color: #ccc;
      font-size: 1.1em;
      font-weight: bold; }
    .dinabox article p {
      padding-top: 3px;
      line-height: 1.5em;
      font-size: 12px;
      text-align: justify; }
  .dinabox .dinabox-botonest .boton, .dinabox .dinabox-botonest div#basicstyle a.boton.table, div#basicstyle .dinabox .dinabox-botonest a.boton.table {
    padding-left: 10px !important;
    text-align: center; }
  .dinabox .edit {
    display: none;
    top: 5px;
    right: 5px; }
    .dinabox .edit img {
      width: 20px;
      opacity: 0.4; }
    .dinabox .edit:hover img {
      opacity: 0.7; }
  .dinabox footer {
    position: absolute;
    float: left;
    width: 100%;
    opacity: 1;
    color: black;
    z-index: 1;
    margin-left: -10px;
    padding: 3px 10px;
    font-size: 11px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #ccc;
    color: white;
    text-align: center;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    border-bottom-right: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-left: 5px; }
    .dinabox footer.cotizado {
      background-color: #e6c200; }
    .dinabox footer.aprobada {
      background-color: #b9db13; }
    .dinabox footer.abierto {
      background-color: #ffdddd; }

table {
  width: 100%;
  text-align: center;
  border-spacing: 0;
  position: relative; }

.hojarecibo table th.cuarenta {
  width: 40% !important; }

table tr.red {
  background-color: #fff4f4; }
  table tr.red:nth-child(odd) {
    background-color: #ffecec; }
    table tr.red:nth-child(odd) td {
      background-color: #ffecec; }

table tr.green {
  background-color: rgba(169, 200, 17, 0.05); }
table tr.green td {
  background-color: rgba(169, 200, 17, 0.1); }
  table tr.green:nth-child(odd) {
    background-color: rgba(169, 200, 17, 0.1); }
    table tr.green:nth-child(odd) td {
      background-color: inherit; }

table tr.lineadeTotal td {
  font-size: 12px;
  border-top: 1px solid #ccc !important;
  border-bottom: 15px solid white !important;
  background-color: white; }
  table tr.lineadeTotal td.entradasysalidasde:before {
    content: ''; }

table tr.lineadeTotal.grand td {
  border-bottom: 25px solid white !important; }
  table tr.lineadeTotal.grand td:first-child {
    border-top: 1px solid inherit !important; }

table.vertical th {
  width: 30%;
  text-align: left;
  border-bottom: 1px solid white; }

table tr td.sumar {
  background-color: #d1ec14;
  border: 1px solid limegreen;
  padding-left: 3px;
  padding-right: 3px; }
  table tr td.sumar:nth-child(odd) {
    background-color: #d1ec14;
    border: 1px solid limegreen;
    padding-left: 3px;
    padding-right: 3px;}

table tr:nth-child(odd) td.sumar {
  background-color: #b9d013;
  border: 1px solid limegreen;
  padding-left: 3px;
  padding-right: 3px;}
  table tr:nth-child(odd) td.sumar:nth-child(odd) {
    background-color: #b9d013;
    border: 1px solid limegreen;
    padding-left: 3px;
    padding-right: 3px;}

table tr.line_folder td:first-child:before {
  content: '+';
  display: block;
  position: absolute;
  left: -15px;
  padding: 0 3px; }

table tr.line_folder.unfold td:first-child:before {
  content: '-'; }

table tr.line_topfold td {
  line-height: 1.2em; }

#sumatoria {
  position: fixed;
  bottom: 10px;
  right: 10px;
  z-index: 99999999; }

.sumatoria {
  float: right;
  background-color: white;
  padding: 10px;
  margin-left: 10px;
  border: 1px solid #009e8f;
  -webkit-box-shadow: 2px 2px 3px 0px rgba(50, 50, 50, 0.27);
  -moz-box-shadow: 2px 2px 3px 0px rgba(50, 50, 50, 0.27);
  -ms-box-shadow: 2px 2px 3px 0px rgba(50, 50, 50, 0.27);
  box-shadow: 2px 2px 3px 0px rgba(50, 50, 50, 0.27); }

.notas-post {
  width: 22px;
  height: 22px;
  display: inline-block;
  overflow: hidden;
  background-image: url(../images/note-colors.png);
  background-position: center left -3px;
  background-repeat: no-repeat;
  background-size: 150px; }
  .notas-post.notas-verde {
    background-position: center left -28px; }
  .notas-post.notas-naranja {
    background-position: center left -52px; }
  .notas-post.notas-azul {
    background-position: center left -76px; }
  .notas-post.notas-rosa {
    background-position: center left -100px; }
  .notas-post.notas-roja {
    background-position: center left -124px; }

table.secondleft td:nth-child(2), table.secondleft td:nth-child(3) {
  text-align: left; }

table .elevado, table .boton, table form a.boton.table, form table a.boton.table, table div.smallinput a.boton.table, div.smallinput table a.boton.table, table div#basicstyle a.boton.table, div#basicstyle table a.boton.table {
  border-bottom: 1px solid #f0f0f0;
  border-right: 1px solid #f9f6f6;
  border-top: 1px solid white;
  border-left: 1px solid white; }

div.table table {
  border-bottom: 1px solid #f0f0f0;
  border-right: 1px solid #f9f6f6;
  border-top: 1px solid white;
  border-left: 1px solid white; }

table {
  padding-left: 0px !important;
  padding-left: 15px;
 }
  table td.boton {
    padding: 0 !important;
    color: #4D4D4D; }
    table td.boton:hover {
      color: white;
      background-color: #4D4D4D;
      background-repeat: no-repeat;
      background-position: right 2px top 2px;
      background-size: 10px;
      padding-left: 10px;
      background-image: url(../images/addw.png); }
  table a.botontablafit, table form a.boton.table, form table a.boton.table, table div.smallinput a.boton.table, div.smallinput table a.boton.table, table div#basicstyle a.boton.table, div#basicstyle table a.boton.table {
    display: inline-block;
    cursor: pointer;
    background-color: #83902c;
    position: relative;
    width: fit-content;
    height: auto;
    color: #FFFFFF;
    padding: 5px 10px;
    text-align: center; }
    table a.botontablafit:hover, table div#basicstyle a.boton.table:hover, div#basicstyle table a.boton.table:hover {
      background-color: #c3d082;
      color: #333; }
  table .medida {
    background-repeat: no-repeat;
    background-position: left 2px center;
    background-size: 15px;
    padding-left: 15px; }
  table .kg {
    background-image: url(../images/tablas/kg.png); }
  table .gr {
    background-image: url(../images/tablas/gr.png); }
  table .money {
    background-image: url(../images/tablas/money.png); }
  table .l {
    background-image: url(../images/tablas/l.png); }
  table .ml {
    background-image: url(../images/tablas/ml.png); }
  table .t {
    background-image: url(../images/tablas/t.png); }
  table .pz {
    background-image: url(../images/tablas/pz.png); }
  table .percent {
    background-image: url(../images/tablas/percent.png); }
    .td-yellow-claro{
      background-color: #fafc86 !important;
    }
    .td-green-claro{
      background-color: #68d23040 !important;
    }
p.info {
  font-size: 12px;
  margin-bottom: 0;
  font-weight: 400;
  color: #666; }
  p.info:first-letter {
    text-transform: capitalize; }

a.accion img, form a.boton.table img, div.smallinput a.boton.table img, div#basicstyle a.boton.table img {
  width: 20px; }

table tbody td, table thead th {
  border-right: 1px solid white;
  border-top: none;
  position: relative;
  font-family: 'Muli-Regular'; }

table thead th {
  font-size: 11px;
  text-align: center;
  background-color: #fff  !important;
  color: #333;
  padding: 12px 1px;
  font-weight: bold; 
  border-bottom: 1px solid #3771c8;
  text-transform: uppercase;
  font-family: Arial, sans-serif;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  table thead th.sorting {
    font-size: 14px;
    text-align: center;
    background-color: #888 !important;
    color: #FFFFFF;
    padding: 8px 1px;
    font-weight: lighter; }

table td {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 11px;
  font-family: 'Muli-Regular';
  font-weight: 400;
  padding: 0px;
  color: black;
  line-height: 1.4em;
  border-bottom: 1px solid #f0f0f0;
  }
  table td.merged {
    background-image: url(../images/merge-g.png);
    background-position: center left 60%;
    background-repeat: no-repeat;
    background-size: 25px;
    opacity: 0.2; }
  table td li.listas {
    color: #4D4D4D;
    list-style: none;
    text-align: left; }
  table td li:nth-child(odd).listas {
    color: #666; }
  table td small {
    height: 15px; }
  table td li.listas.orden-material {
    margin: 2px 0;
    height: auto;
    vertical-align: middle;
    background-color: white;
    padding: 2px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    table td li.listas.orden-material .label, table td li.listas.orden-material .weight, table td li.listas.orden-material .boton.tabla, table td li.listas.orden-material div#basicstyle a.boton.table, div#basicstyle table td li.listas.orden-material a.boton.table, table td li.listas.orden-material .avance {
      height: auto;
      vertical-align: middle;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      display: table-row;
      position: relative; }
    table td li.listas.orden-material .label {
      width: 200px;
      display: table-cell;
      padding: 3px 10px;
      border-bottom: 1px solid white; }
    table td li.listas.orden-material .weight {
      width: 150px;
      text-align: center;
      display: table-cell;
      border-bottom: 1px solid white; }
    table td li.listas.orden-material .boton.table, table td li.listas.orden-material div#basicstyle a.boton.table, div#basicstyle table td li.listas.orden-material a.boton.table {
      width: 40px !important;
      display: table-cell; }
    table td li.listas.orden-material .avance {
      width: 100px;
      text-align: left !important;
      display: table-cell; }
  table td li:nth-child(odd).listas {
    color: #666; }
    table td li:nth-child(odd).listas.orden-material .label, table td li:nth-child(odd).listas.orden-material .weight, table td li:nth-child(odd).listas.orden-material .avance {
      background-color: #f9f9f9; }

table.pro-pack td {
  vertical-align: top !important; }

table td li.listas.proform {
  height: auto;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: table-row;
  width: 100% !important; }
  table td li.listas.proform .folio, table td li.listas.proform .flejes, table td li.listas.proform .tara, table td li.listas.proform .neto {
    height: auto;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  table td li.listas.proform label {
    clear: none;
    height: 25px;
    padding: 0.1%;
    line-height: 2em;
    margin-left: 0;
    font-size: .8em;
    width: 9%;
    padding-left: 4px; }
  table td li.listas.proform input {
    clear: none;
    height: 25px;
    padding: .1%;
    line-height: 2em;
    margin-left: 0;
    font-size: .8em;
    width: 9%;
    text-align: center;
    width: 12.30%; }
    table td li.listas.proform input.flejetara {
      text-align: center;
      width: 9%; }
    table td li.listas.proform input:disabled {
      background-size: 6px !important; }
  table td li.listas.proform .label {
    width: 200px;
    display: table-cell;
    padding: 3px 10px;
    border-bottom: 1px solid white; }

table td li:nth-child(odd).listas.proform .label {
  background-color: #f9f9f9; }

table td b {
  font-size: 1em;
  font-weight: 700; }

table tr {
  background-color: white;}
  table tr:nth-child(odd) {
    background-color: #fafdff; }
  table tr:hover {
    background-color: #f5f8e7; }

table.hover tr:hover {
  background: black;
  background: rgba(0, 0, 0, 0.02); }

table.firsten td:first-child {
  font-weight: bold; }

table.firstright td:first-child {
  text-align: right; }

table tfoot tr td a.cvs, table tfoot tr td form a.boton.table, form table tfoot tr td a.boton.table, table tfoot tr td div.smallinput a.boton.table, div.smallinput table tfoot tr td a.boton.table, table tfoot tr td div#basicstyle a.boton.table, div#basicstyle table tfoot tr td a.boton.table {
  background-color: #83902c;
  color: white;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  table tfoot tr td a.cvs:hover, table tfoot tr td div#basicstyle a.boton.table:hover, div#basicstyle table tfoot tr td a.boton.table:hover {
    background-color: rgba(196, 210, 93, 0.7);
    color: #888; }

.dtticons {
  width: 10px; }

table td.edit {
  padding: 3px 0px 3px 3px; }
  table td.edit:hover {
    background-color: #B8DAE8; }

.red, .redred, .green {
  font-weight: 400; }

p.paginado {
  text-align: center;
  color: #999;
  font-size: 13px; }
  p.paginado a, p.paginado form a.boton.table, form p.paginado a.boton.table, p.paginado div.smallinput a.boton.table, div.smallinput p.paginado a.boton.table, p.paginado div#basicstyle a.boton.table, div#basicstyle p.paginado a.boton.table {
    color: blue; }

table#items {
  border: none;
  background: black;
  background: rgba(0, 0, 0, 0.02); }
  table#items th {
    border: none; }
  table#items td {
    border: none;
    border-bottom: 1px solid #E5EAEA; }

a.boton.table, form a.boton.table, div.smallinput a.boton.table, div#basicstyle a.boton.table {
  margin: 1px auto !important;
  float: inherit !important;
  display: inline-block;
  padding: 5px 9px 4px 9px;
  width: 100%;
  text-align: center;
  -webkit-border-radius: 3px !important;
  -moz-border-radius: 3px !important;
  -ms-border-radius: 3px !important;
  border-radius: 3px !important;
  clear: right; }
  a.small.boton.table, form a.boton.table, div.smallinput a.boton.table, div#basicstyle a.boton.table {
    margin: 1px 0 !important;
    padding: 3px 4px !important; }
  a.mid.boton.table, form a.boton.table, div.smallinput a.boton.table, div#basicstyle a.boton.table {
    padding: 5px 10px 4px 10px;
    margin-bottom: 1px; }

table a.botontabla, table form a.botontabla.boton.table, form table a.botontabla.boton.table, table div.smallinput a.botontabla.boton.table, div.smallinput table a.botontabla.boton.table, table div#basicstyle a.botontabla.boton.table, div#basicstyle table a.botontabla.boton.table {
  width: 100%;
  height: 100%;
  display: block; }

.saldo {
  padding-left: 3%;
  font-size: 13px;
  color: #333; }
  .saldo:first-child {
    padding-left: 0; }
  .saldo b {
    text-transform: uppercase;
    font-size: .9em; }
  .saldo.saldoinicial b {
    color: #a2d1e7; }
  .saldo.ingresos b {
    color: #1d98d1; }

h3.ingresos {
  color: #1d98d1; }

.saldo.egresos b, h3.egresos {
  color: rgb(237 93 76); }

.saldo.saldoa b, h3.saldoa {
  color: blue; }

#ptabla {
  margin: 20px 0;
  float: left;
  width: 100%;
  clear: both; }
  #ptabla a.remove {
    font-weight: 400;
    color: black; }
    #ptabla a.remove:hover {
      font-weight: 400;
      color: #666; }

.textright {
  text-align: right; }

.textcenter {
  text-align: center; }

#ptabla label.red {
  background-color: #E05A53; }

#ptabla label.blue {
  background-color: #0087CF; }

#ptabla input[type=text], #ptabla input[type=number] {
  width: 100%; }

#ptabla select {
  width: 100%; }

#ptabla textarea {
  width: 100%;
  height: 75px; }

#ptabla td.pesos input[type=text] {
  width: 27%;
  margin: 2px 0;
  text-align: center; }

#ptabla td.peso input[type=text] {
  text-align: center; }

#ptabla td.pesos label {
  width: 23%;
  margin: 2px 0;
  clear: none;
  padding-right: 3px; }

form.basico.compra .added {
  right: -316.5%; }

a.bigadd, form a.bigadd.boton.table, div.smallinput a.bigadd.boton.table, div#basicstyle a.bigadd.boton.table, a.botonbigadd, form a.botonbigadd.boton.table, div.smallinput a.botonbigadd.boton.table, div#basicstyle a.botonbigadd.boton.table {
  width: 160px;
  height: 34px;
  padding-right: 50px;
  padding-top: 4px;
  background: url(../images/bigadd.png) no-repeat top right;
  display: block;
  text-align: right;
  line-height: 2em;
  color: white;
  opacity: .3;
  float: right;
  margin-top: 20px;
  font-size: 14px;
  cursor: pointer; }
  a.bigadd.fondo-verde, form a.bigadd.fondo-verde.boton.table, div.smallinput a.bigadd.fondo-verde.boton.table, div#basicstyle a.bigadd.fondo-verde.boton.table, a.botonbigadd.fondo-verde, form a.botonbigadd.fondo-verde.boton.table, div.smallinput a.botonbigadd.fondo-verde.boton.table, div#basicstyle a.botonbigadd.fondo-verde.boton.table {
    background-color: #a2b81c;
    opacity: 1; }

p.waiting {
  width: 160px;
  font-size: 11px;
  text-align: right;
  margin-top: 100px;
  margin-right: 20px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 50;
  color: black; }
  p.waiting img {
    vertical-align: middle;
    display: inline-block;
    width: 20px; }

a.bigadd:hover, form a.bigadd.boton.table:hover, div.smallinput a.bigadd.boton.table:hover, div#basicstyle a.bigadd.boton.table:hover {
  opacity: .7; }


/*table#pcompra th, table#pcompra td {
  border: none;
  padding-right: 1px;
  padding-left: 1px; }*/

table.detallesform th, table.detallesform td {
  border: none;
  padding-right: 3px;
  padding-left: 3px; }

/*table#pcompra th, table.detallesform th {
  color: #FFFFFF;
  font-size: 12px;
  font-weight: bold; }*/

#recibohold {
  position: relative;
  width: auto;
  width: 800px;
  margin: 10px auto;
  padding: 0 0 60px 0;
  display: block;
  background: -webkit-gradient(linear, right top, left bottom, color-stop(50%, #EAEAEA), color-stop(50%, #EAEAEA), color-stop(51%, #0087CF), color-stop(100%, #0087CF));
  background: -webkit-linear-gradient(-45deg, #EAEAEA 50%, #EAEAEA 50%, #0087CF 51%, #0087CF 100%);
  background: linear-gradient(135deg, #EAEAEA 50%, #EAEAEA 10%, #0087CF 10%, #0087CF 10%);
  -webkit-box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.27);
  -moz-box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.27);
  -ms-box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.27);
  box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.27); }
  #recibohold canvas {
    border: none; }
  #recibohold h3 {
    font-weight: 300;
    margin: 0 0 30px 0;
    color: white; }

.hojarecibo {
  width: 100%;
  max-width: 960px;
  height: auto;
  margin: 0 0 10px 0;
  display: block;
  border: none !important;
  background-color: white;
  position: relative;
  padding: 20px; }
  .hojarecibo.ready {
    padding: 20px; }
  .hojarecibo .importe {
    font-size: 12px;
    color: #333;
    margin-top: 20px; }

div.abright {
  position: absolute;
  top: 40px;
  right: 20px;
  text-align: right;
  font-size: 14px; }
  div.abright .fecha {
    font-size: 13px;
    color: #666; }

header.recibo {
  height: 60px;
  width: 100%;
  display: block;
  overflow: hidden;
  background-color: #FFFFFF;
  top: 0;
  left: 0; }
  header.recibo h1 {
    font-weight: 300;
    font-size: 20px;
    margin-top: 15px;
    color: black; }
    header.recibo h1 img {
      display: inline;
      vertical-align: middle;
      width: 140px;
      margin-top: -15px; }
  header.recibo.paginas h1 {
    font-size: 14px;
    margin-top: 10px; }
    header.recibo.paginas h1 img {
      width: 100px;
      margin-top: -10px; }

table.recibo, table.datosgenerales {
  position: relative;
  height: auto;
  display: inline-block;
  width: 100%;
  margin-left: -20px;
  border-top: 1px solid #f0f0f0; }

.hojarecibo table tr td, .hojarecibo table tr:nth-child(odd) td {
  background-color: #f5f7ff; }

.hojarecibo table.tabla tr th, .hojarecibo table.tabla tr:nth-child(odd) th {
  background-color: inherit; }

.hojarecibo table tr {
  background-color: white; }
  .hojarecibo table tr:nth-child(odd) {
    background-color: #f5f7ff; }

table.datosgenerales {
  border-bottom: 1px solid #f0f0f0;
  margin-top: 10px;
  position: relative;
  height: auto;
  display: inline-block;
  width: 100%;
  border-top: 1px solid #f0f0f0;
  border-bottom: 1px solid #f0f0f0;
  margin-top: 10px; }
  table.datosgenerales td {
    width: 30%;
    background-color: inherit;
    text-align: left; }
  table.datosgenerales tr td, table.datosgenerales tr:nth-child(odd) td {
    background-color: white !important; }
  table.datosgenerales td {
    width: 30%;
    background-color: inherit;
    text-align: left; }
  table.datosgenerales tr td, table.datosgenerales tr:nth-child(odd) td {
    background-color: white !important; }

.hojarecibo table.datosgenerales tr td:first-child {
  width: 20%; }

.hojarecibo table tr.white {
  background-color: white; }
  .hojarecibo table tr.white.top {
    border-top: 1px solid #f0f0f0; }
  .hojarecibo table tr.white th {
    padding: 7px 0;
    background-color: rgba(0, 0, 0, 0.03); }

.hojarecibo table td {
  padding: 4px 0; }

.hojarecibo table th {
  font-size: 12px; }

.hojarecibo table tr td:first-child {
  text-align: left; }

.hojarecibo table tr th:first-child {
  text-align: left;
  font-weight: bold;
  width: 23%; }

.hojarecibo table td {
  width: 10%; }

#recibohold h3 {
  font-weight: 300;
  margin: 0 0 30px 0;
  color: white; }

.hojarecibo .firma {
  width: 250px;
  position: absolute;
  top: -45px;
  margin-left: 50px; }

li.listas.packpro  {
  width: 100%;
  display: block;
  float: left; }

tr:hover > td.eliminar > .deathnote {
  display: block; }

td.eliminar:hover > .deathnote {
  display: block; }

td.eliminar .deathnote {
  display: none;
  position: absolute;
  right: 0;
  margin-top: -25px;
  margin-right: -20px;
  cursor: pointer;
  opacity: 0.5; }
  td.eliminar .deathnote:hover {
    opacity: 1; }

table.darkhead {
  width: 100%;
  text-align: left;
  table-layout: fixed;
  margin-bottom: 3px; }
  table.darkhead th, table.darkhead thead th {
    font-weight: normal !important;
    background-color: black !important;
    color: white;
    padding: 2px;
    border: none; }
  table.darkhead td {
    background-color: white;
    color: #333; }
    table.darkhead td b {
      color: #333; }
  table.darkhead.packingpro td {
    font-size: 11px;
    padding: 1px 2px !important;
    text-transform: uppercase;
    border-bottom: 1px solid #999;
    border-right: 1px solid #999;
    color: #333; }
    table.darkhead.packingpro td:first-child {
      border-left: 1px solid #999; }
  table.darkhead.detalles td {
    vertical-align: top;
    border-right: 1px solid #999;
    padding: 2px !important; }
    table.darkhead.detalles td:first-child {
      border-left: 1px solid #999; }
  table.darkhead.detalles tr.white.top td {
    border-left: none;
    border-top: 1px solid #999 !important; }
  table.darkhead.detalles tr.white td:first-child {
    border-left: none; }
  table.darkhead.detalles tr.white td:last-child {
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
    text-align: right; }
  table.darkhead.detalles .white td {
    border-right: 0;
    padding: 2px; }
  table.darkhead.detalles .white th {
    text-align: right;
    padding: 1px 5px !important; }

th.quince {
  width: 15% !important; }

.cultyvo-filter {
  float: right;
  top: 20px;
  right: 20px;
  margin-top: -35px;
  width: auto; }

input.cultyvo-filter-search {
  display: inline-block;
  width: 200px !important;
  height: 26px !important;
  padding: 4px;
  border: 1px solid #f0f0f0 !important;
  margin: 0 !important; }
  input.cultyvo-filter-search:hover ,input.cultyvo-filter-search:focus {
    outline: none;
    border: 1px solid #83902c !important;
  }

.cultyvo-filter-sort {
  cursor: pointer; }

.cultyvo-filter-button {
  padding: 4px 10px;
  border-radius: 2px;
  border: none;
  display: inline-block;
  color: white;
  text-decoration: none;
  border-radius: 90px;
  background-color: #83902c;
  height: 26px;
  margin-left: 5px;
  font-family: 'Muli-Regular';
  cursor: pointer;
  }
  .cultyvo-filter-button:hover, .cultyvo-filter-button.active {
    border: none;
    background-color: #3771c8;
    color: white;}

.cultyvo-filter-sort:hover {
  text-decoration: none;
  margin-top: -1px; }

.cultyvo-filter-sort:focus {
  outline: none; }

.cultyvo-filter-button:focus {
  outline: none; }

.cultyvo-filter-sort.asc, .cultyvo-filter-sort.desc {
  border-bottom: 1px solid #4D4D4D; }

.cultyvo-filter-sort:after {
  display: inline-block;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  content: "";
  position: absolute;
  top: 4px;
  right: 5px;
  border-bottom: 5px solid transparent; }

.cultyvo-filter-sort.asc:after {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  content: "";
  position: absolute;
  top: 4px;
  right: 5px;
  border-top: 5px solid #fff; }

.cultyvo-filter-sort.desc:after {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  content: "";
  position: absolute;
  top: 4px;
  right: 5px;
  border-bottom: 5px solid #fff; }

ul.cultyvo-paginacion {
  display: inline-block;
  text-align: center;
  width: 100%; }
  ul.cultyvo-paginacion li {
    list-style: none;
    display: inline-block;
    text-align: center;
    margin: 0 1px;
    font-size: 11px; }
    ul.cultyvo-paginacion li .page {
      color: #4D4D4D;
      padding: 3px 6px;
      background-color: #FFFFFF; }
    ul.cultyvo-paginacion li.active a, ul.cultyvo-paginacion li.active div#basicstyle a.boton.table, div#basicstyle ul.cultyvo-paginacion li.active a.boton.table, ul.cultyvo-paginacion li .page:hover {
      font-size: 14px;
      color: #009e8f; }

table.trselect tr:hover, table.trselect tr.activo {
  background-color: rgba(69, 175, 206, 0.2) !important; }

tr.movimiento .cancel {
  opacity: 0; }

tr.movimiento:hover {
  background-color: rgba(50, 205, 50, 0.05) !important; }
  tr.movimiento:hover .cancel {
    opacity: 1; }

table tbody tr td input.checkventa {
  display: inline-block; }

table td .boton-pequeno, table td .boton-mediano, table td .boton-grande {
  display: inline-block;
  text-decoration: none;
  border-radius: 10px;
  margin: 5px;
  font-family: 'Muli-Bold';
  font-weight: 500;
  cursor: pointer;
  font-size:  11px;
  background-color: white;
  text-transform: lowercase !important;
  transition: background-color 0.3s ease;
  border:1px solid #3771c8;
  color: #3771c8;
  background-color: #f3f7ff;
   }
  table td .boton-pequeno:hover, table td .boton-mediano:hover, table td .boton-grande:hover {
    background-color: #3771c8;
    border: 1px solid #3771c8;
    color: #fff; }
  table td .boton-pequeno.borrar_detalle
  {
    border:1px solid rgb(237 93 76);
    color: rgb(237 93 76);
  }
  table td .boton-pequeno.borrar_detalle:hover
  {
    background-color: rgb(237 93 76);
    color: white;
  }

  /*boton rojo */
  table td .boton-pequeno.red, table td .boton-mediano.red, table td .boton-grande.red
  {
    border:1px solid #ed5d4c;
    background-color: #fff3f1;
    color: #ed5d4c;
    font-family: 'Muli-Bold';
  }
    table td .boton-pequeno.red:hover, table td .boton-mediano.red:hover, table td .boton-grande.red:hover
    {
      background-color: #ed5d4c;
      color: white;
    }

  /*boton rojo */
  table td .boton-pequeno.green, table td .boton-mediano.green, table td .boton-grande.green
  {
    border:1px solid #83902c;
    background-color: #fdfff5;
    color: #83902c;
    font-family: 'Muli-Bold';
  }
    table td .boton-pequeno.green:hover, table td .boton-mediano.green:hover, table td .boton-grande.green:hover
    {
    background-color: #83902c;
    color: white;
    }
table td .boton-pequeno {
  padding: 3px 8px;
  font-size: 10px; }

table td .boton-mediano {
  padding: 8px 13px;
  font-size: 12px; }

table td .boton-grande {
  padding: 13px 18px;
  font-size: 14px; }

.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.4;
  backdrop-filter: blur(5px);
  filter: alpha(opacity=40); }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .mfp-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }
  .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #cccccc;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a, .mfp-preloader form a.boton.table, form .mfp-preloader a.boton.table, .mfp-preloader div.smallinput a.boton.table, div.smallinput .mfp-preloader a.boton.table, .mfp-preloader div#basicstyle a.boton.table, div#basicstyle .mfp-preloader a.boton.table {
    color: #cccccc; }
    .mfp-preloader a:hover, .mfp-preloader form a.boton.table:hover, form .mfp-preloader a.boton.table:hover, .mfp-preloader div.smallinput a.boton.table:hover, div.smallinput .mfp-preloader a.boton.table:hover, .mfp-preloader div#basicstyle a.boton.table:hover, div#basicstyle .mfp-preloader a.boton.table:hover {
      color: white; }

.mfp-s-ready .mfp-preloader, .mfp-s-error .mfp-content {
  display: none; }

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  filter: alpha(opacity=65);
  padding: 0 0 18px 10px;
  color: white;
  font-style: normal;
  font-size: 28px;
  font-family: Arial,Baskerville,monospace; }
  .mfp-close:hover, .mfp-close:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333333; }

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
  color: white;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #cccccc;
  font-size: 12px;
  line-height: 18px; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  filter: alpha(opacity=65);
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover, .mfp-arrow:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
  .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after, .mfp-arrow .mfp-a {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before, .mfp-arrow .mfp-b {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
    border-right: 17px solid white;
    margin-left: 31px; }
  .mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
    border-left: 17px solid white;
    margin-left: 39px; }
  .mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
    border-left: 27px solid #3f3f3f; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: black; }

img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444444; }
  .mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #f3f3f3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }

.mfp-ie7 .mfp-img {
  padding: 0; }

.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px; }

.mfp-ie7 .mfp-container {
  padding: 0; }

.mfp-ie7 .mfp-content {
  padding-top: 44px; }

.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0; }

.mfp-with-zoom .mfp-container, .mfp-with-zoom.mfp-bg, .getform .mfp-container, .getform.mfp-bg, .getModulo .mfp-container, .getModulo.mfp-bg {
  opacity: 0;
  -webkit-backface-visibility: hidden;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out; }

.mfp-with-zoom.mfp-ready .mfp-container, .getform.mfp-ready .mfp-container, .getModulo.mfp-ready .mfp-container {
  opacity: 1; }

.mfp-with-zoom.mfp-ready.mfp-bg, .getform.mfp-ready.mfp-bg, .getModulo.mfp-ready.mfp-bg {
  opacity: 0.4;
  filter: alpha(opacity=40); }

.mfp-with-zoom.mfp-removing .mfp-container, .mfp-with-zoom.mfp-removing.mfp-bg, .getform.mfp-removing .mfp-container, .getform.mfp-removing.mfp-bg, .getModulo.mfp-removing .mfp-container, .getModulo.mfp-removing.mfp-bg {
  opacity: 0; }

div.charts {
  padding: 20px 20px 40px 20px;
  margin: 0 1%;
  width: 91%;
  height: 200px;
  float: left;
  background-color: white; }
  div.charts h2 {
    font-weight: normal;
    text-transform: uppercase;
    font-size: 15px;
    color: gray;
    padding-bottom: 30px;
    width: 80%;
    margin-right: 0 !important;
    -webkit-margin-after: 0; }
  div.charts .chart {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
    float: left; }
    div.charts .chart .chart-concepts {
      float: left;
      width: 20%;
      position: absolute;
      top: 0;
      right: 0;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }
      div.charts .chart .chart-concepts h2 {
        padding-bottom: 10px !important;
        -webkit-margin-after: 0; }
      div.charts .chart .chart-concepts .chart-concepts-concept {
        width: 50%;
        text-transform: capitalize;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        margin: 0;
        padding: 2px 1% 2px 5%;
        float: left;
        font-size: 10px;
        position: relative;
        background-color: transparent; }
        div.charts .chart .chart-concepts .chart-concepts-concept:after {
          content: '';
          width: 7px;
          height: 7px;
          display: block;
          position: absolute;
          left: 0;
          top: 50%;
          margin-top: -3.5px;
          -webkit-border-radius: 5px;
          -moz-border-radius: 5px;
          -ms-border-radius: 5px;
          border-radius: 5px; }
    div.charts .chart .chart-container {
      height: 65% !important;
      width: 80%;
      float: left;
      display: block;
      position: relative;
      margin-top: 30px;
      border-bottom: 1px solid #f0f0f0;
      border-left: 1px solid #f0f0f0; }
      div.charts .chart .chart-container .chart-element {
        height: 100%;
        float: left;
        display: block;
        position: relative;
        margin: 0 1% 0 1%; }
        div.charts .chart .chart-container .chart-element .chart-bar {
          display: block;
          padding: 0;
          float: left;
          position: absolute;
          bottom: 0;
          z-index: 3;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box;
          cursor: pointer; }
          div.charts .chart .chart-container .chart-element .chart-bar .chart-bar-pieza {
            float: left;
            width: 100%;
            display: block;
            margin: 0 !important; }
          div.charts .chart .chart-container .chart-element .chart-bar .chart-bar-topvalue {
            position: absolute;
            font-size: 10px;
            width: 100px;
            left: 50%;
            margin-left: -35px;
            text-align: left;
            margin-top: -65px;
            transform: rotate(-65deg); }
    div.charts .chart .chart-names {
      width: 80%;
      margin: 0;
      height: 25px;
      display: block;
      float: left;
      border-left: 1px solid transparent; }
      div.charts .chart .chart-names .chart-elementname {
        float: left;
        text-align: center;
        margin: 0 1%;
        font-size: 10.5px;
        color: #333;
        text-transform: capitalize; }
        div.charts .chart .chart-names .chart-elementname .chart-barname {
          margin: 0 1%;
          display: block;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box;
          float: left;
          font-size: 9px;
          position: relative !important; }
        div.charts .chart .chart-names .chart-elementname .chart-elementname-label {
          float: left;
          font-size: 10px;
          clear: both;
          width: 100%;
          text-align: center;
          display: block;
          position: relative;
          font-weight: normal;
          text-transform: uppercase; }

.bg-1, .chart-concepts-concept.bg-1:after {
  background-color: rgba(232, 89, 24, 0.9); }

.bg-2, .chart-concepts-concept.bg-2:after {
  background-color: rgba(232, 175, 24, 0.9); }

.bg-3, .chart-concepts-concept.bg-3:after {
  background-color: rgba(202, 232, 24, 0.9); }

.bg-4, .chart-concepts-concept.bg-4:after {
  background-color: rgba(115, 232, 24, 0.9); }

.bg-5, .chart-concepts-concept.bg-5:after {
  background-color: rgba(29, 232, 24, 0.9); }

.bg-6, .chart-concepts-concept.bg-6:after {
  background-color: rgba(24, 232, 106, 0.9); }

.bg-7, .chart-concepts-concept.bg-7:after {
  background-color: rgba(24, 232, 193, 0.9); }

.bg-8, .chart-concepts-concept.bg-8:after {
  background-color: rgba(24, 185, 232, 0.9); }

.bg-9, .chart-concepts-concept.bg-9:after {
  background-color: rgba(24, 98, 232, 0.9); }

.bg-10, .chart-concepts-concept.bg-10:after {
  background-color: rgba(37, 24, 232, 0.9); }

.bg-11, .chart-concepts-concept.bg-11:after {
  background-color: rgba(123, 24, 232, 0.9); }

.bg-12, .chart-concepts-concept.bg-12:after {
  background-color: rgba(210, 24, 232, 0.9); }

.bg-13, .chart-concepts-concept.bg-13:after {
  background-color: rgba(232, 24, 167, 0.9); }

.bg-14, .chart-concepts-concept.bg-14:after {
  background-color: rgba(232, 24, 81, 0.9); }

.bg-15, .chart-concepts-concept.bg-15:after {
  background-color: rgba(232, 54, 24, 0.9); }

.bg-16, .chart-concepts-concept.bg-16:after {
  background-color: rgba(232, 141, 24, 0.9); }

.bg-17, .chart-concepts-concept.bg-17:after {
  background-color: rgba(232, 227, 24, 0.9); }

.bg-18, .chart-concepts-concept.bg-18:after {
  background-color: rgba(150, 232, 24, 0.9); }

.bg-19, .chart-concepts-concept.bg-19:after {
  background-color: rgba(63, 232, 24, 0.9); }

.bg-20, .chart-concepts-concept.bg-20:after {
  background-color: rgba(24, 232, 71, 0.9); }

.bg-21, .chart-concepts-concept.bg-21:after {
  background-color: rgba(24, 232, 158, 0.9); }

.bg-22, .chart-concepts-concept.bg-22:after {
  background-color: rgba(24, 219, 232, 0.9); }

.bg-23, .chart-concepts-concept.bg-23:after {
  background-color: rgba(24, 133, 232, 0.9); }

.color-1 {
  color: rgba(232, 89, 24, 0.9); }

.color-2 {
  color: rgba(232, 175, 24, 0.9); }

.color-3 {
  color: rgba(202, 232, 24, 0.9); }

.color-4 {
  color: rgba(115, 232, 24, 0.9); }

.color-5 {
  color: rgba(29, 232, 24, 0.9); }

.color-6 {
  color: rgba(24, 232, 106, 0.9); }

.color-7 {
  color: rgba(24, 232, 193, 0.9); }

.color-8 {
  color: rgba(24, 185, 232, 0.9); }

.color-9 {
  color: rgba(24, 98, 232, 0.9); }

.color-10 {
  color: rgba(37, 24, 232, 0.9); }

.color-11 {
  color: rgba(123, 24, 232, 0.9); }

.color-12 {
  color: rgba(210, 24, 232, 0.9); }

.color-13 {
  color: rgba(232, 24, 167, 0.9); }

.color-14 {
  color: rgba(232, 24, 81, 0.9); }

.color-15 {
  color: rgba(232, 54, 24, 0.9); }

.color-16 {
  color: rgba(232, 141, 24, 0.9); }

.color-17 {
  color: rgba(232, 227, 24, 0.9); }

.color-18 {
  color: rgba(150, 232, 24, 0.9); }

.color-19 {
  color: rgba(63, 232, 24, 0.9); }

.color-20 {
  color: rgba(24, 232, 71, 0.9); }

.color-21 {
  color: rgba(24, 232, 158, 0.9); }

.color-22 {
  color: rgba(24, 219, 232, 0.9); }

.color-23 {
  color: rgba(24, 133, 232, 0.9); }

.aleft {
  text-align: left;
  padding-left: 5px; }

.aright {
  text-align: right;
  padding-right: 5px; }

.acenter {
  text-align: center; }

.uppercase {
  text-transform: uppercase; }

@font-face {
  font-family: "Muli-Regular";
  font-weight: normal;
  src: url("../images/fonts/Muli-Regular.ttf") format("truetype"); }

@font-face {
  font-family: "Muli-Bold";
  font-weight: bold;
  src: url("../images/fonts/Muli-Bold.ttf") format("truetype"); }

@font-face {
  font-family: "Muli-Black";
  font-weight: bold;
  src: url("../images/fonts/Muli-Black.ttf") format("truetype"); }

.w100, .lista-cultyvo li, .lista-cultyvo li .key, .lista-cultyvo li .val, form.basico.left, div.basico.left.smallinput, div.basico.left#basicstyle, .scanner .interface {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

#debugg {
  overflow: scroll;
  height: 600px; }

li, a, form a.boton.table, div.smallinput a.boton.table, div#basicstyle a.boton.table {
  text-decoration: none;
  list-style: none; }

.h2-inventario {
  padding: 25px 30px;
  font-size: 1.1em;
  -webkit-box-shadow: 0px 1px 0px rgba(50, 50, 50, 0.1);
  -moz-box-shadow: 0px 1px 0px rgba(50, 50, 50, 0.1);
  -ms-box-shadow: 0px 1px 0px rgba(50, 50, 50, 0.1);
  box-shadow: 0px 1px 0px rgba(50, 50, 50, 0.1); }
  .h2-inventario.blanca {
    color: #45afce;
    font-size: 1em;
    padding: 5px;
    position: relative; }
  .h2-inventario.sinborde {
    box-shadow: none; }

.cont-panel {
  width: 70%;
  height: auto;
  position: relative;
  display: inline-block;
  background-color: rgba(255, 255, 255, 0.5);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 500; }
  .cont-panel .compras.bloqueform.moreless.closed {
    max-height: 30px !important; }
  .cont-panel.menus {
    float: left; }
    .cont-panel.menus.inv {
      margin-top: 1%;
      height: auto; }
  .cont-panel.comprass {
    float: right;
    width: 28%;
    height: auto; }
    .cont-panel.comprass.cuent {
      margin-top: 1%; }
  .cont-panel .menu-panel {
    width: 50%;
    height: auto;
    position: relative;
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .cont-panel .menu-panel.izquierdo {
      float: left; }
    .cont-panel .menu-panel.derecho {
      float: right; }
  .cont-panel .div-duo {
    display: inline-block;
    position: relative;
    width: 49.8%;
    height: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .cont-panel .div-duo.meliz {
      float: left; }
    .cont-panel .div-duo.melid {
      float: right; }
    .cont-panel .div-duo.m-icono {
      float: left;
      text-align: center; }
    .cont-panel .div-duo.m-listas {
      float: right;
      height: 110px;
      text-align: center;
      background-color: #fdfdfd; }
    .cont-panel .div-duo .div-menu {
      display: inline-block;
      position: relative;
      /* float: left; */
      width: 100%;
      height: 110px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }
  .cont-panel .a-panel {
    color: #58595b;
    font-size: 12px; }
    .cont-panel .a-panel:hover {
      color: #ff6200; }
  .cont-panel .lista {
    display: inline-block;
    position: relative;
    float: left;
    font-size: 16px;
    text-align: center;
    margin-top: 8%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .cont-panel .lista.icono {
      border-radius: 50px;
      margin-left: 5%;
      padding: 5px;
      background-color: #f1f2f2; }
      .cont-panel .lista.icono.azul {
        background-color: #b6dfea; }
        .cont-panel .lista.icono.azul:hover {
          background-color: #3e546d; }
    .cont-panel .lista.titulo {
      padding: 10px 15px;
      color: #3e546d; }
  .cont-panel .cont-compras {
    width: 100%;
    height: auto;
    background-color: white;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .cont-panel .cont-compras .div-compra {
      width: 100%;
      height: 195px;
      font-size: 12px;
      overflow: scroll;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }
    .cont-panel .cont-compras .td-com {
      background-color: white;
      padding: 5px;
      border-bottom: 1px rgba(50, 50, 50, 0.1) solid; }
      .cont-panel .cont-compras .td-com.elim {
        display: none; }
    .cont-panel .cont-compras .div-cuentas {
      width: 100%;
      height: auto; }
      .cont-panel .cont-compras .div-cuentas .menu-cuentas {
        width: 100%;
        -webkit-box-shadow: 2px 1px 2px rgba(50, 50, 50, 0.1);
        -moz-box-shadow: 2px 1px 2px rgba(50, 50, 50, 0.1);
        -ms-box-shadow: 2px 1px 2px rgba(50, 50, 50, 0.1);
        box-shadow: 2px 1px 2px rgba(50, 50, 50, 0.1);
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        -ms-border-radius: 2px;
        border-radius: 2px;
        display: flex;
        text-align: center; }
        .cont-panel .cont-compras .div-cuentas .menu-cuentas li {
          width: 100%; }
          .cont-panel .cont-compras .div-cuentas .menu-cuentas li a, .cont-panel .cont-compras .div-cuentas .menu-cuentas li div#basicstyle a.boton.table, div#basicstyle .cont-panel .cont-compras .div-cuentas .menu-cuentas li a.boton.table {
            color: #ccc;
            font-size: 16px;
            background: #f1f2f2;
            display: block;
            padding: 10px 0px; }
        .cont-panel .cont-compras .div-cuentas .menu-cuentas .active {
          color: #e5ab4e;
          background-color: white; }
      .cont-panel .cont-compras .div-cuentas .secciones {
        height: 226px;
        width: 100%;
        overflow: scroll; }
  .cont-panel .div-inventario {
    height: auto;
    position: relative;
    width: 96%;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .cont-panel .div-inventario .menu-inventario {
      width: 100%;
      -webkit-box-shadow: 2px 1px 2px rgba(50, 50, 50, 0.1);
      -moz-box-shadow: 2px 1px 2px rgba(50, 50, 50, 0.1);
      -ms-box-shadow: 2px 1px 2px rgba(50, 50, 50, 0.1);
      box-shadow: 2px 1px 2px rgba(50, 50, 50, 0.1);
      -webkit-border-radius: 2px;
      -moz-border-radius: 2px;
      -ms-border-radius: 2px;
      border-radius: 2px;
      display: flex;
      text-align: center; }
      .cont-panel .div-inventario .menu-inventario li {
        width: 100%; }
        .cont-panel .div-inventario .menu-inventario li a, .cont-panel .div-inventario .menu-inventario li div#basicstyle a.boton.table, div#basicstyle .cont-panel .div-inventario .menu-inventario li a.boton.table {
          color: #ccc;
          font-size: 16px;
          background: #f1f2f2;
          display: block;
          padding: 10px 0px; }
      .cont-panel .div-inventario .menu-inventario .activo {
        color: #e5ab4e;
        background-color: white; }
    .cont-panel .div-inventario .seccion {
      min-height: 300px;
      width: 100%;
      background: white; }
    .cont-panel .div-inventario .windows .datos-invent {
      display: table-cell;
      vertical-align: middle;
      margin: 4px 4px;
      padding: 10px 15px;
      background-color: white;
      float: left;
      text-align: center;
      -webkit-box-shadow: 2px 1px 2px rgba(50, 50, 50, 0.1);
      -moz-box-shadow: 2px 1px 2px rgba(50, 50, 50, 0.1);
      -ms-box-shadow: 2px 1px 2px rgba(50, 50, 50, 0.1);
      box-shadow: 2px 1px 2px rgba(50, 50, 50, 0.1);
      -webkit-border-radius: 2px;
      -moz-border-radius: 2px;
      -ms-border-radius: 2px;
      border-radius: 2px;
      font-size: 13px;
      line-height: 1.8em;
      color: #4D4D4D; }
      .cont-panel .div-inventario .windows .datos-invent small {
        width: 100%;
        font-size: 9px;
        line-height: 10em;
        margin: -44px auto 0 auto;
        float: left;
        text-align: center;
        color: #009e8f; }
  .cont-panel .span-folio {
    color: #ff6200;
    font-size: 10px; }
  .cont-panel .span-monto {
    color: black;
    font-size: 13px; }

#padre:hover #icono {
  background-color: #3e546d; }
  #padre:hover #icono > .iconos-dash {
    background-position-y: -35px !important; }

#padre:hover > #hijo {
  border-left: 3px #3e546d solid;
  background-color: #f6f6f6; }

@media screen and (max-width: 1440px) {
  div.seccion {
    height: 395px !important; } }

@media screen and (max-width: 1024px) {
  li.lista {
    font-size: 11px !important;
    padding-left: 8px !important; }
  a.a-panel, form a.a-panel.boton.table, div.smallinput a.a-panel.boton.table, div#basicstyle a.a-panel.boton.table {
    font-size: 10px !important; }
  div.seccion {
    height: 390px !important; } }

@media screen and (max-width: 768px) {
  div.seccion {
    height: 565px !important; } }

#reportepop {
  position: relative;
  width: 100%;
  width: 1000px;
  margin: 10px auto;
  padding: 0 0 50px 0;
  display: block;
  height: auto;
  background-color: #45afce;
  font-size: 11px; }
  #reportepop .chori {
    width: 320px; }

#reporte {
  width: 1000px;
  max-width: 960px;
  height: auto;
  margin: 0 0 10px 0;
  display: block;
  border: none !important;
  background-color: white;
  position: relative; }
  #reporte div.topright {
    position: absolute;
    top: 10px;
    right: 10px;
    text-align: right; }
  #reporte h1 {
    font-size: 1.5em;
    color: black; }
  #reporte h2 {
    font-size: 1.4em;
    color: black; }
  #reporte h3 {
    font-size: 1.3em;
    color: #333; }
  #reporte h4 {
    font-size: 1.2em;
    color: #666; }
  #reporte span.fecha {
    font-size: 1em;
    color: #666; }

.no-margin {
  margin: 0;
  padding: 0; }

span.padding {
  padding-left: 10px; }

#reportepop p.botones {
  margin-right: 355px;
  margin-top: 35px; }

span.red {
  color: rgb(237 93 76); }

.contenedor, .contenedor_productos_estrella {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 98%;
  margin: 0.5%;
  display: block;
  padding: 0 5px;
  clear: both; }

.contenedor.w75, .w75.contenedor_productos_estrella, .contenedor.w60, .contenedor_productos_estrella.w60, .contenedor.w50, .contenedor_productos_estrella.w50, .contenedor.w40, .contenedor_productos_estrella.w40, .contenedor.w25, .contenedor_productos_estrella.w25, .contenedor_productos_estrella.contenedor.w60, form .contenedor.bloqueform.w60, form .contenedor_productos_estrella.bloqueform.w60, form.basico .contenedor.bloqueform.w60, form.basico .contenedor_productos_estrella.bloqueform.w60, .contenedor_productos_estrella.contenedor.w50, form .contenedor.bloqueform.w50, form .contenedor_productos_estrella.bloqueform.w50, form.basico .contenedor.bloqueform.w50, form.basico .contenedor_productos_estrella.bloqueform.w50, .contenedor_productos_estrella.contenedor.w40, form .contenedor.bloqueform.w40, form .contenedor_productos_estrella.bloqueform.w40, form.basico .contenedor.bloqueform.w40, form.basico .contenedor_productos_estrella.bloqueform.w40, .contenedor.w33, .contenedor_productos_estrella.contenedor.w33, .contenedor_productos_estrella.w33, form .contenedor.bloqueform.w33, form .contenedor_productos_estrella.bloqueform.w33, form.basico .contenedor.bloqueform.w33, form.basico .contenedor_productos_estrella.bloqueform.w33, .contenedor_productos_estrella.contenedor.w25, form .contenedor.bloqueform.w25, form .contenedor_productos_estrella.bloqueform.w25, form.basico .contenedor.bloqueform.w25, form.basico .contenedor_productos_estrella.bloqueform.w25, div.smallinput .contenedor.bloqueform.w60, div.smallinput .contenedor_productos_estrella.bloqueform.w60, div.basico.smallinput .contenedor.bloqueform.w60, div.basico.smallinput .contenedor_productos_estrella.bloqueform.w60, div.smallinput .contenedor.bloqueform.w50, div.smallinput .contenedor_productos_estrella.bloqueform.w50, div.basico.smallinput .contenedor.bloqueform.w50, div.basico.smallinput .contenedor_productos_estrella.bloqueform.w50, div.smallinput .contenedor.bloqueform.w40, div.smallinput .contenedor_productos_estrella.bloqueform.w40, div.basico.smallinput .contenedor.bloqueform.w40, div.basico.smallinput .contenedor_productos_estrella.bloqueform.w40, div.smallinput .contenedor.bloqueform.w33, div.smallinput .contenedor_productos_estrella.bloqueform.w33, div.basico.smallinput .contenedor.bloqueform.w33, div.basico.smallinput .contenedor_productos_estrella.bloqueform.w33, div.smallinput .contenedor.bloqueform.w25, div.smallinput .contenedor_productos_estrella.bloqueform.w25, div.basico.smallinput .contenedor.bloqueform.w25, div.basico.smallinput .contenedor_productos_estrella.bloqueform.w25, div#basicstyle .contenedor.bloqueform.w60, div#basicstyle .contenedor_productos_estrella.bloqueform.w60, div.basico#basicstyle .contenedor.bloqueform.w60, div.basico#basicstyle .contenedor_productos_estrella.bloqueform.w60, div#basicstyle .contenedor.bloqueform.w50, div#basicstyle .contenedor_productos_estrella.bloqueform.w50, div.basico#basicstyle .contenedor.bloqueform.w50, div.basico#basicstyle .contenedor_productos_estrella.bloqueform.w50, div#basicstyle .contenedor.bloqueform.w40, div#basicstyle .contenedor_productos_estrella.bloqueform.w40, div.basico#basicstyle .contenedor.bloqueform.w40, div.basico#basicstyle .contenedor_productos_estrella.bloqueform.w40, div#basicstyle .contenedor.bloqueform.w33, div#basicstyle .contenedor_productos_estrella.bloqueform.w33, div.basico#basicstyle .contenedor.bloqueform.w33, div.basico#basicstyle .contenedor_productos_estrella.bloqueform.w33, div#basicstyle .contenedor.bloqueform.w25, div#basicstyle .contenedor_productos_estrella.bloqueform.w25, div.basico#basicstyle .contenedor.bloqueform.w25, div.basico#basicstyle .contenedor_productos_estrella.bloqueform.w25, form .bloqueform.w75, div.smallinput .bloqueform.w75, div#basicstyle .bloqueform.w75, form .bloqueform.w60, div.smallinput .bloqueform.w60, div#basicstyle .bloqueform.w60, form .bloqueform.w50, div.smallinput .bloqueform.w50, div#basicstyle .bloqueform.w50, form .bloqueform.w40, div.smallinput .bloqueform.w40, div#basicstyle .bloqueform.w40, form .bloqueform.w25, div.smallinput .bloqueform.w25, div#basicstyle .bloqueform.w25, form .bloqueform.contenedor.w60, div.smallinput .bloqueform.contenedor.w60, div#basicstyle .bloqueform.contenedor.w60, form .bloqueform.w60.contenedor_productos_estrella, div.smallinput .bloqueform.w60.contenedor_productos_estrella, div#basicstyle .bloqueform.w60.contenedor_productos_estrella, div.smallinput form .bloqueform.w60, form div.smallinput .bloqueform.w60, div#basicstyle form .bloqueform.w60, form div#basicstyle .bloqueform.w60, form.basico .bloqueform.w60, div.smallinput form.basico .bloqueform.w60, form.basico div.smallinput .bloqueform.w60, div#basicstyle form.basico .bloqueform.w60, form.basico div#basicstyle .bloqueform.w60, form .bloqueform.contenedor.w50, div.smallinput .bloqueform.contenedor.w50, div#basicstyle .bloqueform.contenedor.w50, form .bloqueform.w50.contenedor_productos_estrella, div.smallinput .bloqueform.w50.contenedor_productos_estrella, div#basicstyle .bloqueform.w50.contenedor_productos_estrella, div.smallinput form .bloqueform.w50, form div.smallinput .bloqueform.w50, div#basicstyle form .bloqueform.w50, form div#basicstyle .bloqueform.w50, form.basico .bloqueform.w50, div.smallinput form.basico .bloqueform.w50, form.basico div.smallinput .bloqueform.w50, div#basicstyle form.basico .bloqueform.w50, form.basico div#basicstyle .bloqueform.w50, form .bloqueform.contenedor.w40, div.smallinput .bloqueform.contenedor.w40, div#basicstyle .bloqueform.contenedor.w40, form .bloqueform.w40.contenedor_productos_estrella, div.smallinput .bloqueform.w40.contenedor_productos_estrella, div#basicstyle .bloqueform.w40.contenedor_productos_estrella, div.smallinput form .bloqueform.w40, form div.smallinput .bloqueform.w40, div#basicstyle form .bloqueform.w40, form div#basicstyle .bloqueform.w40, form.basico .bloqueform.w40, div.smallinput form.basico .bloqueform.w40, form.basico div.smallinput .bloqueform.w40, div#basicstyle form.basico .bloqueform.w40, form.basico div#basicstyle .bloqueform.w40, form .bloqueform.contenedor.w33, div.smallinput .bloqueform.contenedor.w33, div#basicstyle .bloqueform.contenedor.w33, form .bloqueform.w33.contenedor_productos_estrella, div.smallinput .bloqueform.w33.contenedor_productos_estrella, div#basicstyle .bloqueform.w33.contenedor_productos_estrella, form .bloqueform.w33, div.smallinput form .bloqueform.w33, form div.smallinput .bloqueform.w33, div#basicstyle form .bloqueform.w33, form div#basicstyle .bloqueform.w33, form.basico .bloqueform.w33, div.smallinput form.basico .bloqueform.w33, form.basico div.smallinput .bloqueform.w33, div#basicstyle form.basico .bloqueform.w33, form.basico div#basicstyle .bloqueform.w33, form .bloqueform.contenedor.w25, div.smallinput .bloqueform.contenedor.w25, div#basicstyle .bloqueform.contenedor.w25, form .bloqueform.w25.contenedor_productos_estrella, div.smallinput .bloqueform.w25.contenedor_productos_estrella, div#basicstyle .bloqueform.w25.contenedor_productos_estrella, div.smallinput form .bloqueform.w25, form div.smallinput .bloqueform.w25, div#basicstyle form .bloqueform.w25, form div#basicstyle .bloqueform.w25, form.basico .bloqueform.w25, div.smallinput form.basico .bloqueform.w25, form.basico div.smallinput .bloqueform.w25, div#basicstyle form.basico .bloqueform.w25, form.basico div#basicstyle .bloqueform.w25, div#basicstyle div.smallinput .bloqueform.w60, div.smallinput div#basicstyle .bloqueform.w60, form div.basico.smallinput .bloqueform.w60, div.basico.smallinput form .bloqueform.w60, div.basico.smallinput .bloqueform.w60, div#basicstyle div.basico.smallinput .bloqueform.w60, div.basico.smallinput div#basicstyle .bloqueform.w60, div#basicstyle div.smallinput .bloqueform.w50, div.smallinput div#basicstyle .bloqueform.w50, form div.basico.smallinput .bloqueform.w50, div.basico.smallinput form .bloqueform.w50, div.basico.smallinput .bloqueform.w50, div#basicstyle div.basico.smallinput .bloqueform.w50, div.basico.smallinput div#basicstyle .bloqueform.w50, div#basicstyle div.smallinput .bloqueform.w40, div.smallinput div#basicstyle .bloqueform.w40, form div.basico.smallinput .bloqueform.w40, div.basico.smallinput form .bloqueform.w40, div.basico.smallinput .bloqueform.w40, div#basicstyle div.basico.smallinput .bloqueform.w40, div.basico.smallinput div#basicstyle .bloqueform.w40, div.smallinput .bloqueform.w33, div#basicstyle div.smallinput .bloqueform.w33, div.smallinput div#basicstyle .bloqueform.w33, form div.basico.smallinput .bloqueform.w33, div.basico.smallinput form .bloqueform.w33, div.basico.smallinput .bloqueform.w33, div#basicstyle div.basico.smallinput .bloqueform.w33, div.basico.smallinput div#basicstyle .bloqueform.w33, div#basicstyle div.smallinput .bloqueform.w25, div.smallinput div#basicstyle .bloqueform.w25, form div.basico.smallinput .bloqueform.w25, div.basico.smallinput form .bloqueform.w25, div.basico.smallinput .bloqueform.w25, div#basicstyle div.basico.smallinput .bloqueform.w25, div.basico.smallinput div#basicstyle .bloqueform.w25, form div.basico#basicstyle .bloqueform.w60, div.basico#basicstyle form .bloqueform.w60, div.smallinput div.basico#basicstyle .bloqueform.w60, div.basico#basicstyle div.smallinput .bloqueform.w60, div.basico#basicstyle .bloqueform.w60, form div.basico#basicstyle .bloqueform.w50, div.basico#basicstyle form .bloqueform.w50, div.smallinput div.basico#basicstyle .bloqueform.w50, div.basico#basicstyle div.smallinput .bloqueform.w50, div.basico#basicstyle .bloqueform.w50, form div.basico#basicstyle .bloqueform.w40, div.basico#basicstyle form .bloqueform.w40, div.smallinput div.basico#basicstyle .bloqueform.w40, div.basico#basicstyle div.smallinput .bloqueform.w40, div.basico#basicstyle .bloqueform.w40, div#basicstyle .bloqueform.w33, form div.basico#basicstyle .bloqueform.w33, div.basico#basicstyle form .bloqueform.w33, div.smallinput div.basico#basicstyle .bloqueform.w33, div.basico#basicstyle div.smallinput .bloqueform.w33, div.basico#basicstyle .bloqueform.w33, form div.basico#basicstyle .bloqueform.w25, div.basico#basicstyle form .bloqueform.w25, div.smallinput div.basico#basicstyle .bloqueform.w25, div.basico#basicstyle div.smallinput .bloqueform.w25, div.basico#basicstyle .bloqueform.w25, form.basico .bloqueform.w75, form.basico .bloqueform.w60, form.basico .bloqueform.w50, form.basico .bloqueform.w40, form.basico .bloqueform.w25, form.basico .bloqueform.contenedor.w60, form.basico .bloqueform.w60.contenedor_productos_estrella, form.basico .bloqueform.contenedor.w50, form.basico .bloqueform.w50.contenedor_productos_estrella, form.basico .bloqueform.contenedor.w40, form.basico .bloqueform.w40.contenedor_productos_estrella, form.basico .bloqueform.contenedor.w33, form.basico .bloqueform.w33.contenedor_productos_estrella, form.basico .bloqueform.w33, form.basico .bloqueform.contenedor.w25, form.basico .bloqueform.w25.contenedor_productos_estrella, form.basico div.smallinput .bloqueform.w60, div.smallinput form.basico .bloqueform.w60, form.basico div.basico.smallinput .bloqueform.w60, div.basico.smallinput form.basico .bloqueform.w60, form.basico div.smallinput .bloqueform.w50, div.smallinput form.basico .bloqueform.w50, form.basico div.basico.smallinput .bloqueform.w50, div.basico.smallinput form.basico .bloqueform.w50, form.basico div.smallinput .bloqueform.w40, div.smallinput form.basico .bloqueform.w40, form.basico div.basico.smallinput .bloqueform.w40, div.basico.smallinput form.basico .bloqueform.w40, form.basico div.smallinput .bloqueform.w33, div.smallinput form.basico .bloqueform.w33, form.basico div.basico.smallinput .bloqueform.w33, div.basico.smallinput form.basico .bloqueform.w33, form.basico div.smallinput .bloqueform.w25, div.smallinput form.basico .bloqueform.w25, form.basico div.basico.smallinput .bloqueform.w25, div.basico.smallinput form.basico .bloqueform.w25, form.basico div#basicstyle .bloqueform.w60, div#basicstyle form.basico .bloqueform.w60, form.basico div.basico#basicstyle .bloqueform.w60, div.basico#basicstyle form.basico .bloqueform.w60, form.basico div#basicstyle .bloqueform.w50, div#basicstyle form.basico .bloqueform.w50, form.basico div.basico#basicstyle .bloqueform.w50, div.basico#basicstyle form.basico .bloqueform.w50, form.basico div#basicstyle .bloqueform.w40, div#basicstyle form.basico .bloqueform.w40, form.basico div.basico#basicstyle .bloqueform.w40, div.basico#basicstyle form.basico .bloqueform.w40, form.basico div#basicstyle .bloqueform.w33, div#basicstyle form.basico .bloqueform.w33, form.basico div.basico#basicstyle .bloqueform.w33, div.basico#basicstyle form.basico .bloqueform.w33, form.basico div#basicstyle .bloqueform.w25, div#basicstyle form.basico .bloqueform.w25, form.basico div.basico#basicstyle .bloqueform.w25, div.basico#basicstyle form.basico .bloqueform.w25 {
  width: 73%;
  float: left;
  clear: none;
  display: inline-block; }

.contenedor.w50, .w50.contenedor_productos_estrella, form .bloqueform.w50, div.smallinput .bloqueform.w50, div#basicstyle .bloqueform.w50, form.basico .bloqueform.w50 {
  width: 48%; }

.contenedor.w40, .w40.contenedor_productos_estrella, form .bloqueform.w40, div.smallinput .bloqueform.w40, div#basicstyle .bloqueform.w40, form.basico .bloqueform.w40 {
  width: 38%; }

.contenedor.w33, .w33.contenedor_productos_estrella, form .bloqueform.w33, div.smallinput .bloqueform.w33, div#basicstyle .bloqueform.w33, form.basico .bloqueform.w33 {
  width: 31%; }

.contenedor.w25, .w25.contenedor_productos_estrella, form .bloqueform.w25, div.smallinput .bloqueform.w25, div#basicstyle .bloqueform.w25, form.basico .bloqueform.w25 {
  width: 23%; }

form#upload div#folio {
  top: 15px;
  right: 20px;
  color: #45AFCE;
  font-weight: 500;
  position: absolute;
  text-align: right; }
  form#upload div#folio small {
    font-size: 18px; }
  form#upload div#folio span.folio {
    color: #FF0036;
    font-size: 28px; }

form#upload div#drop {
  margin: 20px 0px;
  padding: 25px 50px; }
  form#upload div#drop .drag_drop {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background: linear-gradient(to right, #CCC 33%, transparent 0%) top/10px 3px repeat-x, linear-gradient(#CCC 33%, transparent 0%) right/3px 10px repeat-y, linear-gradient(to right, #CCC 33%, transparent 0%) bottom/10px 3px repeat-x, linear-gradient(#CCC 33%, transparent 0%) left/3px 10px repeat-y;
    margin: 3% auto;
    width: 80%;
    min-height: 150px; }
  form#upload div#drop small {
    display: block;
    font-size: 11px;
    color: #999; }
  form#upload div#drop a.find {
    background-color: #45AFCE; }
    form#upload div#drop a.find:hover {
      background-color: #009E8F;
      color: #45AFCE; }
  form#upload div#drop .lista {
    width: 100%;
    margin: 0 auto;
    min-height: 35px;
    overflow-y: scroll; }
    form#upload div#drop .lista ul.listadearchivos li.archivo {
      width: 93%;
      float: right; }
      form#upload div#drop .lista ul.listadearchivos li.archivo p {
        padding: 0%; }
      form#upload div#drop .lista ul.listadearchivos li.archivo a.boton.red.borrar {
        left: 3px !important;
        top: 2px !important;
        line-height: 1em !important;
        padding: 7px !important;
        cursor: pointer; }
      form#upload div#drop .lista ul.listadearchivos li.archivo input.fileurls {
        width: 7%;
        height: 25px;
        margin-top: -5px;
        z-index: 5;
        display: block;
        margin-left: 11px; }

ul.listadearchivos, ul.listadeobjetos {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%; }
  ul.listadearchivos li, ul.listadeobjetos li {
    height: 30px !important;
    margin: 3px 0;
    width: 100%;
    display: block;
    float: left;
    clear: left;
    position: relative;
    padding: 6px 10px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: url(../images/reporte.png?v2) no-repeat center left 5px;
    background-color: rgba(128, 128, 128, 0.12);
    background-size: 20px;
    padding-left: 20px; }
    ul.listadearchivos li p, ul.listadeobjetos li p {
      font-size: 12px;
      font-weight: bold;
      margin-left: 15px; }
      ul.listadearchivos li p i, ul.listadeobjetos li p i {
        font-weight: normal;
        margin-left: 10px; }
    ul.listadearchivos li.other, ul.listadeobjetos li.other {
      width: 70%;
      margin: 2px;
      padding-left: 20px; }
    ul.listadearchivos li.refaccion, ul.listadeobjetos li.refaccion {
      background: url(../images/refacciong.png?v2) no-repeat center left 5px;
      background-color: rgba(128, 128, 128, 0.12);
      background-size: 20px; }
      ul.listadearchivos li.refaccion p, ul.listadeobjetos li.refaccion p {
        text-transform: uppercase; }
    ul.listadearchivos li a.boton.borrar, ul.listadearchivos li div#basicstyle a.boton.borrar.table, div#basicstyle ul.listadearchivos li a.boton.borrar.table, ul.listadeobjetos li a.boton.borrar, ul.listadeobjetos li div#basicstyle a.boton.borrar.table, div#basicstyle ul.listadeobjetos li a.boton.borrar.table {
      position: absolute;
      left: 0;
      top: 5px;
      padding: 3px !important;
      height: 10px !important;
      line-height: 0.7em !important;
      margin: 0 !important;
      display: none; }
    ul.listadearchivos li a.boton.openfile, ul.listadearchivos li div#basicstyle a.boton.openfile.table, div#basicstyle ul.listadearchivos li a.boton.openfile.table, ul.listadeobjetos li a.boton.openfile, ul.listadeobjetos li div#basicstyle a.boton.openfile.table, div#basicstyle ul.listadeobjetos li a.boton.openfile.table {
      position: absolute;
      right: 5px;
      top: 3px;
      padding: 5px !important;
      margin: 0 !important;
      font-size: 10px; }
    ul.listadearchivos li:hover a.boton.borrar, ul.listadearchivos li:hover div#basicstyle a.boton.borrar.table, div#basicstyle ul.listadearchivos li:hover a.boton.borrar.table, ul.listadeobjetos li:hover a.boton.borrar, ul.listadeobjetos li:hover div#basicstyle a.boton.borrar.table, div#basicstyle ul.listadeobjetos li:hover a.boton.borrar.table {
      display: block; }
  ul.listadearchivos.table li, form a.listadearchivos.boton.table li, div.smallinput a.listadearchivos.boton.table li, div#basicstyle a.listadearchivos.boton.table li, ul.listadeobjetos.table li, form a.listadeobjetos.boton.table li, div.smallinput a.listadeobjetos.boton.table li, div#basicstyle a.listadeobjetos.boton.table li {
    line-height: 1.5em;
    padding: 3px 7px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 22px !important;
    background-size: 15px; }
    ul.listadearchivos.table li p, form a.listadearchivos.boton.table li p, div.smallinput a.listadearchivos.boton.table li p, div#basicstyle a.listadearchivos.boton.table li p, ul.listadeobjetos.table li p, form a.listadeobjetos.boton.table li p, div.smallinput a.listadeobjetos.boton.table li p, div#basicstyle a.listadeobjetos.boton.table li p {
      font-size: 11px; }
      ul.listadearchivos.table li p i, form a.listadearchivos.boton.table li p i, div.smallinput a.listadearchivos.boton.table li p i, div#basicstyle a.listadearchivos.boton.table li p i, ul.listadeobjetos.table li p i, form a.listadeobjetos.boton.table li p i, div.smallinput a.listadeobjetos.boton.table li p i, div#basicstyle a.listadeobjetos.boton.table li p i {
        margin-left: 3px; }

div.notificacion {
  position: relative;
  width: auto;
  max-width: 450px;
  margin: 20px auto;
  padding: 80px 30px 20px 30px;
  display: block;
  height: auto;
  background-color: #FFFFFF;
  text-align: center; }
  div.notificacion b {
    color: #83902c; }
  div.notificacion h3 {
    font-weight: 500;
    margin: 0 0 30px 0;
    color: #4D4D4D; }
  div.notificacion div.buttons {
    padding: 10px 0px;
    text-align: center;
    background-color: #F1F1F2;
    height: auto;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    column-gap: 10px;
    row-gap: 10px;
    justify-content: center;
    align-items: center; }
    div.notificacion div.buttons a.boton, div.notificacion div.buttons div#basicstyle a.boton.table, div#basicstyle div.notificacion div.buttons a.boton.table {
      float: initial;
      background-color: #83902c;
      color: #FFFFFF; }
      div.notificacion div.buttons a.boton:hover, div.notificacion div.buttons div#basicstyle a.boton.table:hover, div#basicstyle div.notificacion div.buttons a.boton.table:hover {
        background-color: #c3d082;
        color: #4D4D4D; }
  div.notificacion span#icono_alerta {
    margin: auto;
    margin-top: -30px;
    margin-bottom: 3%;
    width: 35px;
    height: 35px;
    background-image: url(../images/varios/alert.png);
    background-repeat: no-repeat;
    background-size: 35px;
    display: inline-block;
    text-align: center; }

    a.boton-noradius{
      margin: 0 5px;
      padding: 12px 28px;
      background-color: #26a828;
      border-radius: 0px;
      font-family: 'Muli-Black';
      border: none;
      color: white;
      float: right !important;
      font-size: 12px;
      cursor: pointer;
      text-transform: none;
      text-decoration: none;
      font-weight: normal !important;
      width: auto;
      display: block;
    }

    a.boton-noradius:hover{
      background-color: #c3d082 !important;
    }

    a.boton-noradius[data-count] {
      position: relative;
      display: inline-block;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }
      a.boton-noradius[data-count]::after{
        content: attr(data-count);
        position: absolute;
        width: 14px;
        height: 14px;
        top: -5px;
        right: -7px;
        background-color: rgb(237 93 76);
        color: white;
        padding: 4px 4px;
        border-radius: 50%;
        font-size: 11px; }

#calendarMonth {
  width: 50%;
  display: inline-block;
  position: relative;
  float: left; }

#calendarList {
  width: 50%;
  display: inline-block;
  position: relative;
  float: right; }

  .input-reducido{
    max-width: 50px !important;
  }