header.encabezado, footer.pie-pagina {
    background-color: #f8f9fa;
    text-align: center;
    border: 1px solid #dfdfdf;
}
.breadcrumb {
    background-color: #fff;
    border-radius: 0;
}
label[for="datepicker"] {
    margin-top: 6px;
}
.input-daterange .input-sm {
    height: 30px;
    border: 1px solid #000;
    border-radius: 5px!important;
}
.dif-rojo, .dif-rojo:hover {
    color: red!important;
}
.dif-naranja {
    color: orange!important;
}
.dif-amarillo{
    color: #efef00!important;
}
.dif-info{
    color: #b9b9b9!important;
    font-size: 16px;
}
.dif-info2{
    color: #858585!important;
}
.resumennotavsdetalleoutgoing {
    color: blueviolet!important;
}
.accordion button.btn, .accordion2 button.btn {
    color: #000;
}
.accordion button.btn:hover, .accordion2 button.btn:hover {
    color: #000;
    text-decoration: none;
}
.accordion .card-header, .accordion2 .card-header {
    padding: 5px;
}
.accordion .card-header.titulo, .accordion2 .card-header.titulo {
    background-color: #e6e6e6;
}
.accordion .card-header.titulo h2, .accordion2 .card-header.titulo h2 {
    font-size: 16px;
    padding-left: 12px;
    text-align: center!important;
}
.table td {
    vertical-align: middle;
    padding: 5px;
}


.table.totalgeneral-detalle-nota, .table.encabezado-detalle-nota {
    margin-bottom: 0;
}
.btn-link.focus, .btn-link:focus {
    box-shadow: 0 0 0 0 rgba(0,123,255,.25)!important;
    text-decoration: none;
}
.table.totalgeneral-detalle-nota td, .table.encabezado-detalle-nota th, .table.tablainterna-detalle-nota td {
    width: 20%;
    margin-bottom: 0!important;
    font-weight: normal;
    overflow-wrap: anywhere;
}
.diferencia .table.totalgeneral-detalle-nota td, .diferencia .table.encabezado-detalle-nota th, .diferencia .table.tablainterna-detalle-nota td, .table-interna {
    width: 16.7%;
    margin-bottom: 0!important;
    font-weight: normal;
    overflow-wrap: anywhere;
}
.diferencia-visa .table.totalgeneral-detalle-nota td, .diferencia-visa .table.encabezado-detalle-nota th, .diferencia-visa .table.tablainterna-detalle-nota td {
    width: 14.2%;
    margin-bottom: 0!important;
    font-weight: normal;
    overflow-wrap: anywhere;
}

.table-interna {
    width: 100%;
    
}
.table-interna td {
    width: 20%!important;
    margin-bottom: 0!important;
    font-weight: normal!important;
    overflow-wrap: anywhere!important;
}



.table.totalgeneral-detalle-nota {
    background-color: #fdfdfd;
}

.accordeon-nodesplegable {
    cursor: text!important;
}
.filtros select, input {
    width: inherit;
}

.filtros input {
    border: 1px solid #000;
    height: 28px;
    border-radius: 3px;
}
.filtros label[for="datepicker"] {
    margin-top: 0;
    padding-left: 0
}

.encabezado-tabla-fixed {
	position:fixed;
	z-index:1000;
	top:0;
	max-width:1000px;
	width:100%;
	box-shadow:0px 4px 3px rgba(0,0,0,.5);
}

.accordion .card-body, .accordion2 .card-body {
    padding: 0;
}
.accordion .card-header.principal, .accordion2 .card-header.principal {
    background-color: rgba(0,0,0,.08);
}
.accordion .card-header.principal.general, .accordion2 .card-header.principal.general {
    background-color: rgba(0,0,0,.2);
}
.accordion.interno .card, .accordion2.interno .card {
    border: none;
}
.accordion.interno button.btn-link, .accordion2.interno button.btn-link {
    padding: 10px;
}
.table td.detalle {
    padding: 0;
}
.table td.detalle .card {
    border: none;
}

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


