@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@100;400;600&display=swap");
.select2-container .select2-selection--single {
  height: auto !important; }

.select2-container--default .select2-selection--single .select2-selection__rendered {
  padding: 10px 0px; }

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  top: 86% !important; }

.select2-container {
  margin: 0px 15px !important; }

@keyframes girar {
  from {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center; }
  to {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }
table {
  background: #EAE7D8;
  border-collapse: collapse;
  margin: 1.25em 0 0;
  width: 100%;
  margin-bottom: 25px;
  position: relative !important; }

table tr,
table th,
table td {
  border: none;
  border-bottom: 1px solid #e4ebeb;
  font-size: 10px; }

table th,
table td {
  padding: 10px 6px;
  text-align: center; }

table th {
  background: #0066A3;
  color: #ffffff;
  text-transform: uppercase; }

table tr td {
  background: #EAE7D8;
  color: #636368; }

table tr:nth-of-type(2n+2) td {
  background: #ffffff; }

table.bt tbody td {
  font-size: .8125rem;
  padding: 0; }

table.bt tbody td:before {
  background: #56a2cf;
  color: white;
  margin-right: 10px;
  padding: 2px 10px; }

table.bt tbody td .bt-content {
  display: inline-block;
  padding: 2px 5px; }

table.bt tbody td:first-of-type:before,
table.bt tbody td:first-of-type .bt-content {
  padding-top: 10px; }

table.bt tbody td:last-of-type:before,
table.bt tbody td:last-of-type .bt-content {
  padding-bottom: 10px; }

/* 
 * Example 6:
 * Max height
 */
.bt-wrapper.active {
  margin-top: 1.5em; }

.bt-wrapper.active table {
  margin: 0; }

.tabla-responsiva a {
  padding: 6px;
  margin: 2px 5px 2px 0px;
  display: inline-block;
  text-decoration: none; }
  .tabla-responsiva a.editar {
    background-color: #e8cb44;
    color: white; }
    .tabla-responsiva a.editar:hover {
      background-color: #e6d68c; }
  .tabla-responsiva a.eliminar {
    background-color: #d33d3d;
    color: white; }
    .tabla-responsiva a.eliminar:hover {
      background-color: #d16767; }
  .tabla-responsiva a.ocultar {
    background-color: #87C13F;
    color: white; }
    .tabla-responsiva a.ocultar:hover {
      background-color: #5f6951; }

td {
  position: relative;
  -moz-transition: background-color 0.3s, color 0.3s;
  -o-transition: background-color 0.3s, color 0.3s;
  -webkit-transition: background-color 0.3s, color 0.3s;
  transition: background-color 0.3s, color 0.3s; }

tr.oculto td {
  background-color: #191919 !important;
  color: white !important; }
  tr.oculto td a {
    color: white !important; }

small {
  width: 100%;
  display: block; }

.bloqueOcultando {
  width: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  background-color: black;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9;
  display: none; }

.accionesFlex .bt-content {
  display: flex;
  justify-content: center; }

.tabla-responsiva .sticky {
  position: sticky !important;
  top: 0 !important; }

body {
  padding: 0px;
  margin: 0px;
  font-family: 'Poppins', sans-serif; }

img {
  max-width: 100%; }

.text-der {
  text-align: right; }

h1 {
  margin-top: 10px;
  margin-bottom: 10px; }

.select2-dropdown {
  margin-left: -15px !important; }

a.eliminarArchivo {
  background-color: #bf4a4a;
  color: white;
  margin-left: 1em;
  padding: 0.4em 0.8em;
  border-radius: 0.4em; }
  a.eliminarArchivo:hover {
    background-color: #da6868; }

#login {
  width: 100%;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center; }
  #login .bloque {
    width: 95%;
    max-width: 420px;
    height: auto;
    background-color: #f2f2f2;
    border: solid 1px #c5c5c5;
    display: flex;
    flex-direction: column; }
    #login .bloque .triventoimg {
      text-align: center; }
      #login .bloque .triventoimg img {
        max-width: 150px;
        height: auto;
        margin-top: 25px; }
    #login .bloque .aquiForm {
      padding: 15px 15px; }
      #login .bloque .aquiForm .mensaje {
        width: calc(100% - 30px);
        background-color: #B3B2B3;
        margin-bottom: 15px;
        padding: 15px;
        text-align: center;
        color: white;
        display: none; }
        #login .bloque .aquiForm .mensaje a {
          color: white;
          font-weight: 600; }
        #login .bloque .aquiForm .mensaje.bien {
          background-color: #2e8b57; }
        #login .bloque .aquiForm .mensaje.mal {
          background-color: #bf4a4a; }
      #login .bloque .aquiForm .input {
        margin-bottom: 10px; }
        #login .bloque .aquiForm .input .form-control {
          width: calc(100% - 20px);
          padding: 10px;
          border: solid 1px #c5c5c5;
          border-radius: 0px;
          font-family: 'Poppins'; }
          #login .bloque .aquiForm .input .form-control::-webkit-input-placeholder {
            /* Chrome/Opera/Safari */
            font-family: 'Poppins'; }
          #login .bloque .aquiForm .input .form-control::-moz-placeholder {
            /* Firefox 19+ */
            font-family: 'Poppins'; }
          #login .bloque .aquiForm .input .form-control:-ms-input-placeholder {
            /* IE 10+ */
            font-family: 'Poppins'; }
          #login .bloque .aquiForm .input .form-control:-moz-placeholder {
            /* Firefox 18- */
            font-family: 'Poppins'; }
        #login .bloque .aquiForm .input input[type=submit] {
          background-color: black;
          border: none;
          color: white;
          background-color: #0066A3;
          border-radius: 15px;
          padding: 7px 20px;
          display: inline-block;
          font-weight: 600;
          font-family: 'Poppins'; }
          #login .bloque .aquiForm .input input[type=submit]:hover {
            background-color: #9BC6EA;
            color: white;
            cursor: pointer; }
          #login .bloque .aquiForm .input input[type=submit]:focus {
            outline: none; }
        #login .bloque .aquiForm .input:last-child {
          margin-bottom: 0px; }

