.lector .m__modal-body.cs_backdrop {
    background-color: gray;
    opacity: .8 !important;
}

.lector .m__modal-body {
    padding: 0 !important;
    overflow-y: hidden !important;
    transition: background .5s ease-in-out;
}

.lector[id*="_container"] {
    padding: 0;
    height: 92vh !important;
    width: 100% !important;

    display: flex !important;
    justify-content: flex-start !important;
    align-items: space-between !important;
    flex-direction: column !important;
}
.lector[id*="_container"] > div {
    width: 100% !important;
}

.lector [id*="_main_lecturas_anteriores"] *,
.lector [id*="_pedido_template"] * {
    font-size: 0.8rem !important;               
}

.lector [id*="_pedido_template"] {
    height: 60% !important;
    max-height: 60% !important;
}

.lector [id*="_main_lecturas_anteriores"],
.lector [id*="_pedido_template"] {
    overflow-y: auto !important;
    padding: 5px 5px !important;

    display: flex;
    justify-content: flex-start !important;
    align-items: center;
    flex-direction: column;
    gap: 5px;
}

.lector [id*="_pedido_template"] > span {
    display: flex;
    justify-content: flex-start;
    align-content: center
}

.lector [id*="_main_lecturas_anteriores"] > div:nth-of-type(2n) {
    background-color: rgb(190, 190, 190);
}

.lector [id*="_main_lecturas_anteriores"] > div {
    width: 100% !important;
    border-bottom: 1px solid lightgray !important;
}

.lector [id*="_main_lecturas_anteriores"] > div > span:nth-of-type(1) {
    width: 100% !important;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 5px 0 !important;
    gap: 0 !important;
}

.lector [id*="_main_lecturas_anteriores"] > div > span,
.lector [id*="_pedido_template"] > div > span {
    font-size: .8rem !important;
}

.lector [id*="_main_lecturas_anteriores"] > div > span:nth-of-type(1) {
    width: 85% !important;
}

.lector [id*="_main_lecturas_anteriores"] > div > span:nth-of-type(1) > b:nth-of-type(2) {
    width: 15% !important;
    text-align: right!important;
    color: red !important;
}

.lector [id*="_main_botones"] {
    padding: 0 !important;
    margin: 0 !important;
    height: 13% !important;
}

.lector [id*="_main_lecturas_anteriores"] > div > span:nth-of-type(2) > span {
    width: 100% !important;
    display: flex;
    justify-content: space-between;
}

.lector [id*="_main_lecturas_anteriores"] div span:nth-of-type(2) > span > span {
    width: 50% !important;
}
.lector [id*="_main_lecturas_anteriores"] div span:nth-of-type(2) > span span:nth-of-type(1) {
    font-weight: bold !important;
}
.lector [id*="_main_lecturas_anteriores"] div span:nth-of-type(2) > span span:nth-of-type(2) {
    display: inline-block !important;
    text-align: right !important;
}

.lector .lecturas_anteriores_info:not(.d-none) {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    border-top: 1px solid lightgray;
}

.lector [id*="_main_lecturas_anteriores"] .lecturas_anteriores_info div {
    width: 100% !important;
    display: flex;
    justify-content: flex-start;
    gap: 10px;
    align-items: center;
}

.lector [id*="_main_lecturas_anteriores"] .lecturas_anteriores_info div span {
    text-align: center !important;
}

.lector [id*="_pedido_template"] > span {
    border-bottom: 1px solid lightgray;
}

.lector .template-dropdown {
    width: 100% !important;
}

.lector .template-dropdown > span {
    width: 100% !important;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.lector .template-dropdown > span * {
    width: fit-content !important;
}

.lector [id*="_main_lecturas_anteriores"] {
    background-color: #e3e3e3;
}