/*
* demo.css
* File include item demo only specific css only
******************************************************************************/

.menu .app-brand.demo {
  height: 64px;
  margin-top: 12px;
}

.app-brand-logo.demo svg {
  width: 22px;
  height: 38px;
}

.app-brand-text.demo {
  font-size: 1.75rem;
  letter-spacing: -0.5px;
  text-transform: lowercase;
}

/* ! For .layout-navbar-fixed added fix padding top tpo .layout-page */
/* Detached navbar */
.layout-navbar-fixed .layout-wrapper:not(.layout-horizontal):not(.layout-without-menu) .layout-page {
  padding-top: 76px !important;
}
/* Default navbar */
.layout-navbar-fixed .layout-wrapper:not(.layout-without-menu) .layout-page {
  padding-top: 64px !important;
}

/* Navbar page z-index issue solution */
.content-wrapper .navbar {
  z-index: auto;
}

/*
* Content
******************************************************************************/

.demo-blocks > * {
  display: block !important;
}

.demo-inline-spacing > * {
  margin: 1rem 0.375rem 0 0 !important;
}

/* ? .demo-vertical-spacing class is used to have vertical margins between elements. To remove margin-top from the first-child, use .demo-only-element class with .demo-vertical-spacing class. For example, we have used this class in forms-input-groups.html file. */
.demo-vertical-spacing > * {
  margin-top: 1rem !important;
  margin-bottom: 0 !important;
}
.demo-vertical-spacing.demo-only-element > :first-child {
  margin-top: 0 !important;
}

.demo-vertical-spacing-lg > * {
  margin-top: 1.875rem !important;
  margin-bottom: 0 !important;
}
.demo-vertical-spacing-lg.demo-only-element > :first-child {
  margin-top: 0 !important;
}

.demo-vertical-spacing-xl > * {
  margin-top: 5rem !important;
  margin-bottom: 0 !important;
}
.demo-vertical-spacing-xl.demo-only-element > :first-child {
  margin-top: 0 !important;
}

.rtl-only {
  display: none !important;
  text-align: left !important;
  direction: ltr !important;
}

[dir='rtl'] .rtl-only {
  display: block !important;
}

/*
* Layout demo
******************************************************************************/

.layout-demo-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 1rem;
}
.layout-demo-placeholder img {
  width: 900px;
}
.layout-demo-info {
  text-align: center;
  margin-top: 1rem;
}

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

.mayusculas {
    text-transform: uppercase;
}

.btn-p3{
    padding: 3px;
}

.btn-20{
    width: 50px;
    padding: 10px;
}

.btn-ticket{
    cursor: pointer;
}

.btn-ticket:hover{
    color: #fff;
}

.archivos-iconos {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column; /* Esto asegurará que los elementos hijos se apilen verticalmente */
  text-align: center;
}

.archivos-iconos .archivos-imagen {
  width: 100%;
  margin: 0 auto; /* Asegura que las imágenes estén centradas horizontalmente */
}

.archivos-iconos .archivos-icono {
  width: 50%;
  margin: 0 auto; /* Asegura que las imágenes estén centradas horizontalmente */
}

.list-group.list-group-timeline .list-group-timeline-secondary:before {
    border-color: #8592a3;
    background-color: #8592a3
}
.list-group.list-group-timeline .list-group-timeline-success:before {
    border-color: #71dd37;
    background-color: #71dd37
}
.list-group.list-group-timeline .list-group-timeline-info:before {
    border-color: #03c3ec;
    background-color: #03c3ec
}
.list-group.list-group-timeline .list-group-timeline-warning:before {
    border-color: #ffab00;
    background-color: #ffab00
}
.list-group.list-group-timeline .list-group-timeline-danger:before {
    border-color: #ff3e1d;
    background-color: #ff3e1d
}
.list-group.list-group-timeline .list-group-timeline-dark:before {
    border-color: #2b2c40;
    background-color: #2b2c40
}
.list-group.list-group-timeline .list-group-timeline-gray:before {
    border-color: rgba(34,48,62,.5);
    background-color: rgba(34,48,62,.5)
}
.list-group.list-group-timeline {
    position: relative
}
.list-group.list-group-timeline:before {
    background-color: #e4e6e8;
    position: absolute;
    content: "";
    width: 1px;
    height: 100%;
    top: 0;
    bottom: 0;
    left: .2rem
}
.list-group.list-group-timeline .list-group-item {
    border: none;
    padding-left: 1.25rem
}
.list-group.list-group-timeline .list-group-item:before {
    position: absolute;
    display: block;
    content: "";
    width: 7px;
    height: 7px;
    left: 0;
    top: 50%;
    margin-top: -3.5px;
    border-radius: 100%
}
[dir=rtl] .list-group.list-group-timeline:before {
    left: auto;
    right: .2rem
}