.cargando {
  display: none;
  text-align: center;
  margin-bottom: 10px; }

.lds-roller {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px; }

.lds-roller div {
  animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  transform-origin: 40px 40px; }

.lds-roller div:after {
  content: " ";
  display: block;
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: black;
  margin: -4px 0 0 -4px; }

.lds-roller div:nth-child(1) {
  animation-delay: -0.036s; }

.lds-roller div:nth-child(1):after {
  top: 63px;
  left: 63px; }

.lds-roller div:nth-child(2) {
  animation-delay: -0.072s; }

.lds-roller div:nth-child(2):after {
  top: 68px;
  left: 56px; }

.lds-roller div:nth-child(3) {
  animation-delay: -0.108s; }

.lds-roller div:nth-child(3):after {
  top: 71px;
  left: 48px; }

.lds-roller div:nth-child(4) {
  animation-delay: -0.144s; }

.lds-roller div:nth-child(4):after {
  top: 72px;
  left: 40px; }

.lds-roller div:nth-child(5) {
  animation-delay: -0.18s; }

.lds-roller div:nth-child(5):after {
  top: 71px;
  left: 32px; }

.lds-roller div:nth-child(6) {
  animation-delay: -0.216s; }

.lds-roller div:nth-child(6):after {
  top: 68px;
  left: 24px; }

.lds-roller div:nth-child(7) {
  animation-delay: -0.252s; }

.lds-roller div:nth-child(7):after {
  top: 63px;
  left: 17px; }

.lds-roller div:nth-child(8) {
  animation-delay: -0.288s; }

.lds-roller div:nth-child(8):after {
  top: 56px;
  left: 12px; }

