﻿/* Change the white to any color ;) */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}


.img2 {
    height: 100vh;
    width: 100vw;
    /*padding: 0 !important;*/
    background-color: rgb(242,242,242);
    z-index: 2;
    position: absolute;
}

.imgTranparente {
    background-color: lightskyblue;
    position: absolute;
    z-index: 2;
    height: 100vh;
    width: 100vw;
    opacity: 0.9;
}

.imgTranparente2 {
    background-color: forestgreen;
    position: absolute;
    z-index: 2;
    height: 100vh;
    width: 100vw;
    opacity: 0.9;
}

.imgTranparente3 {
    background-color: orangered;
    position: absolute;
    z-index: 2;
    height: 100vh;
    width: 100vw;
    opacity: 0.9;
}

.imgTranparente4 {
    background-color: burlywood;
    position: absolute;
    z-index: 2;
    height: 100vh;
    width: 100vw;
    opacity: 0.9;
}

.img3 {
    height: 100vh;
    width: 100vw;
    background-color: skyblue;
    position: absolute;
}

.btn {
    margin-left: 50px;
}

.uk-form-stacked {
    margin-top: 150px !important;
    margin-left: 100px !important
}

.titulo {
    margin-bottom: 50px;
    font-size: 4vh
}

.botonFormulario {
    margin-top: 25px;
}

.margenForm {
    margin-top: -237px;
}

.margenForm2 {
    margin-top: 139px;
}

.margenForm3 {
    margin-top: 207px;
}

input, select, textarea {
    max-width: 100%;
}

.md-input-bar {
    position: absolute !important;
    width: 100% !important
}

/*progress bar*/
.container-progressBar {
    width: 100%;
    position: absolute;
    z-index: 1;
}

.progressbar {
    counter-reset: step;
}

    .progressbar li {
        list-style: none;
        display: inline-block;
        width: 30.33%;
        position: relative;
        text-align: center;
        cursor: pointer;
    }

        .progressbar li:before {
            content: counter(step);
            counter-increment: step;
            width: 30px;
            height: 30px;
            line-height: 30px;
            border: 1px solid #ddd
        }


.ojo {
    margin-top: 16px;
    position: absolute;
    margin-left: -25px;
}

footer {
    position: fixed;
    bottom: 0;
    width: 87%;
    height: 40px;
    padding-left: 0px
}

a:hover {
    color: lightskyblue !important;
}

.esconder {
    display: none
}

#login_mobile_logo {
    /*content: url('http://gestiontesting.memory.com.uy/Content/Account/img/logo_principal.png');*/
    content: url('/Content/img/logo_principal.png');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    width: -webkit-fill-available;
    min-width: 280px;
    max-width: 340px;
    max-height: 160px;
    margin-bottom: 50px;
    /*padding-left: 0;*/
    top: -3px;
    transition: transform 1s;
    /*position: absolute;*/
    background-color: #ffffff;
    margin-top: 190px;
}

.mover-top {
    transform: translate(0, -219px);
}

.espacio {
    margin-bottom: 15px
}

.colorSelect {
    color: gray !important;
}

.img-fluid2 {
    height: 36% !important;
}

.parsley-required {
    display: none !important
}

