/* ---------------- TAGS DEFINIDAS ---------------- */
html,
body {
    min-height: 100%;
}

body {
    font-family: 'Muli', sans-serif;
}

td {
    vertical-align: middle !important;
    font-family: 'Muli', sans-serif;
    font-weight: 400;
    text-align: center;
    color: #795B7D;
}

th {
    font-family: 'Muli', sans-serif;
    text-align: center;
    color: #795B7D
}

aside {
    width: 275px;
    position: fixed;
    background-color: white;
    padding: 80px 0;
    top: 0;
    overflow: scroll;
    height: 100vh;
}

aside ul.submenu li a{
    color: #55E8BF;
    font-size: 17px;
}

aside ul.submenu2 li a{
    color: #55E8BF;
    font-size: 17px;
}

#login-body{
  height: 100vh;
}

.blog-container ol{
  margin-bottom: 1rem !important;
}

.blog-container a, .blog-container a:hover{
  color:#55E8BF !important;
}

.nombre-link-tabla, .txt-ver-editar, .txt-ver-editar-uva{
    cursor:pointer;
}

.trash-button, .trash-button-detalle-pagos, .trash-button-emp {
    cursor: pointer; 
}

.trash-button, .trash-button-detalle-pagos, .trash-button-emp {
    width: 45px !important;
    height: 20px !important;
    margin-top: 13px;
    margin-bottom: 13px;
}
.trash-button-detalle-pagos{
    margin-top: 10px;
    margin-bottom: 10px;
}

.boton-eliminar{
    box-sizing: content-box;
}

.boton-eliminar img, .boton-eliminar i{
    margin-top: -46px;
    width: 12px;
}

.btn-view{
    margin: -16px 0 !important;
}
.btn-view-detalle{
    margin: -16px 0 !important;
}
.separador{
    width: 100%;
    height: 60px;
}

.hvr-grow {
 display: inline-block;
 vertical-align: middle;
 -webkit-transform: perspective(1px) translateZ(0);
 transform: perspective(1px) translateZ(0);
 box-shadow: 0 0 1px rgba(0, 0, 0, 0);
 -webkit-transition-duration: 0.3s;
 transition-duration: 0.3s;
 -webkit-transition-property: transform;
 transition-property: transform;
}

.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
 -webkit-transform: scale(1.1);
 transform: scale(1.1);
}

.f16{
    font-size: 16px;
}

.p-fix p{
  font-size: 16px !important;
}

.p-fix {
  text-align: justify;
}

::-webkit-scrollbar {
      width: 1px;
}

.dtr-title {
  font-size: 16px;
  font-weight: bold;
  display: block;
}

.ver-mid-fix2 {
  width: 100px !important;
}

#logo-app{
    margin-top: 30px;
}
.row{
    margin-left: 0;
    margin-right: 0;
}

.oculto{
    visibility: hidden;
}

.mostrar{
    display: unset !important;
}

.progress-bar{
    background-color: #55E8BF;
}

/*--------Diseño del boton del cookie-----*/
.cookieinfo-close{
  min-width: 20px !important;
  padding: 15px !important;
  width: 49px;
  height: 48px;
  position: absolute;
  /*top: -12px;*/
  /* right: 25px; */
  z-index: 99999;
  border-radius: 25px !important;
  font-size: 28px;
  font-family: 'Muli', sans-serif !important;
  font-weight: 700 !important;
  left: 0;
  margin-left: -50px;
  top: 50%;
  margin-top: -25px;
}

@supports (-ms-ime-align:auto) {
    .cookieinfo-close{
        /* content: "X" !important;
        font-weight: 600 !important;
        color: white !important; */
        padding: 15px 5px !important;
    }
}

.sidenav-lista {
  list-style-type: none;
}

.sidenav-lista a {
  font-size: 18px;
  font-family: 'Muli', sans-serif;
  color: #55e8bf;
  line-height: 2em;
}

.add-padding-10 {
  padding-top: 70px;
}

.sidenav-lista a:hover {
  color: #795B7D;
}

.sidenav-lista .active {
  pointer-events: none;
  cursor: default;
  text-decoration: none;
  color: #795b7d;
}

.cookieinfo{
    /*width: 26%;
    margin-left: 3%;
    margin-bottom: 2.5%;*/
    line-height: 13px !important;
    /*padding: 38px 18px !important;
    border-radius: 10px;*/
    z-index: 10000 !important;
}

.cookieinfo a{
    color: #55e8bf;
}

.cookieinfo a:hover{
    color: white;
}

.cookieinfo span{
    padding: 5px 90px !important;
}

.cookie-links{
  font-size: 16px;
  font-family: 'Muli', sans-serif;
  color: #55e8bf;
}

.cookie-links:hover{
  color: #FF92D9;
}

.cookiesfactura{
    width: 410px !important;
    height: 230px !important;
    padding: 38px 18px !important;
    border-radius: 10px;
    left: 18% !important;
    top: 5% !important;

}

.cookiesfactura-close{
    padding: 8px 8px!important;
    min-width: 20px !important;
  width: 40px;
  height: 40px;
  position: absolute;
  top: -12px;
  right: -11px;
  z-index: 99999;
  border-radius: 50% !important;
    min-width: 37px !important;
}

.cookie-factura{
    display: none !important;
}

/* #usuario{
  position: absolute;
  top: 20px;
  right: 50px;
} */
#usuario{
    margin-top: 20px;
}
input {
    color: #795B7D;
    background: transparent;
}

input:disabled {
    opacity: .5;
}

.pago-tarjeta-fondo{
    background: linear-gradient(275deg, rgba(255,163,209,1) 0%, rgba(254,218,184,1) 0%, rgba(255,163,209,1) 100%);
}

.border-100-inicio-izq{
    border-radius: 0 100px;
}

.border-100-inicio-der{
    border-radius: 100px 0;
}

.cerrar-sesion {
  padding: .84rem 2.14rem;
  background: rgba(254, 225, 181, 1);
  background: linear-gradient(275deg, rgba(255,163,209,1) 0%, rgba(254,218,184,1) 50%, rgba(255,163,209,1) 100%);
  box-shadow: none !important;
  border-radius: 10px;
  font-size: 16px;
  font-family: 'Muli', sans-serif;
  font-weight: 400;
  transition: 0.5s;
  background-size: 200% auto;
}

.cerrar-sesion:hover{
    background-position: right center;
    color: #fff;
}

.btn-historial {
  /*padding: .84rem 2.14rem;*/
  background-color: #795B7D;
  box-shadow: none !important;
  border-radius: 10px;
  font-size: 16px;
  font-family: 'Muli', sans-serif;
  font-weight: 400;
  color: #ffffff !important;
}

.btn-historial:hover{
    background-color: #9A849D;
    color: white;
}

#comprabtn{
    height: 45px;
    width: 50%;
    margin-left: 15%;
}

#BtnSiguiente{
    height: 45px;
    width: 40%;
    padding-top: 10px;
    padding-bottom: 35px;
}

.btn-renovar {
  padding: .84rem 2.14rem;
  border-radius: 10px;
  background: rgba(254, 225, 181, 1);
  background: linear-gradient(275deg, rgba(255,163,209,1) 0%, rgba(254,218,184,1) 50%, rgba(255,163,209,1) 100%);
  box-shadow: none !important;
  color: #ffffff !important;
  font-size: 16px;
  font-family: 'Muli', sans-serif;
  font-weight: 400;
  transition: 0.5s;
  background-size: 200% auto;
}

.btn-renovar:hover {
  background-position: right center;
  color: #fff;
}

.btn-nuevo-plan {
  padding: .84rem 2.14rem;
  background: rgba(254, 225, 181, 1);
  background: linear-gradient(275deg, rgba(255,163,209,1) 0%, rgba(254,218,184,1) 50%, rgba(255,163,209,1) 100%);
  box-shadow: none !important;
  color: #ffffff !important;
  font-size: 16px;
  font-family: 'Muli', sans-serif;
  font-weight: 400;
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
  transition: 0.5s;
  background-size: 200% auto;
}

.btn-nuevo-plan:hover{
    background-position: right center;
    color: #fff;
}

.titulos th {
  color: #55e8bf !important;
  font-size: 16px !important;
}

hr {
    border: 2px solid #795b7d;
}

input:-webkit-autofill {
    background: transparent;
    -webkit-text-fill-color: #795B7D;
    -webkit-box-shadow: transparent;
    transition: background-color 5000s ease-in-out 0s;
}

h1 {
    font-size: 28px;
    font-family: 'Muli', sans-serif;
    font-weight: 400;
    color: #795B7D
}

h2 {
    font-size: 24px;
    font-family: 'Muli', sans-serif;
    font-weight: 400;
    color: #795B7D
}

h3 {
    font-size: 20px;
    font-family: 'Muli', sans-serif;
    font-weight: 400;
    color: #795B7D
}

h4 {
    font-size: 16px;
    font-family: 'Muli', sans-serif;
    font-weight: 400;
    color: #795B7D
}

h5 {
    font-size: 14px;
    font-family: 'Muli', sans-serif;
    font-weight: 400;
    color: #795B7D
}

h6 {
    font-size: 12px;
    font-family: 'Muli', sans-serif;
    font-weight: 400;
    color: #795B7D
}

a:hover {
    text-decoration: none;
    font-size: auto;

    color: #55E8BF
}


p {
    font-family: 'Muli', sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #795B7D
}


/*

  hr {
      height: 1px;
      width: 900px;
      border-color: #795B7D;
      background-color: #795B7D
  }
  */
  .img-logo-pos{
    position: absolute;
    z-index: 100;
  }
.ul-grid {
    list-style: none;
    font-family: 'Muli', sans-serif;
    font-weight: 400;
    font-size: 24px;
    color: #795B7D
}

.li-grid{
    list-style: none;
    font-family: 'Muli', sans-serif;
    font-weight: 400;
    font-size: 19px;
    color: #55E8BF;
    margin: 15px 0 !important;
}

#menu-catalogos .li-grid{
    margin: 0 !important;
}

.li-grid2{
    list-style: none;
    font-family: 'Muli', sans-serif;
    font-weight: 400;
    font-size: 19px;
    color: #55E8BF;
    padding-bottom: .3rem;
    margin: 15px 0 !important;
}

#menu-catalogos .li-grid2{
    margin: 0 !important;
}


.pagina{
    position: absolute;
    top: 0;
    right: 0;
    -webkit-transition: width 0.3s linear;
    transition: width 0.3s linear;
    width: calc(100% - 275px);
    background-color: #fff;
    min-height: 100vh;
    padding-bottom: 50px;
}

.color-fondo-gris{
    background-color: #f9f9f9;
}

.backcolor-transparente{
    background-color: transparent;
}

.border-right-verde{
    border-right: 1px solid #55E8BF;
    border-radius: 0px;
    line-height: 4px;
}

.pago-agregar:hover{
    color: #55E8BF;
}

.btn-ver-pago:hover{
    color: #795B7D;
}

.margin-top-10rem{
    margin-top: 10rem;
}

.info-cliente{
    background-color: #FFF;
    border: none;
    color: #795B7D;
}

.romper-palabra{
    word-break: break-all;
}

#antiguedadComprobantes .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {

    padding: 5px !important;
}

/*******************************************/
/*  **MENU**                               */
/*  1.Botones                              */
/*  2.Datatables                           */
/*  3.Factura                              */
/*  4.Grid                                 */
/*  5.Inputs                               */
/*  6.Login                                */
/*  7.modales                              */
/*  8.registro                             */
/*  9.registro2                            */
/*  10.tablas                              */
/*  11.textos                              */
/*  12.Bienvenida                          */
/*  12.correo                              */
/*******************************************/
/* -- 1. Botones -- */
.boton-verde-hover:hover{
    color: #55E8BF !important;
}
#img-captcha{
    position: absolute;
    top: 55px;
    left: 0;
}

#login-ciec-captcha{
    width: 285px !important;
}

#div-comprobantes .terminos input:checked~.checkmark{
    background-color: #FF92D9;
}

.fondo-blanco-rad-0{
    background-color: #FFF !important;
    border-radius: 0;
}

#div-comprobantes .terminos{
    font-size: 16px;
    padding-bottom: 5px;
}
#btn-recibidos{
    background-color: #C2C2C2;
    color: #fff;
}

#btn-emitidos{
    background-color: #55E8BF;
    color: #fff;
}

.btn-gris{
    background-color: #C2C2C2;
    color: #FFF !important;
    border: none;
    outline: none;
}

.btn-gris:hover{
    background-color: #55E8BF;
    color: #FFF;
}

.w-100{
    width: 100% !important;
}

#inicio{
    width: 100%;
    font-weight: 600 !important;
    font-size: 18px;
}

/*#mes-login{
    width: 25% !important;
    /*margin-top: 45px;
}

#Lbl-comprobante{
    position: absolute;
}

#Lbl-comprobante{
    position: absolute;
}*/

#div-captcha .input-normal-verde{
    width: 51% !important;
}

.input-text-security {
    text-security:disc;
    -webkit-text-security:disc;
    -mox-text-security:disc;
}

.margin-top-50{
    margin-top: 50%;
}

.btn-cerrar-email{
    height: 40px;
    border-radius: 20px;
    border: none;
    font-size: 16px;
    font-family: 'Muli', sans-serif;
    color: #fff;
    background-color: #795B7D;
}

.btn-cerrar-email:hover{
    opacity: .75;
    color: #fff;
}

.btn-enviar-email{
    height: 40px;
    border-radius: 20px;
    border: none;
    font-size: 16px;
    font-family: 'Muli', sans-serif;
    color: #fff;
    background-color: #55E8BF;
}

.btn-enviar-email:hover{
    opacity: .75;
    color: #fff;
}

#btn-comprar{
    float: right;
    width: 100%;
    height: 47px;
    color: #FFF;
    border-style: none ;
    background: linear-gradient(275deg, rgba(255,163,209,1) 0%, rgba(254,218,184,1) 50%, rgba(255,163,209,1) 100%);
    box-shadow: none !important;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    transition: 0.5s;
    background-size: 200% auto;
}

#btn-comprar:hover{
    background-position: right center;
    color: #fff;
}

#btn-comprar:disabled{
    opacity: 0;
}

.btn-comprarvC{
    margin-top: 20px !important;
    text-align: center;
    padding-top: 10px;
    float: right;
    width: 100%;
    height: 47px;
    margin-right: 5%;
    color: #FFF;
    border-style: none ;
    background-color:#55E8BF;
    box-shadow: none !important;
    transition: 0.5s;
    background-size: 200% auto;
}

.btn-comprarvC:hover{
    background-color:#7FEECF;
    background-position: right center;
    color: #fff;
}

.btn-comprarV{
    margin-top: 5px;
    float: right;
    width: 100%;
    height: 47px;
    color: #55E8BF;
    background-color: #fff;
    border-style: none ;
    box-shadow: none !important;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    background-size: 200% auto;
}

.btn-comprarV:hover{
    background-position: right center;
    color: #7FEECF;
}

.a-comprarV{
    margin-top: 15px;
    float: right;
    width: 100%;
    height: 47px;
    text-align: center;
    color: #55E8BF;
    background-color: #fff;
    border-style: none ;
    box-shadow: none !important;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    background-size: 200% auto;
}

.a-comprarV:hover{
    background-position: right center;
    color: #7FEECF;
}

.a-saltar{
    margin-top: 15px;
    float: right;
    width: 100%;
    height: 47px;
    margin-top: 20px;
    font-size: 19px;
    text-align: center;
    color: #55E8BF;
    background-color: #fff;
    border-style: none ;
    box-shadow: none !important;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    background-size: 200% auto;
}

.a-saltar:hover{
    background-position: right center;
    color: #7FEECF;
}

#check p{
    font-weight: 800;
}

#tabla-pagos.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child:before,
#tabla-elementos.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child:before,
#tabla-ingresos.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child:before,
#tabla-egresos.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child:before, 
#tabla-clientes-proveedores.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child:before,
#tabla-fideicomitentes.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child:before,
#tabla-comprobante-detalles.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child:before,
#tabla-comprobante-relacion.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child:before,
#tabla-comprobante-relacion-fidei.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child:before,
#tabla-comprobante-detalle-estaticos.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child:before,
#tabla-comprobante-detalle-pagos.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child:before
{
    /*top: 40% !important;
    left: 4%;*/
    height: 14px;
    width: 14px;
    display: block;
    position: absolute;
    color: white;
    border: 2px solid #55E8BF;
    border-radius: 14px;
    box-sizing: content-box;
    text-align: center;
    font-family: 'Courier New', Courier, monospace;
    font-weight: bold;
    line-height: 16px;
    content: '▼';
    background-color: #55E8BF;
    left: 1%;
    font-size: 11px;
    margin-right: 30px;
}

.child:before{
    display: none !important;
    content: none !important;

}

#tabla-ingresos tbody td ul{
    list-style: none;
}

#contenedor-principal #tabla-elementos td{
    padding: 35px !important
}


.centrar-objetos{
    margin: 0 auto;
    display: block;
    float: none;
}

.height-de-500{
    min-height: 500px;
}

.margin-top-150{
    margin-top: 150px;
}

.margin-top-80{
    margin-top: 80px;
}


.btn-verde-sm{
    font-family: 'Muli', sans-serif;
    font-weight: 400;
    font-size: 13px;
    color: #fff;
    border:none;
    padding: 10px 50px;
    box-shadow: none !important;
}

.btn-verde-sm:hover {
    background: #7FEECF;
    color: #fff; 
}

.btn-verde-sm:active{
    background-color: #B2F5E2;
    color: #fff;
}

.btn-verde-sm:hover{
  background-color: rgba(85, 232, 191,.7);
    color: white; 
}


.btn-pos-bottom{
    position: absolute;
    right: 0;
    bottom: 0;
}
.to-right{
    float: right;
}
.btn-factura-morado{
    background: #795B7D;
    color: white;
    padding: 20px 47px 20px;
    text-align: left;
    font-size: 19px;
    border: none;
    position: relative;
    width: 225px;
    border-radius: 0 40px 0 40px;
    font-family: 'Muli', sans-serif !important;
    font-weight: 700;
    margin-left: 31px;
    text-align: center;
    margin-top: 47px;
}

.btn-factura-morado:hover{
    background: #795B7D;
    color: #55E8BF;
    padding: 20px 47px 20px;
    text-align: left;
    font-size: 19px;
    border: none;
    position: relative;
    width: 225px;
    border-radius: 0 40px 0 40px;
    font-family: 'Muli', sans-serif !important;
    font-weight: 700;
    margin-left: 31px;
    text-align: center;
    margin-top: 47px;
}

.btn-factura {
    background: rgb(254,225,181);
    background: linear-gradient(275deg, rgba(255,163,209,1) 0%, rgba(254,218,184,1) 50%, rgba(255,163,209,1) 100%);
    color: white;
    padding: 20px 47px 20px;
    text-align: left;
    font-size: 19px;
    border: none;
    position: relative;
    width: 225px;
    border-radius: 0 40px 0 40px;
    font-family: 'Muli', sans-serif !important;
    font-weight: 700;
    margin-left: 31px;
    text-align: center;
    transition: 0.5s;
    background-size: 200% auto;
    /*margin-top: 48px;*/
}
/*--------------------- Botones aside ---------------------------*/
/*---- Boton aside verde -----*/
.btn-aside-verde{
    background-color: #55E8BF;
    color: white;
    border-radius: 40px 0 40px 0;
    font-family: 'Muli', sans-serif !important;
    font-weight: 700;
    margin-left: 73px;
    text-align: center;
    margin-top: 8px;
    width: 66.7%;

}
.btn-aside-verde:hover{
    background-color: rgba(85, 232, 191,.7);
    color: white;
}