@keyframes lds-roller {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
#sistema {
  background-color: #0066A3;
  min-height: 100vh;
  display: flex; }
  #sistema .svglogo {
    width: 100%;
    height: 100%;
    max-height: calc(100vh - 300px);
    max-width: 100%;
    margin-top: 35px;
    opacity: 0.1; }
  #sistema .barraIzq {
    flex: 0 1 200px;
    min-width: 200px;
    background-color: white;
    border-right: 1px solid #EAE7D8;
    padding: 10px;
    display: flex;
    flex-direction: column; }
    #sistema .barraIzq .usuario {
      flex-wrap: nowrap;
      margin-bottom: 10px;
      margin-top: 10px;
      align-self: flex-end;
      display: flex;
      align-items: center;
      padding: 10px;
      width: calc(100% - 20px);
      background-color: whitesmoke; }
      #sistema .barraIzq .usuario .cortar {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        min-width: 0; }
      #sistema .barraIzq .usuario .avatar i {
        font-size: 26px; }
      #sistema .barraIzq .usuario .nombre {
        padding: 0px 10px;
        display: flex;
        flex-direction: column;
        overflow: hidden; }
        #sistema .barraIzq .usuario .nombre small {
          display: flex;
          font-style: italic;
          color: #28527f;
          font-size: 12px; }
          #sistema .barraIzq .usuario .nombre small span {
            margin-right: 10px; }
          #sistema .barraIzq .usuario .nombre small .cerrar {
            color: red;
            width: 20px;
            height: 20px;
            display: flex;
            align-items: center;
            justify-content: center;
            justify-items: center;
            text-decoration: none; }
            #sistema .barraIzq .usuario .nombre small .cerrar:after {
              width: 100%;
              height: 100vh;
              position: fixed;
              z-index: 2;
              background-color: rgba(255, 0, 0, 0.4);
              clip-path: circle(0% at 10% 25%);
              top: 0px;
              left: 0px;
              content: 'Cerrar sesión';
              pointer-events: none;
              display: flex;
              align-content: center;
              align-items: center;
              justify-content: center;
              justify-items: center;
              font-size: 70px;
              color: white;
              opacity: 0;
              transition-property: opacity, clip-path;
              transition-duration: 0.7s; }
            #sistema .barraIzq .usuario .nombre small .cerrar:hover:after {
              opacity: 1;
              clip-path: circle(200% at 10% 100%); }
          #sistema .barraIzq .usuario .nombre small .engine {
            text-decoration: none;
            width: 20px;
            height: 20px;
            margin-left: auto;
            color: black;
            display: flex;
            align-items: center;
            justify-items: center;
            position: relative; }
            #sistema .barraIzq .usuario .nombre small .engine i {
              animation-name: girar;
              animation-duration: 2s;
              animation-timing-function: linear;
              animation-iteration-count: infinite;
              animation-play-state: paused; }
            #sistema .barraIzq .usuario .nombre small .engine:hover i {
              animation-play-state: running; }
            #sistema .barraIzq .usuario .nombre small .engine:after {
              content: 'Configurar';
              position: absolute;
              top: 100%;
              right: 10px;
              background: black;
              color: white;
              padding: 5px 10px;
              display: none;
              border-radius: 5px;
              pointer-events: none; }
            #sistema .barraIzq .usuario .nombre small .engine:hover:after {
              display: block; }
    #sistema .barraIzq .logo img {
      margin: 25px 0px 0px 0px; }
    #sistema .barraIzq .menu {
      display: flex;
      flex-direction: column; }
      #sistema .barraIzq .menu a {
        flex: 1 1 100%;
        padding: 5px 10px;
        text-decoration: none;
        color: black;
        transition-duration: 0.3s;
        transition-property: color, background-color, padding-left; }
        #sistema .barraIzq .menu a:hover {
          background-color: #636368;
          color: white;
          padding-left: 17px; }
        #sistema .barraIzq .menu a i {
          margin-right: 5px; }
        #sistema .barraIzq .menu a.activo {
          background-color: #0066a3;
          color: white;
          padding-left: 17px; }
    #sistema .barraIzq .maple {
      margin-top: auto;
      text-align: center; }
      #sistema .barraIzq .maple a {
        display: inline-block;
        text-align: center; }
        #sistema .barraIzq .maple a img {
          max-height: 40px; }
  #sistema .barraDer {
    flex: 1 1 auto;
    background-color: #636368;
    padding: 5px 8px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-items: flex-start;
    align-content: flex-start; }
  #sistema .container {
    width: 100%;
    flex: 1 1 1200px; }
  #sistema .topbar {
    display: flex;
    align-items: center;
    justify-items: center;
    margin-bottom: 10px; }
    #sistema .topbar .mensajes {
      flex: 0 1 100%;
      display: flex;
      align-items: stretch;
      justify-items: center;
      flex-direction: column; }
      #sistema .topbar .mensajes .mensaje {
        background-color: #a2a2a2;
        color: white;
        flex: 1 1 100%;
        border-radius: 10px;
        padding: 10px 20px;
        margin: 10px 0px; }
        #sistema .topbar .mensajes .mensaje i {
          margin-right: 5px; }
  #sistema .bloque {
    background-color: white;
    padding: 10px 12px;
    border-radius: 10px;
    flex-wrap: wrap; }