.accordion button.btn, .accordion2 button.btn {
    padding: 0;
}
.accordion .card-header, .accordion2 .card-header {
    padding-right: 0;
}
.accordion .encabezado-tabla-resumen, .accordion2 .encabezado-tabla-resumen {
    padding-right: 59px;
    padding-left: 6px;
}

.accordion .encabezado-tabla-aviso, .accordion2 .encabezado-tabla-aviso {
    padding-right: 127px;
    padding-left: 5px;
}
.accordion a.link-detalle-nota, .accordion2 a.link-detalle-nota {
    position: absolute;
    right: 17px;
    top: 12px;
}
.accordion .table.tablainterna-detalle-nota, .accordion2 .table.tablainterna-detalle-nota {
    margin-bottom: 0;
    border: none;
}
.accordion.interno button.btn-link, .accordion2.interno button.btn-link {
    padding: 0;
}

th.iva, td.iva {
    /* border-left: 10px solid #e6e6e6!important; */
    background-color: #f7f7f7;
}
.fsicon {
    font-size: 18px;
}

.margin-iconos-conciliacion {
    margin: 0;
}

.extra-concilia-encabezado {
    width: 99px!important;
    background-color: #fdfdfd;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    padding: 0 5px;
    margin: 1px 0;
}
.visa-rc .extra-concilia-encabezado {
    width: 51px!important;
    background-color: #fdfdfd;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    padding: 0 5px;
    margin: 1px 0;
}
.extra-link-detalle-encabezado {
    width: 46px!important;
}
.espacio-blanco {
    width: 16px;
    height: 24px;
    background-color: transparent;
}

/* .extra-concilia-interna {
    width: 9%!important;
} */
/* .extra-link-detalle-interna {
    width: 4%!important;
} */
.visa .extra-concilia-interna {
    width: 2.8%!important;
}
.visa .extra-link-detalle-interna {
    width: 1.2%!important;
}
.aviso-liquidacion .extra-concilia-interna {
    width: 1%!important;
}
.resumen-incoming .extra-concilia-encabezado {
    width: 50px!important;
    background-color: #fdfdfd;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    padding: 0 5px 0 2px;
    margin: 1px 0;
}
.resumen-incoming .extra-concilia-interna {
    padding: 0 11px;
}

.visa-rc .extra-concilia-interna {
    padding: 0 19px 0 20px;
}
.resumen-incoming .extra-concilia-internavacio {
    padding: 0 19px;
}

table tr.resaltar {
    background-color: #e6e6e6;
}
.padd-totalgeneral {
    padding-right: 48px!important;
}

button {
    background-color: transparent;
    border: none;
}

button:focus {
    outline: none;
}
.paddinterno-rc {
    padding: 0 11px 0 12px;
}
.popModal {
    max-width: 800px!important;
}
.datepicker {
    z-index: 9999!important;
    margin: 0 auto;
}
.table {
    text-align: right;
}
.custom-control-label, .custom-control-input {
    cursor: pointer!important;
}
.gris-total-general {
    background-color: #cccccc!important;
    border: 1px solid #cccccc!important;
}
.gris-general {
    background-color: #ebebeb!important;
    border: 1px solid #ebebeb!important;
}
.gris-primario {
    background-color: #f7f7f7!important;
    border: 1px solid #f7f7f7!important;
}

.gris-blanco {
    background-color: #ffffff!important;
    border: 1px solid #ffffff!important;
    border-top: 1px solid #dcdcdc!important;
}


.calend.mes .dia, .calend.semana .dia {
    width: 14.2%;
    border: 1px solid #e6e6e6;
    height: 200px;
    padding: 5px;
    font-size: 13px;
}
    .calend.semana .dia {
        width: 100%;
        height: auto;
        padding: 15px 15px 30px 15px;
        font-size: inherit;
    }
