﻿:root {
    --blue1: #53C4CD;
    --blue2: #7DE1E0;
    --cinzaEscuro1: #292A2D;
    --cinzaEscuro2: #1D1E20;
}


.form-control.underline-input {
    border: 1; 
    border-color: #dbe0e2;
}

#ionichealth_bg_logo {
    position: absolute;
    z-index: 1;
    height:90%;
}

.esqueceusuasenha{
    color: var(--blue2);
}

.container {
    position: relative;
    height: 100vh;
    z-index: 99999;
}

.login-card {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -65%);
    border-radius: 1em;
    -webkit-box-shadow: 0px 6px 8px -2px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 6px 8px -2px rgba(0,0,0,0.5);
    box-shadow: 0px 6px 8px -2px rgba(0,0,0,0.5);
    color: #54C5CE;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    background: var(--cinzaEscuro2) !important;
}

    .login-card:hover {
        -webkit-box-shadow: 0px 20px 25px 0px rgba(0,0,0,0.4);
        -moz-box-shadow: 0px 20px 25px 0px rgba(0,0,0,0.4);
        box-shadow: 0px 20px 25px 0px rgba(0,0,0,0.4);
    }

.form-control.underline-input {
    border-radius: 1em !important;
    padding-left: 1.5em !important;
}

    .form-control.underline-input:focus {
        border-color: var(--blue2);
    }

.login-card h2 {
    float: right;
    position: relative;
    top: -.2em;
    margin-bottom: 1em;
    color: #54C5CE;
}


.login-card img{
    position: relative;
    /*float: left;*/
}
.logo-ncommand{
    position:absolute;
}
#LoginBtn {
    width: 100%;
    background: var(--blue1);
    border-radius: 1em !important;
}
._conteudo{
    position:relative;
    height: 20em;
}

.versionFontStyle {
    color: var(--blue1);
}

.versionDiv {
    position: fixed;
    bottom: 2em;
    right: -4em;
    /* left: 50%; */
    transform: translateX(-50%);
    color: #c4c4c4;
}
.page{
    padding: 0 !important;
}

.page-core {
    padding: 0 !important;
    background: var(--cinzaEscuro1);
}