.grid-badge-01, .grid-badge-02, .grid-badge-03, .grid-badge-04, .grid-badge-05,
.grid-badge-06, .grid-badge-07, .grid-badge-08, .grid-badge-09, .grid-badge-10,
.grid-badge-11, .grid-badge-12, .grid-badge-13, .grid-badge-14, .grid-badge-15,
.grid-badge-16, .grid-badge-17, .grid-badge-18, .grid-badge-19, .grid-badge-20 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px !important;
    font-weight: normal !important;
    font-size: 10px !important;
    padding: 1px 1px !important;
    border: 1px solid transparent !important;
    line-height: 1.1 !important;
    white-space: nowrap;
}

.grid-badge-01 {

    background: rgba(99,102,241,.95) !important;
    color: #ffffff !important;
    border-color: rgba(99,102,241,.35) !important;
}

.grid-badge-02 {
    background: rgba(139,92,246,.95) !important;
    color: #ffffff !important;
    border-color: rgba(139,92,246,.35) !important;
}

.grid-badge-03 {
    background: rgba(168,85,247,.95) !important;
    color: #ffffff !important;
    border-color: rgba(168,85,247,.35) !important;
}

.grid-badge-04 {
    background: rgba(217,70,239,.95) !important;
    color: #ffffff !important;
    border-color: rgba(217,70,239,.35) !important;
}

.grid-badge-05 {
    background: rgba(236,72,153,.95) !important;
    color: #ffffff !important;
    border-color: rgba(236,72,153,.35) !important;
}

.grid-badge-06 {
    background: rgba(239,68,68,.95) !important;
    color: #ffffff !important;
    border-color: rgba(239,68,68,.35) !important;
}

.grid-badge-07 {
    background: rgba(249,115,22,.95) !important;
    color: #ffffff !important;
    border-color: rgba(249,115,22,.35) !important;
}

.grid-badge-08 {
    background: rgba(245,158,11,.95) !important;
    color: #ffffff !important;
    border-color: rgba(245,158,11,.35) !important;
}

.grid-badge-09 {
    background: rgba(234,179,8,.95) !important;
    color: #ffffff !important;
    border-color: rgba(234,179,8,.35) !important;
}

.grid-badge-10 {
    background: rgba(132,204,22,.95) !important;
    color: #ffffff !important;
    border-color: rgba(132,204,22,.35) !important;
}

.grid-badge-11 {
    background: rgba(34,197,94,.95) !important;
    color: #ffffff !important;
    border-color: rgba(34,197,94,.35) !important;
}

.grid-badge-12 {
    background: rgba(16,185,129,.95) !important;
    color: #ffffff !important;
    border-color: rgba(16,185,129,.35) !important;
}

.grid-badge-13 {
    background: rgba(20,184,166,.95) !important;
    color: #ffffff !important;
    border-color: rgba(20,184,166,.35) !important;
}

.grid-badge-14 {
    background: rgba(6,182,212,.95) !important;
    color: #ffffff !important;
    border-color: rgba(6,182,212,.35) !important;
}

.grid-badge-15 {
    background: rgba(14,165,233,.95) !important;
    color: #ffffff !important;
    border-color: rgba(14,165,233,.35) !important;
}

.grid-badge-16 {
    background: rgba(59,130,246,.95) !important;
    color: #ffffff !important;
    border-color: rgba(59,130,246,.35) !important;
}

.grid-badge-17 {
    background: rgba(96,165,250,.95) !important;
    color: #ffffff !important;
    border-color: rgba(96,165,250,.35) !important;
}

.grid-badge-18 {
    background: rgba(71,85,105,.28) !important;
    color: #ffffff !important;
    border-color: rgba(148,163,184,.28) !important;
}

.grid-badge-19 {
    background: rgba(100,116,139,.28) !important;
    color: #ffffff !important;
    border-color: rgba(148,163,184,.32) !important;
}

.grid-badge-20 {
    background: rgba(255,255,255,.10) !important;
    color: #ffffff !important;
    border-color: rgba(255,255,255,.16) !important;
}

.grid-badge-yes {
    background: rgba(34,197,94,.95) !important;
    color: #ffffff !important;
    border-color: rgba(34,197,94,.35) !important;
}

.grid-badge-no {
    background: rgba(239,68,68,.95) !important;
    color: #ffffff !important;
    border-color: rgba(239,68,68,.35) !important;
}

.grid-badge-neutral {
    background: rgba(245,158,11,.95) !important;
    color: #ffffff !important;
    border-color: rgba(245,158,11,.35) !important;
}

.mud-badge.mud-badge-default {
    color: #FFFFFF ;
    background-color: TRANSPARENT ;
}

.badge {

    font-weight: 600;
    padding: 0.25rem 0.45rem;
    border-radius: 0.25rem;
    --bs-badge-padding-x: 0.65em;
    --bs-badge-padding-y: 0.35em;
    --bs-badge-font-size: 0.75em;
    --bs-badge-font-weight: 700;
    --bs-badge-color: #000;
    --bs-badge-border-radius: var(--bs-border-radius);
    display: inline-block;
    font-size: var(--bs-badge-font-size);
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
}

.bg-light-transparent {
    background-color: #fff !important;
    color: #000 !important;
}

/*buscar heigh*/
.mud-input > input.mud-input-root-outlined.mud-input-root-margin-dense, div.mud-input-slot.mud-input-root-outlined.mud-input-root-margin-dense {
    padding-top: 10.5px !important;
    padding-bottom: 10.5px !important;
}

/*oculpar el meno alado de filtro*/
.mud-button-root.mud-icon-button.mud-ripple.mud-ripple-icon.mud-icon-button-size-small.mud-menu-icon-button-activator {
    display: none !important;
}
/*oculpar la separacion*/
.mud-data-grid .mud-table-cell .column-header .mud-sort-index {
    display: none !important;
}

.mud-container--gutters {
    padding-left: 5px !important;
    padding-top: 5px !important;
    padding-right: 5px !important;
    padding-bottom: 5px !important;
}
/*boton defs cancelar*/
.search-box-container {
    overflow: hidden;
    transform-origin: left center;
    transition: width .55s ease, opacity .35s ease;
    width: 0;
    opacity: 0;
}


    /*search toogle*/
    .search-box-container.expanded {
        width: 320px;
        opacity: 1;
    }

    .search-box-container.collapsed {
        width: 0;
        opacity: 0;
        pointer-events: none;
    }

.search-box {
    width: 320px;
}

.mud-message-box__cancel-button {
    color: var(--mud-palette-error);
}