.btn-aside-verde:hover{
    background-color: #7FEECF;
    color: #fff;
}

.btn-aside-verde:active{
    background-color: #B2F5E2;
    color: white;

}
.btn-view:hover{
    color: rgba(85, 232, 191,.7);
}
.btn-view-detalle:hover{
    color: rgba(85, 232, 191,.7);
}
/*----- Boton aside uva ----*/
.btn-aside-uva{
    background: #795B7D;
    color: white;
    padding: 20px 47px 20px;
    text-align: left;
    font-size: 19px;
    border: none;
    position: relative;
    width: 225px;
    border-radius: 0 40px 0 40px;
    font-family: 'Muli', sans-serif !important;
    font-weight: 700;
    margin-left: 31px;
    text-align: center;
    /*margin-top: 47px;*/
}
.btn-aside-uva-emp{
    background: #795B7D;
    color: white;
    padding: 20px 20px 20px;
    text-align: left;
    font-size: 19px;
    border: none;
    position: relative;
    width: 225px;
    border-radius: 0 40px 0 40px;
    font-family: 'Muli', sans-serif !important;
    font-weight: 700;
    margin-left: 31px;
    text-align: center;
    /*margin-top: 47px;*/
}

.btn-aside-uva:hover{
    background: #9A849D;
    color: white;
}

.btn-aside-uva-emp:hover{
    background: #9A849D;
    color: white;
}

/*--- Botones gaurdar ---*/
.btn-guardar-uva{
    color: #fff !important;
    background-color: #795B7D;
    /*border-color: #795B7D;*/
    padding: 12px 60px 12px 60px;
    border-radius: 9px;
}
.btn-guardar-verde{
    color: #fff !important;
    background-color: #55E8BF;
    padding: 12px 60px 12px 60px;
    border-radius: 9px;
}

.btn-guardar-verde:hover{
    background-color: #7FEECF;
    color: #fff;
}

.btn-guardar-uva:hover{
    color: #fff !important;
    background-color: #9A849D;
}

.btn-guardar-uva:active{
    color: #fff !important;
    background-color: #C2B5C4;
}

/*---- Boton buscar en modal pagos---*/
.btn-buscar-pagos{
    background-color: #55E8BF;
    padding: 10px 100px;
    color: #fff;
}
.btn-tipo-relacion{
    background-color: #55E8BF;
    color: #fff;
}
.btn-tipo-relacion:hover{
    background-color: rgba(85, 232, 191,.7);
    color: #fff;
}
.btn-cerrar{
    padding: 10px 50px;
}
.btn-regresar-modal{
    color: #795B7D;
}
.btn-regresar-modal:hover{
    color: #FF92D9;
}
.agregar-pago{
    color: rgba(121, 91, 125,1);
}
.agregar-pago:hover{
    color: rgba(121, 91, 125,.8);
}
.btn-buscar-pagos2{
    font-family: 'Muli', sans-serif;
    font-weight: 400;
    font-size: 17px;
    color: #fff;
    border:none;
    padding: 10px 100px;
}
.btn-buscar-pagos:hover{
    background-color: #7FEECF;
    color: #fff;
}

.btn-buscar-pagos2:hover{
    background-color: #7FEECF;
    color: #fff;
}

.btn-buscar-pagos2:active{
    background-color: #B2F5E2;
    color: #fff;
}

.btn-morado{
    background-color: #795B7D;
    color: white;
    padding: 20px 47px 20px;
    text-align: left;
    margin-top: 39px;
}
.btn-regresar-aside {
    background: #55E8BF;
    color: white;
    padding: 20px 47px 20px;
    text-align: center;
    font-size: 19px;
    border: none;
    position: relative;
    width: 225px;
    border-radius: 40px 0 40px 0;
    font-family: 'Muli', sans-serif !important;
    font-weight: 700;
    margin-left: 31px;
}

.btn-regresar-aside:hover{
    background-color: #7FEECF;
    color: #fff;
}

.dropdown-menu {
  background-color: #EFEBEF !important;
  border: none !important;
}

.dropdown-item:hover{
  background-color: #D0C5D1 !important;
}

.dropdown-fix a{
  color: #795B7D !important;
}

.txt-informativo{
    color: #55E8BF;
    text-align: center;
    margin-top: 12px;
    margin-left: 42px;
}

.inicio-menu{
    color: #795B7D;
    font-size: 42px;
}

.inicio-menu-active-ingreso{
    color:#55E8BF !important;
    font-size: 30px;
}

.inicio-menu-ingreso{
    color:#795B7D !important;
    font-size: 30px !important;
}

.inicio-menu-active{
    color:#55E8BF !important;
    font-size: 24px;
    margin: 0 !important;
}

.ingresos-menu{
    color: #D9D3DB !important;
    font-size: 15px;
    width: 88px;
    top: 23px;
    left: 80px;
}

.ingresos-menu-verde{
    color: #55E8BF;
    font-size: 15px;
    width: 88px;
    top: 17px;
    left: 80px;
}

#txt-oculto-aside{
    color: #D9D3DB !important;
    font-size: 12px;
    font-style: italic;
    display: none;
}

a:hover > #txt-oculto-aside{
    display: contents;
}

#btn-nomina:hover > #txt-oculto-aside{
    display: contents;
}

.li-grid span{
    color: #55E8BF;
}

.btn-factura-icon {
    background: #55E8BF;
    color: white;
    padding: 11px 17px;
    /* margin-left: 81px; */
    position: absolute;
    top: 7px;
    right: -70px;
    border-radius: 100%;
}

.btn-descargar {
    background: linear-gradient(to bottom, #ff92d9, #ff9fbb, #ffa294, #ffb4a9, #f5e1c4);
    color: white;
    padding: 16px 52px 16px;
    text-align: left;
    font-size: 18px;
    border: none;
    position: relative;
    width: 195px;
    border-radius: 150px 28px 59px 0px;
    font-family: 'Muli', sans-serif !important;
    font-weight: 700;
    margin-bottom: 16px;
    margin-left: 25px;
}

.btn-descargar-icon {
    background: #55E8BF;
    color: white;
    padding: 15px 20px;
    /* margin-left: 81px; */
    position: absolute;
    top: 0px;
    right: -20px;
    border-radius: 100%;
}

.logo-aside{
    margin-left: 100px;
    margin-top: -68px;
}

.font-w-900 {
    font-weight: 900;
}
.font-w-600 {
    font-weight: 600 !important;
}

.font-w-700 {
    font-weight: 700!important;
}

.font-w-400 {
  font-weight: 400!important;
}

.font-w-500{
    font-weight: 500!important;
}

.font-s-32 {
  font-size: 32px !important;
}

.btn-factura:hover,  .btn-descargar:hover{
    background-position: right center;
    color: #fff;
}

.btn-factura-icon:hover {
    background: rgb(116, 235, 201);
    color: white;
}

.btn-registrar {
    background: #55E8BF;
    color: white;
    padding: 12px 100px 12px 100px;
}

.btn-registrar:hover{
    background-color: #7FEECF;
    color: white;
}

.btn-search-green {
    background: #55E8BF;
    color: white;
    padding: 12px 60px 12px 60px;
}

.btn-search-green:hover {
    background: rgb(114, 255, 215);
    color: white;
}

.btn-small {
    padding: 18px 18px 18px 18px;
}

.btn-large {
    padding: 10px 55px 10px 55px;
}

.btn-uva {
    background-color: #795B7D;
    color: #FFF;
}

.btn-padding {
  padding: 10px;
}

.btn-uva:hover{
    background-color: #9A849D;
    color: white;
}

.btn-uva2 {
    background-color: #795B7D;
    color: #FFF;
    padding-top: 15px;
    padding-bottom: 15px;
}
.btn-facturar-registro {
    background: rgb(254,220,183);
    background: linear-gradient(275deg, rgba(255,163,209,1) 0%, rgba(254,218,184,1) 50%, rgba(255,163,209,1) 100%);
    color: #FFF;
    padding-top: 15px;
    padding-bottom: 15px;
    box-shadow: none !important;
    text-align: center;
    transition: 0.5s;
    background-size: 200% auto;
}

.btn-facturar-registro:hover{
    background-position: right center;
    color: #fff;
}

.btn-uva2:hover {
    background-color: #fff;
    color: #836287;
    border: 1px solid #836287;
}

.btn-pink {
    background-color: #FF92D9;
}

.error-block {
  color: #FF92D9 !important;
}

.aviso-text {
    color: #836287;
    font-size: 1.5rem;
}
.btn-pink:hover {
    background-color: #ffaae1;
}

.btn-green {
    background-color: #55E8BF;
}

.desactivado{
    opacity: .5;
}

.btn-green:hover {
    background-color: rgb(114, 255, 215);
}

.btn-mocca {
    background-color: #FEE1B5;
}

.btn-mocca:hover {
    background-color: rgb(253, 233, 204);
}

.btn-grey {
    background-color: #C2C2C2;
}

.btn-grey:hover {
    background-color: rgb(218, 218, 218);
}

.btn-dark-green {
    background-color: #0EC995;
}

.btn-dark-green:hover {
    background-color: rgb(31, 218, 165);
}

.btn-blue {
    background-color: #556BFC;
}

.btn-blue:hover {
    background-color: rgb(113, 130, 241);
}

.btn-dark-red {
    background-color: #BA0000;
}

.btn-dark-red:hover {
    background-color: rgb(185, 26, 26);
}

.btn-mustard {
    background-color: #cfba30;
}

.btn-mustard:hover {
    background-color: #dbc84e;
}

.btn-light-grey {
    background-color: #D9D3D8;
}

.btn-light-grey {
    background-color: rgb(236, 232, 235);
}

.btn-peach-gradient {
    background: rgb(254,225,181);
    background: linear-gradient(208deg, rgba(254,225,181,1) 0%, rgba(255,146,217,1) 100%);
}

.btn-peach-gradient:hover {
    background: rgb(254,225,181);
    background: linear-gradient(208deg, rgba(254,225,181,.9) 0%, rgba(255,146,217,.9) 100%);
}

.btn-outline-uva {
    color: #fff !important;
    background-color: #795B7D;
    border-color: #795B7D;
    padding: 12px 60px 12px 60px;
}

.btn-outline-uva:hover{
    background-color: #9A849D;
    color: white;
}

.btn-outline-uva-fix {
    color: #795B7D !important;
    border-color: #795B7D;
}

.btn-outline-verde {
  color: #fff !important;
  background-color:#55E8BF;
  border-color: #55E8BF;
  padding: 12px 60px 12px 60px;
}

.short-btn{
    padding: 12px 20px 12px 20px;
}

.btn-outline-verde:hover {
  color: #55E8BF !important;
  background-color: #fff;
  border-color: #55E8BF;
}

.btn-rounded {
    border-radius: 0.5em !important;
}
.btn-rounded-3 {
    border-radius: 10em 0 10em 10em !important;
}

.btn-rounded-4{
  border-radius: 0 10em 10em 10em !important;
}

.btn-rounded-timbrar {
    border-radius: 0 0 1em 1em !important;
}
.btn-rounded-pdf {
    border-radius: 1em 1em 0 0 !important;
}

.btn-transfer {
    color: white;
    padding: 12px 30px 12px 30px;
}
.btn-pdf{
    /*background-color: #55E8BF;
    color: white!important;*/
    border: 1px solid #795B7D;
}

.gradient-peach {
    background: rgba(254, 225, 181, 1);
    background: -moz-linear-gradient(-45deg, rgba(254, 225, 181, 1) 0%, rgba(255, 169, 206, 1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(254, 225, 181, 1)), color-stop(100%, rgba(255, 169, 206, 1)));
    background: -webkit-linear-gradient(-45deg, rgba(254, 225, 181, 1) 0%, rgba(255, 169, 206, 1) 100%);
    background: -o-linear-gradient(-45deg, rgba(254, 225, 181, 1) 0%, rgba(255, 169, 206, 1) 100%);
    background: -ms-linear-gradient(-45deg, #fee1b5 0%, rgba(255, 169, 206, 1) 100%);
    background: linear-gradient(135deg, rgba(254, 225, 181, 1) 0%, rgba(255, 169, 206, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5e1c4', endColorstr='#ffa9ce', GradientType=1);
}

.btn-transfer:hover {
    color: #fff;
    background: rgba(252, 230, 197, 1);
    background: -moz-linear-gradient(-45deg, rgba(252, 230, 197, 1) 0%, rgba(250, 192, 217, 1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(252, 230, 197, 1)), color-stop(100%, rgba(250, 192, 217, 1)));
    background: -webkit-linear-gradient(-45deg, rgba(252, 230, 197, 1) 0%, rgba(250, 192, 217, 1) 100%);
    background: -o-linear-gradient(-45deg, rgba(252, 230, 197, 1) 0%, rgba(250, 192, 217, 1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(252, 230, 197, 1) 0%, rgba(250, 192, 217, 1) 100%);
    background: linear-gradient(135deg, rgba(252, 230, 197, 1) 0%, rgba(250, 192, 217, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fce6c5', endColorstr='#fac0d9', GradientType=1);
}

.btn-save {
    color: #795B7D;
    background: #F8EEDE;
    padding: 5px 15px 5px 15px;
}

.green-fos {
    color: #55E8BF;
}

.btn-nomina {
    background-color: transparent;
    padding: 0;
    color: #795b7d;
    font-size: 19px;
}

.btn-nomina:hover {
    color: #55e8bf !important;
}

.no-shadow-box {
    box-shadow: none !important;
}

.btn-help {
    background-color: #FF92D9;
    float: right;
    -webkit-box-flex: 0;
    width: 20px;
    box-sizing: border-box;
    height: 20px;
    text-align: center;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 0px !important;
    border-radius: 50%;
}

.btn-help:hover {
    background-color: rgb(255, 168, 225);
}

.btn-help h3 {
    margin-top: 3px;
    color: #ffffff;
    font-size: 12px;
}
.btn-align{
    padding: 3px 10px 3px 10px !important;
}

.btn-search {
    color: #795B7D;
    background: transparent;
    padding: 3px 50px 3px 10px;
}

.btn-search:hover {
    color: #795B7D;
    background: rgba(217, 211, 219, .14);
}

.btn-search-text {
    font-size: 10px;
}

.btn-search-icon {
    margin-right: 25px;
    font-size: 18px;
    color: #FF92D9;
}

.btn-add {
    color: #795B7D;
    margin: 0 5px;
}

.btn-add:hover {
    color: rgb(55, 200, 159);
    text-decoration: none;
}

.btn-add svg {
    color: #55E8BF !important;
    margin-right: 10px;
}

.btn-add-item {
    color: #55E8BF;
    background: rgba(194, 194, 194, .12);
    padding: 3px 50px 3px 10px;
}

.btn-add-item:hover {
    color: rgb(68, 199, 162);
    background: rgb(231, 226, 233);
}

.btn-add-item-text {
    font-size: 10px;
}

.btn-add-item-icon {
    margin-right: 25px;
    font-size: 15px;
    color: #FF92D9;
}

.btn-circle-logo {
    background: rgba(194, 194, 194, .5);
    border: 2px solid rgba(194, 194, 194, .5);
    float: left;
    -webkit-box-flex: 0;
    width: 80px;
    box-sizing: border-box;
    height: 80px;
    text-align: center;
    font-size: 14px;
    /* line-height: 80px;*/
    margin-bottom: 0px !important;
    border-radius: 50%;
}

.btn-circle-logo img{
    object-fit: cover;
    width: 100%;
    height: 100%;
}


@media (max-width: 767px) {
.btn-circle-logo {
    margin-top: 10px;
    width: 60px;
    height: 60px;
  }
.modal-content.padding-center{
    padding: 10px 0;
  }

  .dropdown-menu.show{
    background-color: #f9f9f9 !important;
  }

.contorno-panel-timb h1 {
    padding-left: 0px !important;
    }
}


.btn-circle-logo:hover {
    border: 2px solid #55E8BF;
}

.resize {
    max-width: 100%;
    max-height: 100%;
}

/* Dropdown Button */
.dropbtn {
    background-color: #4CAF50;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #55E8BF;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
    padding: 12px 60px 12px 60px;
    margin-left: 50px;
    right: 130px;
    top: 100px;
}

.dropdown-position{
    padding: 5%;
}

.menu-pos {
    position: relative;
    padding: 0 200px 35px 250px;
    right: 1px;
    z-index: 99;
    border-radius: 135px;
    padding: 12px;
    width: 85px;
    height: 85px;
    bottom: 30px;
}

.menu-pos-hover {
    position: relative;
    padding: 0 200px 35px 250px;
    right: 216px;
    z-index: 99;
    border-radius: 135px;
    padding: 12px;
    width: 300px;
    height: 233px;
    bottom: 30px;
}

/* Links inside the dropdown */
.dropdown-content a {
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    color: #fff;
    font-size: 19px;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {
    color: #fff;
}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
    display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
    background-color: #3e8e41;
}

.btn-circle-menu {
    background-color: #55E8BF;
    float: right;
    -webkit-box-flex: 0;
    width: 20px;
    box-sizing: border-box;
    height: 20px;
    text-align: center;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 0px !important;
    margin-top: 35px;
    border-radius: 50%;
    margin-right: 80px;
    transition-delay: 1.2s;
    display: none;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
}

.btn-circle-logo:hover>.btn-circle-menu {
    display: block !important;
}
.btn-avanced-buttons-padding{
    padding: 5px 20px;
    }

.focus:focus{
    color: black;
}



/* -- /1.Botones -- */
/* -- 2.datatables -- */

.padding-lateral-20{
    padding: 0px 20px;
}

.resume-row-h{
    height: 50px;
}
.panelTotales-row-h{
    height: 50px;
}
/*
.line-green{
    background-color: #55E8BF;
    height: 50px;
    width: 92%;
    position: absolute;
    top: 250px;
    opacity: .9;
    z-index: 100;
}*/

.linea-verde{
    background-color: #55E8BF;
    z-index: 100;
}

.total-line-pos{
    color: white;
    /*position: absolute;*/
    z-index: 100;
    top: 265px;
}
.total-line-pos-right{
    color: white;
    /*position: absolute;*/
    z-index: 100;
    right: 65px;
    top: 265px;
}
/*  En caso de que se quisiera intercalar el color en los botones para eliminar
tr.odd>td>div>a.trash-button{
    background-color: red;
    height: 120px;
    width: 40px;
}
tr.even>td>div>a.trash-button{
    background-color: rgb(255, 0, 191);
    height: 120px;
    width: 40px;
} */
.arrow-down{
   position: relative;
  }
.arrow-down::after{
    font-family: "FontAwesome";
    content: "\f078";

  	position: absolute;
  	top: 12px;
  	right: 20px;
  	color: #55E8BF;
  	pointer-events: none;
  }
.a-search-mb{
    margin-bottom: 19px;
}
.cancelado-alert{
    background-color: rgba(254, 178, 202,.55)!important;
}

.pendiente-alert{
    background-color: #D0C5D1 !important;
}
.solicitud-rechazada{
    background-color: rgba(245,176,65,0.3) !important;
}

.bt-remove{
    visibility: hidden !important;
}

.ocultar{
    display: none;
}

.trash-button, .trash-button-detalle-pagos, .trash-button-emp{
    background-color: #EB7272; 
    padding: 0 !important;
    border-radius: 0 20px 0 20px !important;
    /*
    height: 100px;
    width: 20px;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-top-right-radius: 0 !important;*/
    border-bottom-right-radius: 0 !important;

}
/*.trash-button-emp{
    background-color: #EB7272;
    height: 100px;
    width: 15%;
    padding: 0 !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;

}*/

.trash-button-grey{
    background-color: #C0C0C0;
    height: auto;
    width: 5%;
    padding: 0 !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;

}

.trash-button-comprobante{
    background-color: #EB7272;
    height: 100px;
    width: 40px;
    padding-top: 9% !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;

}

/*.trash-button-detalle-pagos{
    background-color: #EB7272;
    max-width: 20px;
    height: 80px;
    padding: 25px 0 0 0 !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.trash-button-detalle-pagos:hover{
    background: rgba(235, 114, 114, .75);
}*/
.trash-btn-comprobante-detalles{
    margin: 0 0 0 auto;
   
}

.comprobante-size{
    font-size: 32px !important;
}
.comprobante-size-padding{
    padding-top: 30px;
}

.select-disabled {
    font-family: 'Muli', sans-serif;
    font-size: 18px;
    border: 1px solid transparent !important;
    background-color: transparent;
    background: #e9ecef;

}

.span.select2-selection.select2-selection--single.select-input{
    border: none;
    background: rgba(217, 211, 219, .14) !important;
    border-radius: 10px;
}
#select_tipo_relacion{
    border: none;
    background: rgba(147, 65, 174, 0.14) !important;
    border-radius: 10px;
    width: 491;
}

.select2-container--bootstrap .select2-selection {
  border-radius: 0 !important;
  position: relative;
  box-shadow: none;
}

.select2-container--bootstrap .select2-selection__arrow{
  display: none;
}

.select2-container--bootstrap .select2-selection__clear{
  color: #55e8bf;
}

.select2-container--bootstrap .select2-selection__placeholder {
  color: #795b7d !important;
  text-transform: lowercase;
}

.select2-container--bootstrap .select2-selection--single .select2-selection__rendered{
  color: #795b7d !important;
}

.select2-container--bootstrap .select2-selection__placeholder:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f078";
  color: #55e8bf;
  position: absolute;
  right: 3px;
  bottom: 1px;
}

#acciones .select-input {
  background-color: #c2b5c4 !important;
  border: 1px solid transparent !important;
  padding-top: 5px !important;
  padding-left: 20px !important;
  border-radius: 10px !important;
  height: 40px !important;
}

#acciones .select-input .select2-selection__placeholder {
  color: #795b7d;
  text-transform: lowercase;
}

#acciones .select-input .select2-selection__placeholder:after{
  display: none;
}

#acciones .select-input .select2-selection__placeholder:before {
  font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f142";
  margin-right: 15px;
}

#acciones .select-input .select2-selection__arrow {
  display: none;
}

