#home {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
}

#home main {
    flex: 1 0 auto;
}

#home #logo-caren {
    text-align: center;
    padding-top: 25px;
}

#home #logo-caren img{
    width: 100%;
    max-width: 380px;
}

#home .erro {
    text-align:center;
    margin-bottom: 4px;
}

#home .submit {
    text-align: center;
}

#home .submit .btn {
    width: 75%;
    text-transform: None;
    font-weight: bold;
    font-size: 16px;
}

/*#home table {*/
/*    margin-top: 50px;*/
/*}*/

#home #logo-rodape {
    text-align: center;
    margin: 5px 0;
}

#home #logo-rodape img{
    width: 30%;
}

#home footer .row {
    margin-bottom: 0!important;
}

#home .prontuariodamae {
     font-size: 18px;
    }

#home .unidadeinternacao {
    text-align: center;
    font-weight: bold;
    margin-top: 0;

}

.search_list_bar{
    width: 100%;
    margin-top: 20px;
}

@media (min-width: 600px) {
      .search_list_bar{
        align-items: center;
        display: flex;
    }
}

#atencao {

    padding: 0!important;
    margin: 0!important;
}

#nav-mobile li {
    list-style-type: none!important;
}

.nav_basica{
    height: 40px;
    line-height: 40px;
    background-color: #2ecc71!important;
}

.nav_media{
    height: 40px;
    line-height: 40px;
    background-color: #f1c40f!important;
}

.nav_risco{
    height: 40px;
    line-height: 40px;
    background-color: #de3d41!important;
}

.nav_basica .dropdown-content li > a{
    color: #2ecc71!important;
}

.nav_media .dropdown-content li > a{
    color: #f1c40f!important;
}

.nav_risco .dropdown-content li > a{
    color: #de3d41!important;
}

.tarja-basica{
    border-bottom: solid 5px #2ecc71;
    padding: 5px;
}

.tarja-media{
    border-bottom: solid 5px #f1c40f;
    padding: 5px;
}

.tarja-risco{
    border-bottom: solid 5px #de3d41;
    padding: 5px;
}

#atencao h3 {
    margin-top: 0!important;
    font-size: 18px;
    font-weight:bold;
}

#atencao h5 {
    text-align: center;
    border-top: solid 1px #dddddd;
    padding-top: 10px;
    font-size: 18px;
    margin:0!important;
}

#atencao .topo {
    text-align: center;
}

#atencao .caren-topo {
    width: 75px;
    margin-top: -30px;
}

#atencao main li {
    list-style-type: square!important;
    line-height: 120%!important;
}

#atencao .classificao, #atencao ul  {
    margin-left: 15px;
    padding-left: 10px;
    font-size: 18px;
    margin-bottom:10px;
}

#atencao .col-atencao {
    position: relative;
}

#atencao h3 {
    font-size: 24px;
}

#atencao .escala {
    width: 100%;
    position: absolute;
    text-align: center;
}

#atencao .col-atencao {
    max-width: 275px!important;
}

#atencao .escala div {
    padding-top: 33%;
    font-size: 38px;
}

#atencao .titulo_ficha {
    font-weight: bold;
}

#atencao .responsive-table h3 {
    margin: 0!important;
}

#atencao .responsive-table td, #atencao .responsive-table th {
    padding: 6px 3px;
    font-size:16px;
}

#atencao .titulo_recomendacoes{
    font-size:20px;
    font-weight:bold;
}
#atencao .titulo_alertas{
    font-size:24px;
    font-weight:bold;
}

#atencao .identificacao_rn{
    font-size:18px;
    line-height: 120%;
    font-weight:bold;
}

#atencao .li_recomendacoes{
    margin-top:38px;
}

#atencao .recomendacoes{
    font-size:18px;
}

#atencao .conteudo_alertas{
    font-size:18px;
}

#atencao .div_identificacao{
    margin-bottom:15px;
}

#atencao .div_recomendacoes{
    margin-bottom:10px;
}

#atencao .div_footer{
    width:100%;
}

#atencao p {
    line-height: 110%;
    text-align: justify;
    margin: 8px 0 !important;
}

.checklist ul{
    margin: 0!important;
}

.checklist li {
    font-size:14px!important;
    margin-bottom: 8px!important;
}

#atencao footer {
    text-align: center;
}


#atencao footer img {
    width: 125px!important;
    text-align: center;
}

.checklist {
    margin-bottom: 15px!important;
}