[dir=rtl] .list-group.list-group-timeline .list-group-item {
    padding-right: 1.25rem
}
[dir=rtl] .list-group.list-group-timeline .list-group-item:before {
    left: auto;
    right: 1px
}
.timeline {
    position: relative;
    height: 100%;
    width: 100%;
    padding: 0;
    list-style: none
}
.timeline .timeline-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row
}
.timeline .timeline-header>*:first-child {
    margin-right: .5rem
}

.timeline .timeline-end-indicator {
    position: absolute;
    bottom: -1.35rem;
    left: -0.65rem
}

.timeline .timeline-end-indicator i {
    font-size: 1.5rem;
    color: #e4e6e8
}

.timeline .timeline-item {
    position: relative;
    padding-left: 1.4rem
}

.timeline .timeline-item .timeline-event {
    position: relative;
    width: 100%;
    min-height: 4rem;
    background-color: #fff;
    border-radius: .375rem;
    padding: .5rem 0 .3375rem
}

.timeline .timeline-item .timeline-event .timeline-event-time {
    position: absolute;
    top: 1.2rem;
    font-size: .8125rem;
    color: #a7acb2
}

.timeline .timeline-item .timeline-indicator,.timeline .timeline-item .timeline-indicator-advanced {
    position: absolute;
    left: -1rem;
    top: .64rem;
    z-index: 2;
    height: 2rem;
    width: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-radius: 50%
}

.timeline .timeline-item .timeline-indicator {
    box-shadow: 0 0 0 10px #f5f5f9
}

.timeline .timeline-item .timeline-indicator-advanced {
    background-color: #fff;
    top: 0
}

.timeline .timeline-item .timeline-point {
    position: absolute;
    left: -1.30rem;
    top: -1.10rem;
    z-index: 2;
    display: block;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    background-color: #696cff;
}

.timeline .timeline-item.timeline-item-transparent .timeline-event {
    top: -0.9rem;
    background-color: rgba(0,0,0,0)
}

html:not([dir=rtl]) .timeline .timeline-item.timeline-item-transparent .timeline-event {
    padding-left: 0
}

.timeline .timeline-item.timeline-item-transparent .timeline-event.timeline-event-shadow {
    padding-left: 2rem
}

.timeline.timeline-outline .timeline-item .timeline-point {
    outline: unset;
    background-color: #fff !important;
    border: 2px solid #696cff
}

.timeline.timeline-center .timeline-end-indicator {
    bottom: -1.4rem;
    left: 50%;
    margin-left: .55rem
}

.timeline.timeline-center .timeline-item {
    width: 50%;
    clear: both
}

.timeline.timeline-center .timeline-item.timeline-item-left,.timeline.timeline-center .timeline-item:nth-of-type(odd):not(.timeline-item-left):not(.timeline-item-right) {
    float: left;
    padding-left: 0;
    padding-right: 2.25rem;
    padding-bottom: 2.5rem;
    border-left: 0;
    border-right: 1px solid #e4e6e8
}

.timeline.timeline-center .timeline-item.timeline-item-left .timeline-event .timeline-event-time,.timeline.timeline-center .timeline-item:nth-of-type(odd):not(.timeline-item-left):not(.timeline-item-right) .timeline-event .timeline-event-time {
    right: -10.2rem
}