.bloquesSeleccion {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-items: flex-start; }
  .bloquesSeleccion .bloqueA {
    background-color: #0066A3;
    color: white;
    flex: 0 1 250px;
    padding: 25px;
    font-weight: 600;
    margin-bottom: 10px;
    text-decoration: none;
    position: relative;
    font-size: 24px;
    margin-right: 10px; }
    .bloquesSeleccion .bloqueA:hover {
      background-color: #629ac7;
      cursor: pointer; }
    .bloquesSeleccion .bloqueA.verde {
      background-color: teal; }
      .bloquesSeleccion .bloqueA.verde:hover {
        background-color: #14a0a0; }
    .bloquesSeleccion .bloqueA.rojo {
      background-color: #e53523; }
      .bloquesSeleccion .bloqueA.rojo:hover {
        background-color: #dc6b5f; }
    .bloquesSeleccion .bloqueA i.fijo {
      position: absolute;
      bottom: 15px;
      right: 15px;
      font-size: 16px; }

.acciones {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end; }
  .acciones #buscarform {
    margin-right: auto; }
  .acciones a {
    background-color: salmon;
    color: white;
    padding: 7px 14px;
    text-decoration: none; }
    .acciones a:hover {
      background-color: #c79089; }
    .acciones a:nth-child(1) {
      background-color: seagreen; }
      .acciones a:nth-child(1):hover {
        background-color: #4ba572; }
    .acciones a:nth-child(2) {
      background-color: teal; }
      .acciones a:nth-child(2):hover {
        background-color: #229191; }
    .acciones a:nth-child(2) {
      background-color: #0066A3; }
      .acciones a:nth-child(2):hover {
        background-color: #5e98c7; }

.paginacion {
  width: 100%;
  display: flex;
  align-items: stretch;
  justify-content: center;
  margin-bottom: 10px;
  margin-top: 10px; }
  .paginacion a {
    background-color: #0066A3;
    color: white;
    text-decoration: none;
    padding: 10px;
    margin: 0px 5px; }
    .paginacion a:hover {
      background-color: #75a6ce; }
  .paginacion strong {
    background-color: black;
    color: white;
    padding: 10px;
    margin: 0px 5px; }

@media (max-width: 1000px) {
  .bloquesSeleccion .bloqueA {
    flex: 1 1 calc(50% - 60px); } }
.volver {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .volver a {
    background-color: #0066A3;
    color: white;
    padding: 7px 14px;
    display: inline-block;
    text-decoration: none;
    border-radius: 5px;
    margin-bottom: 10px; }
    .volver a:hover {
      background-color: #6d9cc4;
      cursor: pointer; }

.nono {
  color: red; }

.sisi {
  color: green; }

@media (max-width: 767px) {
  .volver {
    flex-wrap: wrap; }
    .volver .derecho {
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-end;
      width: 100%; }
      .volver .derecho a {
        margin-bottom: 5px;
        text-align: center;
        margin-left: 10px; }

  #sistema .topbar .usuario {
    margin-left: 0px !important;
    flex: 1 0 calc(100% - 50px); }

  #sistema .topbar {
    flex-wrap: wrap; }

  #sistema .topbar .mensajes .mensaje {
    margin: 0px 0px 10px 0px; } }
#sistema form, .modal form {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center; }
  #sistema form hr, .modal form hr {
    flex: 1 1 100%; }
  #sistema form .input, .modal form .input {
    flex: 1 1 calc(50% - 20px);
    text-align: center;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    padding: 0px 10px; }
    #sistema form .input.full, .modal form .input.full {
      flex: 1 1 100%; }
    #sistema form .input.text-der, .modal form .input.text-der {
      justify-content: flex-end; }
    #sistema form .input small, .modal form .input small {
      font-size: 10px;
      flex: 1 1 100%;
      font-style: italic; }
    #sistema form .input label, .modal form .input label {
      flex: 1 1 170px; }
    #sistema form .input .form-control, .modal form .input .form-control {
      flex: 0 1 100%;
      padding: 10px 10px;
      margin: 10px 10px;
      font-family: 'Poppins'; }
      #sistema form .input .form-control::-webkit-input-placeholder, .modal form .input .form-control::-webkit-input-placeholder {
        /* Chrome/Opera/Safari */
        font-family: 'Poppins'; }
      #sistema form .input .form-control::-moz-placeholder, .modal form .input .form-control::-moz-placeholder {
        /* Firefox 19+ */
        font-family: 'Poppins'; }
      #sistema form .input .form-control:-ms-input-placeholder, .modal form .input .form-control:-ms-input-placeholder {
        /* IE 10+ */
        font-family: 'Poppins'; }
      #sistema form .input .form-control:-moz-placeholder, .modal form .input .form-control:-moz-placeholder {
        /* Firefox 18- */
        font-family: 'Poppins'; }
      #sistema form .input .form-control:focus, .modal form .input .form-control:focus {
        background: rgba(0, 102, 163, 0.3);
        outline: none; }
    #sistema form .input input[type=submit], #sistema form .input button, .modal form .input input[type=submit], .modal form .input button {
      background-color: black;
      border: none;
      color: white;
      background-color: #0066A3;
      border-radius: 10px;
      padding: 7px 20px;
      margin: 10px 10px;
      display: inline-block;
      font-weight: 600;
      font-family: 'Poppins'; }
      #sistema form .input input[type=submit]:hover, #sistema form .input button:hover, .modal form .input input[type=submit]:hover, .modal form .input button:hover {
        background-color: slategrey;
        color: white;
        cursor: pointer; }
      #sistema form .input input[type=submit]:focus, #sistema form .input button:focus, .modal form .input input[type=submit]:focus, .modal form .input button:focus {
        outline: none; }