#acciones .select2-container--bootstrap .select2-selection--single .select2-selection__rendered{
  text-transform: lowercase;
  color: #795b7d;
}

#acciones .select2-container--bootstrap .select2-selection__clear{
  margin-left: 10px !important;
  color: #795b7d;
  margin-right: 0 !important;
}

.select2-container--bootstrap .select2-dropdown {
  border: none !important;
  background-color: #EFEBEF !important;
  text-transform: lowercase !important;
  color: #795b7d;
}

.select2-container--bootstrap .select2-results__option--highlighted[aria-selected] {
  background-color: #D0C5D1 !important;
  color: #795b7d !important;
}

/* ------- Vista Select -------- */

/*the container must be positioned relative:*/
.custom-select {
    font-family: 'Muli', sans-serif;
    font-size: 18px;
    border: 1px solid transparent !important;
    background: none !important;
    background-color: transparent;
  }
  
  .custom-select select {
    display: none; /*hide original SELECT element:*/
  }
  
  .select-selected:after {
    position: absolute;
    content: "";
    top: 14px;
    right: 10px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-color: #fff transparent transparent transparent;
  }
  
  .select-items div,.select-selected {
    color: #795b7d;
    padding: 8px 16px;
    cursor: pointer;
    user-select: none;
  }

  .select-selected{
    padding: 0 !important;
    padding-bottom: 5px !important;
    border: 1px solid transparent;
    border-color: transparent transparent #55E8BF transparent;
    width: 103%;
    margin-left: -10px;
  }

  .select-items {
    position: absolute;
    background-color: #EFEBEF;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
  }
  
  .select-hide {
    display: none;
  }
  
  .select-items div:hover, .same-as-selected {
    background-color: #D0C5D1;
  }

  .custom-select {
    padding: 0.375rem 0.75rem 0 .75rem;
  }

/* ------- END Vista Select -------- */
.select2-container--bootstrap .select2-search--dropdown .select2-search__field {
  border-radius: 20px !important;
  border: none !important;
  background-color: #efebef !important;
  padding-left: 20px;
  color: #795b7d !important;
}

.ver-nominas-deduccion{
    background-color: transparent;
    border-color: transparent;
    color: #55E8BF !important;
    padding-top: 12% !important;
}

.ver-nominas-deduccion:hover{
    background-color: transparent;
    border-color: transparent;
    color: #55E8BF !important;
    padding-top: 12% !important;
}
.ver-nominas-deduccion:active{
    background-color: transparent !important;
    border-color: transparent !important;
    color: #55E8BF !important;
    padding-top: 12% !important;
}

#detalles-cliente{
    background-color: #FAF9FA;
    padding: 10px;
    color: #795B7D;
}

a#nav-dedu-tab{
    color: #795B7D !important;

}
a#nav-otros-tab{
    color: #795B7D !important;
}
a#nav-perce-tab{
    color: #795B7D !important;
}
a#nav-inca-tab{
    color: #795B7D !important;
}

.sorting_asc::before{
    float: right;
    border-radius: 20px !important;
    border: none;
    content: "\f160";
    font-family: "font awesome 5 free";
    color: #795B7D;
}
.sorting_desc::before{
    float: right;
    border-radius: 20px !important;
    border: none;
    content: "\f161";
    font-family: "font awesome 5 free";
}
/* descendente */
/*.sort-emisor::before{
    float: right;
    border-radius: 20px !important;
    border: none;
    content: "\f160";
    font-family: FontAwesome;
}

.sort-monto::before{
    float: right;
    border-radius: 20px !important;
    border: none;
    content: "\f160";
    font-family: FontAwesome;
}

.sort-moneda::before{
    float: right;
    border-radius: 20px !important;
    border: none;
    content: "\f160";
    font-family: FontAwesome;
}

.sort-pago::before{
    float: right;
    border-radius: 20px !important;
    border: none;
    content: "\f160";
    font-family: FontAwesome;
}

.sort-estado::before{
    float: right;
    border-radius: 20px !important;
    border: none;
    content: "\f160";
    font-family: FontAwesome;
}*/

.sorting::before{
    float: right;
    border-radius: 20px !important;
    border: none;
    content: "\f160";
    font-family: "font awesome 5 free";
    color: #ddd;
}
th.resize-actions.sorting::before {
    color: transparent;
}

th.min-desktop.sort-emisor.sorting{

}


.background {
    background-color: transparent;
    border-color: transparent;
    color: #55E8BF !important;
    padding-top: 9% !important;
}

.background:hover {
    background-color: transparent;
    border-color: transparent;
}

.background:active {
    background-color: transparent !important;
    border-color: transparent !important;
}

.background:focus {
    background-color: transparent !important;
    border-color: transparent !important;
}

.cancel-button{
    background-color: #EB7272;
    height: 100px;

    padding-right: 0px !important;
    padding-left: 0px !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;

}
.alertify .ajs-commands button.ajs-close{
    background: url(../../img/delete.png) #795B7D no-repeat center center !important;
}


/* Baja poco el boton del trash cuando esta el registro de XAXX010*/
.button-down{
    padding-top: 100% !important;

}

.button-ver-center {
    padding-top: 21% !important;
}

.margin{
    margin-right: 0px !important;
    margin-left: 0px !important;
}

.mr-4, .mx-4{
    margin-right: 0px !important;
}

table#tabla-empleados{
    width: 100% !important;
}

.trash-button-center {
    padding-top: 34% !important;
}
.trash-button-center-detalles {
    padding-top: 22px !important;
}
.trash-button-center-relacion {
    padding-top: 25px !important;
}
.ver-mid-detalles {
    padding-top: 14px !important;
}
.trash-button-entidades {
    padding-top: 20% !important;
}

.trash-button-percepcion {
    padding-top: 15% !important;
}

.editar-center {
    padding-top: 16% !important;
}

.margin-editar{
    margin-right: 8%;
    margin-left: 5%;
}

.margin-clientes-proveedores{
    margin-left: 20%;
    margin-right: 5%;
}

.margin-percepcion{
    margin-left: 20%;
}

.margin-deduccion{
    margin-left: 30%;
    margin-right: 20%;
}

.padding-percepcion{
    padding-top: 11% !important;
}

.ver-mid{
    padding-top: 27% !important;
    margin-right: 30% !important;
    margin-left: 5%;
}

.margin-cancel{
    margin-left: 10%;
    margin-right: 10%;
}

.table-fix th{
  font-weight: bold;
  font-size: 16px;
}

.table-fix td, .table-fix th{
  padding-top: 1.1rem !important;
  padding-bottom: 1rem !important;
}


.resize-actions{
    width: 10%!important;
}
.selected{
    background-color: rgba(85, 232, 191,.26)!important;
}

.control-label {
    font-family: 'Muli', sans-serif;
}

.control-paquete {
    font-family: 'Muli', sans-serif;
    margin-left: 12px;
}

.form-group {
    padding-top: 1rem;
}

.control-buscaricono {
    float: left;
    padding-top: 2%;
}

.btn-search-text {
    font-size: 16px;
    color: #9c9c9c;
}

.bordes-tablas {
    border: 0;
}

.label {
    color: white;
    padding: 6px 35px;
    font-size: 10px;
    ;
    font-family: 'Muli', sans-serif;
    font-weight: 400;
    text-align: center;
}

.timbrada {
    background-color: #0EC995;
    font-family: 'Muli', sans-serif;
    font-weight: 400;
    border-radius: 6px;
}
.rechazada{
    background-color: #F6B54D;
    font-family: 'Muli', sans-serif;
    font-weight: 400;
    border-radius: 6px;
}

.sin-cargar{
    margin-top: 8px;
    margin-left: 30px
}

.pendiente {
    background-color: #F6B54D;
    font-family: 'Muli', sans-serif;
    font-weight: 400;
    border-radius: 6px;
}

.cancelada {
    background-color: #EB7272;
    font-family: 'Muli', sans-serif;
    font-weight: 400;
    border-radius: 6px;
}

.pendiente2 {
    background-color: #795B7D;
    font-family: 'Muli', sans-serif;
    font-weight: 400;
    border-radius: 6px;
}

.txt-center {
    text-align: center;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(217, 211, 219, .14);
}

.boton-tablero{
    padding-bottom: 0px;
    margin: 0 10px;
}

.btn-div-empleados{
    width: 90%;
}

.paddin-datatables{
    padding-bottom: 80px;
}

.titulo-estadistica{
    margin-left: 25px;
    margin-bottom: 5px;
}

td.original:last-child {
    padding: 12px 1px 12px 1px;
    background-color: rgb(235, 114, 114);
}

td.alternate:last-child {
    padding: 12px 1px 12px 1px;
    background-color: rgb(235, 114, 114, .75);
}

.padding-bottom-nuevoempleado{
    padding-bottom: 45px;
}

/* -------------------- ordenamiento de datatables -------------------- */
/* ---------------- Checkbox animaciones y diseño ----------------- */
@keyframes click-wave {
    0% {
        height: 40px;
        width: 40px;
        opacity: 0.35;
        position: relative;
    }

    100% {
        height: 200px;
        width: 200px;
        margin-left: -80px;
        margin-top: -80px;
        opacity: 0;
    }
}

.option-input {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    position: relative;
    right: 0;
    bottom: 0;
    left: 0;
    height: 30px;
    width: 30px;
    transition: all 0.15s ease-out 0s;
    background: transparent;
    border: solid #55E8BF;
    border-width: 1.5px;
    color: #55E8BF;
    cursor: pointer;
    display: inline-block;
    outline: none;
    position: relative;
    z-index: 1000;
}

.option-input:hover {
    background: #55E8BF;
}

.option-input:checked {
    background: transparent;
}

.option-input:checked::before {
    height: 30px;
    width: 30px;
    position: absolute;
    content: '✔';
    display: inline-block;
    font-size: 22px;
    font-weight: 400;
    text-align: center;
    line-height: 30px;
}

.option-input:checked::after {
    -webkit-animation: click-wave 0.65s;
    -moz-animation: click-wave 0.65s;
    animation: click-wave 0.65s;
    background: #55E8BF;
    content: '';
    display: block;
    position: relative;
    z-index: 100;
}

.no-padding-table{
    padding: 0px !important;
}

/*----------------- Pagination -------------------*/
.pagination {
    float: right;
}

.pagination a {
    color: #55E8BF;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
    transition: background-color .3s;
}

.pagination a.active {
    color: #FF92D9;
}

.pagination a:hover:not(.active) {
    background-color: #ddd;
}

.dataTables_info {
    display: none;
    width: 50%;
}
.form-control, .form-control:focus{
    color: #795B7D;
}

input.form-control.input-sm{
    outline: none;
    font-size: 16px;
    font-family: 'Muli', sans-serif;
    height: 40px;
    width: 332px;
    border-radius: 20px;
    border: none;
    background-color: rgba(217, 211, 219, .14);
    color: #795B7D !important;
    padding-left: 35px;
}
input.form-control.input-sm::placeholder{
    color: #795B7D !important;
    width: 100%;

}

input.form-control.input-sm:hover{
    height: 40px;
    border-radius: 20px;
    border: none;
    font-size: 16px;
    font-family: 'Muli', sans-serif;
    color: #795B7D;
    background-color: #EFEBEF;
    padding-right: 20px;
}

input.form-control.input-sm:focus{
    padding-right: 20px;
}


.text-green{
    color: #55E8BF;
}

.font-color-purple{
    color: #795B7D;
}

.rango{
    color: #F6B54D;
    font-size: 14px !important;
    text-align: left;
}

.bg-light{
    background-color: #f8f9fa!important;
    padding: 12px !important;
    border-radius: 10px 0px 0px 10px;
    margin-right: 30px;
}

.bg-light-right{
    background-color: #f8f9fa!important;
    padding: 12px !important;
    border-radius: 0px 10px 10px 0px;
    margin-left: 30px;

}

.border-simluator{
    background-color: #55E8BF;
    width: 1px;
    height: 40px;
    margin-top: 14px;
}

.div-gris{
    background-color: #f8f9fa;
    padding: 10px;
}

.div-gris p {
  font-weight: 800;
}

.div-totales{
    padding: 15px 10px;
    border-style: solid;
    border-color: #f8f9fa;
    border-radius: 10px;
}

.div-totales p {
    /*font-weight: 800;*/
    font-size: 15px;
    margin-bottom: 0rem;

}

.left-border {
  border-left: 2px solid #f8f9fa;
}


.padding-facturado-right{
    padding-left: 0px;
    padding: 10px;
}

.padding-facturado-left{
    background-color: #f8f9fa;
    padding-left: 0px !important;
    padding-right: 0px !important;

}

.p-tra-cal{
    padding-top: 28% !important;
}

.btn-add:hover{
    color: #795B7D !important;
}

#tabla-clientes-proveedores_length label{
    color: #795B7D;
}
#tabla-fideicomitentes_length label{
    color: #795B7D;
}

.div-porciento {
    width: 50%;
}

.div-pagination {
    float: right;
}

.rojo {
    color: red;
}

.azul {
    color: blue;
}

.mostaza {
    color: #cfba30;
}

.boton-eliminar {
    text-decoration: none;
    padding: 0;
}

.formulario-busqueda-avanzada .btn-outline-uva {
    background-color: #795B7D;
    color: #fff;
    border-color: #795B7D;
    padding: 12px 60px 12px 60px;
    float: right;
}

.formulario-busqueda-avanzada .btn-outline-uva:hover {
    background-color: #fff;
    color: #795B7D;
    border-color: #795B7D;
    padding: 12px 60px 12px 60px;
}

.formulario-busqueda-avanzada .txt-17 {
    float: right;
    text-align: center;
    padding: 12px 30px 12px 30px;
    color: #55E8BF;
}

#tabla-ingresos .fa-chevron-down {
    color: #55E8BF;
}

.visible-none{
    visibility: hidden;
}

.witdh-100{
    width: 100% !important;
  }
  
/* -- /2.datatables -- */
/* -- 3.facura -- */
.input-ofw {
    overflow: hidden;
}

.abs-pos {
    position: absolute !important;
}

.rel-pos {
    position: relative !important;
}

.pos-help {
    top: 3px !important;
    left: 68px !important;
}

.pos-descrip {
    top: 3px !important;
    left: 136px !important;
}

.input-width {
    min-width: 300px !important;
}

.input-w-pago {
    width: 380px;
}

.btn-new-product-pos {
    top: -50px;
}

.resume {
    background-color: rgba(217, 211, 219, .15);
    padding-top: 5px;
}

.resume-2 {
    background-color: #55E8BF;
    padding-top: 5px;
    margin-top: 2%;
}

.resume-pos {
    position: relative;
    z-index: 100;/*
    left: 80%;
    bottom: 45%;
    width: 60%;*/
}

.uva-row {
    background-color: #55E8BF;
    width: 100%;
    left: 0px;
}

.resume-title-m {
    margin-bottom: 120px !important;
}

.margin-section {
    margin-top: 120px;
}

.btn-timbrar {
    background: rgb(254,225,181);
    background: linear-gradient(20deg, rgba(254,225,181,1) 0%, rgba(254,220,183,1) 1%, rgba(255,163,209,1) 37%);
    color: white;
}
.btn-timbrar-enviar{
    background: rgb(254,220,183);
    background: linear-gradient(275deg, rgba(254,220,183,1) 0%, rgba(254,218,184,1) 2%, rgba(255,163,209,1) 100%);
}
.btn-timbrar-enviar:hover{
    background: rgb(254,220,183);
    background: linear-gradient(275deg, rgba(254,220,183,.9) 0%, rgba(254,218,184,.9) 2%, rgba(255,163,209,.9) 100%);
}


/* -- /3.facura -- */
/* -- 4.grid -- */


#menu-ticonta {
    margin: 0 auto;
    margin-top: 50px;
    display: block;
    float: none;
    width: 100%;
}