.timeline.timeline-center .timeline-item.timeline-item-left .timeline-point,.timeline.timeline-center .timeline-item:nth-of-type(odd):not(.timeline-item-left):not(.timeline-item-right) .timeline-point {
    left: 100%
}

.timeline.timeline-center .timeline-item.timeline-item-right,.timeline.timeline-center .timeline-item:nth-of-type(even):not(.timeline-item-left):not(.timeline-item-right) {
    float: right;
    right: 1px;
    padding-left: 2.25rem;
    padding-bottom: 2.5rem;
    border-left: 1px solid #e4e6e8
}

.timeline.timeline-center .timeline-item.timeline-item-right .timeline-event .timeline-event-time,.timeline.timeline-center .timeline-item:nth-of-type(even):not(.timeline-item-left):not(.timeline-item-right) .timeline-event .timeline-event-time {
    left: -10.2rem
}

.timeline.timeline-center .timeline-item.timeline-item-right .timeline-event .timeline-point,.timeline.timeline-center .timeline-item:nth-of-type(even):not(.timeline-item-left):not(.timeline-item-right) .timeline-event .timeline-point {
    left: 0
}

.timeline.timeline-center .timeline-item .timeline-point {
    left: 50%;
    margin-left: -0.6875rem
}

.timeline.timeline-center .timeline-item .timeline-point-indicator {
    left: 50%;
    margin-left: -0.3125rem
}

.timeline.timeline-center .timeline-item::after {
    content: "";
    position: absolute;
    display: block;
    width: 2rem;
    height: 2rem;
    background-color: #fff;
    border-radius: 50%;
    inset-inline-start: -1rem;
    top: .64rem
}

.timeline.timeline-advance .timeline-item .timeline-event:before,.timeline.timeline-advance .timeline-item .timeline-event:after {
    border: rgba(0,0,0,0)
}

html:not([dir=rtl]) .timeline:not(.timeline-center) {
    padding-left: .5rem
}

html:not([dir=rtl]) .timeline-item {
    border-left: 1px solid #e4e6e8
}

[dir=rtl] .timeline:not(.timeline-center) {
    padding-right: .5rem
}

[dir=rtl] .timeline:not(.timeline-center) .timeline-item {
    border-right: 1px solid #e4e6e8
}

[dir=rtl] .timeline:not(.timeline-center) .timeline-end-indicator {
    left: auto;
    right: -0.75rem
}

[dir=rtl] .timeline:not(.timeline-center) .timeline-item {
    padding-left: 0;
    padding-right: 2rem;
    border-right: 1px solid #e4e6e8
}

[dir=rtl] .timeline:not(.timeline-center) .timeline-item.timeline-item-transparent .timeline-event {
    padding-right: 0
}

[dir=rtl] .timeline:not(.timeline-center) .timeline-item .timeline-point {
    right: -0.38rem;
    left: auto
}

[dir=rtl] .timeline:not(.timeline-center) .timeline-item .timeline-indicator {
    right: -0.75rem;
    left: auto
}

[dir=rtl] .timeline:not(.timeline-center) .timeline-item .timeline-indicator-advanced {
    right: -1rem;
    left: auto
}

@media(min-width: 768px) {
    .timeline.timeline-center .timeline-item.timeline-item-left .timeline-indicator,.timeline.timeline-center .timeline-item:nth-of-type(odd):not(.timeline-item-left):not(.timeline-item-right) .timeline-indicator {
        left:calc(100% - 2rem/2)
    }

    .timeline.timeline-center .timeline-item.timeline-item-left::after,.timeline.timeline-center .timeline-item:nth-of-type(odd):not(.timeline-item-left):not(.timeline-item-right)::after {
        inset-inline-start: calc(100% - 2rem/2)
    }
}