#buscarform {
  margin-bottom: 0px; }

.detop {
  margin-top: 10px !important; }

.enviarform {
  flex: 1 1 0; }

#selecRubros {
  display: none; }

.mitad {
  flex: 1 1 50%;
  max-width: 50%; }

.select2-container {
  flex: 1 1 100%; }

@media (max-width: 1020px) {
  .mitad {
    max-width: 100%; } }
@media (max-width: 767px) {
  #sistema form .input, .modal form .input {
    flex-wrap: wrap; } }
#buscarform .input {
  flex: 1 1 30% !important; }
  #buscarform .input.sonrubros {
    width: 100%;
    flex: 1 1 100% !important; }
  #buscarform .input.cincuenta {
    flex: 1 1 calc(50% - 20px) !important;
    margin-bottom: 10px; }
  #buscarform .input:first-child input {
    margin-left: 0px !important; }

#sistema form {
  flex: 1 1 auto !important; }

#sistema .miniBuscador {
  margin-right: auto;
  margin-left: 10px;
  display: flex;
  align-items: center;
  justify-content: center; }
  #sistema .miniBuscador form .input {
    flex: 1 1 40px; }
  #sistema .miniBuscador form .input, #sistema .miniBuscador form .form-control {
    padding: 4px 6px !important;
    margin: 0px 0px !important; }

@media (max-width: 767px) {
  #sistema .miniBuscador {
    margin-left: auto;
    margin-right: 0px; } }
.blocker {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  z-index: 1;
  padding: 20px;
  box-sizing: border-box;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  text-align: center; }

.blocker:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.05em; }