#atencao footer {
    margin-bottom: 5px!important;
}

.voltar {
    position: absolute;
    top: 3px;
    left:5px;
    font-weight: bold;
    color: #ffffff;
}

.voltar:hover {
    color: #ffffff;
    text-decoration: none;
}

@media print {
    nav {
        display:none!important;
    }
    .basica{
        border-top: solid 30px #2ecc71;
    }

    .media{
        border-top: solid 30px #f1c40f;
    }

    .risco{
        border-top: solid 30px #de3d41;
    }

    #atencao .tudo{

    }
    #atencao .div_footer{
        bottom: 0;
        left: 0;
        position: absolute;
    }

    #grafico_atencao {
        height: 220px!important;
        width: 220px!important;
    }
}

@page {
    margin:0;
}

#dashboard {
    background: #363636;
    color: #BBBBBB;
}

#dashboard .grafico_atencao_dashboard {
    position: relative;
}

#dashboard .grafico_atencao_dashboard .escala {
    width: 100%;
    position: absolute;
    text-align: center;
}

#dashboard .grafico_atencao_dashboard .escala > div {
    padding-top: 30%!important;
    font-size: 52px;
}

#dashboard .dashboard_logo_caren {
    margin: 20px 0 15px 0;
    width: 50%;
}

#dashboard .dashboard_logo_estado{
    margin-top: 40px;
    float: right;
    width: 75%;
}

#dashboard h1 {
    font-size: 32px;
}

#dashboard p {
    font-size:16px;
    margin-top:0!important;
    margin-bottom:20px;
}

.login-page, .register-page {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100vh;
    -ms-flex-pack: center;
    justify-content: center;
}

.login_caren {
    border-top: solid 30px #01a5a2;
    text-align: center;
}

@media (max-width: 576px) {
    .login-box {
        margin-top: 0.5rem;
        width: 90%;
    }
}

.login-box {
    width: 360px;
}

.login-box .logo_sesgo img {
    width: 90%;
    margin: 5px 0;
}

.login-box .card-footer {
    font-size: 12px;
    color: #6f6f6f;
}

.login_logo_caren {
    width: 75px;
    margin-top: -27px;
}

#botao_anonimizar {
    max-height: 40px;
}

.leito {
    padding: 0 10px;
    font-size: 3vw;
}

@media (min-width: 600px) {
    .leito {
        padding: 0 10px;
        font-size: 2vw;
    }
}

@media (min-width: 992px) {
    .leito {
        padding: 0 5px;
        font-size: 1.5vw;
    }
}

@media (min-width: 1200px) {
    .leito {
        padding: 0 5px;
        font-size: 0.9vw;
    }
}

@media (min-width: 2000px) {
    .leito {
        line-height: 2vw;
        height: 2vw;
    }
}

.leito_basic{
    width: 100%;
    margin: 16px 0 16px 0;
    background-color: #2ecc71!important;
}

.leito_media{
    width: 100%;
    margin: 16px 0 16px 0;
    background-color: #f1c40f!important;
}

.leito_risco{
    width: 100%;
    margin: 16px 0 16px 0;
    background-color: #de3d41!important;
}

.leito_alert{
    width: 100%;
    margin: 16px 0 16px 0;
    background-color: #fff!important;
    color: #afafaf;
    border: #f39c12 dashed 2px;
    box-shadow: none;
    cursor: not-allowed;
}

.leito_erro{
    width: 100%;
    margin: 16px 0 16px 0;
    background-color: #fff!important;
    color: #afafaf;
    border: #afafaf dashed 1px;
    box-shadow: none;
    cursor: not-allowed;
}

.leito_vazio{
    width: 100%;
    margin: 16px 0 16px 0;
    background-color: #cfcfcf!important;
    cursor: not-allowed;
}

.nav-select {
    height: 64px;
    line-height: 64px;
    align-items: center;
    display: flex;
}

.nav-select input.select-dropdown {
    color: #ffffff;
    border-bottom: 1px solid #ffffff;
}

.nav-select .caret {
    fill: #ffffff;
}

.card-content {
     padding: 12px 24px!important;
}

.card .card {
    box-shadow: none!important;
    border: none!important;
}

.card .card .card-action{
    box-shadow: none!important;
    border-top: none!important;
}

@media only screen and (max-width: 992px) {
    nav .brand-logo {
        left: 0%!important;
        -webkit-transform: translateX(0%)!important;
        transform: translateX(-0%)!important;
    }
}