@media(max-width: 767.98px) {
    .timeline.timeline-center .timeline-end-indicator {
        left:-2px
    }

    .timeline.timeline-center .timeline-item {
        border-right: 0 !important;
        left: 1rem;
        float: left !important;
        width: 100%;
        padding-left: 3rem !important;
        padding-right: 1.5rem !important
    }

    .timeline.timeline-center .timeline-item:not(:last-child) {
        border-left: 1px solid #e4e6e8 !important
    }

    .timeline.timeline-center .timeline-item .timeline-event .timeline-event-time {
        top: -1.7rem;
        left: 0 !important;
        right: auto !important
    }

    .timeline.timeline-center .timeline-item .timeline-point {
        left: -0.7rem !important;
        margin-left: 0 !important
    }

    .timeline.timeline-center .timeline-item .timeline-point-indicator {
        left: 0 !important;
        margin-left: -0.3125rem !important
    }

    [dir=rtl] .timeline.timeline-center .timeline-item {
        border-left: 0 !important;
        right: 1rem !important
    }

    [dir=rtl] .timeline.timeline-center .timeline-item:not(:last-child) {
        border-right: 1px solid #e4e6e8 !important
    }

    [dir=rtl] .timeline.timeline-center .timeline-item {
        float: right !important;
        width: 100%;
        padding-right: 3.5rem !important;
        padding-left: 1.5rem !important
    }

    [dir=rtl] .timeline.timeline-center .timeline-item .timeline-event .timeline-event-time {
        top: -1.7rem;
        right: 0 !important;
        left: auto !important
    }

    [dir=rtl] .timeline.timeline-center .timeline-item .timeline-point {
        right: -0.7rem !important;
        margin-right: 0 !important
    }
}

@media(max-width: 767.98px) {
    [dir=rtl] .timeline .timeline-item .timeline-indicator,[dir=rtl] .timeline .timeline-item .timeline-indicator-advanced {
        left:auto;
        right: -0.6875rem
    }

    [dir=rtl] .timeline-center .timeline-item {
        padding-left: 0;
        padding-right: 3rem
    }
}

@media(max-width: 575.98px) {
    .timeline .timeline-header {
        flex-direction:column;
        align-items: flex-start
    }
}

.timeline .timeline-point-secondary {
    background-color: #8592a3 !important;
    outline: 3px solid rgba(133,146,163,.12)
}

.timeline.timeline-outline .timeline-point-secondary {
    border: 2px solid #8592a3 !important
}

.timeline .timeline-indicator-secondary {
    background-color: rgba(133,146,163,.16)
}

.timeline .timeline-indicator-secondary i {
    color: #8592a3 !important
}

.timeline .timeline-point-success {
    background-color: #71dd37 !important;
    outline: 3px solid rgba(113,221,55,.12)
}

.timeline.timeline-outline .timeline-point-success {
    border: 2px solid #71dd37 !important
}

.timeline .timeline-indicator-success {
    background-color: rgba(113,221,55,.16)
}

.timeline .timeline-indicator-success i {
    color: #71dd37 !important
}

.timeline .timeline-point-info {
    background-color: #03c3ec !important;
    outline: 3px solid rgba(3,195,236,.12)
}

.timeline.timeline-outline .timeline-point-info {
    border: 2px solid #03c3ec !important
}

.timeline .timeline-indicator-info {
    background-color: rgba(3,195,236,.16)
}

.timeline .timeline-indicator-info i {
    color: #03c3ec !important
}

.timeline .timeline-point-warning {
    background-color: #ffab00 !important;
    outline: 3px solid rgba(255,171,0,.12)
}

.timeline.timeline-outline .timeline-point-warning {
    border: 2px solid #ffab00 !important
}

.timeline .timeline-indicator-warning {
    background-color: rgba(255,171,0,.16)
}

.timeline .timeline-indicator-warning i {
    color: #ffab00 !important
}

.timeline .timeline-point-danger {
    background-color: #ff3e1d !important;
    outline: 3px solid rgba(255,62,29,.12)
}

.timeline.timeline-outline .timeline-point-danger {
    border: 2px solid #ff3e1d !important
}

.timeline .timeline-indicator-danger {
    background-color: rgba(255,62,29,.16)
}

.timeline .timeline-indicator-danger i {
    color: #ff3e1d !important
}