.blocker.behind {
  background-color: transparent; }

.modal {
  display: none;
  vertical-align: middle;
  position: relative;
  z-index: 2;
  max-width: 500px;
  box-sizing: border-box;
  width: 90%;
  background: #fff;
  padding: 15px 30px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: 0 0 10px #000;
  -moz-box-shadow: 0 0 10px #000;
  -o-box-shadow: 0 0 10px #000;
  -ms-box-shadow: 0 0 10px #000;
  box-shadow: 0 0 10px #000;
  text-align: left; }

.modal a.close-modal {
  position: absolute;
  top: -12.5px;
  right: -12.5px;
  display: block;
  width: 30px;
  height: 30px;
  text-indent: -9999px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAA3hJREFUaAXlm8+K00Acx7MiCIJH/yw+gA9g25O49SL4AO3Bp1jw5NvktC+wF88qevK4BU97EmzxUBCEolK/n5gp3W6TTJPfpNPNF37MNsl85/vN/DaTmU6PknC4K+pniqeKJ3k8UnkvDxXJzzy+q/yaxxeVHxW/FNHjgRSeKt4rFoplzaAuHHDBGR2eS9G54reirsmienDCTRt7xwsp+KAoEmt9nLaGitZxrBbPFNaGfPloGw2t4JVamSt8xYW6Dg1oCYo3Yv+rCGViV160oMkcd8SYKnYV1Nb1aEOjCe6L5ZOiLfF120EjWhuBu3YIZt1NQmujnk5F4MgOpURzLfAwOBSTmzp3fpDxuI/pabxpqOoz2r2HLAb0GMbZKlNV5/Hg9XJypguryA7lPF5KMdTZQzHjqxNPhWhzIuAruOl1eNqKEx1tSh5rfbxdw7mOxCq4qS68ZTjKS1YVvilu559vWvFHhh4rZrdyZ69Vmpgdj8fJbDZLJpNJ0uv1cnr/gjrUhQMuI+ANjyuwftQ0bbL6Erp0mM/ny8Fg4M3LtdRxgMtKl3jwmIHVxYXChFy94/Rmpa/pTbNUhstKV+4Rr8lLQ9KlUvJKLyG8yvQ2s9SBy1Jb7jV5a0yapfF6apaZLjLLcWtd4sNrmJUMHyM+1xibTjH82Zh01TNlhsrOhdKTe00uAzZQmN6+KW+sDa/JD2PSVQ873m29yf+1Q9VDzfEYlHi1G5LKBBWZbtEsHbFwb1oYDwr1ZiF/2bnCSg1OBE/pfr9/bWx26UxJL3ONPISOLKUvQza0LZUxSKyjpdTGa/vDEr25rddbMM0Q3O6Lx3rqFvU+x6UrRKQY7tyrZecmD9FODy8uLizTmilwNj0kraNcAJhOp5aGVwsAGD5VmJBrWWbJSgWT9zrzWepQF47RaGSiKfeGx6Szi3gzmX/HHbihwBser4B9UJYpFBNX4R6vTn3VQnez0SymnrHQMsRYGTr1dSk34ljRqS/EMd2pLQ8YBp3a1PLfcqCpo8gtHkZFHKkTX6fs3MY0blKnth66rKCnU0VRGu37ONrQaA4eZDFtWAu2fXj9zjFkxTBOo8F7t926gTp/83Kyzzcy2kZD6xiqxTYnHLRFm3vHiRSwNSjkz3hoIzo8lCKWUlg/YtGs7tObunDAZfpDLbfEI15zsEIY3U/x/gHHc/G1zltnAgAAAABJRU5ErkJggg=="); }

.modal-spinner {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  padding: 12px 16px;
  border-radius: 5px;
  background-color: #111;
  height: 20px; }

.modal-spinner > div {
  border-radius: 100px;
  background-color: #fff;
  height: 20px;
  width: 2px;
  margin: 0 1px;
  display: inline-block;
  -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
  animation: sk-stretchdelay 1.2s infinite ease-in-out; }

.modal-spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s; }

.modal-spinner .rect3 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s; }

.modal-spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s; }

