.modal {
    position: fixed;
    z-index: 10;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background-repeat: repeat;
    width: 100%;
    height: 100%;
    text-align: center;
    vertical-align: middle;
    overflow: auto;
    background-color: rgba(62, 62, 62, 0.7);
}


.Medio {
    padding: 10px;
    width: 100%;
    vertical-align: middle;
    text-align: center;
    height: 100%;
    border-collapse: collapse;
}

    .Medio td {
        vertical-align: middle;
    }



.ficha {
    border-top: #628c1a solid 6px;
    margin: auto;
    height: auto;
    background-color: #FFF;
    padding: 5px 5px;
    display: table;
    box-sizing: content-box;
    margin-top: 50px;
    margin-bottom: 2%;
    text-align: left;
    border-radius: 2px;
}

    .ficha .titulo {
        font-size: 1.9rem;
        padding: 10px;
        border-bottom: solid 1px #eeeeee;
        text-align: left;
    }

.Arrastrable {
    cursor: move;
}

.ficha .cuerpo {
    padding: 10px;
    display: inline-block;
    width: 100%;
}

.ficha label {
    display: inline-block;
    text-align: left;
    margin-top: 5px;
}

.ficha .pie {
    text-align: center;
    width: 100%;
    clear: both;
    background-color: #eee;
    text-align: center;
    padding: 10px 5px;
    margin-top: 10px;
}

.lblTituloFicha {
    font-size: 1.9rem;
}

.ficha .cuerpo .fila {
    padding: 4px;
}

    .ficha .cuerpo .fila:hover {
        background-color: transparent;
    }

.no-modal {
    display: block;
    text-align: center;
}

    .no-modal div[class="titulo"] {
        text-align: center;
    }

    .no-modal div[class="Medio"] {
        display: block;
    }

    .no-modal div {
        background-color: transparent;
        border: none;
    }


.btnCerrar {
    display: none;
}
/*Version escritorio*/
@media (min-width: 670px) {
    .btnCerrar {
        display: inline-block;
        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYEAQAAAAa7ikwAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAAAGAAAABgAPBrQs8AAAAHdElNRQflBQUREhgDH34RAAAA1ElEQVRIx7WWQRKDIAxFsdcSGdD7HyIeQYctvwvaAaagIZW/xfwXICEq9RGCMQARYK0SCrAWIEIwplwIWgPHAQCA98C6dpuHZQHOM3k4VzH/qg9Smucezilg31FVlsXlsTgXv62JqEHPIdvWl3nlFCQQtjk/IEG6zXsgYnPepXl/vXZfFIydCDOXQ2SNyYTcm79E5ELTNCj7egk/bC6ADC1TThMN7OIUOOAd+s3qwZe0Xees2DiHhZd2WxRECpjn/0em1s2RGbPIIdKhn0Mqux/12/IG1uysdsHwdRMAAAAldEVYdGRhdGU6Y3JlYXRlADIwMjEtMDUtMDVUMTc6MTg6MjQrMDA6MDDbKAnqAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIxLTA1LTA1VDE3OjE4OjI0KzAwOjAwqnWxVgAAAABJRU5ErkJggg==');
        background-repeat: no-repeat;
        width: 32px;
        height: 32px;
        background-color: transparent;
        border: none;
        cursor: pointer;
        background-position: center;
        margin: 15px;
        position: fixed;
        top: 15px;
        right: 15px;
    }
}