@import url('https://fonts.googleapis.com/css2?family=Dosis:wght@300&family=Inter:wght@200;400&display=swap');

body { 
  padding: 0; margin: 0; font-family: 'Dosis', sans-serif;
  font-family: 'Inter', sans-serif; }

.linha { width: 100%; margin: 0; padding: 0; position: absolute; }
.linha1 { height: 3px; background-color: #2ea553; }
.linha2 { height: 4px; background-color: #bcbfc0; }
.linha3 { height: 5px; background-color: #90EE90; }
.box-imagem-fundo { width: 100%; height: 100%; position: absolute; z-index: -1; }
.imagem-fundo { width: 100%; height: 100%; }
.navbar-home { padding-top: 10px; padding-bottom: 10px; }
.logo { max-width: 150px; }
.menu-home { display: flex; justify-content: flex-end; align-items: center; }
.item-menu-home { list-style-type: none; padding-right: 10px; text-shadow: 1px 1px 1px rgba(210, 210, 210, 1); }
.item-menu-home a { color: #000; }
.item-menu-home a:hover { text-decoration: none; }
.select-plataforma-home { max-width: 600px; padding-top: 4%; margin: auto; }
.select-plataforma { display: flex; justify-content: flex-end; align-items: center; width: 100%; height: 40px; border: 1px solid #777; border-radius: 5px; background-color: #fff; padding-right: 10px; }
.select-plataforma-options { width: 100%; background-color: #fff; border: 1px solid #777; border-top: 0px; border-radius: 0px 0px 5px 5px; padding-left: 10px; display: none; }
.seta-select { width: 10px; }
.plataforma-option { color: #000; list-style-type: none; }
.plataforma-option:hover { color: #fff; background-color: #000; }
.select-plataforma-options a:hover { text-decoration: none; }
.sem-borda { border: 0; }
.rodape { position: fixed; width: 100%; bottom: 0; text-align: center;}
.rodape p { line-height: 100%; }
.botao-plataformas { max-width: 50%; display: flex; justify-content: space-around; margin: auto; margin-bottom: 20px; }
.link-plat { width: 150px; }
.link-plat:hover { opacity: 0.5; }
.todas-plat { color: #3d46cb; transition: all 0.3s ease; }
.todas-plat:hover { font-size: 1vw; text-decoration: none; color: #3d46cb; }
.linha-rodape { width: 100%; height: 1px; background-color: #000; margin-bottom: 5px; opacity: 0.3; }
.msg-rodape { font-size: 1.2vw; }
.topo-login { width: 100%; display: flex; justify-content: space-between; padding-top: 20px; padding-bottom: 20px; align-items: center; }
.home-img-login { width: 30px; }
.corfonte-admin { color: #22b14c; }
.corfonte-admin:hover { text-decoration: none; color: #22b14c; }

.corfonte-fiscal { color: #6dcff6; }
.corfonte-fiscal:hover { text-decoration: none; color: #6dcff6; }
.borda-fiscal { border-bottom: 15px solid #dcf2fd; }
.form-login-area-fiscal {  width:  clamp(300px, 50%, 90%); margin: auto; margin-bottom: 50px;  padding: 5%;  box-shadow: 5px 5px 5px rgb(192, 182, 182);   border-radius: 5px 5px; margin-top: clamp(0, 10%, 200px); background-color: #dcf2fd; }
.botao-fiscal { background-color: #6dcff6; color: #fff; margin-right: 5px; }
.botao-fiscal:hover { background-color: #007bff; color: #fff; }
.rodape-fiscal { position: fixed; bottom: 0; width: 100%; display: flex; flex-direction: column; background-color: #dcf2fd; padding-top: 10px; padding-bottom: 10px; font-size: 1vw; }
.menu-fiscalpage { width: 100%; display: flex; justify-content: space-around; background-color: #d0d2cc; border-top: 5px solid #6dcff6; border-bottom: 3px solid #007bff; }
.menu-fiscalpage-item { font-weight: bold; }
.menu-fiscalpage-item:hover { background-color: #6dcff6; color: #fff; }
.menu-fiscalpage-subitem:hover { background-color: #007bff; color: #fff; }

.corfonte-usuario { color: #6dcff6; }
.corfonte-usuario:hover { text-decoration: none; color: #6dcff6; }
.corfonte-paciente { color: #ccbbdb; }
.corfonte-paciente:hover { text-decoration: none; color: #ccbbdb; }
.imagem-login-box { width: 100%; margin-bottom: 20px; }
.imagem-login { width: 100%; max-height: 300px;}
.borda-admin { border-bottom: 15px solid #e8eed9; }
.borda-usuario { border-bottom: 15px solid #dcf2fd; }
.borda-paciente { border-bottom: 15px solid #ccbbdb; }
.form-login-area-usuario {  width:  clamp(300px, 50%, 90%); margin: auto; margin-bottom: 50px;  padding: 5%;  box-shadow: 5px 5px 5px rgb(192, 182, 182);   border-radius: 5px 5px; margin-top: clamp(0, 10%, 200px); background-color: #dcf2fd; }
.form-login-area-admin { width:  clamp(300px, 50%, 90%);margin: auto; margin-bottom: 50px;  padding: 5%; box-shadow: 5px 5px 5px rgb(192, 182, 182);   border-radius: 5px 5px;  background-color: #e8eed9;}
.form-login-area-paciente {width:  clamp(300px, 50%, 90%); margin: auto; margin-bottom: 50px;  padding: 5%; box-shadow: 5px 5px 5px rgb(192, 182, 182);   border-radius: 5px 5px; background-color: #ccbbdb}
.botao-admin { background-color: #86c88c; color: #fff; margin-right: 5px; }
.botao-admin:hover { background-color: #48bb4f; color: #fff; }
.botao-usuario { background-color: #6dcff6; color: #fff; margin-right: 5px; }
.botao-usuario:hover { background-color: #007bff; color: #fff; }
.botao-paciente { background-color: #b395c6; color:#ffff; margin-right: 5px; }
.botao-paciente:hover { background-color: #d2b1ee;  color: #ffff;}
.login-botoes { display: flex; justify-content: center; }
.rodape-admin { position: fixed; bottom: 0; width: 100%; display: flex; flex-direction: column; background-color:  #e8eed9; padding-top: 10px; padding-bottom: 10px; font-size: 1vw; }
.rodape-usuario { position: fixed; bottom: 0; width: 100%; display: flex; flex-direction: column; background-color: #dcf2fd; padding-top: 10px; padding-bottom: 10px; font-size: 1vw; }
.rodape-paciente { position: fixed; bottom: 0; width: 100%; display: flex; flex-direction: column; background-color: #ccbbdb; padding-top: 10px; padding-bottom: 10px; font-size: 1vw; }
.selecionar-inst-box { max-width: 600px; margin: auto; margin-top: 15%; }
.tela-carregamento { position: absolute; width: 100%; height: 100%; z-index: 99; display: none; background-color: #fff; }
.page-admin-topo { width: 100%; display: flex; justify-content: space-between; padding: 5px; }
.user-info { display: flex; flex-direction: column; align-items: flex-end; font-size: 1vw; }
.info-data { height: 100%; display: flex; align-items: flex-end; font-size: 1vw; }
.logo-centro { display: flex; align-items: center; }
.no-padding { padding: 0; }
.no-margin { margin: 0; }
.menu-adminpage { width: 100%; display: flex; justify-content: space-around; background-color: #a7a5a5a9; border-top: 5px solid #90ee90; border-bottom: 3px solid #2ea553; }
.menu-adminpage-item { color: white; }
.menu-adminpage-item:hover { color: rgb(46, 59, 231);  }
.menu-adminpage-subitem:hover { color: rgb(46, 59, 231); }
.marcadagua { position: fixed; bottom: 15px; right: 15px; opacity: 0.8; max-width: 150px; }
.page-admin-corpo { display: flex; flex-direction: column; margin-top: 10px; }
.input-form { margin-bottom: 10px; }
.titulo-form { margin-bottom: 20px; }
.botao-select-to-select { padding: 0; background-color: rgba(0, 0, 0, 0); border: none; }
.conteudo-corpo::-webkit-scrollbar { display: none; }
.menu-usuariopage { width: 100%; display: flex; justify-content: space-around; background-color: #d0d2cc; border-top: 5px solid #6dcff6; border-bottom: 3px solid #007bff; }
.menu-usuariopage-item { font-weight: bold; }
.menu-usuariopage-item:hover { background-color: #6dcff6; color: #fff; }
.menu-usuariopage-subitem:hover { background-color: #007bff; color: #fff; }

.menu-pacientepage { width: 100%; display: flex; justify-content: space-around; background-color: #d0d2cc; border-top: 5px solid #ccbbdb; border-bottom: 3px solid #ccbbdb; }
.menu-pacientepage-item { font-weight: bold; }
.menu-pacientepage-item:hover { background-color: #ffff00; color: #fff; }
.menu-pacientepage-subitem:hover { background-color: #ffff00; color: #fff; }

.maiusculo { text-transform: uppercase; }
.card-header-user { background-color: #007bff; color: #fff; }
.meu-dropdown { display: flex; }
.meu-menu-dropdown { display: none; }
.cad-conteudo { display: flex; justify-content: center; padding-top: 20px; padding-bottom: 20px; }
.cad-ordem-box { width: 80px; height: 100px; background-color: #000; clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 25% 50%, 0% 0%); }
.cad-ordem-box:hover { cursor: pointer; }
.form-cadastro { width: 100%; display: flex; }
.form-lado { flex: 5; }
.form-divisor { flex: 1; display: flex; justify-content: center; }
.divisor-linha { width: 1px; height: 100%; border-right: 1px solid #2ea553; }
.padding-top { padding-top: 20px; }
.cad-info { width: 100%; border-top: 1px solid #2ea553; margin-top: 20px; padding: 20px; }
.cad-naveg-titulo {  font-size: 1vw; color: #c55b11; border-bottom: 1px solid #2ea553; padding-left: 10px; }
.cad-ordem-box-ativo { width: 360px; height: 100px; background-color: #c5e0b5; clip-path: polygon(90% 0%, 100% 50%, 90% 100%, 0% 100%, 10% 50%, 0% 0%); position: relative; }
.ordem-box-lista-link { width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; padding-left: 40px; }
.ordem-box-link { color: #aaa; font-size: 1vw; list-style-type: none; }
.ordem-box-link:hover { cursor: default; }
.ordem-box-link-ativo { color: #000; }
.ordem-box-badge { position: absolute; top: 10%; left: 85%; border: 1px solid #000; }
.icone-plat { max-height: 20px; list-style-type: none; margin-right: 5px; }
.lista-sem-dec { list-style-type: none; }
.form-mensagem { min-width: 50%; position: absolute; top: 20%; left: 25%; z-index: 99; }


@media only screen and (max-height: 599px) {
  .conteudo-corpo { height: 480px; }
  .imagem-login { max-height: 250px; }

}
@media only screen and (min-height: 600px) and (max-height: 800px) {
	.conteudo-corpo { height: 480px; }
  .adminpage-subcorpo { padding: 30px; }
  .imagem-login { max-height: 250px; }
}
@media only screen and (min-height: 801px) {
	.conteudo-corpo { height: 600px; }
  .adminpage-subcorpo { padding: 70px; }
}
@media only screen and (min-height: 1000px) {
	.conteudo-corpo { height: 900px; }
  .adminpage-subcorpo { padding: 120px; }
}
@media only screen and (min-height: 1200px) {
	.conteudo-corpo { height: 1100px; }
  .adminpage-subcorpo { padding: 200px; }
}


svg { height: 10rem; width: 110%; position: absolute; top: 1%; left: -5%; }
/* Animacao do ECG */
path { stroke: #2ea553; stroke-width: 2px; fill: none; stroke-dasharray: 800, 500; stroke-dashoffset: 0; animation: pulse 6s infinite linear;
  &:nth-child(1) { 
    stroke: #b7b4c2;
  }
    

}
/* Animacao do ECG */
@keyframes pulse {
  0% {
    stroke-dashoffset: 5000;/*velocidade do pulso*/
  }
  100% {
    stroke-dashoffset: 0;
  }
}

/*--------------------------------------TREEVIEW_LISTAGEM_EM_SETORES-------------------------------------------------------*/

.treeView{
    display: flex;
    flex-direction: column;
}
.tabela{
    margin-left: 700px;
    margin-top: 100px;
}
.titulo{
    font-family:Arial, Helvetica, sans-serif;
    font-weight: bold;
}

.andar1{
    padding-left: 5px;
    cursor: pointer;
    font-family:Arial, Helvetica, sans-serif;
}
.andar2{
    padding-left: 15px;
    display: none;
    cursor: pointer;
    font-family:Arial, Helvetica, sans-serif;
}
.andar3{
    padding-left: 40px;
    display: none;
    cursor: pointer;
    font-family:Arial, Helvetica, sans-serif;
}
.Content{
    overflow:auto; 
}