@-webkit-keyframes sk-stretchdelay {
  0%,40%,100% {
    -webkit-transform: scaleY(0.5); }
  20% {
    -webkit-transform: scaleY(1); } }
@keyframes sk-stretchdelay {
  0%,40%,100% {
    transform: scaleY(0.5);
    -webkit-transform: scaleY(0.5); }
  20% {
    transform: scaleY(1);
    -webkit-transform: scaleY(1); } }
.modal {
  z-index: 999; }
  .modal .seleccion {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap; }
    .modal .seleccion a {
      padding: 10px 25px;
      display: inline-block;
      margin: 5px 10px;
      background-color: red;
      color: white;
      text-decoration: none; }
      .modal .seleccion a:hover {
        background-color: #a14b4b; }
      .modal .seleccion a.sisisi {
        background-color: seagreen; }
        .modal .seleccion a.sisisi:hover {
          background-color: #4d9e70; }

.modal.grande {
  max-width: 992px !important; }

.sonrubros {
  flex: 1 1 100%; }

.comprobarSap, .comprobarArchivo {
  flex: 1 1 80px;
  width: 80px;
  height: 43px;
  position: relative;
  border: solid 1px gray;
  display: none; }
  .comprobarSap.mini, .comprobarArchivo.mini {
    max-width: 27px;
    height: 27px;
    margin-left: 5px; }
  .comprobarSap .sobre, .comprobarArchivo .sobre {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden; }
  .comprobarSap .sobre.cargando i, .comprobarArchivo .sobre.cargando i {
    animation-name: girar;
    animation-duration: 2s;
    animation-timing-function: linear;
    animation-iteration-count: infinite; }
  .comprobarSap .sobre.bien, .comprobarArchivo .sobre.bien {
    background-color: #307731;
    color: white; }
  .comprobarSap .sobre.alerta, .comprobarArchivo .sobre.alerta {
    background-color: #E2D347;
    color: white; }
  .comprobarSap .sobre.mal, .comprobarArchivo .sobre.mal {
    background-color: #ca5b27;
    color: white; }
  .comprobarSap .sobre.tipso_style, .comprobarArchivo .sobre.tipso_style {
    border: none !important; }

.abrirMenu, .abrirUsuario {
  display: none; }

.min200 {
  min-height: 200vh; }

@media (max-width: 767px) {
  .abrirMenu, .abrirUsuario {
    display: block;
    background-color: rgba(0, 0, 0, 0.05);
    border: solid 1px rgba(0, 0, 0, 0.1);
    padding: 5px 10px;
    font-size: 18px;
    margin-left: 10px; }
    .abrirMenu.activo, .abrirUsuario.activo {
      background-color: #83acce;
      color: white; }

  .cerrar:after, .cerrar:before {
    display: none !important; }

  .abrirUsuario {
    margin-left: auto !important; }

  #sistema {
    flex-direction: column; }
    #sistema .maple {
      display: none; }
    #sistema .barraIzq {
      position: sticky;
      flex-direction: row;
      flex: 0 0 auto;
      align-items: center;
      justify-content: space-between;
      padding: 0px 45px;
      z-index: 1;
      top: 0px;
      left: 0px; }
      #sistema .barraIzq .usuario {
        position: fixed;
        top: 70px;
        right: 0px;
        width: auto;
        max-width: 240px;
        min-width: 100px;
        border-radius: 0px;
        display: none; }
        #sistema .barraIzq .usuario .avatar {
          display: none; }
        #sistema .barraIzq .usuario .nombre small {
          flex-wrap: wrap; }
          #sistema .barraIzq .usuario .nombre small span {
            width: 100%; }
          #sistema .barraIzq .usuario .nombre small a {
            width: auto;
            flex: 1 1 50%;
            border: solid 1px gray;
            background-color: white;
            margin-top: 10px;
            align-items: center;
            justify-content: center;
            display: inline-flex;
            height: auto !important; }
            #sistema .barraIzq .usuario .nombre small a i {
              font-size: 24px;
              display: block;
              padding: 10px 0px; }
      #sistema .barraIzq .logo {
        display: flex;
        align-items: center;
        justify-content: center; }
        #sistema .barraIzq .logo img {
          max-height: 60px;
          margin-bottom: 10px;
          margin-top: 10px; }
    #sistema .menu {
      position: absolute;
      top: 100%;
      right: -100vw;
      background-color: whitesmoke;
      z-index: 999;
      display: none !important; }
      #sistema .menu.activo {
        opacity: 1;
        display: inline-flex !important;
        right: 0px;
        min-width: 200px;
        padding: 15px; } }
