body:not(i):not(h1):not(h2):not(h3):not(h4),html{
    line-height: 1.2;
    color:#4e566a;
    font-family: "Roboto", sans-serif ;
    font-size: 14px;
}
.m0a{
    margin:0 auto;
}

ul li{
    list-style-type: none;
    margin-bottom:15px;
}

.std-monto{
    font-size: 16px;
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
}

ul li a{
    text-decoration: none;
    color:inherit
}

table.all-white{
    border-radius: 10px;
    /* overflow: hidden; */
}

label.button-label.btn.outline {
    outline: 1px solid lightgrey;
}

table.all-white th{
    border-bottom: 2px solid rgb(245, 247, 251);
    padding-block: 15px;
}
table.all-white td{
    color:#404758;
}
table.all-white td .email{
    color:#999;
    font-size: 12px;
    font-family: "Work Sans", sans-serif ;
    font-weight: 500;
}
table.all-white td .referencia{
    color:#999;
    font-size: 12px;
    font-family: "Work Sans", sans-serif ;
    font-weight: 500;
}
table.all-white td .monto{
    font-size: 16px;
    font-family: "Work Sans", sans-serif ;
    font-weight: 600;
}
table.all-white td .monto{
    font-size: 16px;
    font-family: "Work Sans", sans-serif ;
    font-weight: 600;
}
table.all-white td .fecha{
    color:#404758;
    font-weight: 400;
    text-transform: capitalize;
}
.table-container{
    overflow-x: auto;
    white-space: nowrap;
}

tbody, td, tfoot, th, thead, tr{
    border:none;
    vertical-align: middle;
}

th.sticky,td.sticky {
    position: sticky;
    left: 0;
    border-right: 1px solid #efefef;
}
.maxw-150px{
    max-width: 150px;
}
.select2-container .select2-selection--single{
    height: 100% !important;
}
.select2-container--default .select2-search--dropdown .select2-search__field{
    border:0;
    border-radius: 5px;
}
.select2-search__field:focus-visible{
    /* outline-offset: unset; */
    outline:1px solid grey;
}

.select2{
    /* width: 100%; */

}
.all-100 *:not(.select2-selection__arrow):not([role="presentation"]):not(.select2-hidden-accessible){
    width: 100% !important;
}
.form-width{
    max-width: 500px;
}
.pill{
    border-radius: 10px;
    background-color: white;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 8px 16px 0px;
    margin-bottom:15px;
    padding:20px;
    display:flex;
    justify-content: space-between;
    gap:5px;

}

.right-side{
    background-color: #f5f7fb;
    padding-inline: 40px;
    min-height: 100svh;
}
.pilled-table{
    border-radius: 20px;
    background-color: white;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 8px 16px 0px;
    margin-bottom:15px;
    padding:20px;
    display:flex;
}

.pilled-table tbody{
    margin: 0 auto;
}

.pilled-table td:first-of-type{
    text-align: right;
    padding-right:5px;
}
.pilled-table td:last-of-type{
    padding-left:5px;
}

td.d-md-table-cell.d-md-none{
    background-color: #f5f7fb;
    --bs-table-bg-type:unset !important;
    border-bottom:none;
}

tr.d-none.d-md-table-row{
    font-family: "Work Sans", sans-serif !important;
    font-weight: 600 !important;
    color:rgb(34, 34, 34) !important;
    font-size: 14px !important;
}

.side-menu a{
    font-family: "Work Sans", sans-serif ;
    font-size: 15px;
    font-weight: 600;
    color:#404758;

}
.side-menu li{
    display: flex;
    gap:5px;
    margin-bottom:30px;
}
.side-menu i{
    font-size: 20px;
    color:#cacaca;
    min-width: 25px;
    text-align: center;

}

.deuda-dia span{
    font-size: 16px;
    font-family: "Work Sans", sans-serif ;
    font-weight: 600;
}
.nombre-transaccion{
    font-family: "Work Sans", sans-serif ;
    font-size: 16px;
    font-weight: 600;
    color:#404758;
    margin-bottom: 0px;
}
.arrow-back{
    font-size: 30px;
    color:#999;
}

.nombre-transaccion .conjunto{
    font-size: 12px;
    color:#999;
    font-family: "Roboto", sans-serif ;
    font-weight: 400;
    text-transform: capitalize;
}

input:checked + label.button-label {
    background: #0d6EDF;
    color: white;
}
label.button-label {
    height: 34px;
    width: 100%;
    display: grid;
    place-content: center;
    background: white;
    color: #454545;
    border-radius: 5px;
    font-size: 14px;
    text-align: center;
    padding: 5px;
    line-height: 1.1;
    overflow: hidden;
    cursor: pointer;
    transition: 0.2s;
    -webkit-user-select: none;
    user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
}
.offcanvas{
    --bs-offcanvas-width: 250px;
}

.w-md-3rd{
    width: 100%;
}
.filter-bar{
    flex-wrap: wrap;
}

@media screen and (min-width: 768px) {
    .w-md-3rd{
        width: 33%;
    }
    .filter-bar{
        flex-wrap: nowrap;
    }
}
@media screen and (max-width: 768px) {
    .right-side{
        padding-inline:10px;
    }
}