.img-rounded {
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

#usuario .sub-li {
    margin-top: 27px;
    display: block;
    float: left;
}

/* -- /4.grid -- */
/* -- 5. inputs -- */

.input-group-addon {
    background-color: transparent !important;
    border: 1px solid transparent !important;
}

/*.select2-container {
    width: auto !important;
}*/

#acciones .input-group .select2-container--bootstrap {
    width: auto !important;
    margin: 0 auto;
}

.input-normal-verde-64{
   outline: 0;
    border-width: 0 0 1px;
    border-color: #55E8BF;
    padding: 0 0 5px 20px;
    font-size: 18px;
    font-family: 'Muli', sans-serif;
    width: 64%;
}
.input-normal-verde-80{
    outline: 0;
     border-width: 0 0 1px;
     border-color: #55E8BF;
     padding: 0 0 5px 20px;
     font-size: 18px;
     font-family: 'Muli', sans-serif;
     width: 80%;
 }

.padding-top-0{
    padding-top: 0px;
}

.padding-left-0{
    padding-left: 0px !important;
}

.padding-right-0{
    padding-right: 0px !important;
}

::placeholder {
    color: #795B7D;
    opacity: 0.5;
}

:-ms-input-placeholder {
    color: #795B7D;
}

::-ms-input-placeholder {
    color: #795B7D;
}


.contado-checkbox>input[type=checkbox][checked=checked][disabled]~.checkmark {
    background-color: #f3bfe1 !important;
}

/*.contado-checkbox input:checked [disabled] ~ .checkmark {
    background-color: #ff92d9;
  }*/
.input-md-size {
    max-width: 50% !important;
}

.labelNegritas {
    font-size: 20px;
    color: #795B7D;
    font-weight: bold;
    font-family: 'Muli', sans-serif;
}

.input-normal-morado {
  outline: 0;
  border-width: 0 0 1px;
  border-color: #795B7D;
  padding: 0 0 5px 20px;
  font-size: 20px;
  font-family: 'Muli', sans-serif;
  color: #795B7D;
  width: 270px;

}

.input-verde {
    outline: 0;
    border-width: 0 0 1px;
    border-color: #55E8BF;
    padding: 0 0 5px 20px;
    font-size: 20px;
    font-family: 'Muli', sans-serif;
    color: #795B7D;
}

.input-normal-verde {
    outline: 0;
    border-width: 0 0 1px;
    border-color: #55E8BF;
    padding: 0 0 5px 20px;
    font-size: 18px;
    font-family: 'Muli', sans-serif;
    width: 27%;
}

.input-normal-verde3 {
    outline: 0;
    border-width: 0 0 1px;
    border-color: #55E8BF;
    padding: 0 0 5px 20px;
    font-size: 18px;
    font-family: 'Muli', sans-serif;
    width: 80%;
}

.input-mediano-verde {
    outline: 0;
    border-width: 0 0 1px;
    border-color: #55E8BF;
    padding: 0 0 5px 20px;
    font-size: 20px;
    font-family: 'Muli', sans-serif;
    width: 40%;
}

.inputgroup {
    text-align: left;
    background: transparent;
    font-style: italic;
    outline: 0;
    border-width: 0 0 1px;
    padding: 0 0 0 0;
    text-align: center;
    font-size: 20px;
    font-family: 'Muli', sans-serif;
    color: #795B7D;
    width: 60%;
}

.input-sm {
  outline: 0;
  border-width: 0 0 1px;
  border-color: #55E8BF;
  padding: 0 0 5px 20px;
  font-size: 18px;
  font-family: 'Muli', sans-serif;
  width: 80%;
  border-radius: 0px;
}

.dataTables_length {
  font-family: 'Muli', sans-serif;
  color: #795B7D;
}

.temp-width {
    width: 55% !important;
}

.temp-padding {
    padding-left: 1px !important;
}

.inputgroup-tucompania {
    padding-bottom: 10px;
}

.span-verde {
    font-style: italic;
    color: #55E8BF;
    background-color: rgba(217, 211, 219, .14);
    font-size: 16px;
    text-align: left;
    display: inline-block;
    border: 1px solid red;
    border-color: #55E8BF;
    border-width: 0 0 1px;
    font-family: 'Muli', sans-serif;
    padding: 10px 10px 10px 10px;
    width: 40%;
}

.p-registro{
    font-size: 18px;
    color: #9c9c9c;
}

.spanrosa {
    color: #FF92D9;
    text-decoration: underline;
}

.spanrosa:hover{
    color: #FF92D9;
    text-decoration: none;
}

.spanverde {
    color: #55E8BF;
    text-decoration: underline;
}

.labels {
    font-family: 'Muli', sans-serif;
}

.btn-listo {
    color: #795B7D !important;
    font-family: 'Muli', sans-serif;
    border-color: #55E8BF;
    border-width: 0 0 1px 0;
    border-bottom-style: solid;
    background-color: #55E8BF;
    font-size: 15px;
    padding: 0 15px 0 15px;
}

.btn-listo:hover {
    background-color: #795B7D;
    color: #fff !important;
    border-color: #795B7D;
}

.btn-listo3 {
    color: #795B7D !important;
    font-family: 'Muli', sans-serif;
    border-color: #55E8BF;
    border-width: 0 0 1px 0;
    border-bottom-style: solid;
    background-color: #ffffff;
    font-size: 15px;
    padding: 0 15px 0 15px;
}

.btn-listo3:hover {
    background-color: #55E8BF;
    color: #fff !important;
    border-color: #55E8BF;
}

.btn-CER {
    font-family: 'Muli', sans-serif;
    background: #55E8BF;
    color: #fff;
    border-style: none;
    padding: 0 40px 0 40px;
}

.btn-CER:hover {
    border-style: solid;
    border-color: #795B7D;
}

/*CheckBox*/
/* Customize the label (the terminos) */
.check-pos-right{
    position: absolute;
    z-index: 100;
    left: 120px;
    bottom: 90%;
}
.terminos {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 20px;
    cursor: pointer;
    font-size: 11px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-family: 'Muli', sans-serif;
}

/* Hide the browser's default checkbox */
.terminos input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 10px;
    height: 20px;
    width: 20px;
    background-color: #eee;
}

.checkmark-iva{
    position: absolute;
    top: 0;
    left: 150px;
    height: 20px;
    width: 20px;
    background-color: #eee;
}

/* On mouse-over, add a grey background color */
.terminos:hover input~.checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.terminos input:checked~.checkmark {
    background-color: #55E8BF;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.terminos input:checked~.checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.terminos .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* Date input */
.date-input {
    position: relative;
    outline: none;
    border-width: 0 0 1px 0;
    border-color: #55E8BF;
    font-size: 18px;
    font-family: 'Muli', sans-serif;
    padding: 0 0 0 10px;
}

.form-fix .date-input{
  width: 100%;
}

.form-fix .input-normal-verde {
  width: 100%;
}

.form-fix .select-input {
  width: 100%;
}

.date-input:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f133";
    color: #55E8BF;
    padding: 0 5px;
}

.date-input::-webkit-calendar-picker-indicator {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: auto;
    height: auto;
    color: transparent;
    background: transparent;
}

.date-input::-webkit-inner-spin-button {
    display: none;
}

.date-input::-webkit-clear-button {
    display: none;
}

.datepicker-switch {
  pointer-events: none;
}

/* Serie input */
.serie-input {
    outline: none;
    border-width: 0 0 1px 0;
    border-color: #55E8BF;
    font-size: 18px;
    font-family: 'Muli', sans-serif;
    padding: 0 0 0 10px;
}

.serie-input::-webkit-inner-spin-button,
.serie-input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.serie-input {
    -moz-appearance: textfield;
}

.input-group-text-mod{
    color: #55E8BF !important;
    background-color: transparent !important;
    border: 1px solid #55E8BF;
    border-radius: .25rem;
    border-width: 0 0 1px 0;
}

.input-date-align{
    margin-top: -8px;
    padding-top: 0;
    width: 100%;
}

.mt-menos-2px{
    margin-top: -2px;
}

.mt-menos-5px{
    margin-top: -5px;
}

.mt-menos-7px{
    margin-top: -7px;
}

.icon-calendar{
    padding-top: 12px;
    width: 5%;
}

/* Select input */
.select-input {
  outline: none!important;
  border-width: 0 0 1px 0!important;
  border-color: #55E8BF!important;
  font-size: 18px!important;
  color: #795B7D!important;
  font-family: 'Muli', sans-serif!important;
  background-color: transparent!important;
  padding: 0 30px 0 10px!important;
  -moz-appearance: none!important;
  -webkit-appearance: none!important;
  appearance: none!important;
  width: 100%!important;
}

.select-input-date {
    padding: 0 0 0 10px!important;
}

#formulario-comprar .select-input {
  background-color: transparent !important;
}

.select-input-transparent{
    outline: none;
    border-width: 0 0 1px 0;
    border-color: #55E8BF;
    font-size: 18px;
    font-family: 'Muli', sans-serif;
    font-style: italic;
    background-color: transparent !important;
    color: rgb(121, 91, 125, .75);
    padding: 0 30px 0 10px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}

.select-icon {
  color: #55E8BF;
  position: absolute;
  top: 6px;
  right: 1px;
}
.select-icon-entidad {
  color: #55E8BF;
  position: absolute;
  top: 60px;
  right: 25px;
}
.w-275{
    width: 275px !important;
}

/* Estilos para boton agregar cliente */
.btn-cliente-gris-sync{
    height: 40px;
    width: 240px;
    border-radius: 20px;
    border: none;
    font-size: 18px;
    font-family: 'Muli', sans-serif;
    color: #795B7D;
    background-color: rgba(217, 211, 219, .14);
    text-align: center;
}

.btn-cliente-gris-sync:hover{
    height: 40px;
    width: 240px;
    border-radius: 20px;
    border: none;
    font-size: 18px;
    font-family: 'Muli', sans-serif;
    color: #795B7D;
    background-color: #EFEBEF;
    text-align: center;
}

.btn-cliente-gris-sync:active{
    height: 40px;
    width: 200px;
    border-radius: 20px;
    border: none;
    font-size: 18px;
    font-family: 'Muli', sans-serif;
    color: #D0C5D1;
    background-color: #EFEBEF;
    text-align: center;
}


.btn-cliente-gris{
    height: 40px;
    width: 200px;
    border-radius: 20px;
    border: none;
    font-size: 18px;
    font-family: 'Muli', sans-serif;
    color: #795B7D;
    background-color: rgba(217, 211, 219, .14);
    text-align: center;
}

.btn-cliente-consultar{
    height: 40px;
    width: 240px;
    border-radius: 20px;
    border: none;
    font-size: 18px;
    font-family: 'Muli', sans-serif;
    color: #795B7D;
    background-color: rgba(217, 211, 219, .14);
    text-align: center;
}
.btn-cliente-consultar:hover{
    height: 40px;
    width: 240px;
    border-radius: 20px;
    border: none;
    font-size: 18px;
    font-family: 'Muli', sans-serif;
    color: #795B7D;
    background-color: #EFEBEF;
    text-align: center;
}

.fix-cliente-gris {
  padding: 5px 10px 0 10px;
  width: 250px !important;
}

.btn-cliente-gris:hover{
    height: 40px;
    width: 200px;
    border-radius: 20px;
    border: none;
    font-size: 18px;
    font-family: 'Muli', sans-serif;
    color: #795B7D;
    background-color: #EFEBEF;
    text-align: center;
}

.btn-cliente-gris:active{
    height: 40px;
    width: 200px;
    border-radius: 20px;
    border: none;
    font-size: 18px;
    font-family: 'Muli', sans-serif;
    color: #D0C5D1;
    background-color: #EFEBEF;
    text-align: center;
}

.btn-avanzado{
    height: 40px;
    border-radius: 20px;
    border: none;
    font-size: 18px;
    font-family: 'Muli', sans-serif;
    color: #795B7D;
    background-color: rgba(217, 211, 219, .14);
    text-align: center;
}

.btn-avanzado:hover{
    height: 40px;
    border-radius: 20px;
    border: none;
    font-size: 18px;
    font-family: 'Muli', sans-serif;
    color: #795B7D;
    background-color: #EFEBEF;
    text-align: center;
}

.btn-nuevo-cliente-resp{
    position: absolute;
    right: 10%;
    top: 35%;
}

.fa-download{
    color: #55E8BF;
}

.fa-plus {
    color: #55E8BF;
}

.fa-upload{
    color: #55E8BF;
}

.btn-cliente {
    height: 40px;
    width: 200px;
    border-radius: 20px;
    border: none;
    font-size: 18px;
    font-family: 'Muli', sans-serif;
    color: #55E8BF;
    background-color: transparent;
}

.btn-cliente.active{
  background-color: purple;
  color: #ffffff;
}

.btn-cliente-gris.active{
    background-color: #D0C5D1;

}

.btn-cliente.active:hover{
    color: #55E8BF;
}

.fa-money{
    color: #55E8BF;
}

.fa-list-alt{
    color: #55E8BF;
}

a#boton-convertir {
    width: 266px;
}

.btn-cliente:focus {
    outline: none;
}

.btn-cliente i {
    color: #ff92d9;
}

.btn-cliente:hover {
    background-color: rgba(217, 211, 219, .14);
    color: #55e8bf;
}
.btn-cliente:active {
    background-color: rgba(217, 211, 219, .50);
    color: #55e8bf;
}
.btn-correo-enviado {
    height: 40px;
    border-radius: 20px;
    border: none;
    font-size: 18px;
    font-family: 'Muli', sans-serif;
    color: white;
    background-color: #55E8BF;
}
.btn-correo-enviado:hover {
    color: white;
    background-color: rgba(85, 232, 191,.6);
}
.btn-cliente-nomina {
    height: 40px;
    border-radius: 20px;
    border: none;
    font-size: 18px;
    font-family: 'Muli', sans-serif;
    color: #795B7D;
    background-color: #f9f9f9;
}

.btn-cliente-nomina:hover{
    color: #795B7D;
    background: rgb(231, 226, 233);

}

.btn-cliente-nomina:focus {
    outline: none;
}

.btn-add-item-nomina{
    color: #795B7D;
    background: rgba(194, 194, 194, .12);
}

.btn-add-item-nomina:hover{
    color: #55E8BF;
    background: rgb(231, 226, 233);

}

.btn-cliente-nomina i {
    color: #55E8BF;
}
.btn-icon-verde i {
    color: #55E8BF;
}
.btn-icon-blanco i {
    color: white;
}

.btn-cliente-nomina:hover {
    background-color: #e9e9e9;
}

.btn-cliente-comprobante{
    height: 40px;
    border-radius: 20px;
    border: none;
    font-size: 18px;
    font-family: 'Muli', sans-serif;
    color: #55E8BF;
    background-color: rgba(217, 211, 219, .14);
    margin-left: 10px !important;
}

.btn-cliente-comprobante:hover{
    color: #795B7D;
    background: rgb(231, 226, 233);

}

.btn-cliente-comprobante:active{
    color: #795B7D;
    background: rgb(231, 226, 233);
}

.dt-buttons{
    height: 40px;
    border-radius: 20px;
    border: none;
    font-size: 18px;
    font-family: 'Muli', sans-serif;
    color: #55E8BF;
    background-color: rgba(217, 211, 219, .14);
    position: absolute;
    top: 0;
    right: 0;
}

#tabla-detalles-pagos .dataTables_wrapper{
    width: 100% !important;
}
#tabla-detalles-fideicomisos .dataTables_wrapper{
    width: 100% !important;
}
.dataTables_wrapper{
    position: relative;
    padding-top: 50px !important;
    margin-top: 50px;
}

a.btn.btn-default.buttons-select-all{
    background: #D0C5D1;
    color: #795B7D;
    border-radius: 20px !important;
}



a.btn.btn-default.buttons-select-all:hover{
    color: #795B7D !important;
    background-color: #EFEBEF;
}

a.btn.btn-default.buttons-select-none.disabled{
    color: #55E8BF;
}

a.btn.btn-default.buttons-select-none{
    color: #795B7D;
}


.dataTables_length {
    position: absolute;
    top: 0;
}

.dataTables_filter{
    left: inherit;
    position: absolute;
    top: 0;
    right: 351px;
}

#tabla-detalles-pagos .panel-body{
    width: 100%;
}
#tabla-detalles-fideicomisos .panel-body{
    width: 100%;
}

#DataTables_Table_0_filter{
    left: inherit;
    position: relative;
    right: inherit;
    top: 0;
    float: left;
    margin-bottom: 15px;
}

#DataTables_Table_0_paginate{
    margin-left: 270px;
}

#DataTables_Table_0_filter input.form-control.input-sm:hover{
    border-radius: 20px;
    border: none;
    font-size: 16px;
    font-family: 'Muli', sans-serif;
    color: #795B7D;
    background-color: #EFEBEF;
    text-align: left !important;
}

#DataTables_Table_0_wrapper{
    position: relative;
    padding-top: 0px !important;
}

.dataTables_processing{
    right: 68%;
    float: left;
    position: absolute;
    top: 0;
    margin-top: 7px;
    font-family: 'Muli', sans-serif;
    color: #795B7D;
}

.form-control:disabled, .form-control[readonly]{
    border:none;
}

/* Textarea */
.textarea-email{
    font-family: 'Muli', sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #795B7D;
    resize: none;
    border-color: #55E8BF;
    width: 100%;
}
.textarea {
    outline: none;
    border: 2px solid #55E8BF;
    color: #795B7D;
    padding: 10px;
    font-size: 18px;
    font-family: 'Muli', sans-serif;
    border: 1px solid #55E8BF;
}

.fix-textarea-height {
  height: 300px;
  background-color: rgba(216, 210, 218, .15);
}

/* Search component */
.search {
    position: relative;
    color: #ff92d9;
    font-size: 16px;
}

.search input {
    outline: none;
    font-size: 16px;
    font-family: 'Muli', sans-serif;
    height: 40px;
    width: 225px;
    border-radius: 20px;
    border: none;
    background-color: rgba(217, 211, 219, .14);
    padding: 0 20px 0 45px;
}

.search input:focus {
    background-color: rgba(217, 212, 219, 0.89);
}

.search input:hover {
    background-color: rgba(217, 212, 219, 0.89);
}

.search .fa-search {
    position: absolute;
    top: 12px;
    left: 20px;
}

/* Pagar a contado checkbox */
.contado-checkbox {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 17px;
    font-weight: bold;
    color: #55e8bf;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.contado-checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
    display: none;
}

/* On mouse-over, add a grey background color */
.contado-checkbox:hover input~.checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.contado-checkbox input:checked~.checkmark {
    background-color: #ff92d9;
}

/* Show the checkmark when checked */
.contado-checkbox input:checked~.checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.contado-checkbox .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.fa-chevron-right {
    color: #55e8bf;
}

/* Profile pic component styles */
.profile-pic {
    border-radius: 50%;
    width: 100%;
}

.profile-pic-title {
    font-size: 24px;
    font-family: 'Muli', sans-serif;
    color: #795b7d;
}

.profile-pic-edit {
    font-size: 18px;
    font-family: 'Muli', sans-serif;
    color: #795b7d;
}

