/* The Modal (background) */
    .modal {
        display: none;
        position: absolute; /* Stay in place */
        z-index: 1; /* Sit on top */ 
        background-color: rgb(255,255,255); /* Fallback color */
        border: 0px dashed black;
        overflow: visible;
        vertical-align:middle;
    }

    /* Modal Content (Image) */
/*     .modal-container {
        height: 100%;
        max-width: 100%;

        } */
    
    /* Modal Content (Image) */
/*     .modal-content {
        flex: 1 1 auto;
        display:block;
        max-height: 100%;
        width: 100%;
        text-align: right;
        max-height: 100%;
        border-radius: 0px;
        border: 0;
        box-shadow: none;
    } */

    #img01 {
        display: block;
        margin: auto;
        max-height: 100%;
        max-width: 100%;
        margin-bottom: 10px;
    }

    #tags {
        margin-left:10px;
    }

    .flex-item {
        display: inline-flex;
        height: 20px;
    }
    
    #caption {
        width:100%;
        text-align: left;
        display:flex;
        flex-direction: column;
        background-color: white;
        z-index: 50;


    }

    .caption-line {
        width:100%;
        line-height: 20px;
        text-align: left;
        display:inline-flex;
        flex-direction:row;
        flex-basis: auto;
        justify-content: space-between ;

    }

    .caption-line *{
        font-size: 12px;
        line-height: 20px;
        vertical-align: middle;
        font-family: 'consolas';
        display: inline;
    }

    .caption-line-visita {
        width:100%;
        line-height: 20px;
        text-align: center;
        display:inline-flex;
        flex-direction:row;
        flex-basis: auto;
        justify-content: center ;

    }

    .caption-line p{
        display: inline;
    }

    span.caption-text-bottom{
        display: inline;
        margin: 0px;
        padding: 0px;
        font-size: 12px;
    }

    .caption-text, .caption-text a{

        white-space: nowrap;
        word-wrap: nowrap;
        margin: 0px;

        color: black;
        padding: 0px;
        flex-basis: fit-content;
    }

    .codigo-modal{
        width: 100%;
        cursor: pointer;
     }
    
    p.caption-text-bottom{
        text-align: left;
    }
    
    #descripcion.editable{
        height: 20px;
        min-width:30px;
        overflow-y: scroll;
    }
    
    .boton-editar {
        flex: 1 0 auto;
        margin-top: 5px;;
    }

    
  
    
    /* Caption of Modal Image (Image Text) - Same Width as the Image */


    #tags {

        text-align: right;

    }
    
    .modal-buttons {
        position:relative;
        text-align: right;
        margin: 0px;
        padding: 0px;
        padding-bottom:5px;
        width: 100%;
        background-color: white;
    }
    
    
    .bottom{
    display: block;
    position:absolute;
    bottom:0px;
    margin: 0px;
    }
    
    .bottom p{
    margin: 0px;
    display: block;
    }
    
    .editable
    {
        display:inline-block;
        max-width: 200px;
        word-wrap: nowrap;
        background-color: #f3f3f3;
        border:0;
        border-radius: 3px;
        outline: 0;
    }

    #editbtn {
    }
    
    #langbtn {
    }
    
    #creditsbtn {
        position: absolute;
        bottom: 0px;
        right: 0px;
    }
    
    p,a {

    }

    select.modificacion {
        display: inline-block;
        line-height: 100%;
        height: 18px;
        width: 100px;
        word-wrap: break-word;
        background-color: #f3f3f3;
        border:0;
        border-radius: 3px;
           }