.calend.mes .dia:hover, .calend.mes .dia.fecha-actual, .calend.semana .dia.fecha-actual {
    background-color: #f9f9f9;
}
.naventrepaginas span,
.calend.mes .dia span, .calend.semana .dia span,
.calend.mes .dia a, .calend.semana .dia a, .dia a {
    margin-right: 4px;
}
.calend.mes .dia a:last-child, .calend.semana .dia a:last-child, .calend.diario .dia a:last-child, .naventrepaginas span a {
    margin-right: 0;
}
.calend.mes .dia .icon, .calend.semana .dia .icon, .calend.diario .dia .icon {
    font-size: 15px;
}
.calend.diario .tabla-info {
    text-align: left;
}
.calend.diario .tabla-info th {
    font-weight: normal;
    padding: 0.35rem;
}
table.tabla-info {
    text-align: left;
}
table.tabla-info th {
    padding: 0.35rem;
}
table.tabla-info thead tr th {
    font-weight: normal;
}
.valor0, .valor02 {
    display: none;
}
table .espacioblanco-masteriva {
    width: 16px;
    height: 16px;
    margin: 0 4px 0 3px;
}
.masteriva {
    margin: 0 4px 0 3px;
}
table th.padd-encabezado-master-iva {
    padding: 0.34rem;
}
.padd-rightfilaint {
    padding-right: 58px!important;
}
.cajatabla {
    display: inline;
    width: 25%;
    float: left;
}
.cajatabla2 {
    display: inline;
    width: 20%;
    float: left;
}

/* table th.info-icon {
    width: 23.3%!important;
}
table td.info-icon {
    width: 3.3%!important;
    text-align: center;
} */
.padd-left-int {
    padding-left: 6px!important;
}
.marg-right-vacio {
    margin-right: 11px;
}
.marg-right-vacio2 {
    margin-right: 13px;
}
.padd-r {
    padding-right: 30px!important;
}
/* table {
    font-size: 15px;
} */


/* modal info complementaria */

.modal-infocomplementaria .table thead tr th {
    font-weight: normal;
    width: 20%;
}
/* .modal-infocomplementaria .table.dif thead tr th {
    font-weight: normal;
    width: 25%;
} */
.modal-infocomplementaria .table th {
    padding: 0.35rem;
}
.modal-infocomplementaria .modal-dialog {
    max-width: 95%;
}
.modal-infocomplementaria {
    padding-right: 0!important;
}
.sin-cursor {
    cursor: default!important;
}
#mensual .dia .fecha{
    background-color: #929292; 
    color: #fff;
    padding: 0 2px;
    width: 24px;
    display: block;
    text-align: center;
}

/* modificaciones para informacion del dia (antes aviso de liquidacion) */

