* {
}

body {
    background-color: #e8e8e8;
    font-family: sans-serif;
    color: #454545;
    margin: 20px 0px 100px 0px;
    text-align: center;
    min-width: 350px;
}

.txt-emoji {
    line-height: 0;
    vertical-align: middle;
}

.e-h2__base {
    margin: 0.5em;
}

.e-montos__base {
    color: white;
    padding: 5px;
    border-radius: 2px;
    margin: 2px;
    display: block;
    text-align: left;
}

.e-montos__saldado {
    background: #609176;
}

.e-montos__deuda {
    background: #916060;
}

.e-label__base {
    margin-bottom: 0.5em;
    display: inline-block;
    text-align: left;
    vertical-align: top;
    box-sizing: border-box;
}

.e-parrafo_base,
.e-titulo_base {
    margin-bottom: 0.8em;
}

.e-titulo_base {
    text-align: center;
}

.e-tip {
    font-size: 0.8em;
    font-style: normal;
}

.e-tip:before {
    content: "(";
}

.e-tip:after {
    content: ")";
}

.e-error {
    color: #b36060;
}

table tr.grupoEstatus_Cerrado {
    color: lightgray;
}
table tr.grupoEstatus_Riesgo {
    color: orange;
}

.tr-totales {
    background-color: #496736;
    color: white;
    font-weight: bold;
}

.b-tabla_fila {
    display: table-row;
    border-bottom: solid 1px silver;
}

.b-tabla_celda {
    display: table-cell;
    padding: 10px 0px;
}

.b-compras {
    max-height: 18em;
    overflow: scroll;
    width: 100%;
}

@media screen and (max-width: 450px) {
    .b-tabla_fila {
        display: block;
    }

    .b-tabla_celda {
        display: block;
    }

    .b-compras {
        display: grid;
        grid-template-columns: 49% 49%;
        grid-gap: 1px;
    }
}

.e-table__base {
    width: 100%;
    margin: auto;
    margin-top: 1em;
    border-collapse: collapse;
    text-align: left;
}

.e-table__base td,
.e-table__base th {
    padding: 5px;
}

.e-table__base td {
    border-top: solid 1px rgba(0, 0, 0, 0.25);
}

.e-table__base tr:first-of-type td {
    border-top: none;
}

.e-tabla_compras {
    text-align: right;
}

.e-fila__compra {
    background: #f0f0f0;
    font-weight: bold;
}
.e-fila__saldado {
    background: #d7ffcf;
    text-align: center;
}
.e-fila__adeudo {
    background: #ffcfcf;
}

.e-data_unit:first-of-type {
    display: block;
    margin-bottom: 1em;
    height: 2em;
}

.b-ticket {
    z-index: 100;
    border: solid 1px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: white;
}

/* Estatus de alumnos */

.m-alumnoInactivo {
    color: silver;
}

.e-calificacion__reprobado {
    color: #ffd382;
}
.e-calificacion__aprobado {
    color: #7affb6;
}
.b-compras__lista {
    display: block;
    max-height: 8rem;
    overflow: scroll;
    overflow-clip-margin: 10px;
    overflow-anchor: visible;
}