@import url("https://fonts.googleapis.com/css?family=Nunito:600,700|Roboto:400,500,700&display=swap");
/* ==============
  General
===================*/
body {
    padding-bottom: 0px !important;
    background-color: white !important;
}


h4 {
    color: #04040c !important;
}

button {
    border-radius: 0px !important;
}

.imgLogin {
    height: 100vh !important;
    width: 100% !important;
}

.imgLogo {
    margin-top: 5% !important;
    margin-left: 5% !important;
    position: absolute !important;
    z-index: 1 !important;
    width: 25% !important;
}

.form-control {
    border: 0px;
    border-bottom: 1.5px solid #888585 !important;
    border-radius: 0px !important;
    color: #888585 !important;
    height: calc(1.5em + .75rem + 10px) !important;
}

.input-group-text {
    background-color: white !important;
    border: 0px !important;
    border-bottom: 1.5px solid #888585 !important;
    color: #aaa !important;
}


.has-search .form-control {
    padding-left: 2.375rem;
}

.has-search .form-control-feedback {
    position: absolute;
    z-index: 5;
    display: block;
    width: 2.375rem;
    height: 2.375rem;
    line-height: 2.375rem;
    text-align: center;
    pointer-events: none;
    color: #aaa;
}


.icon {
    position: absolute;
    z-index: 2;
    display: block;
    width: 2.375rem;
    height: 2.375rem;
    line-height: 2.375rem;
    text-align: center;
    pointer-events: none;
    color: #aaa;
    bottom: 2px;
    right: 10px;
}

@media screen and (max-width: 576px) {
    .ocultar-div {
        display: none !important;
    }

    .ocultar-lg {
        margin-bottom: 10% !important;
    }

    .wrapper-page {
        margin: 15% auto !important;
        position: relative !important;
    }
}

@media screen and (min-width: 576px) and (max-width: 767px) {
    .ocultar-sm {
        display: none !important;
    }

    .ocultar-lg {
        display: none !important;
    }

    .form-control {
        border: 0px;
        border-bottom: 1.5px solid #888585 !important;
        border-radius: 0px !important;
        color: #888585 !important;
        height: calc(1.5em + .75rem + 5px) !important;
    }

    .wrapper-page {
        margin: 0.5% auto !important;
        position: relative !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 800px) {
    .ocultar-lg {
        display: none !important;
    }

    .wrapper-page {
        margin: 50% auto !important;
        position: relative !important;
    }
}

@media screen and (min-width: 801px) and (max-width: 1199px) {
    .ocultar-lg {
        display: none !important;
    }

    .wrapper-page {
        margin: 7.5% auto !important;
        position: relative !important;
    }
}

@media screen and (min-width: 1200px) {
    .ocultar-lg {
        display: none !important;
    }

    .wrapper-page {
        margin: 7.5% auto !important;
        position: relative !important;
    }
}