.profile-pic-cambiar {
    font-size: 16px;
    font-family: 'Muli', sans-serif;
    color: #55e8bf;
}
.profile-pic-cambiar:hover {
    color: #FF92D9;
}


.pic-wrapper {
    position: relative;
}

.btn-plus {
    position: absolute;
    top: 75%;
    left: 50%;
    width: 100%;
    height: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    background-color: rgba(121, 91, 125, 0.65);
    color: white;
    font-size: 16px;
    padding: 12px 24px;
    border: none;
    cursor: pointer;
    border-bottom-right-radius: 110px;
    border-bottom-left-radius: 110px;
}

.btn-plus:focus{
  outline: none;
}

/* -- /5.inputs -- */
/* -- 6.login -- */
/* .body {
    background-image: url(img/fondo-login.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-color: #669999;
}  */
#centrar {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 275px;
    height: 557px;
    padding: 0;
}

/* alerts */
.ajs-message.ajs-error{
  background-color: #FF92D9 !important;
  font-family: 'Muli', sans-serif !important;
  color: #ffffff !important;
  text-shadow: none !important;
}

.ajs-message.ajs-success{
  background-color: #55E8BF !important;
  font-family: 'Muli', sans-serif !important;
  color: #ffffff !important;
  text-shadow: none !important;
}

.ajs-message.ajs-warning{
  background-color: #FFEACB !important;
  font-family: 'Muli', sans-serif !important;
  color: #000000 !important;
  text-shadow: none !important;
}

.hide {
    display: none !important;
}

.hidden-cancelar{
    visibility: hidden;
}

.centrar-contenido {
    padding-bottom: 50px;
    text-align: center;
}

.centrar-important{
    margin: auto 0 !important;
}

.centrar2-important{
    margin: 0 auto !important;
}

.txt-center-login {
    text-align: center;
}

.padding-btn-login-entrar {
    padding-top: 20px;
}

/* -- /6.login -- */
/* -- 7.Modales -- */
.ayuda-container {
  text-align: center;
}
.video-ayuda  {
  width: 100%;
  height: 65vh;
  margin-top: 20px;
}
.video-row  {
  display: grid;
  justify-content: center;
}
.modal-video {
  background-color: rgba(0, 0, 0, 0.5);
  justify-content: center;
}

.modal-video iframe.video-inicial {
   width: 900px !important;
   height: 75vh;
}

.modal-video .modal-content-video {
  padding: 0 !important;
  border-radius: 0 !important;
  background-color: transparent;
  background-image: none;
  border: none;
}

.btn-cerrar-modal {
  cursor: pointer;
  width: 20px;
  margin: 0 auto;
  margin-top: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: transparent !important;
  border: none;
}
/*Modal de alerta cuando se desea cancelar una factura que ya tiene pagos registrados*/
.alertify.ajs-modeless .ajs-dimmer{
    display: block !important;
}
.alertify.ajs-modeless.ajs-pinnable .ajs-commands button.ajs-pin{
    display: none !important;
}
/*
.ajs-ok{
    border: none !important;
    color: #795B7D !important;
    background-color: #FFF !important;
}
.ajs-ok:hover{
    color: #55E8BF !important;
}
.ajs-cancel{
    background-color: #55E8BF !important;
    color: #FFF !important;
    border-radius: 0.5em !important;
}
.ajs-cancel:hover{
    background-color: #7FEECF !important;
}
*/
#formCorreo2 .modal-dialog{
    max-width: 700px !important;
}
#formCorreo .modal-dialog{
    max-width: 700px !important;
}
.modal-content {
  border-radius: 30px;
  background-image: url('../../img/modal-fondo.svg');
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 500px;
  padding: 50px;
}

.btn-modal {
  background-color: #55E8BF;
  border-radius: 10px;
  color: #ffffff !important;
}

.btn-modal:hover {
  background-color: #7FEECF;
}

.btn-modal:active {
  background-color: #B2F5E2;
  outline: none;
}

.btn:focus {
  outline: none;
}

.close {
    background-color: #795B7D !important;
    color: #fff;
    opacity: 1;
}

.close:hover {
    color: #fff;
}

button.close {
    padding: 12px 15px !important;
    position: absolute;
    top: 10px;
    right: 10px !important;
}

.left-modal-small {
    left: 10px;
}

.left-modal-large {
    left: 90px;
}

.no-border {
    border: none;
}

.no-padding {
    padding: 0 16px 0 16px;
}

.no-full-padding {
    padding: 0 0 0 0 !important;
}

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

.padding-center {
    padding-left: 80px;
    padding-right: 80px;
}

.pos-panel-totales{
    position: absolute;
    right: 130px;
    top: 50px;
}
.no-padding-bot {
    padding-bottom: 0;
}

.mb-modal {
    margin-bottom: 60px;
}

.mr-modal {
    margin-right: 15px !important;
}

.modal-backdrop {
    background-color: white;
}

.font-z-14 {
    font-size: 14px !important;
}

.modal-salir-align {
    padding: 0 40px 20px 0px;
}

.form-control:focus {
    border-color: #55E8BF;
    box-shadow: none;
    display: inline-flex;
    align-items: center;
    border-radius: 0px;
}

input.form-control.input-sm::before{
    position: relative;
    left: 30px;
    border-radius: 20px !important;
    border: none;
    content: "\f002";
    font-family: FontAwesome;

}

/*#tabla-clientes-proveedores_filter label:before{
    position: relative;
    left: 30px;
    border-radius: 20px !important;
    border: none;
    content: "\f002";
    font-family: FontAwesome;
}

#tabla-nominas_filter label:before{
    position: relative;
    left: 30px;
    border-radius: 20px !important;
    border: none;
    content: "\f002";
    font-family: FontAwesome;
}*/

/*#tabla-comprobante-detalles .resize-actions,
#tabla-comprobante-relacion .resize-actions,
#tabla-comprobante-relacion_wrapper #tabla-comprobante-relacion_filter,
#tabla-comprobante-detalles_wrapper #tabla-comprobante-detalles_filter,
#tabla-comprobante-detalle-pagos_wrapper #tabla-comprobante-detalle-pagos_filter,
#tabla-comprobante-detalle-estaticos_wrapper #tabla-comprobante-detalle-estaticos_filter,
#tabla-comprobante-relacion_wrapper .dt-buttons {
  display: none;
}

#tabla-comprobante-relacion td:last-child,
#tabla-comprobante-detalles td:last-child {
  display: none;
}
*/

#tabla-comprobante-detalles_filter{
    display: none;
}


#tabla-comprobante-detalle-estaticos td:nth-child(4){
    text-align: left;
}

#tabla-comprobante-relacion {
  width: 100% !important;
}
#tabla-comprobante-relacion-fidei {
    width: 100% !important;
  }
#nuevaRelacion .date-input {
  width: 100% !important;
}
#nuevaRelacionFidei .date-input {
    width: 100% !important;
}

.float-right {
  float: right;
}

table#tabla-comprobante-detalle-pagos{
    width: 100% !important;
}
table#tabla-comprobante-detalle-estaticos{
    width: 100% !important;
}

table#tabla-detalles-nominas-percepcion-estaticos{
    width: 100% !important;
}
table#tabla-detalles-nominas-deduccion-estaticos{
    width: 100% !important;
}

table#tabla-detalles-nominas-otros-pagos-estaticos{
    width: 100% !important;
}

table#tabla-detalles-nominas-incapacidades-estaticos{
    width: 100% !important;
}
table#tabla-detalles-nominas-percepcion{
    width: 100% !important;
}

table#tabla-detalles-nominas-deduccion{
    width: 100% !important;
}

table#tabla-detalles-nominas-otros-pagos{
    width: 100% !important;
}

table#tabla-detalles-nominas-incapacidades{
    width: 100% !important;
}

.resume-3{
  background-color: #999;
  padding-top: 5px;
  margin-top: 2%;
}

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

.icon-small {
    width: 10px;
}

.img-pos {
    position: absolute;
    right: 350px;
    top: -10px;
}

.txt-area-modal {
    height: 150px !important;
    background: rgba(216, 210, 218, .15);
}

.fix-textarea {
  width: 100% !important;
  padding: 20px;
  color: #795B7D;
  border-radius: 20px;
}

.fix-textarea:focus {
  outline: none;
}

.modal-salir {
    max-width: 580px;
}

.pdd-modal-header-salir {
    padding: 8px 0 0 0;
}

.modal-shadow {
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.2);
}

.modal-rel {
    position: relative !important;
}

#cuenta-pago::placeholder{
    font-size: 16px;}

/* -- /7.Modales -- */
/* -- 8.registro -- */


/* ---------- COLOR VERDE CARLOS ----------*/
.background-login {
    background-color: #55e8bf;
}

.img-location {
  position: absolute;
  left: 100px;
  top: 50px;
}

/*------------ Posicion de los inputs normales dentro del Div registro ------------*/
.input-normal {
    background: transparent;
    text-align: left;
    outline: 0;
    border-width: 0 0 1px;
    padding: 5px 0 5px 5%;
    font-size: 20px;
    font-style: italic;
    font-family: 'Muli', sans-serif;
    color: #795B7D;
    width: 100%
}

/*------------ Forma y posicion del recuadro verde ------------*/
.div-verde {
    position: fixed;
    height: 100%;
    width: 350px;
    background-color: #55E8BF;
    text-align: left;
}

.div-txt {
    padding: 30px;
    text-align: left;
    position: fixed;
}

.copyright {
    font-size: 12px;
    position: absolute;
    bottom: 20px;
}

.txt-description {
    font-size: 18px;
    color: white
}

/*------------ Manejo y control del logo y texto encima del formulario ------------*/
.logo-txt {
    margin-left: 20px;
    font-size: 36px;
    padding-left: 5%;
}

/* ----------- Checkbox Sindicalizado ---------------- */

.sindicalizado{
    position: relative !important;
    opacity: initial !important;
}

/*------------ Control del div Contenedor donde se encuentra el formulario de registro ------------*/
.div-registro {
    float: left;
    vertical-align: top;
}

.div-logo {
    margin-left: 22%;
    float: left;
}

.punto {
    color: #ff92d9;
}

/*------------ Control del Texto ingresa en la parte superior derecha ------------*/
.ingresa {
    position: absolute;
    right: 0px;
    top: 5%;
    width: 20%;
    z-index: 3;
}

.centrado {
    width: 50%;
    padding-left: 5%;
}
.control-txt {
    width: 100%
}

#Registro .aside {
    background-color: #55e8bf;
    height: 100%;
    padding-bottom: 0;
    position: fixed;
    width: 350px;
    padding-top: 0;
    max-width: none;
    border-radius: 0 100px 0 0;
    margin-top: 210px;
}

.aside-img-tico{
    margin-top: -168%;
}

.col-left-pad {
    padding-top: 20px;
    padding-left: 100px;
}

.col-right-pad {
    padding-top: 50px;
    padding-right: 50px;
}

.col-left-pad2 {
    padding-top: 50px;
    padding-left: 100px;
}

.div-registro .form-group {
    margin: 1.2rem 0 1.2rem 0;
}

#registro-paso1 .terminos {
    margin: 50px 0 50px 0;
}

.resize-img {
    width: 80%;
    height: 80%;
    margin-top: -58%;
}

#registro-paso2 #tabla-precios {
    margin: 50px 0px 0px 35px;
    width: 420px;
}

#registro-paso2 #precio-titulo {
    padding: 30px 0px 50px 0px;
    width: 100%;
}

#registro-paso2 #precio-titulo h3 {
    color: #fff;
    font-weight: 600;
    font-size: 41px;
}

#registro-paso2 #precio-titulo p {
    color: #fff;
    font-weight: 600;
}

#registro-paso2 #precio-titulo span{
    color: #795B7D;
}

#registro-paso2 #tabla-descripcion li {
    padding: 15px 0px 15px 15px;
}

#registro-paso2 #tabla-descripcion {
    height: 460px;
    background-color: rgb(243,243,243);
}

#registro-paso2 #tabla-descripcion ul {
    padding-right: 10px;
    padding-top: 55px;
}

#registro-paso2 .btn-peach-gradient {
    background: rgb(254,225,181);
    background: linear-gradient(208deg, rgba(254,225,181,1) 0%, rgba(255,146,217,1) 100%);
}

#registro-paso2 input:checked + .slider{
    background-color: #55E8BF;
}

#registro-paso2 .txt-21 {
    padding-top: 10px;
}

.colpad-top {
    padding-top: 120px;
}

.pslide-marg {
    margin-top: 2px;
}

.pbtns {
    padding: 15px 30px 25px 0px !important;
}

.pbtns2 {
    padding: 15px 30px 25px 0px !important;
}

.btn-pagos {
    width: 50% !important;
}

#registro-paso2 .btn-transfer {
    padding: 12px;
}

.padding-bottom-registro{
    padding-bottom: 50px;
}

#registro-paso2 #pago-unico{
    padding-left: 135px;
}

/*#registro-paso2 #check{
    margin-top: 90px;
}*/

#registro-paso2 #ahorro{
    width: 172px;
    margin-left: auto;
    margin-right: auto;
    margin-top: -75px;

}

#registro-paso2 #ahorro2{
    margin-left: auto;
    margin-right: auto;
    margin-top: -75px;
}

#registro-paso2 .btn-block{
    background-color: rgb(243,243,243);
    border: none;
}

.boton-small{
    background: red;
   width: 20px;
   height: 20px;
   border-radius: 100%;
   position: absolute;
   right: 570px;
   bottom: 625px;
}

.container-fluid{
    padding-left: 0;
}

.nombre-registro{
    width: 92%;
}

.seccion2-registro{
    width: 100%
}

.registro-width{
    width: 47%;
}
.registro-width2{
    width: 70%;
}

.seccion-width{
    width: 50%;
}

.w-interno{
    width: 106%
}

#registro-paso1 h1{
    font-size: 34px;
}

.inputgroup{
    font-size: 18px;
}

#registro-fantasma{
    display: none;
}
/* -- /8.registro -- */
/* -- 9.registro2 -- */
.footer-2 {
    position: relative;
    bottom: 0;
    width: 100%;
    background-color: #ffffff;
}

.hojita{
    border-radius: 60px 0 60px 0;
}

.green-spans {
    color: #55e8bf;
}

.pink-spans {
    color: #ff92d9;
    margin-left: 5px;
}

.input-normal-verde {
    width: 100% !important;
}

.input-normal-calendar {
    width: 95% !important;
}

.input-mediano-verde {
    width: 55% !important;
}

#facturar .btn-transfer {
    width: 100% !important;
}

.input-group-append .btn-help {
    padding: 0;
    width: 20px;
    height: 20px;
    position: absolute;
    right: 2.5rem;
    bottom: 25px;
}

.circulo-amarillo{
    z-index: 99;
    position: fixed;
    width: 30px;
    height: 30px;
    border-radius: 30px;
    background-color: #FFEACB;
    left: 250px;
}

.cuadro-amarillo{
    padding: 34px;
    z-index: 99;
    position: fixed;
    width: 410px;
    height: 230px;
    background-color: #FFEACB;
    text-align: center;
    font-size: 32px;
    left: 295px;
    border-radius: 30px;
}

/* -- /9.registro2 -- */
/* -- 10.tablas -- */
/*
#contenedor-principal #resumen_importes .table td:first-child{
    padding: 0 10% 0 13% !important;
}

#contenedor-principal #resumen_importes .table td{
    padding: 0 15% 0 13% !important;
} */
/*#tabla-comprobante-detalles.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child:before{
    height: 14px;
    width: 14px;
    display: block;
    position: absolute;
    color: white;
    border: 2px solid #55E8BF;
    border-radius: 14px;
    box-sizing: content-box;
    text-align: center;
    font-family: 'Courier New', Courier, monospace;
    font-weight: bold;
    line-height: 16px;
    content: '▼';
    background-color: #55E8BF;
    left: 1%;
    font-size: 11px;
}*/
#tabla-pagos .child ul,
#tabla-elementos .child ul,
#tabla-comprobante-detalle-estaticos .child ul,
#tabla-egresos .child ul,
#tabla-comprobante-detalles .child ul,
#tabla-clientes-proveedores .child ul{
    list-style: none !important;
}
#tabla-fideicomitentes .child ul{
    list-style: none !important;
}

#contenedor-principal #tabla-comprobante-detalle-estaticos td{
    padding: 25px !important;
}

#contenedor-principal #resumen_pagoT .table td:first-child{
    padding: 0 10% 0 13% !important;
}

#contenedor-principal #resumen_pagoT .table td{
    padding: 0 15% 0 13% !important;
}
/* Invisible texto */
figcaption {
  display:none; 
  transition: all .5s;
}
/* Visible texto */
figure:hover > figcaption {
  display:block;
  transition: all .5s;
}

#grafica-ing-eg {
    width: 100%;
    height: 500px;
}
#grafica-flujo {
    width: 100%;
    height: 500px;
}
.row1 {
    padding-top: 10px;
    padding-bottom: 10px;
}

.fondo-verde {
    background-color: #55E8BF;
}

.rowcolor {
    background-color: rgba(217, 211, 219, .14);
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
}

.btitulo {
    color: #795B7D;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    font-family: 'Muli', sans-serif;
}

.contorno-panel-tabla .panel-body {
    padding: 15px 0px 0px 0px;
}

.spandetalles-body {
    color: #795B7D;
    font-size: 16px;
    text-align: center;
    font-family: 'Muli', sans-serif;
}

.centerdiv {
    padding-top: 12px;
    padding-left: 30px;
}

.contorno-panel-org {
    padding: 30px 50px 30px 20px;
}

.contorno-panel-hp {
    padding: 30px 50px 30px 20px !important;
}
.contorno-background{
    padding: 40px 1px 40px 20px;
    margin-bottom: 10px;
    margin-top: 30px;
    background-color: rgba(217, 211, 219, .14);
}
.contorno-background-panel{
    /*padding: 40px 1px 40px 20px;*/
    margin-bottom: 10px;
    background-color: rgba(217, 211, 219, .14);
}

.contorno-panel-totales {
    padding: 30px 50px 30px 50px;
}
.contorno-panel-pagoT {
    padding: 60px 40px 40px;
    background-color: #55E8BF;
    color: #ffffff;
}

.text-color-blanco {
    color: #fff;
}

.pad-left0 {
    padding: 12px 12px 12px 0px;
}

.contorno-panel-org .input-normal-verde2 {
    outline: 0;
    border-width: 0 0 1px;
    border-color: #55E8BF;
    padding: 0 0 5px 20px;
    font-size: 18px;
    font-family: 'Muli', sans-serif;
    width: 27%;
}

.contorno-panel-org p {
    line-height: 1rem;
    padding-left: 15px;
    font-size: 16px;
}

.contorno-panel-org h1 {
    padding: 0px 0px 20px 15px;
    color: #795B7D;
    font-size: 28px;
    font-family: 'Muli', sans-serif;
    font-weight: 700;
}

.contorno-panel-hp .input-normal-verde2 {
    outline: 0;
    border-width: 0 0 1px;
    border-color: #55E8BF;
    padding: 0 0 5px 20px;
    font-size: 18px;
    font-family: 'Muli', sans-serif;
    width: 27%;
}