button.btn-infoadicional {
    padding-right: 0;
}
table tr td.mascontenido, table tr th.mascontenido  {
    width: 1%!important;
    padding-right: 1px;
    padding-left: 1px;
}
span.sincortar {
    width: 96px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
article.naventrepaginas {
    background-color: #f8f9fa;
    border: 1px solid #dfdfdf;
}
.newpaddleft {
    padding-left: 22px!important;
}
.expbtn .dropdown-menu {
    z-index: 2000;
}

/* prueba para tamaño de fuente */
/* table.tablainterna-detalle-nota:not(a) {
    font-size: 10px;
} */

 
.resumen-master-inter .card-body .card-body,
.resumen-visa-nac .card-body .card-body, 
.resumen-visa-inter .card-body .card-body {
    padding: 0 9px 0 6px;
}
    .resumen-master-nac .card-body .card-body {
        padding: 0 7px 0 7px;
    }

/* modal estatus de archivos */
.modal.estatusarchivos .table th {
    font-weight: normal;
    padding: 5px;
}
.modal.estatusarchivos {
    padding-right: 0!important;
}
.modal.estatusarchivos .modal-dialog {
    max-width: 90%!important;
}
.modal.estatusarchivos .table td.wauto, .modal.estatusarchivos .table th.wauto {
    width: auto!important;
}
.modal.estatusarchivos .table td, .modal.estatusarchivos .table th {
    width: 16.6%;
}
.modal.estatusarchivos .btn, .modal.estatusarchivos .card {
    border: none;
}
.padd-subtitle {
    padding-left: 27px;
}
 

/*--- nuevo formato table ---*/
table.collaptable {
    table-layout: fixed;
    text-align: right;
}
table.collaptable, table.collaptable .dif-info {
    font-size: 14px;
}
table.collaptable th {
    font-weight: normal;
    padding-left: 5px;
    padding-right: 5px;
}
table.collaptable .def {
    text-align: right;
}
table.collaptable th.primeracol, table.collaptable td.primeracol {
    width: 32px!important;
    text-align: center;
    padding: 0;
}
table.collaptable td.primeracol a {
    padding: 0 7px;
    font-size: 18px;
}
table.collaptable th.conciliacion {
   width: 30px;
}
table.collaptable th.conciliacion.dos-ico {
    width: 50px;
}
table.collaptable th.conciliacion.tres-ico {
    width: 70px;
}
table.collaptable th.conciliacion.cuatro-ico {
    width: 90px;
}
table.collaptable th.conciliacion.cinco-ico {
    width: 110px;
}
table.collaptable th.linkcompl, table.collaptable td.linkcompl {
    width: 30px;
    text-align: center;
}
table.collaptable td.conciliacion button, table.collaptable td.linkcompl button {
    padding-left: 0;
    padding-right: 0;
}
table.collaptable td.conciliacion .espacio-blanco {
    width: 14px;
}
table.collaptable td.conciliacion a {
    padding-left: 0;
    padding-right: 0;
}
table.collaptable td.linkcompl a {
    color: #007bff;
}

table.collaptable.vresumen .destacado  {
    background-color: #fffef7;
}
table.collaptable.vdetalle .destacado  {
    background-color: none;
}
table.collaptable tr.item-nooculto.act-tr-level-undefined {
    background-color: rgb(231 231 231 / 100%);
}
table.collaptable tr.act-tr-level-0 {
    background-color: rgb(231 231 231 / 60%);
}
table.collaptable tr.act-tr-level-1 {
    background-color: rgb(231 231 231 / 30%);
}
table.collaptable tbody tr.act-tr-level-2:hover, table.collaptable tbody tr.subitem:hover, .hover {
    background-color: rgb(217 231 255 / 60%);
}
.destacado {
    background-color: #fffef7;
}
.list-group-item {
    padding: 0.15rem 1.25rem
}







/*--- css para las vistas del backlog ---*/
.contenedor-botones-tabla-columnas {
    display: none;
}
.mostrarcol {
    cursor: pointer;
}
div.dtsb-searchBuilder button.dtsb-button {
    padding: 0.375rem 0.75rem;
    color: #fff;
    background-color: #6c757d;
    background: #6c757d;
    border-color: #6c757d;
    border-radius: 0.25rem;
    font-size: 1rem;
    line-height: 1.5;
}

    div.dtsb-searchBuilder button.dtsb-button:hover {
        background-color: #5a6268!important;
    }

div.dtsb-searchBuilder div.dtsb-logicContainer {
    color: #fff;
    background-color: #6c757d;
    background: #6c757d;
    border-color: #6c757d;
    border-radius: 0.25rem;
    font-size: 1rem;
    line-height: 1.5;
}
div.dtsb-searchBuilder div.dtsb-titleRow div.dtsb-title {
    display: none;
}
dd,dt {
    margin-bottom: 0.3rem;
}
i.fa-eye {
    padding: 0 1px;
}
i.fa-eye, i.fa-eye-slash {
    margin-right: 4px;
}




/*--- css para las vistas de transacciones ---*/
.tarjetatransacciones a {
    padding: 3px 0;
}
.tarjetatransacciones {
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: 0.25rem;
}
.hometrans {
    width: 220px;
    margin-right: 15px;
    margin-bottom: 15px;
}
.tarjetatransacciones:first-of-type {
    margin-left: 0;
}





/* Cargando del calendario */
.loading {
    top: 0;
    left: 0;
    z-index: 2000;
    background-color: rgb(255 255 255 / 70%);
    width: 100vw;
    height: 100vh;
    position: fixed;
}
.preloader {
    position: fixed;
	top: 41%;
	left: 46%;
    width: 70px;
    height: 70px;
    border: 10px solid #eee;
    border-top: 10px solid #666;
    border-radius: 50%;
    animation-name: girar;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
  }
  @keyframes girar {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(360deg);
    }
  }



