@font-face {
    font-family: space;
    src: url('/static/css/fonts/space_me.ttf');
}
@font-face {
    font-family: hireina;
    src: url('/static/css/fonts/hand_made.ttf');
}

a:link{
    text-decoration: none;
    color: #000;
}
a:visited{
    text-decoration: none;
    color: #000;
}
a:hover{
    text-decoration: underline;
    color: #000;
}

label{
    margin-bottom: 2px;
}
input, textarea, select{
    outline: none !important;
    box-shadow: none !important;font-family: monospace;
}
input:focus, textarea:focus{
    border: 1px solid #a05a2c;
}
.form-control:focus{
    border-color: #a05a2c;
}

.vert-alig-medio{
    vertical-align: middle;
}

body, html {
    height: 100%;
}
.boton-app{
    border:1px solid #a05a2c;background-color: #a05a2c;color: #fff;padding: 3px 5px;border-radius: 5px;
}
.boton-app:hover{
    background-color: rgba(160, 90, 44, 0.75);cursor: pointer;border:1px solid rgba(160, 90, 44, 0.75);
}
.boton-app:focus, .boton-app:active{
    outline: none !important;
    box-shadow: none !important;

}

/*----------------------Footer fixed bottom----*/
#page-content {
    flex: 1 0 auto;
}

#footer {
    background-color: #ccc;position: sticky; bottom: 0;width: 100%;
}
.min-height{
    /*min-height: 83.35vh;*/
}
/*---------------------------------------------*/
.font-10{
    font-size: 10px;
}
.font-12{
    font-size: 12px;
}
.font-14{
    font-size: 14px;
}
.font-16{
    font-size: 16px;
}
.font-30{
    font-size: 30px;
}
.font-hireina{
    font-family: hireina !important;
}
.font-space{
    font-family: space !important;
}
.padd-left-0{
    padding-left: 0;
}
fieldset{
    border: 1px solid #005cbf;
    padding: 15px;
    border-radius: 5px;
}
legend {
    width: auto;padding: 5px;
    font: normal 16px space;
    color: #a05a2c;
}
.color-rojo {
    color: #f00;
}
.font-size-titulos{
    font: normal 3vw hireina;
}
.textos-index {
    font: normal 1.5vw space;color: #666;
}
.texto-caja{
    color: #666;font-size: 16px;font-family: space;
}
.box-shadow{
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); background-color: #d2d2d2
 }
.box-shadow:hover{
    background-color: #ddd;cursor: pointer;
}
/*-----------Ventana Modal--------*/
.mimodal{
    padding: 0;background-color: rgba(163, 161, 161, 0.68);position: fixed;width: 100%;min-height: 100%;z-index: 35353535;left:0;
    display: none;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    align-content: stretch;
    scroll-behavior: unset;
}

.mimodal .ventana{
    position: absolute;top: 0;left: 0;margin: 20% 30% 33% 30%;width: 40%;max-height: 200px;background-color: white; border-radius: 7px;padding: 10px 20px;
}
.mimodal .ventana .titulo{
    text-decoration: underline;color: #0496FF;font-weight: bold;font-size: 14px;font-family: space;
}
.mimodal .ventana .texto{
    position: relative;width:100%;height: 30%;border-bottom:1px dashed #878E88;text-align: center;margin-top: 10px;
}
.mimodal .ventana .cerrar{
    float: right;text-align: right; margin-top: 10px;margin-left: 10px;
}
.mimodal .ventana .aceptar{
    float: right;text-align: right; margin-top: 10px;margin-left: 10px;
    color: #0496FF;
}
.mimodal .ventana .aceptar #bt-aceptar-modal{
    display: none;
    color: #000;
}

/*-------------------Media querys--------------------------------*/

@media (min-width: 360px) and (max-width: 575px) {
    .mimodal .ventana .titulo{
        font-size: 10px;padding-right: 0;
    }
    .mimodal .ventana {
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .inpt-modal{
        width: 100px;
    }
    .font-size-titulos{
        font-size: 8vw !important;
    }
    .textos-index{
        font-size: 4vw !important;
    }
    .texto-caja{
        color: #666;font-size: 12px;font-family: space;
    }
    /*.navbar-brand{
        width: 70%;
    }*/
    label{
        display: none !important;
    }
    #fenac {
        display: block !important;
    }
    #valorauto {
        display: block !important;
    }
    #div-moneda{
        margin-right: 0 !important;margin-left: 0 !important; padding-left: 0 !important;padding-right: 0 !important;
    }
    #valorimu{
        display: block !important; margin-left: 0 !important;padding-right: 0 !important;padding-left: 0 !important;font-size: 11px !important;
    }
}

/* Larger than mobile */
@media (min-width: 576px) and (max-width: 767px) {
    .mimodal .ventana .titulo{
        font-size: 10px;padding-right: 0;
    }
    .mimodal .ventana {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
    .inpt-modal{
        width: 100px;
    }
    /*.navbar-brand{
        width: 70%;
    }*/
    .font-size-titulos{
        font-size: 8vw !important;
    }
    .textos-index{
        font-size: 4vw !important;
    }
    .texto-caja{
        color: #666;font-size: 12px;font-family: space;
    }
    label{
        display: none !important;
    }
    #fenac {
        display: block !important;
    }
    #valorauto {
        display: block !important;
    }
    #valorimu{
        display: block !important; margin-left: 0 !important;padding-right: 0 !important;padding-left: 0 !important;font-size: 13px;line-height: 1.3;
    }

}

/* Larger than phablet (also point when grid becomes active) */
@media (min-width: 768px) and (max-width: 991px){
    .mimodal .ventana .titulo{
        font-size: 14px;
    }
    /*.navbar-brand{
        width: 70%;
    }*/
    .mimodal .ventana {
        width: 80%;
        margin-left: 10%;
        margin-right: 10%;
    }
    input::placeholder{
        color: transparent !important;
    }
    textarea::placeholder{
        color: transparent !important;
    }

}

/* Larger than tablet */
@media (min-width: 992px) and (max-width: 1199px){
    .mimodal .ventana .titulo{
        font-size: 19px;
    }
    input::placeholder{
        color: transparent !important;
    }
    textarea::placeholder{
        color: transparent !important;
    }
}

/* Larger than desktop */
@media (min-width: 1200px) and (max-width: 1569px){
    input::placeholder{
        color: transparent !important;
    }
    textarea::placeholder{
        color: transparent !important;
    }
}

@media (min-width: 1570px) {
    input::placeholder{
        color: transparent !important;
    }
    textarea::placeholder{
        color: transparent !important;
    }
}