.contorno-panel-hp p {
    line-height: 1.5rem;
    padding-left: 55px;
    font-size: 20px;
}

.contorno-panel-hp h1 {
    padding: 0px 0px 20px 55px;
    color: #795B7D;
    font-size: 32px;
    font-family: 'Muli', sans-serif;
}

.panel-timb h1 {
    padding-left: 60px;
}

.panel-timb span {
    padding-left: 60px;
    padding-right: 40px;
    color: #795B7D;
    font-size: 10px;
    font-family: 'Muli', sans-serif;
}

.contorno-panel-tabla {
    padding: 20px 0px 0px 0px;
    margin-bottom: 10px;
    margin-top: 30px;
}

#tabla-totales-pagos .txt-18 {
    font-size: 18px;
    font-family: 'Muli', sans-serif;
    font-weight: 400;
    color: #fff;
    text-decoration: none;
}

#tabla-totales-pagosT .txt-18 {
    font-size: 18px;
    font-family: 'Muli', sans-serif;
    font-weight: 400;
    color: #fff;
    text-decoration: none;
}

.contorno-panel-tabla-comp h1 {
    padding: 90px 0px 30px 75px;
    display: block;
}

.contorno-panel-tabla-pag h1 {
    padding: 70px 0px 35px 80px;
}

.contorno-panel-org .iconify {
    color: #55E8BF;
    margin-left: 30px;
}

.contorno-panel-hp .iconify {
    color: #55E8BF;
    margin-left: 30px;
}

.select-icon {
    color: #55E8BF;
    position: absolute;
    font-size: 20px;
}

.panel-titulos {
    padding: 60px 0px 10px 80px;
}
table#tabla-clientes-proveedores{
    width: 100% !important;
}
table#tabla-fideicomitentes{
    width: 100% !important;
}

.table-striped-comp td {
    text-align: center;
}

.table-striped td {
    text-align: center;
}

.table-striped th {
    text-align: center;
}

.table-striped-comp th {
    text-align: center;
    background-color: #fff;
}

.table-striped-comp td {
    padding-left: 0px;
}

.table-striped-comp tr {
    background-color: rgba(217, 211, 219, .14);
}

.table-striped-comp>tbody>tr:nth-child(odd)>td,
.table-striped-comp>tbody>tr:nth-child(odd)>th {
    background-color: #fff;
    /*Choose your own color here */
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(217, 211, 219, .14);
}

.tabla-pagos-titulo {
    padding: 5px 30px 5px 0px;
}

.div-pad {
    padding: 5px 5px 5px 5px;
    background-color: #55E8BF;
}

.wrap-sat {
    display: block;
    width: 100%;
    word-wrap: break-word;
}

.txt-18-uva {
    font-size: 18px;
    font-family: 'Muli', sans-serif;
    font-weight: 400;
    color: #795B7D;
    text-decoration: none;
}

.fondomorado {
background-color: #795B7D;
}

.contorno-panel-tabla-pag .btn-cliente {
    float: right;
}

.padding-right-pag {
    padding-right: 210px !important;
}

.pading-left-com {
    padding-left: 0px !important;
}

.contorno-panel-tabla-comp .search {
    display: inline-block;
    float: right;
}

.contorno-panel-tabla-pag td:last-child {
    padding-right: 210px;
}

.contorno-panel-tabla-pag td:first-child {
    padding-left: 20px;
}

.contorno-panel-tabla-pag th:last-child {
    padding-right: 210px;
}

.contorno-panel-tabla-pag th:first-child {
    padding-left: 0px;
    padding-right: 25px;
}

.parrafos-pad-top {
    padding-top: 7px;
    padding-right: 20px;
}

.btn-actualizar-pad {
    padding: 4.5px 15px 4.5px 15px;
    border-radius: 0;
}

.input-back-transparent {
    background-color: transparent;
}

.contorno-panel-timb {
    padding: 40px 20px 40px 20px;
    margin-bottom: 10px;
    margin-top: 30px;
    background-color: rgba(217, 211, 219, .14);
    height: 90%;
}

#contenedor-principal .col-izq-0{
    padding-left: 0px !important;
}

#contenedor-principal .col-der-0{
    padding-right: 0px !important;
}

#contenedor-principal .table td{
    padding: 20px !important;
}

#contenedor-principal #totales-hojita .table td{
    padding: 20px 60px !important;
}

#contenedor-principal .totales-hojita-nomina .table td{
    padding: 20px 60px !important;
}
.pad-bottom-1{
    margin-bottom: 50px !important;
}

/*Ocultar busqueda de nomina*/
div#tabla-detalles-nominas-percepcion_filter{
  display: none;
}

div#tabla-detalles-nominas-percepcion_paginate{
  display: none;
}

div#tabla-detalles-nominas-deduccion_filter{
  display: none;
}

div#tabla-detalles-nominas-deduccion_paginate{
  display: none;
}

div#tabla-detalles-nominas-otros-pagos_filter{
  display: none;
}

div#tabla-detalles-nominas-otros-pagos_paginate{
  display: none;
}

div#tabla-detalles-nominas-incapacidades_filter{
  display: none;
}

div#tabla-detalles-nominas-incapacidades_paginate{
  display: none;
}

div#tabla-detalles-nominas-percepcion_length{
  display: none;
}

div#tabla-detalles-nominas-deduccion_length{
  display: none;
}

div#tabla-detalles-nominas-otros-pagos_length{
  display: none;
}

div#tabla-detalles-nominas-incapacidades_length{
  display: none;
}

#tabla-detalles-nominas-percepcion_wrapper{
  margin-top: 0px !important;
}

#tabla-detalles-nominas-deduccion_wrapper{
  margin-top: 0px !important;
}

#tabla-detalles-nominas-otros-pagos_wrapper{
  margin-top: 0px !important;
}

#tabla-detalles-nominas-incapacidades_wrapper{
  margin-top: 0px !important;
}

/* -- /10.tablas -- */
/* -- 11.textos -- */


.tipo-fuente {
    font-family: 'Muli', sans-serif;
    font-weight: 400;
}


.sub-li {
    list-style: none;
    font-family: 'Muli', sans-serif;
    font-weight: 200;
    font-size: 18px;
    color: #55E8BF
}

.verde {
    font-family: 'Muli', sans-serif;
    color: #55E8BF !important;
    text-decoration: none;
}

.gris{
    font-family: 'Muli', sans-serif;
    color: #C2C2C2 !important;
    text-decoration: none;
}

.rosa {
    font-family: 'Muli', sans-serif;
    font-weight: 400;
    color: #FF92D9;
    text-decoration: none;
}

.uva {
    font-family: 'Muli', sans-serif;
    font-weight: 400;
    color: #795B7D;
    text-decoration: none;
}

.uva-font {
    font-weight: 400;
    color: #795B7D;
    text-decoration: none;
}

.txt-12 {
    font-family: 'Muli', sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: #FEE1B5;
}

.txt-14 {
    font-family: 'Muli', sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #795B7D;
}

.txt-17-blanco {
    font-family: 'Muli', sans-serif;
    font-weight: 400;
    font-size: 17px;
    color: #ffffff;
}

.login-form .ingit snormal-morado {
  border-color: #ffffff !important;
}

.field-icon {
  color: #795B7D;
  position: absolute;
  float: right;
  right: 5px;
  bottom: 15px;
  z-index: 2;
}

.pass-container {
  margin: auto;
  position: relative;
}

.text-uva {
  color: #795B7D;
}

.text-uva:hover {
  color: #795B7D;
}

.text-blanco {
  color: #ffffff;
}

.txt-15-aside{
    font-family: 'Muli', sans-serif;
    font-weight: 700;
    font-size: 13px;
}

.txt-16 {
    font-family: 'Muli', sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #795B7D
}

.txt-17 {
    font-family: 'Muli', sans-serif;
    font-weight: 400;
    font-size: 17px;
    color: #795B7D
}

.txt-18 {
    font-size: 18px !important;
    font-family: 'Muli', sans-serif;
    font-weight: 400;
    text-decoration: none;
}
.txt-tot {
    font-size: 17px !important;
    font-family: 'Muli', sans-serif;
    font-weight: 400;
    text-decoration: none;
}

.txt-tot-nomina{
    font-size: 15px !important;
    font-family: 'Muli', sans-serif;
    font-weight: 400;
    text-decoration: none;
}

.txt-tot-20 {
    font-size: 20px !important;
    font-family: 'Muli', sans-serif;
    font-weight: 400;
    text-decoration: none;
}

.override-txt-20 {
  font-size: 20px !important;
}

.txt-20 {
    font-size: 20px;
    font-family: 'Muli', sans-serif;
    font-weight: bold;
    color: #795B7D;
    text-decoration: none;
}

.txt-30 {
    font-size: 30px !important;
    font-family: 'Muli', sans-serif;
    font-weight: 400;
    text-decoration: none;
}

.editar {
    text-align: center;
    font-size: 16px;
    font-family: 'Muli', sans-serif;
    font-weight: 400;
    color: #55E8BF;
    text-decoration: none;
}

.txt-24 {
    font-size: 24px;
    font-family: 'Muli', sans-serif;
    font-weight: 400;
}

.txt-21 {
    font-size: 21px;
    font-family: 'Muli', sans-serif;
    font-weight: 400;
    color: #795B7D;
}

.txt-28{
        font-size: 28px;
        font-family: 'Muli', sans-serif;
        font-weight: 400;
}


.txt-44{
    font-size: 44px;
}

.text-pink {
    color: #FF92D9;
    margin-left: 5px;
}


.pink {
    color: #FF92D9;
}

.txt-green {
    color: #55E8BF!important;
}

.txt-mocca {
    color: #FEE1B5;
}

.txt-grey {
    color: #C2C2C2;
}

.txt-blue {
    color: #556BFC!important;
}

.txt-dark-red {
    /*color: #BA0000!important;*/
    color: #fff!important;
}

.txt-mustard {
    color: #cfba30;
}

.txt-light-grey {
    color: #D9D3D8;
}

.txt-ver-editar {
    font-size: 16px!important;
    font-family: 'Muli', sans-serif;
    font-weight: 400;
    color: #55E8BF !important;
    text-decoration: none;
}

.txt-ver-editar:hover {
    color: rgb(136, 250, 218) !important;
}

.txt-ver-editar-uva {
    font-size: 16px!important;
    font-family: 'Muli', sans-serif;
    font-weight: 400;
    color: #795B7D !important;
    text-decoration: none;
}

.txt-ver-editar-uva:hover {
  color: #9A849D !important;
}

.txt-pendiente {
    color: #F8B641 !important;
}

.txt-pendiente2 {
    color: #795B7D !important;
}
.txt-liquidado{
    color: #00CA94 !important;
}
.txt-cancelado{
    color: #795B7D !important;
}
.txt-vencido{
    color: #F1706C !important;
}
.txt-parcial{
    color: #6A55FF !important;
}
.txt-por-vencer{
    color: #FF8ADE !important;
}

/* -- resalto de hover -- */
.hover-standout {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: box-shadow, transform;
    transition-property: box-shadow, transform;
}

.hover-standout:hover,
.hover-standout:focus,
.hover-standout:active {
    box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

/* Hover Float Left */
.hover-float-left {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}

.hover-float-left:before {
    position: absolute;
    z-index: -1;
    content: '';
    top: calc(50% - 10px);
    left: 0;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}

.hover-float-left:hover,
.hover-float-left:focus,
.hover-float-left:active {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
}

.hover-float-left:hover:before,
.hover-float-left:focus:before,
.hover-float-left:active:before {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
}

.eft-link {
    display: block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
  }
  .eft-link:hover, .eft-link:focus, .eft-link:active {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }

  /* Down-link */
.down-link {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
  }
  .down-link:hover, .down-link:focus, .down-link:active {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
/* -- /11.textos -- */
/* -- 12.Correo- biemvenida -- */
/* Imagen de fondo */
.bg-img {
    background: url('../img/fondo-email.png') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
}

.medida-imagen{
    width: 50px;
    height: 50px;
}
/* Footer */
#bienvenida-footer {
    position: absolute;
    bottom: 0;
    padding: 10px;
    width: 100%;
    height: 100px;
    background-color: transparent;
}

.m-txt-footer li{
    display: block;
}

.white-footer {
  background-color: #ffffff;
}

.white-footer li{
  color: #55e8bf;
}

.white-subfooter{
  background-color: #ffffff !important;
}

#bienvenida-footer p {
    color: #ffffff !important;
    font-family: 'Muli', sans-serif !important;
}

/* Logos */
.i-facebook {
    width: 30px;
    height: 30px;
}

.i-ticonta {
    width: 70px;
    height: 20px;
}

.i-t-ticonta {
    width: 50px;
    height: 50px;
}

.green-text {
    color: #55e8bf !important;
}

.halfway-fab {
    position: absolute;
    bottom: 20px;
}

/* -- /12.Correo- biemvenida -- */
/* -- 13.Correo - corre -- */
/* Logo ticonta */
.logo {
    width: 100px;
}

.center-content {
  text-align: center;
  width: 800px;
  height: 350px;
  position:absolute; /*it can be fixed too*/
  left:0; right:0;
  top:0; bottom:0;
  margin:auto;
  /*this to solve "the content will not be cut when the window is smaller than the content": */
  max-width:100%;
  max-height:100%;
  overflow:auto;
}

/* Footer */
.footer {
    position: fixed;
    bottom: 13px;
    width: 100%;
    background-color: #ffffff;
    /* text-align: center; */
    left: 24px;
    font-size: 12px;
    color:#795B7D;
}

.footer a {
    color: #0EC995;
}

.footer a:hover {
    color: #795B7D;
}

/* Enlaces */
.btn-enlace {
    color: #55e8bf !important;
    font-family: 'Muli', sans-serif !important;
}

/* Alinear contenido en el centro */
.wrapper {
    margin: auto;
    height: 200px;
    width: 100%;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    text-align: center;
}

/* Color del carita feliz */
.smile {
    color: #55e8bf;
}

/* Estilo del boton regresar */
.btn-regresar {
    outline: none;
    border: none;
    background-color: #ffffff;
    color: #ff92d9;
    margin-bottom: 50px;
}

.btn-regresar i.fas {
    color: #55e8bf;
}

.btn-regresar:hover {
    cursor: pointer;
}

.btn-regresar:focus {
    outline: none;
}

/* -- /13.Correo - corre -- */
/* -- 14.Ficha Oxxo -- */
.bodyoxxo {
    background-image: url(../../img/fondo-login2.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    margin: 100px;
}
.codigoBarras{
    margin-top: 35px;
    width: 150px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.logoxxo {
    margin-left: 300px;
    margin-top: 40px;
    margin-bottom: 65px;
}

.div-ficha {
    margin: 0 auto;
    vertical-align: top;
    margin-bottom: 30px;

}

.txt-36 {
    font-size: 36px !important;
    font-family: 'Muli', sans-serif;
    font-weight: 700;
    text-decoration: none;
}

.txt-32 {
    font-size: 32px;
    font-family: 'Muli', sans-serif;
    font-weight: 400;
    text-decoration: none;
}

.text-45 {
    font-size: 45px;
    font-family: 'Muli', sans-serif;
    font-weight: 400;
    text-decoration: none;
}

.txt-12-verde {
    font-size: 12px;
    color: #55E8BF;
    font-family: 'Muli', sans-serif;
    font-weight: 400;
    text-decoration: none;
}

.img-oxxo {
    margin-top: 40px;

    margin-left: 20px;
}

.txt-12-uva {
    font-size: 12px;
    color: #795B7D;
    font-family: 'Muli', sans-serif;
    font-weight: 400;
    text-decoration: none;
}

.txt-16-green {
    font-size: 16px;
    color: #55E8BF;
    font-family: 'Muli', sans-serif;
    font-weight: 400;
    text-decoration: none;
    margin-left: 10px;
}

.labelref {
    background-color: #D9D3DB;
    border-radius: 40px;
    height: 40px;
    margin-top: 25px;
    text-align: center;
    padding-top: 5px;
}

.label-rosa {
  color: #ff92d9;
  font-size: 15px;
  margin-left: 10px;
}

.rem {
    padding-top: 1rem;

}

.instrucciones {
    margin-top: 25px;
}

.instrucciones label {
    padding-top: 1rem;

}

/* -- /14.Ficha Oxxo -- */

/*--/errores de registro/--*/
.form-control {
  box-shadow: 0 0 0 #000 !important;
}

.has-error .checkbox, .has-error .checkbox-inline, .has-error.checkbox-inline label, .has-error.checkbox label, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.radio-inline label, .has-error.radio label {
  color: #FF92D9;
}

.has-success .form-control {
  border-color: #FF92D9;
}

.has-warning .form-control {
  border-color: #FF92D9;
}

.has-error .form-control {
  border-color: #FF92D9;
}

 .fondo-context{
        background-color: rgba(217, 211, 219, .14) !important;
        background-clip: content-box !important;
}

.div-tarjeta {
    vertical-align: top;
}

.div-tarjeta .form-group {
    margin: 1rem 0 3rem 0;
}

.btn-rounded-uva {
    height: 45px;
    width: 50%;
    background-color: #795B7D;
    color: white;
    vertical-align: left;
    border-radius: 10px;
}
.text-tarjeta{
    margin-top: 10%;
    color: #795B7D;
}

.label-tarjeta{
color: #795B7D;
opacity: 0.5;
margin-left: 15px;
}

.btn-help2 {
    background-color: #FF92D9;
    float: right;
    -webkit-box-flex: 0;
    width: 20px;
    box-sizing: border-box;
    height: 20px;
    text-align: center;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 0px !important;
    border-radius: 50%;
}

.btn-help2:hover {
    background-color: rgb(255, 168, 225);
}

.btn-help2 h3 {
    margin-top: 3px;
    color: #ffffff;
    font-size: 12px;
}
.btn-help3 {
    background-color: #FF92D9;
    float: left;
    -webkit-box-flex: 0;
    width: 20px;
    box-sizing: border-box;
    height: 20px;
    text-align: center;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 0px !important;
    border-radius: 50%;
}

.btn-help3:hover {
    background-color: rgb(255, 168, 225);
}

.btn-help3 h3 {
    margin-top: 3px;
    color: #ffffff;
    font-size: 12px;
}

/*-------- Años Meses Dias Vista Nuevo Empleado -------*/
.meses-dias{
    max-width: 145px;
    float: left;
    display: block;
    padding: 0;
}

.padding-meses-dias{
    padding-right: 15px;
}

    /* -- /13.Correo - corre -- */
.espacio-iconos{
    padding-right: 10px;
}

.esapciado-botones{
    margin: 0 10px;
}

.altura-100{
    height: 100%;
}

.test-w{
    max-width: 100%;
}


.resize-actions{
    pointer-events: none;
}
.ver_cancelado{
    height: 80px;
    padding-top: 25px!important;
}
.ver-mid-fix{
    padding-top: 0!important;
    padding-bottom: 0!important;
    margin-right: 30% !important;
    margin-left: 5%;
    width: 80%;
}
#contenedor-relacion h4, #tipo-relacion-mostrar{
    font-size: 12px;
}
#contenedor-relacion h4{
    margin-top: 11px;
}
.ver-mid-fix2 {
    padding-top: 33%!important;
    padding-bottom: 0!important;
    /* margin-left: 5%; */
    width: 80%;
    margin-right: 7%;
}
.ver-mid-entidades {
    padding-top: 19%!important;
    padding-bottom: 0!important;
    /* margin-left: 5%; */
    width: 80%;
    margin-right: 7%;
}