/*--- lightslider ---*/

.datepicker table tr td.active.active, 
.datepicker table tr td.active.disabled, 
.datepicker table tr td.active.disabled.active, 
.datepicker table tr td.active.disabled.disabled, 
.datepicker table tr td.active.disabled:active, 
.datepicker table tr td.active.disabled:hover, 
.datepicker table tr td.active.disabled:hover.active, 
.datepicker table tr td.active.disabled:hover.disabled, 
.datepicker table tr td.active.disabled:hover:active, 
.datepicker table tr td.active.disabled:hover:hover, 
.datepicker table tr td.active.disabled:hover[disabled], 
.datepicker table tr td.active.disabled[disabled], 
.datepicker table tr td.active:active, 
.datepicker table tr td.active:hover, 
.datepicker table tr td.active:hover.active, 
.datepicker table tr td.active:hover.disabled, 
.datepicker table tr td.active:hover:active, 
.datepicker table tr td.active:hover:hover, 
.datepicker table tr td.active:hover[disabled], 
.datepicker table tr td.active[disabled] {
    background-color: #e9e9e9!important;
    background-image: none;
    background-repeat: no-repeat;
    filter: none;
    border-color: inherit;
    color: #000!important;
    text-shadow: none;
    border: 2px solid #fff;
}
.datepicker table tr td.active:hover, 
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active:hover:hover {
    background-color: #d3d3d3!important;
}

.datepicker table tr td.old.day, .datepicker table tr td.new.day {
    visibility: hidden;
} 

.calend.semana .dia {
    padding: 5px 15px 10px 15px;
}
.calend.semana .dia:hover {
    background-color: #f7f7f7;
}
.tarjetaflujo {
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: 0.25rem;
    height: 100%;
}
.carouselbt {
    position: absolute;
    top: 40%;
    z-index: 2;
    font-size: 23px;
    padding: 0;
}
    .btnprev {
        left: 0;
    }
    .btnnext {
        right: 0;
    }

/* .tab-content > .tab-pane {
    display: block;
    height: 0;
    opacity: 0;
}
.tab-content > .tab-pane.active {
    height: auto;
    opacity: 1;
} */

.tab-content > .tab-pane:not(.active),
.pill-content > .pill-pane:not(.active) {
    display: block;
    height: 0;
    overflow-y: hidden;
} 



.calend.mes .dia {
    height: 130px;
}
.calend.mes .dia .contflujo {
    overflow: auto; 
    height: 102px;
}

/*--- para el mostrar y destacar de la vista informacion del dia ---*/
input.desplegar-todos-sinmatch, input.desplegar-todos-rc-sinmatch {
    margin-left:-12px;
}
input.desplegar-todos-sinmatch + label, input.desplegar-todos-rc-sinmatch + label {
    cursor: pointer;
}
table.collaptable tr.sin-info {
    background-color: transparent;
}
/*--- backlog ---*/
.tarjetabacklog {
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: 0.25rem;
    margin-bottom: 15px;
}
/* .homeback {
    width: 220px;
    margin-right: 15px;
    margin-bottom: 15px;
} */
    .tarjetabacklog:first-of-type {
        margin-left: 0;
        
    }

.btn-outline-secondary.custom {
    border-color: transparent;
}

/*--- modales en trasacciones ---*/
.filatabla .d-flex:hover {
    background-color: #e6e6e6;
}
.filatabla .col-4 {
    border-right: 1px solid #e6e6e6;
    border-left: 1px solid #e6e6e6;
}
.filatabla p {
    margin: 4px 0;
}
.modal .filatabla .col-4 {
    padding-left: 5px;
    padding-right: 5px;
}
.modal .filatabla .col-4 > div.d-flex {
    padding-left: 5px;
    padding-right: 5px;
}




/* media query */
/* @media (min-width: 576px) {  
 
} */
 
