body, html { font-family: 'Oswald', sans-serif;height:100%;color:#666; }

body { background-image:url('https://www.dortprev.com.br/wp-content/uploads/2021/07/medium-shot-doctor-examining-patient-scaled-1-1024x768.jpg'); background-attachment:fixed; background-size:100%; background-repeat:no-repeat; }

input { width:100%;height:40px;background:none;border:none;border-bottom:2px solid #fff;padding:5px; }
button { background:none;border:none;cursor:pointer; }
li { display:block; }
a { cursor:pointer; }

header { padding:10px 20px;background:#083045;position:relative; }
header img { width:200px;margin-left:50px; }
#contatos { color:#fff;text-align:right;padding:0px;margin:10px 0px 0px 0px; }
#contatos li { display:block;font-size:18px; }
#contatos a { color:#fff; }

#painel, .row, .col-md-5, .col-md-7{ min-height:100%; }
#painel { background:#08304588; }

#formulario { width:350px;padding:20px;margin:auto;color:#fff; }
#formulario input { color:#fff; }
#formulario button { color:#fff; }

#notificacoes { padding:30px 100px; }


.info-filial { padding:20px;color:#fff;background:#083045; }

.enviar {
width:100%;
height:40px;
margin-top:25px;
}

.nav-item a { color:#fff; }

#mensagens-before{ content: "";width: 0;height: 0;position:fixed;border-left: 20px solid transparent;border-right: 20px solid transparent;border-top: 20px solid #fff;top: 10px;right: 0px;display:none; }
#mensagens { position:fixed;top:10px;right:20px;width:300px;background:#f66;padding:5px;min-height:70px;border-radius:10px;color:#fff;display:none }

@media screen and (max-width: 512px) {
  body {  background-size:200%;background-position:left top; }
  header { padding:20px;background:#083045;position:relative; }
  header img { width:120px;margin-left:20px;margin-bottom:0px; }
  #contatos { color:#fff;float:right;padding:0px; }
  #contatos li { display:block;font-size:14px; }
  #contatos a { color:#fff; }

  #notificacoes { padding:30px 10px; }
}