.timeline .timeline-point-dark {
    background-color: #2b2c40 !important;
    outline: 3px solid rgba(43,44,64,.12)
}

.timeline.timeline-outline .timeline-point-dark {
    border: 2px solid #2b2c40 !important
}

.timeline .timeline-indicator-dark {
    background-color: rgba(43,44,64,.16)
}

.timeline .timeline-indicator-dark i {
    color: #2b2c40 !important
}

.timeline .timeline-point-gray {
    background-color: rgba(34,48,62,.5) !important;
    outline: 3px solid rgba(34,48,62,.12)
}

.timeline.timeline-outline .timeline-point-gray {
    border: 2px solid rgba(34,48,62,.5) !important
}

.timeline .timeline-indicator-gray {
    background-color: rgba(34,48,62,.16)
}

.timeline .timeline-indicator-gray i {
    color: rgba(34,48,62,.5) !important
}

.list-group.list-group-timeline .list-group-timeline-primary:before {
    border-color: #696cff;
    background-color: #696cff
}
.timeline .timeline-point-primary {
    background-color: #696cff !important;
    outline: 3px solid rgba(105,108,255,.12)
}

.timeline.timeline-outline .timeline-point-primary {
    border: 2px solid #696cff !important
}

.timeline .timeline-indicator-primary {
    background-color: rgba(105,108,255,.16)
}

.timeline .timeline-indicator-primary i {
    color: #696cff !important
}


/*=============================================
ESCRITORIO GRANDE (1366px en adelante)
=============================================*/

@media (min-width:1200px){

    

}

/*=============================================
ESCRITORIO MEDIANO O TABLET HORIZONTAL (1024px)
=============================================*/

@media (max-width:1199px) and (min-width:992px){

   
  

}

/*=============================================
ESCRITORIO PEQUEÑO O TABLET VERTICAL (768px)
=============================================*/

@media (max-width:991px) and (min-width:768px){

    

}

/*=============================================
MOVIL (320px)
=============================================*/

@media (max-width:767px){

    
.w-full input{  

    font-size:12px; 
    padding: 0.3rem 0.3rem 0.3rem 0.3rem !important;
    width: 100%;

}
     
div > div > div > a > button{   
       
    margin-right:-8px;
        
}
   
.container {

    padding: 2em;

}

table, thead, tbody, tfoot, th, td, tr, caption { 

    display: block; 

}
 
thead tr { 

    position: absolute;
    top: -9999px;
    left: -9999px;

}
 
tbody td { 
    
    position: relative;
    padding-left: 50% !important; 
    display:block;
    margin-top: 0.2rem ;
    margin-bottom: 0.1rem ;
    
}
 
tbody td:before { 
    
    
}
 
td[data-heading="Acciones"]::before {

    content: attr(data-heading);
    display: none;
    margin-bottom: 5px;

}

 div .filtro{

    display: none;

}

.btn{

    padding: 0.2rem 0.5rem;

}

tbody td .btn{

    margin-top: 0.3rem ;
    margin-bottom: 0.6rem ;

}

}

.textarea {
    field-sizing: content; /* Esto hace que el textarea se ajuste a su contenido */
    resize: none; /* Opcional: Deshabilita el control de redimensionamiento manual del usuario */
    overflow: hidden; /* Opcional: Esconde las barras de desplazamiento */
}

.card.position-relative {
    position: relative; /* Esencial para posicionar el check */
}

.selected-check {
    position: absolute; /* Posicionamiento absoluto respecto al card */
    top: 10px;          /* Ajusta la distancia desde arriba */
    right: 10px;        /* Ajusta la distancia desde la derecha */
    z-index: 10;        /* Asegura que el check esté sobre otros elementos */
    background-color: white; /* Para darle un fondo y que resalte, opcional */
    border-radius: 50%; /* Para que el fondo sea redondo, opcional */
    padding: 2px;       /* Espaciado interno, opcional */
    box-shadow: 0 0 5px rgba(0,0,0,0.2); /* Sombra para que destaque, opcional */
}

.link{
    cursor: pointer
}
.link:hover{
    color: #696cff
}