@media (min-width: 768px) {  
    .tablainterna-detalle-nota td {
        width: 14.3%!important;
    }
    .tablainterna-detalle-nota .extra-concilia-interna {
        width: 8.6%!important;
    }
    .tablainterna-detalle-nota .extra-link-detalle-interna {
        width: 3.9%!important;
    }


    .accordion .encabezado-tabla-aviso, .accordion2 .encabezado-tabla-aviso {
        padding-right: 122px!important;
    }

    .visa .tablainterna-detalle-nota td {
        width: 7.4%!important;
    }
    .visa .tablainterna-detalle-nota .extra-concilia-interna {
        width: 2.3%!important;
    }
    .visa .tablainterna-detalle-nota .extra-link-detalle-interna {
        width: 1%!important;
    }
    /* resumen de compensacion */
    .resumen-master-nac .tablainterna-detalle-nota td{
        width: 15.5%!important;
    }
    .resumen-master-inter .tablainterna-detalle-nota td{
        width: 18.5%!important;
    }
    .resumen-visa-nac .tablainterna-detalle-nota td, .resumen-visa-inter .tablainterna-detalle-nota td {
        width: 15.5%!important;
    }

    /* conciliaciones */
    .six-columnas.tablainterna-detalle-nota td {
        width: 16.7%!important;
    }
}
 
@media (min-width: 992px) { 

    .tablainterna-detalle-nota td {
        width: 17%!important;
    }
    .tablainterna-detalle-nota .extra-concilia-interna {
        width: 7.7%!important;
    }
    .tablainterna-detalle-nota .extra-link-detalle-interna {
        width: 3.4%!important;
    }



    .accordion .encabezado-tabla-aviso, .accordion2 .encabezado-tabla-aviso {
        padding-right: 127px!important;
    }


    .visa .tablainterna-detalle-nota td {
        width: 8.7%!important;
    }
    .visa .tablainterna-detalle-nota .extra-concilia-interna {
        width: 2.3%!important;
    }
    .visa .tablainterna-detalle-nota .extra-link-detalle-interna {
        width: 1%!important;
    }
    /* resumen de compensacion */
    .resumen-master-nac .tablainterna-detalle-nota td{
        width: 15.8%!important;
    }
    .resumen-master-inter .tablainterna-detalle-nota td{
        width: 18.9%!important;
    }
    .resumen-visa-nac .tablainterna-detalle-nota td, .resumen-visa-inter .tablainterna-detalle-nota td {
        width: 15.8%!important;
    }

    /* conciliaciones */
    .six-columnas.tablainterna-detalle-nota td {
        width: 16.7%!important;
    }
    .seven-columnas.tablainterna-detalle-nota td {
        width: 14.1%!important;
    }
}
 
@media (min-width: 1200px) {  



    .tablainterna-detalle-nota td {
        width: 19.6%!important;
    }

    .tablainterna-detalle-nota .extra-concilia-interna {
        width: 7.4%!important;
    }
    .tablainterna-detalle-nota .extra-link-detalle-interna {
        width: 3.2%!important;
    }

    .accordion .encabezado-tabla-aviso, .accordion2 .encabezado-tabla-aviso {
        padding-right: 130px!important;
    }


    .visa .tablainterna-detalle-nota td {
        width: 9.8%!important;
    }
    .visa .tablainterna-detalle-nota .extra-concilia-interna {
        width: 2.4%!important;
    }
    .visa .tablainterna-detalle-nota .extra-link-detalle-interna {
        width: 1%!important;
    }

    /* resumen de compensacion */
    .resumen-master-nac .tablainterna-detalle-nota td {
        /* width: 16.7%!important; */
        width: 15.9%!important;
    }
    .resumen-master-inter .tablainterna-detalle-nota td {
        width: 19.1%!important;
    }

    .resumen-visa-nac .tablainterna-detalle-nota td, .resumen-visa-inter .tablainterna-detalle-nota td {
        width: 15.9%!important;
    }

    /* conciliaciones */
    .six-columnas.tablainterna-detalle-nota td {
        width: 16.7%!important;
    }
    .seven-columnas.tablainterna-detalle-nota td {
        width: 13.1%!important;
    }

}