.img-soporte{
    width: 60%;
    height: auto;
}

.input-soporte{
    width: 85%;
    height: 105%;
    resize: none;
    color: #795B7D;
    padding: 1.5rem;
}

.img-padding-soporte{
    padding-top: 4%;
    /*padding-left: 8%;*/
}

/* ----- Configuracion Inicial -------------- */
.background-verde{
    background-color: #55E8BF
}

#bienvenido{
    margin-top: 100px;
}

.separacion1{
    margin-top: 50px;
    font-weight: 700;
}

.input-width-1 {
    width: 62% !important;
}

.input-width-2 {
    width: 82% !important;
}

.txt-18-conf{
    font-size: 18px !important;
}

.col-3-width{
    max-width: 21% !important;
}

.col-width{
    max-width: 23.5% !important;
}

.btn-conf-inicial {
    background: rgba(254, 225, 181, 1);
    background: linear-gradient(275deg, rgba(255,163,209,1) 0%, rgba(254,218,184,1) 50%, rgba(255,163,209,1) 100%);
    color: white;
    text-align: left;
    font-size: 19px;
    border: none;
    position: relative;
    border-radius: 0 0 1em 1em !important;
    font-family: 'Muli', sans-serif !important;
    font-weight: 700;
    text-align: center;
    margin-top: 38px;
    transition: 0.5s;
    background-size: 200% auto;
}

.btn-conf-inicial:hover{
    background-position: right center;
    color: #fff;
}

.copyright-conf-inicial{
    position: absolute;
    margin-top: 62px;
    padding-top: 90px;
    left: 13%;
}

#alineacion-div-inicial{
    display: contents;
}

.btn-help-inicial {
    background-color: #FF92D9;
    float: right;
    -webkit-box-flex: 0;
    width: 20px;
    box-sizing: border-box;
    height: 20px;
    text-align: center;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 0px !important;
    border-radius: 50%;
}

.input-group-append .btn-help-inicial {
    padding: 0;
    width: 20px;
    height: 20px;
    position: absolute;
    right: 2.5rem;
    bottom: 25px;
}

.btn-help-inicial:hover {
    background-color: rgb(255, 168, 225);
}

.btn-help-inicial h3 {
    margin-top: 3px;
    color: #ffffff;
    font-size: 12px;
}

/* ---------------- Aside y boton comportamientos ------------------ */
.visible_menu #span-hamburguesa:nth-child(1){
	transform: rotate(45deg) translate(-2px,1px);
}

.visible_menu #span-hamburguesa:nth-child(2){
	opacity: 0;
}

.visible_menu #span-hamburguesa:nth-child(3){
	transform: rotate(-45deg) translate(-3px,3px);
}

.submenu{
    margin: 10px;
}

.submenu2{
    margin: 10px;
    padding-inline-start: 20px;

}
/* ------------------ 15. Alertify ------------------ */
.ajs-content{
    color:#795B7D;
    font-size: 20px !important;
}
.ajs-header{
    color:#55E8BF;
    font-size: 36px !important;
    font-weight: 700 !important;
}

.alertify .ajs-body .ajs-content {
    padding: 16px 24px 35px 16px !important;
}

.ajs-commands .ajs-close{
    background-color: #795B7D !important;
    border-radius: 1.5rem;
    height: 40px !important;
    width: 40px !important;
}

.ajs-dialog{
    border-radius: 0.5rem;
    padding: 25px 50px !important;
}
.ajs-header{
    border-radius: 1rem !important;
}

.ajs-footer{
    border-radius: 11rem !important;
}

.ajs-close{
    background-color: white !important;
}
.class_periocidad {
    display: flex;
    flex-direction: column;
}
/* ------------------ /15. Alertify ------------------ */
/* ------------------ 16. Boton Mostrar/Ocultar ------ */
.btn-totales-pos{
    position: absolute;
    top: 20px;
    right: 10%;
}
.btn-tot-bg{

}
.panel-h-tot{
    height: 100%;
}

.informacionS{
  text-align: justify-all;
}

#inforsaldos{
    width:100%;
}
#tabla-comprobante-relacion_filter{
    display: none;
}
#tabla-comprobante-detalle-estaticos_filter{
    display: none;
}
#tabla-comprobante-detalle-pagos_filter{
    display: none;
}
/* ----------------- /16. Boton Mostrar/Ocultar ------ */

/*    Estilos para inputs en nuevo empleado-catalogo/cliente     */
.icheckbox_square-blue{
    position: absolute;
    top: 47px;
    left: 60px;
}

.padd-top-sindicato{
    padding-top: 25px;
}

.padd-top-antiguedad{
    padding-top: 6px;
}
.pt-8 {
    padding-top: 8px;
}


/*   /Estilos para inputs en nuevo empleado-catalogo/cliente     */

/* ------------------ Media Querys ------------------ */
/* -- 5.inputs -- */
@media (min-width: 320px) and (max-width: 1279px){
    #logo-T {
       position: absolute;
       left: 0;
       right: 0;
       margin: auto;
       float: none;
       width: 60px;
       height: auto;
    }
}
@media (min-width: 320px) and (max-width: 460px){
    .ver-mid-fix2 {
        padding-top: 33%!important;
        padding-bottom: 0!important;
        /* margin-left: 5%; */
        width: 80%;
        margin-right: 7%;
    }
    .trash-button-center {
        padding-top: 22px !important;
        margin-top: 20px;
    }
}
@media (min-width: 320px) and (max-width: 767px){
    #principal_pago_timbrado {
        display: none;
    }
    #responsive_pago_timbrado {
        display: flex;
    }
    #principal_comprobante_timbrado {
        display: none;
    }
    #principal_comprobante_timbrado2 {
        display: none;
    }
    #responsive_comprobantetimbrado {
        display: flex;
    }
    .respon-left{
        float: left!important;
    }
    input.form-control.input-sm{
        width: 100% !important;
    }
    .panel-timb span {
        padding-left: 0px!important; 
        padding-right: 0px!important; 
        
    }
    .comprobante-size {
        font-size: 20px !important;
    }
    .padding-top-cadenas{
        padding-top: 50px;
    } 
    .responsive_uuid_font{
        font-size: 12px;
    }
    #responsive_btn_comprobante_ver .btn-cliente-nomina {
        width: 100%;
        /* float: left; */
        text-align: left;
        /* height: 40px; */
    
    }
    #responsive_btn_pago_ver .btn-cliente-nomina {
        width: 100%;
        /* float: left; */
        text-align: left;
        /* height: 40px; */
    
    }
    #principal_btn_comprobante_ver{
        display: none;
    }
    #principal_btn_pago_ver{
        display: none;
    }
}
@media (min-width: 768px){
    .responsive_uuid_font{
        font-size: 16px;
    }
    
    #responsive_pago_timbrado {
        display: none;
    }
    #responsive_comprobante_timbrado {
        display: none;
    }
    .class_periocidad {
        flex-direction: row;
    }
    #principal_btn_comprobante_ver{
        display: flex;
    }
    #principal_btn_pago_ver{
        display: flex;
    }
    #btnComprobante_ver{
        display: none;
    }
    #btnPago_ver{
        display: none;
    }
    
}

@media (max-width: 320px) {
    .check-pos {
        top: 50px;
        left: -200px;
    }

    .new-product-pos {
        position: absolute;
        top: 50px;
    }
}
#main {
    padding: 20px 0;
}

.tablas-resultados {
    position: relative;
}
.tablas-resultados .overlay {
    position: absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    background-color: #fff;
    opacity: 0.5;
    z-index: 1000;
}

.tablas-resultados.listo .overlay {
    display: none;
}
.tablas-resultados .table td {
    white-space: nowrap;
}

.tab-pane {
    padding: 15px;
    border: solid 1px #ddd;
    margin-top: -1px;
    overflow: auto;
}
.tab-pane .form-inline {
    margin-bottom: 10px;
}

.paginate_button, .sorting, .rango, .sorting_desc, .btn-default{
    text-transform: lowercase;
}

#detalles-cliente{
    text-transform: lowercase;
}

.pic-wrapper{
    width: 150px;
    height: auto;
    margin: 0 auto;
    display: block;
}

/* -- /3.factura -- */
@media screen and (max-width: 767px) {
    .btn-plus {
        border-bottom-right-radius: 252px;
        border-bottom-left-radius: 252px;
    }

    .m-t-50 {
        margin-top: 50px;
    }

    #ingresa-conf-inicial{
        display: inline-block;
    }
}

/* -- /5.inputs -- */
/* -- 6.login -- */
/* -- /6.login -- */
/* -- 7.Modales -- */
/* -- /7.Modales -- */
/* -- 8.registro -- */
/*------------ Responsive (Ocultar recuadro verde y mover de posicion el texto ingresa ------------*/
@media only screen and (max-width: 1441px) {
    .div-logo {
        float: left;
        margin-left: 32%;
    }

    /*.cookieinfo{
        width: 45%;
        height: 32% !important;
        padding: 14px 16px !important;
        font-size: 16px !important;
        padding-top: 1.5% !important;
    }*/
     .modal-video .modal-content-video {
       padding: 0 !important;
       border-radius: 0 !important;
       background-color: transparent;
       background-image: none;
       border: none;
     }
     
     .btn-cerrar-modal {
       cursor: pointer;
       width: 20px;
       margin: 0 auto;
       margin-top: 20px;
       display: flex;
       justify-content: center;
       align-items: center;
       background-color: transparent !important;
       border: none;
     }
}

@media only screen and (max-width: 1280px) {
    .div-logo {
        float: left;
        margin-left: 39%;
    }
}

@media only screen and (max-width: 1050px) {
    .ingresa {
        left: 39%;
        margin-top: 12%;
    }
}

@media only screen and (max-width: 1025px) {
    .div-logo {
        float: left;
        width: 50%;
        margin-left: 38%;
    }

    .btn-registrar {
        background: #55E8BF;
        color: white;
        padding: 12px 0 12px 0;
    }

    .col-right-pad {
        padding-top: 37px;
        padding-right: 0px;
    }

    .margin-cero-registro {
        margin-top: 0 !important;
    }

    #titulo-empieza{
        margin-left:4%;
    }

    #div-contenido{
        margin-left: 24px !important;
    }

    #grupo1{
        position: relative;
    }

    #contenido12{
        width: 100%;
        padding-left: 20% !important;
        margin-left: 3.5%;
        padding-bottom: 15%;
    }

    .registro-width {
        width: 88%;
        margin-left: 2%;
    }

    .w-interno {
        width: 115%;
    }

    .seccion-width {
        width: 100%;
    }

    .centrado {
        width: 100%;
        padding-left: 25%;
    }

    .span-verde{
        font-size: 20px;
        padding: 10px 10px 10px 25px;
    }

    .inputgroup{
        font-size: 20px;
    }

    #grupo1{
        display: inline-block;
        width: 100%;
    }

    /*.cookieinfo{
        height: 40% !important;
        width: 43%;
        padding: 12px 16px !important;
        font-size: 12px !important;
    }*/

    #col-relleno{
        display: none;
    }

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

    #ingresa-tus-datos{
        display: inline-block;
        padding: 0 5%;
        width: 100%;
    }

    .input-width-2{
        width: 100% !important;
    }

    .input-width-1{
        width: 80% !important;
    }

    .btn-width-sello{
        width: 20% !important;
    }

    .width-CER{
        width: 100% !important;
        padding: 0 !important;
    }

    .btn-signo-preg{
        right: -8px !important;
    }

    #bienvenido {
        padding: 0 4%;
    }

    #alineacion-div-inicial{
        display: inline-block;
    }

    .copyright-conf-inicial {
        left: 7%;
    }
}

@media only screen and (max-width: 725px) {
    #contenido12{
        padding-left: 5% !important;
        padding-right: 10%;
        padding-top: 6%;
    }

    .col-left-pad {
        padding-top: 11%;
        padding-left: 38%;
    }

    .col-right-pad {
        padding-top: 10%;
        text-align: center;
    }

    #ingresa-ticonta{
        text-align: center;
        float: none !important;
    }
}

@media only screen and (max-width: 401px) {
    #titulo-empieza {
        margin-left: 0%;
        width: 112%;
    }

    .col-right-pad {
        margin-right: 5%;
    }

    .col-left-pad {
        padding-left: 27%;
    }

    .span-verde {
        padding: 10px 10px 10px 25px;
    }
}
@media only screen and (max-width: 361px) {
    #titulo-empieza{
        width: 112% !important;
    }

    #ingresa-ticonta{
        text-align: center;
        float: none !important;
    }
}

@media only screen and (min-width: 1720px) {
    .second-col{
        margin-left: 0px;
    }

    #registro-paso2 .prim-col{
        margin-left: 50px;
    }
}

@media only screen and (max-width: 1715px) {
    .second-col{
        margin-left: 120px;
    }

    #registro-paso2 .prim-col{
        margin-left: 80px;
    }
}

@media only screen and (max-width: 1641px) {
    /*.cookieinfo{
        font-size: 15px !important;
    }*/
}

@media only screen and (max-width: 1630px) {

  /*#div-contenido{
    margin-left: 22% !important;
  }*/

}

@media only screen and (max-width: 1278px) {
    .modal-video iframe.video-inicial {
        width: 600px !important;
        height: 65vh !important;    
    }
}

@media only screen and (max-width: 769px) {
    .modal-video iframe.video-inicial {
        width: 400px !important;
        height: 40vh !important;    
    }
    .ingresa {
        left: 0;
        width: 25%;
        margin-left: 25%;
    }

    .div-logo {
        position: absolute;
        right: 25%;
        width: 50%;
    }

    .div-registro {
        bottom: 5%;
        width: 100%;
    }

    /*.cookieinfo{
        width: 54%;
        height: 20% !important;
    }*/

    .copyright-conf-inicial {
        padding-top: 35px;
    }
}

@media only screen and (min-width: 427px) and (max-width: 767px) {
    /*.cookieinfo{
        width: 65%;
        height: 42% !important;
        font-size: 13px !important;
        padding-top: 5% !important;
    }*/

    #chat img {
        width: 100px !important;
    }
}

@media (max-width: 660px) {
    .modal-video iframe.video-inicial {
        width: 100% !important;
        height: 100% !important;    
    }
    .ingresa {
        width: 50%;
        margin-top: 33%;
    }

    .inputgroup {
        padding: 10px 0 10px 5px;
        font-size: 14px;
        width: 50%;
    }

    .span-verde {
        padding: 10px 30px 10px 5px;
        font-size: 14px;
        width: 50%;
    }
}

@media (max-width: 430px) {
    .ingresa {
        left: 0;
        width: 50%;
        margin-top: 30%;
    }
}

@media (max-width: 320px) {
    .inputgroup {
        padding: 12px 0 6px 5px;
        font-size: 14px;
    }
}

@media (max-width: 321px) {
    .col-left-pad {
        padding-left: 22%;
    }

    .col-right-pad {
        margin-right: 21%;
        padding-left: 20%;
    }

    #titulo-empieza{
        margin-left: 11%;
    }

    /*.cookieinfo{
        font-size: 12px !important;
    }*/
}

@media only screen and (max-width: 320px) {
    .span-verde {
        padding: 16px 30px 10px 5px;
        font-size: 10px;
    }
}

@media only screen and (max-width: 660px) {
    .centrado {
        margin-left: 0;
        margin-right: 0;
    }
}

/* -- /8.registro -- */
/* -- 9.registro2 -- */
@media screen and (max-width: 360px) {
    .input-mediano-verde {
        width: 46% !important;
    }

    #inicio{
        margin-top: 37%;
    }
}

@media only screen and (min-width: 320px) and (max-width: 399px) {
    .input-group-append .btn-help {
        right: 1px !important;
        bottom: 25px !important;
    }
    .btn-help3 {
        right: 1px !important;
        bottom: 25px !important;
    }
}

@media only screen and (min-width: 400px) and (max-width: 454px) {
    .input-group-append .btn-help {
        right: 2px !important;
        bottom: 25px !important;
    }
    .btn-help3 {
        right: 2px !important;
        bottom: 25px !important;
    }
}

@media only screen and (min-width: 455px) and (max-width: 721) {
    .input-group-append .btn-help {
        right: 1px !important;
        bottom: 25px !important;
    }

    .btn-help3 {
        margin-right: 10px !important;
        background-color: red !important;

    }
    .f-right{
        float: right;
    }
}

@media only screen and (min-width: 722px) and (max-width: 767px) {
    .input-group-append .btn-help {
        right: 75px;
        bottom: 25px;
    }
    figure{
      margin-left: 10% !important;

    }

}

@media only screen and (min-width: 768px) and (max-width: 992px) {
    .input-group-append .btn-help {
        right: 147px;
        bottom: 25px;
    }
    figure{
      margin-left: 10% !important;

    }
}

@media only screen and (min-width: 993px) and (max-width: 1200px) {
    .input-group-append .btn-help {
        right: 8px;
        bottom: 25px;
    }
   figure{
      margin-left: 10% !important;

    }
}

/* @media screen and (max-width: 720px) {
  .input-group-append .btn-help {
    right: 2px;
    bottom: 25px;
  }
} */

@media only screen and (min-width: 360px) and (max-width: 400px) {
    .input-mediano-verde {
        width: 53% !important;
    }
}

@media only screen and (min-width: 400px) and (max-width: 424px) {
    .input-mediano-verde {
        width: 58% !important;
    }
}

@media only screen and (max-width: 424px){
    .input-width-1 {
        width: 70% !important;
    }

    .btn-width-sello {
        width: 30% !important;
    }
}

@media only screen and (max-width: 320px){
    .input-width-1 {
        width: 60% !important;
    }

    .btn-width-sello {
        width: 40% !important;
    }

    #cont-sello{
        padding: .5%;
    }

    #parrafo-inicial{
        padding: 0 6%;
    }

}

@media only screen and (min-width: 423px) and (max-width: 720px) {
    .input-mediano-verde {
        width: 60% !important;
    }
}

@media screen and (min-width: 720px) and (min-height: 1260px) {
    .input-mediano-verde {
        width: 69% !important;
    }
}

@media only screen and (min-width: 1280px) {
    #div-contenido {
        margin-left: 17.666667%;
    }
}

/*@media only screen and (max-width: 1600px) {
    #div-contenido {
        margin-left: 22%;
    }
}*/


/* -- /9.registro2 -- */
/* -- 10.tablas -- */

