.miNav div {
    height: 30px;
    width: 100px;
    background-color: red;
    float: left;
    margin: 5px;
}

.miNav {
    position: fixed;
    height: 30px;
    z-index: 999;
    top: 60px;
}

.miContenido {
    margin-top: 40px;
}

.miDistance {
}

.myIcon2 {
    color: white;
    font-size: 2.5em !important;
    margin-top: 0.4em;
    padding-left: 0.7em;
    padding-right: 0.5em;
}

.lineaDer {
    border-left: 2px solid white;
}

.lineaIzq {
    border-right: 2px solid white;
}

.nombreUser {
    color: white;
    margin-right: 2em;
    padding-top: -2em !important;
}

.inputLogin {
    background-color: white;
    padding: 0.5em;
    margin: 0.4em;
    width: 270px;
    border-radius: 2em;
}

    .inputLogin i {
        color: #055C9F;
        font-size: 1.3em;
        text-align: left;
        margin-right: 10px;
    }

    .inputLogin input {
        border: none;
        background: none;
        width: 200px;
    }

        .inputLogin input:-webkit-autofill {
            background: none !important;
        }

.centrar {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.botonBlanco {
    border: 2px solid white;
    text-align: center;
    width: 200px;
    border-radius: 2em;
    padding: 0.3em;
    background: none;
    color: white;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1em;
    margin-bottom: 1em;
    font-size: 1.2em;
}

    .botonBlanco:hover {
        background-color: white;
        color: #055C9F;
    }

.olvido {
    color: white !important;
    float: none;
}



    .contacto:hover {
        text-decoration: none;
    }
.miLogo {
    width: 250px;
    margin-left: auto;
    margin-right: auto;
}

    .miLogo img {
        width: 250px;
        margin-left: auto;
        margin-right: auto;
    }

.caja {
    width: 150px;
    border: 2px solid #0397B6;
    float: left;
    margin: 0.5em;
    padding: 1em 0.5em 1em 0.5em;
    border-radius: 1em;
}

.cajaNombre {
    text-align: center;
    font-size: 1.2em;
    color: #0397B6;
}

.cajaIcon {
    font-size: 5em;
    text-align: center;
    color: #0397B6;
}

.caja:hover {
    background: linear-gradient(45deg,#03B677, #03B677);
    border: 2px solid #fff;
}

    .caja:hover > div {
        color: #fff;
    }

.myIcon {
    margin-right: 0.2em;
    font-size: 1.3em !important;
}





#form_contenedor {
    display: table;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

#form_contenedor_derecho {
    float: right;
    height: 75px;
    width: 50%;
}

#form_contenedor_izquierdo {
    float: left;
    height: 75px;
    width: 50%;
}

.form_contenedor_botones_lado_texto {
    float: right;
    margin-top: 3px;
}


#espera_text {
    position: absolute;
    right: -3px;
    top: 4px;
}


.rojo {
    border: 1px solid;
    border-color: red;
}


.azul {
    border: 1px solid;
    border-color: blue;
}

.verde {
    border: 1px solid;
    border-color: green;
}

.hora {
    /*order: 1px solid;*/
    /*text-align: right;*/
}


.numero {
    border: 1px solid;
}

.moneda {
    text-align: right;
}

.porcentaje {
    text-align: right;
}


.monedaDecimal {
    text-align: right;
}

.botonMenu {
    text-align: left;
    /*pointer-events:;*/
}


#loading {
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    position: absolute;
    display: block;
    opacity: 0.7;
    background-color: #fff;
    z-index: 99;
    text-align: center;
}

#loading-image {
    position: absolute;
    top: 100px;
    left: 240px;
    z-index: 100;
}

#preContenido {
    position: relative;
    width: 100%;
    height: 100%;
}

.sinComa {
}



.grid-item {
    float: left;
    width: 100px;
    height: 100px;
    background: #fff;
    border-radius: 1em;
    border: 0.2em solid #0086D9;
}

    .grid-item:hover {
        float: left;
        width: 100px;
        height: 100px;
        background: #fff;
    }

.grid-item--width2 {
    width: 200px;
}

.grid-item--height2 {
    height: 200px;
}

.grid-item:hover {
    border-color: hsla(0, 0%, 100%, 0.5);
    cursor: move;
}

.grid-item.ui-draggable-dragging,
.grid-item.is-positioning-post-drag {
    background: #C90;
    z-index: 2;
}


footer {
    background-color: #f5f5f5;
    width: 100%;
    bottom: 0;
    position: fixed;
}