#FirstLevelSection{
    background: linear-gradient(270deg, #0B6499 -4.6%, #42B5EE 100.6%);
    height: 70px;
    
}

#Header{
    color: #F9FAFB;
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: "MartelSans";
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 133.4%; /* 32.016px */
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 11px;
    margin: 0px;
    
}

body{
    background: #F4F4F4;
}


@font-face {
    font-family: 'MartelSans';
    src: url('../Fonts/MartelSans-ExtraLight.ttf') format('truetype'); /* Ajusta la ruta si es necesario */
    font-weight: normal;
    
}


#TicketTable{
    border-radius: 20px;
    background: #FFF;
    border-bottom: 6px;
    border-color: #FFF;
    border-style: solid;
    height: 100%;
    overflow-y: scroll;
    margin:  0px;
}

#TableCointainer{
    
    /* padding-top: 21px; */
    padding-right: 34px;
    padding-left: 34px;
    height: 84vh;
    margin-bottom:  0px;
    padding-bottom: 22px;
    font-family: "MartelSans";
}


td{
    border: none;

}



th{
    
    border: none;
}

tr{
    border: none;
}
#prueba{
    height: 100%;
}
thead{
    padding-bottom: 58px;
    position: sticky;
    top: 0;
    background: white; /* Color de fondo para evitar transparencia */
    z-index: 2; /* Asegura que esté por encima del contenido */
     height: 85px;
    padding: 10px;
}


tr>td{
    height: 60px;
}


tbody{
    padding: 6px;
    
}

.no-margin{
    margin: 0;
}

.table tr td:first-child, .table tr th:first-child { /* Borde izquierdo */
    border-left: 4px solid #FFF;
    
}

.table tr td:last-child, .table tr th:last-child { /* Borde izquierdo */
    border-right: 4px solid #FFF;
}
.table{
    margin: 0px;
}



.scroll-container {
      max-height: 100vh; /* O la altura que necesites */
    overflow-y: auto;
    overflow-x: auto; /* Permite el desplazamiento horizontal */
    scrollbar-width: none; /* Oculta la barra en Firefox */
    -ms-overflow-style: none; /* Oculta la barra en Internet Explorer y Edge */
}

.scroll-container::-webkit-scrollbar {
    display: none; /* Oculta la barra en Chrome, Safari y Edge */
}


.bi-x{
    color:#D7D7D7;
     font-size:24px;  
     height: 23px;
}
   
.bi-x:hover {
    color:#0B6499;
}


.bi-trash3
{
    color:#f80909;
     font-size:24px;  
     height: 23px;
}

.header-filter{
    padding-left: 10px;
    padding-right: 10px;
}


.header-filter:hover{
        background: linear-gradient(180deg, #FFF 53.86%, rgba(176, 226, 255, 0.96) 147.44%) ;
        transform: translateY(-2px);
        transition: transform 0.4s ease;
        border-radius: 5px;
        
}

.color-blue{
    color: #026AA7;
}

.color-gray{
    color: #DADADA;
}

.fz-10{
    font-size: 10px;
}

.fz-9{
    font-size: 9px;
}


.fz-12{
    font-size: 12px;
}


#general-search-icon{
    position: absolute;
    margin-right: 10px;
}




.header-filter{
    cursor: pointer;
    user-select: none;
}

.color-white{
    color: #fff;
}


#generalSearcher{
    width: 200px;
}

#reloadBtn{
    cursor: pointer;
}