/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------                        MODAL          ---------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.listas_personales {
    
    display:                    none;
    background:                 white;
    border-radius:              10px;
    font-family:                sans-serif;
    left:                       50%;
    max-height:                 80vh;
    max-width:                  350px;
    overflow:                   auto;
    position:                   fixed;
    top:                        50%;
    transform:                  translate(-50% , -50%);
    -webkit-transform:          translate(-50% , -50%);
    -moz-transform:             translate(-50% , -50%);
    -ms-transform:              translate(-50% , -50%);
    -o-transform:               translate(-50% , -50%);
    width:                      95%;
    z-index:                    9999999;
    
}
.listas_personales .cerrar_modal {
    
    color:                      black;
    cursor:                     pointer;
    font-size:                  1.5em;
    position:                   absolute;
    right:                      .5em;
    top:                        .5em;
    
}
.listas_personales .contenedor {
    
    box-sizing:                 border-box;
    margin:                     auto;
    width:                      95%;
    
}
.listas_personales .contenedor .titulo {
    
    box-sizing:                 border-box;
    font-size:                  14px;
    padding:                    1em;
    text-align:                 center;
    width:                      100%;
    
}
.listas_personales .contenedor .listas {
    
    margin:                     auto;
    width:                      98%;
    
}
.listas_personales .contenedor .listas .caja {
    
    align-items:                center;
    box-sizing:                 border-box;
    display:                    flex;
    flex-wrap:                  wrap;
    font-size:                  14px;
    justify-content:            center;
    margin:                     auto;
    max-width:                  100%;
    text-align:                 left;
    width:                      100%;
    
}
.listas_personales .contenedor .listas .caja .checkbox_lista {
    
    box-sizing:                 border-box;
    padding:                    1em;
    text-align:                 right;
    width:                      50px;
    
}
.listas_personales .contenedor .listas .caja .checkbox_lista input[type="checkbox"] {
    
    box-sizing:                 border-box;
    cursor:                     pointer;
    height:                     25px;
    padding:                    .25em;
    width:                      25px;
    
}
.listas_personales .contenedor .listas .caja .nombre {
    
    box-sizing:                 border-box;
    text-align:                 left;
    width:                      200px;
    
}
.listas_personales .contenedor .listas .caja .nombre label {
    
    cursor:                     pointer;
    
}
.listas_personales .contenedor .listas .caja_nueva {
    
    box-sizing:                 border-box;
    margin:                     auto;
    text-align:                 center;
    width:                      100%;
    
}
.listas_personales .contenedor .listas .caja_nueva .checkbox_lista p {
    
    cursor:                     pointer;
    font-size:                  12px;
    margin:                     0;
    padding:                    0 0.5em;
    text-align:                 left;
    
}
.listas_personales .contenedor .listas .caja_nueva input {
    
    box-sizing:                 border-box;
    font-size:                  12px;
    margin:                     auto;
    padding:                    .5em;
    width:                      95%;
    
}
.listas_personales .contenedor .listas .caja_nueva .nombre {
    
    background:                 #502763;
    box-sizing:                 border-box;
    color:                      white;
    cursor:                     pointer;
    margin:                     10px auto 30px;
    padding:                    .5em;
    text-align:                 center;
    width:                      95%;
    
}