.totales {
  background-color: #636368;
  min-height: 100vh;
  max-width: 100%;
  overflow-x: hidden;
  padding: 0px 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap; }
  .totales .mapleTrivento {
    width: 100%;
    height: 100%;
    text-align: center; }
    .totales .mapleTrivento img {
      height: 80px;
      margin: 10px;
      opacity: 0.15; }
  .totales tr {
    text-align: center; }
  .totales .masivo {
    width: 100%;
    background-color: white;
    padding: 25px; }
    .totales .masivo form {
      width: 100%;
      margin-bottom: 25px; }
    .totales .masivo .form-control {
      padding: 10px 10px;
      border: #636368 1px solid;
      border-radius: 5px;
      width: 100%; }
  .totales .esteClick, .totales .estaComprobacion {
    border: solid 1px black;
    background-color: white;
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0px 5px; }
    .totales .esteClick:hover, .totales .estaComprobacion:hover {
      background-color: black;
      color: white;
      cursor: pointer; }
  .totales .estaComprobacion {
    opacity: 0; }
    .totales .estaComprobacion.opa {
      opacity: 1; }
  .totales .sobre.cargandou {
    animation-name: girar;
    animation-duration: 2s;
    animation-timing-function: linear;
    animation-iteration-count: infinite; }
  .totales .estaComprobacion.bien {
    background-color: #307731;
    color: white; }
  .totales .estaComprobacion.alerta {
    background-color: #E2D347;
    color: white; }
  .totales .estaComprobacion.mal {
    background-color: #ca5b27;
    color: white; }
  .totales .verificarArchivos {
    display: none; }

#aquiVinculos .select2-container {
  max-width: 140px; }

.multi-select-container {
  min-width: 140px; }

.multi-select-menuitem {
  text-align: left; }

.select2-results__option {
  font-size: 11px; }

#aquiSap .alinear {
  display: flex;
  align-items: center;
  justify-content: center; }
  #aquiSap .alinear .removeLinea {
    margin-right: 5px;
    color: red;
    font-size: 20px;
    opacity: .7; }
    #aquiSap .alinear .removeLinea:hover {
      cursor: pointer;
      opacity: 1; }

.vamosArepetir {
  display: flex;
  align-items: center;
  justify-content: flex-start; }
  .vamosArepetir a, .vamosArepetir button {
    background-color: #0066A3;
    color: white;
    padding: 7px 14px;
    display: inline-block;
    border: none;
    font-size: 18px;
    text-decoration: none;
    font-family: 'Poppins';
    border-radius: 5px;
    margin-bottom: 10px; }
    .vamosArepetir a:hover, .vamosArepetir button:hover {
      background-color: #6d9cc4;
      cursor: pointer; }
  .vamosArepetir button {
    margin-left: auto;
    background-color: #d33d3d !important; }
    .vamosArepetir button:hover {
      background-color: #cf5f5f; }

.repetir.comprobando {
  opacity: 0.3 !important;
  position: relative; }

.repetir.bien td {
  background-color: #87C13F !important; }

.repetir.mal td {
  background-color: #d33d3d  !important; }

.repetir td.alerta {
  background-color: #E2D347  !important; }

@media (max-width: 767px) {
  .totales form {
    overflow-x: scroll !important; } }
.barraProgreso {
  position: fixed;
  bottom: 25px;
  right: 25px;
  width: 120px;
  padding: 15px;
  background-color: #2e8b57;
  z-index: 999;
  display: none;
  border: solid white 2px;
  color: white;
  text-align: center; }

/*# sourceMappingURL=estilos.css.map */