@media only screen and (max-width: 1392px) {
    .second-col{
        margin-left: 150px;
    }

    #div-contenido{
        margin-left: 19%;
    }

    #RowBotones img{
        width: 100%;
    }

    .contorno-panel-org h1 {
        padding-left: 15px;
    }

    .contorno-panel-org p {
        padding-left: 15px;
    }

     .contorno-panel-hp h1 {
        padding-left: 15px;
    }

    .contorno-panel-hp p {
        padding-left: 15px;
    }

    .contorno-panel-tabla-comp h1 {
        padding-left: 35px;
    }

    .contorno-panel-tabla-pag h1 {
        padding-left: 35px;
    }

    .panel-titulos {
        padding-left: 35px;
    }

    .contorno-panel-timb h1 {
        padding-left: 20px;
    }

    .contorno-panel-timb span {
        padding-left: 20px;
    }
}

    @media only screen and (max-width: 1200px) {
        .contorno-panel-totales {
            padding: 55px 20px 55px 20px;
        }

        .contorno-panel-pagoT {
            padding: 55px 20px 55px 20px;
        }

       .contorno-panel-org h1 {
          font-size: 28px;
        }


      .contorno-panel-org .iconify{
        margin-left: 15px;
      } 

      .contorno-panel-hp h1 {
          font-size: 28px;
        }


      .contorno-panel-hp .iconify{
        margin-left: 15px;
      }

      .colpad-top{
        position: static;
      }

    }




      @media only screen and (max-width: 1040px) {
          .contorno-panel-totales {
              padding: 71px 20px 71px 20px;
          }
      }

    /* -- /10.tablas -- */

    .tabla-width-100{
        width: 100% !important;
    }
    /* -- 11.textos -- */
    /* -- /11.textos -- */
    /* -- 12.correo-bienvenida -- */
    @media screen and (min-width: 320px) {
        .halfway-fab {
            left: 77px;
        }

        #bienvenida-footer {
            position: relative;
        }
    }

    @media screen and (min-width: 374px) {
        .halfway-fab {
            left: 100px;
        }
    }

    @media screen and (min-width: 414px) {
        .halfway-fab {
            left: 125px;
        }

        #bienvenida-footer {
            position: absolute;
        }
    }

    @media screen and (min-width: 720px) {
        .halfway-fab {
            left: 170px;
        }
    }

    @media screen and (min-width: 1024px) {
        .halfway-fab {
            left: 160px;
        }
    }

    @media screen and (max-height: 600px) {
        #bienvenida-footer {
            position: relative;
        }
    }

    @media screen and (min-width: 1250px) {
        .halfway-fab {
            left: 190px;
        }
    }

    /* -- /12.corre-bienvenida -- */
    /* -- 13.Correo - corre -- */
    @media screen and (max-width: 720px) {
        .footer {
            text-align: center;
        }

        .logo {
            margin-right: 40px;
        }
    }

/*--------------pago trarjeta y ficha oxxo---*/
@media only screen and (max-width: 1440px) {
    .logooxxo {
        float: left;
        margin-left: 32%;
    }

}

@media only screen and (max-width: 1279px) {
    .logooxxo {
        float: left;
        margin-left: 39%;
    }

    #Registro aside{
        display: none;
    }

    .regsitro-center{
        display: block;
        margin: 0 auto;
        float: none;
    }

    #aside{
        position: fixed;
        left:-300px;
        opacity: 0;
        transition: all 0.75s ease;
        z-index: 99;
    }
    .visible_menu #aside{
        left: 0;
        opacity: 1;
    }

    #registro-paso2 .prim-col{
        margin-left: 0px;
    }

    #div-contenido{
        margin-left: 0 !important;
    }
}

@media only screen and (max-width: 1279px) {
    #contenedor-principal{
        margin-left: 3%;
    }
    #hamburguesa{
        float: left;
        display: inline-block;
        width:30px;
        height: 20px;
        position: absolute;
        z-index: 150;
        margin-top: 32px;
        margin-right: 13px;
        left: 25px;
    }

    #hamburguesa span{
        width: 100%;
        height: 4px;
        border-radius: 4px;
        display: block;
        position: absolute;
        background: #55E8BF;
        transition: all 0.25s ease;
        transform-origin : 0px 100%;
    }

    #hamburguesa span:nth-child(2){
        top: calc(50% - 2px);
    }

    #hamburguesa span:nth-child(3){
        bottom: 0;
    }

    #todo-tablas{
        width: 100%;
    }
}

@media only screen and (max-width: 1024px) {
    .infomonto {
        float: left;
        width: 50%;
        margin-left: 38%;
    }
        .codigoBarras{
        margin-top: 35px;
        width: 250px;
        margin-left: 20%;
    }
}
@media only screen and (max-width: 1440px) {
    .infomonto {
        float: left;
        margin-left: 32%;
    }

    #btn-comprar{
        width: 85%;
    }

    .btn-comprarV{
        width: 85%;
    }

    #pago-tarjeta{
        margin-left: 7%;
        margin-top: -20px;
    }
}

@media only screen and (max-width: 1280px) {
    .infomonto {
        float: left;
        margin-left: 39%;
    }
}

@media only screen and (max-width: 1024px) {
    .infomonto {
        float: left;
        width: 50%;
        margin-left: 38%;
    }

    #BtnSiguiente{
        width: 100%;
    }

    #btn-comprar {
        width: 100%;
    }

    .btn-comprarV {
        width: 100%;
    }
}
@media only screen and (max-width: 768px) {
    .div-tarjeta {
        bottom: 5%;
        width: 100%;
    }
    .codigoBarras{
    margin-top: 35px;
    width: 100px;  
}

    .text-tarjeta{
        padding-bottom: 20%;
    }

    .text-tarjeta2 {
    vertical-align: top;
    display: block;
}

    .text-tarjeta2 .form-group {
        margin: 1rem 0 3rem 0;
    }

    .expiracion-left{
        margin-left: 7%;
    }

    #comprabtn {
        width: 100%;
        margin-left: 0;
    }
}
@media only screen and (max-width: 768px) {
    .div-tarjeta {
        bottom: 5%;
        width: 100%;
    }
}
@media (max-width: 1067px){
    
    .trash-button{
        height: 40px;
        /*width: 0;*/
    }
    .cancel-button{
        height: 40px;
        width: 100%;
    }

    .ver-mid {
        padding-top: 1% !important;
        margin-right: 20% !important;
        margin-left: 20%;
    }
    .verde {
        color: #55E8BF!important;
    }
    .ver-mid-fix {

        margin-right: 0% !important;
        margin-left: 0%;

    }
    .test-w {
        max-width: 100%;
    }

}

@media (max-width: 648px){
    #tabla-ingresos.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child:before, #tabla-egresos.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child:before{
        margin-top: 4%;
    }
}

@media (max-width: 500px){
    .dt-buttons{
        position: unset;
        margin: 0 auto;
    }

    .menu-hide{
        display: unset !important;
        margin-top: 10%;
    }

    .btn-busqueda-hide{
        display: none;
    }

    #btn-nuevo-comprobante{
        display: none;
    }
    #btn-exportar-comprobante{
        display: none;
    }
    a.sub-li.mr-3.uva.title-instancia{
        display: none !important;
    }
    .title-top{
        position: absolute !important;
        top: -25px;
        right: 0;
    }

    .descripciontitulo{
        position: absolute !important;
        right: 0;
        margin-top: 20px;
        margin-bottom: 10px;
    }

    #dropdownMenuButton{
        color: #55E8BF;
        position: absolute;
        top: -52px;
        right: 3px;
    }

    #usuario .dropdown{
        position: relative;
        display: inline-block;
        float: right;
        margin-right: 10px;
    }

    #usuario .dropdown-content{
        position: fixed;
        right: 20%;
        left: unset;
        top: 120px;
    }

    #hamburguesa{
        /*position: absolute;*/
        z-index: 150;
        margin-left: 5px;
        /*left: 10%;
        top: 2%;*/
    }

    #imagen-top .float-left{
        text-align: center !important;
        float: none !important;
    }

    .fa-caret-square-left:before {
        content: "\f191";
        font-size: 30px;
        border: none;
    }
    #btn_Exp_New.dropdown-menu.show{
        transform: translate3d(-250px, -40px, 0px) !important;
    }
    .dataTables_wrapper{
        margin-top: 0px !important;
        padding-top: 0px !important;

    }
    .dataTables_filter{
        position: relative;
        right: 0px;
        /*margin-bottom: 5px;
        margin-top: 20px;*/
        margin: 25px auto;
    }
    .dataTables_length{
        position: relative;
        margin-top: 65px;
    }
    .dataTables_processing{
        position: absolute;
        top: 0;
        left: 28%;
        margin-top: 40%;
    }
    .btn-avanzado{
        display: none;
    }

    #acciones .select-input {
        top: 35px;
    }

    .input-group-btn .btn-verde-sm {
        margin-top: 40px;
    }

    .dataTables_length{
        display: none;
    }

    #row-tablas .form-group{
        padding-top: 0;
        margin-bottom: 0;
    }

    #usuario{
        width: 100%;
        right: -10px;
    }
}


@media (max-width: 499px){
    #tabla-ingresos thead,tbody{
        font-size: 14px;
    }

    #contenedor-principal .table td:first-child{
        padding-left: 22px !important;
        margin: 22px -19px;
    }

    .cookieinfo-close{
        top: -25px;
        right: 36px;
        margin-top: 0px;
    }

    .cookieinfo  span{
        padding: 35px 20px !important;
    }
}

@media (max-width: 991px) and (min-width: 768px){
    .input-num-pago-modal{
        position: absolute;
        bottom: 0px;
        left: 0px;
    }
    .label-num-pago-modal{
        position: absolute;
        bottom: 35px;
    }
}

@media (max-width: 1600px) and (min-width: 500px){
    td{
      vertical-align: middle !important;
    font-family: 'Muli', sans-serif;
    font-weight: 400;
    text-align: center;
    color: #795B7D;
    font-size: 12px;
    }

    .pagination{
        font-size: 14px;
    }

    .pendiente{
        font-size: 12px;
    }

    

    .timbrada{
        font-size: 12px;
    }

    .cancelado{
        font-size: 12px;
    }

    th {
    font-family: 'Muli', sans-serif;
    text-align: center;
    color: #795B7D;
    font-size: 12px !important;
    }

    input.form-control.input-sm {
    outline: none;
    font-size: 12px;
    font-family: 'Muli', sans-serif;
    height: 26px;
    width: 280px;
    border-radius: 20px;
    border: none;
    background-color: rgba(217, 211, 219, .14);
    color: #795B7D !important;
    padding-left: 35px;
    padding-bottom: 0px !important;
    }

    .input-sm {
    outline: 0;
    border-width: 0 0 1px;
    border-color: #55E8BF;
    padding: 0 0 5px 20px;
    font-size: 12px;
    font-family: 'Muli', sans-serif;
    width: 80%;
    border-radius: 0px;
    }

    .dataTables_length {
    font-family: 'Muli', sans-serif;
    color: #795B7D;
    font-size: 12px;
    }

    .dt-buttons{
    height: 26px;
    }

    a.btn.btn-default.buttons-select-all {
    font-size: 12px;
    }

    a.btn.btn-default.buttons-select-none.disabled {
    font-size: 12px;
    }

    a.btn.btn-default.buttons-select-none {
    font-size: 12px;
    }

    /*#acciones .select-input {
    font-size: 12px !important;
    height: 27px !important;
    }*/

    input.form-control.input-sm:hover{
    height: 26px;
    width: 280px;
    font-size: 12px;
    background-color: rgba(217, 211, 219, .14);
    }


}
@media (max-width: 1920px) and (min-width: 768px){

}
@media (max-width: 767px) and (min-width: 500px){
    .pos-vistapre-timbrar{
        position: relative;
        width: 100%;
    }
    /* .panel-h-tot {
        height: 0px;
    } */
    .resume-pos {
        position: relative;
        z-index: 0;
        left: 0;
        width: 100%;
        height: 100%;
        margin-bottom: 8%;
    }
    .btn-totales-pos{
        display: none;
    }
}
@media (max-width: 499px) and (min-width: 314px){
    .pos-vistapre-timbrar{
        position: relative;
        width: 100%;    
    }
    .resume-pos {
        position: relative;
        z-index: 0;
        left: 0; 
        width: 100%; 
        height: 100%;
        margin-bottom: 20%;
    }
    .btn-totales-pos{
        display: none;
    }
    .low-res-padding{
        padding-left: 20px;
        padding-right: 20px;
        /* font-size: 20px; */
        /* text-align: center; */
    }
}

@media (max-width: 768px){
  .left-border {
    border-left: none;
  }

  
}

@media (max-width: 767px){
    .dataTables_length{
        display: none;
    }

    .div-totales{
        margin: 40px auto 20px;
    }

    #contenido12 {
        width: 100%;
        padding: 10% !important;
        margin-left: 0 !important;
    }

    .pl-25{
        padding-left: 25%;
    }

    #pago-tarjeta {
        margin-right: -13%;
    }

    #registro-paso3 #boton-comprar {
        margin-left: 9%;
    }

    .logoxxo {
        margin-left: 35%;
    }

    .fondo-verde{
        margin: 0% 2%;
    }
}
@media(max-width: 767px) and (min-width: 576px){
    .ml-menos-100{
        margin-left: -100%;
    }
}

@media (max-width: 720px){
    #contenedor-principal .table td:first-child{
        padding-left: 22px !important;
        margin: 0px -12px;
    }
    .btn-nuevo-cliente-resp{
        position: relative;
        float: left!important;
        margin-left: 25%;
    }
    .txt-center-low-res{
        text-align: center;
    }
}

@media (max-width: 425px) {
    .centrado{
        padding-left: 10%;
    }

    .col-left-pad {
        padding-left: 30%;
    }

    /*.cookieinfo{
        width: 65% !important;
        height: 22% !important;
        font-size: 9px !important;
    }*/

    #centrar{
        height: 50%;
    }

    .pl-25 {
        padding-left: 0%;
    }

    #tabla-precios{
        margin: 50px 0px 0px 0 !important;
    }

    .padding-pagos{
        padding-left: 0;
    }

    #precio-titulo-1 {
        width: 94% !important;
    }

    #precio-titulo-2 {
        width: 94% !important;
    }

    .precio-seleccionar {
        width: 94%;
        margin-top: 26% !important;
    }

    #precio-titulo-3 {
        width: 94% !important;
    }

    #registro-paso3 #boton-comprar {
        margin-right: -2%;
    }

    .logoxxo {
        margin-left: 28%;
    }

    .bodyoxxo {
        margin: 0px;
    }

    .align-tarjeta-text{
        text-align: center;
        margin-left: 22%;
    }

    .align-center-respon{
        text-align: center;
    }

    .fondo-verde{
        margin: 0% 4%;
    }

    .datos-margin-respo{
        margin-top: 15%;
    }

    #contenedor-principal #totales-hojita .table td{
        padding: 20px 40px !important;
    }

    .txt-30{
        font-size: 20px !important;   
    }
}

@media (max-width: 350px){
    .dt-buttons{
        height: auto;
    }

    
  }

  @media (min-width: 1400px){
    .img-location {
      left: 380px;
      top: 200px;
    }
    
  }
  @media (min-width:1600px) {
    .ver-mid-fix2{
        padding-top: 35px!important;
    }
    .trash-button-center {
        padding-top: 25% !important;
    }

    /* .ver-mid-detalles {
        padding-top: 37% !important;
    } */
}
@media(max-width: 1920px) and (min-width: 1719px){
    /* .total-line-pos{
        top: 290px;
    }
    .total-line-pos-right{
        top: 290px;
        right: 65px;
    } */
}
@media(max-width: 1720px) and (min-width: 1324px){
   
    .line-green{
        top: 280px; 
    }
    .total-line-pos{
        top: 295px;
    }
    .total-line-pos-right{
        top: 295px;
    }
}
@media(max-width: 1323px) and (min-width: 1280px){
    .line-green{
        top: 310px; 
    }
    .total-line-pos{
        top: 325px;
    }
    .total-line-pos-right{
        top: 325px;
    }
}
@media(max-width: 1279px) and (min-width: 992px){
    .line-green{
        top: 280px; 
    }
    .total-line-pos{
        top: 295px;
    }
    .total-line-pos-right{
        top: 295px;
    }
}
@media(max-width: 991px) and (min-width: 721px){
    .line-green{
        top: 250px; 
        width: 97%;
    }
    .total-line-pos{
        top: 265px;
    }
    .total-line-pos-right{
        top: 265px;
        right: 35px;
    }
}
@media(max-width: 720px) and (min-width: 481px){
    .line-green{
        top: 250px; 
        width: 96%;
    }
    .total-line-pos{
        top: 265px;
        left: 45px;
    }
    .total-line-pos-right{
        top: 265px;
        right: 35px;
    }
}
@media(max-width: 480px) and (min-width: 310px){
    .line-green{
        top: 250px; 
        width: 95%;
    }
    .total-line-pos{
        top: 265px;
        left: 45px;
    }
    .total-line-pos-right{
        top: 265px;
        right: 35px;
    }
}

@media (max-width:470px){
    
    /*.trash-button {
        height: 40px;
        width: 100%;
    }*/
    .btn-pos-bottom{
        position: absolute;
        left: 0;
        bottom: 0;
    }
}
@media(min-width:471px){
    .test-w {
        max-width: 75%;
    }
    .trash-button-center {
        padding-top: 25px !important;
    }
   /* .trash-button {
        height: 80px;
       
    }*/
    .ver-mid-fix2 {
        padding-top: 25px!important;
        /* padding-bottom: 0!important; */
        /* margin-left: 5%; */
        /* width: 80%; */
        /* margin-right: 7%; */
        /* font-size: 2px; */
    }
}

@media(max-width:589px){
  div.btn-group.btn-group-sm {
    width: 100%;
    float: none;
  }

  .ver-mid-fix2 {
    margin-right: 0px;
  }
}

@media screen and (max-width: 767px){
    #resboton {
    display: block !important;
    height: 14px;
    width: 14px;
    position: center;
    color: white;
    border: 2px solid #55E8BF;
    border-radius: 14px;
    box-shadow: 0 0 3px #444;
    box-sizing: content-box;
    text-align: center;
    font-family: 'Courier New', Courier, monospace;
    font-weight: bold;
    line-height: 16px;
    content: '▼';
    background-color: #55E8BF;
    left: 1%;
    font-size: 11px;    
    cursor: pointer;

    }

    .saldoOcultar{
    display: none;
     }

    .folioSaldos{
    text-align: center !important;
    }

    .importeSaldos{
    text-align: center !important;
    }

    .btn-add-item-text {
        font-size: 10px !important;
    }
    
    #DataTables_Table_0 th{
        font-size: 10px !important;
    }

    #DataTables_Table_0 td{
        font-size: 10px !important;
    }

    #modal-antiguedad{
        padding: 0;
        margin: 0 auto;
    }

    #modal-antiguedad .pagination{
        position: absolute;
        left: 0px;
    }

    #inicio{
        margin-top: 20%;
    }
}
@media screen and (max-width: 767px){

    #inicio{
        margin-top: 27%;
    }
}
@media screen and (max-width: 492px){

    #div-anio{
        margin-top: 10%;
    }

    #mes{
        padding: 0px !important;
    }

    #anio{
        padding: 0px !important;
    }
}
@media screen and (max-width: 576px){

    #div-anio{
        margin-top: 10%;
    }

    #mes{
        padding: 0px !important;
    }

    #anio{
        padding: 0px !important;
    }
}

@media screen and (max-width: 576px){

    #inicio{
        margin-top: 27%;
    }
}

@media screen and (max-width: 320px){

    #inicio{
        margin-top: 42%;
    }
}