:root {

  --var-max-width-view-device: 780px;

}



.page-single-dispositivos-view[data-pagina='dispositivo-inativo'] #page-single-dispositivos-view-desativado-seta:before {

  border-bottom: 10.5px solid #DADCDE;
  border-right:  10.5px solid transparent;
  border-left:   10.5px solid transparent;
  position:      relative;
  display:       table;
  content:       '';
  z-index:       1;
  margin:        0px auto 0px auto;
  height:        0;
  width:         0; 
  
}

.page-single-dispositivos-view[data-pagina='dispositivo-inativo'] #page-single-dispositivos-view-desativado-seta > div:before {

  
  border-bottom: 10px solid #E2E3E5;
  border-right:  10px solid transparent;
  border-left:   10px solid transparent;
  position:      relative;
  display:       table;
  content:       '';
  z-index:       2;
  margin:        0px auto 0px auto;
  height:        0;
  width:         0; 
  top:           -18px;

}


.page-single-dispositivos-show-pet,
.page-single-dispositivos-show-qr {

  background-color: #333333;
  
}


main.page-single-dispositivos-show-pet > div.container,
main.page-single-dispositivos-show-qr > div.container {

  max-width: var(--var-max-width-view-device);

}




main.page-single-dispositivos-show-pet a#single-dispositivos-editar,
main.page-single-dispositivos-show-qr a#single-dispositivos-editar {

  border-bottom-right-radius: 0.5rem;
  border-bottom-left-radius:  0.5rem;
  background-color:           #E52573;
  text-decoration:            none;
  font-weight:                bold;
  font-size:                  12px;
  padding:                    0.4rem 1.4rem;
  color:                      #FFFFFF;

}



#page-single-dispositivos-show-header {

  background-color: #FFFFFF;
  padding-bottom:   20px;
  padding-top:      20px;
  position:         relative;
  display:          table;
  width:            100%;

}


.page-single-dispositivos-show-pet {

  background-repeat: revert;
  background-image:  url('../images/fundo-perfil-pet.png');

}


.page-single-dispositivos-show-qr {

  background-repeat: revert;
  background-image:  url('../images/fundo-perfil-saude.png');

}


.page-single-dispositivos-show-foto {
  
  border-radius: 50%;
  max-height:    166px;
  max-width:     166px;
  height:        16.6rem;
  width:         16.6rem;
  border:        solid 3px #c9302b;
  overflow:      hidden;
  margin:        0 auto 2.4rem;

}


.page-single-dispositivos-show-foto > div {

  position: relative;
  display: table;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;

}




#page-single-dispositivos-show-nome {

  font-size: 24px;
  color:     #FFFFFF;

}


.page-single-dispositivos-view[data-pagina='dispositivo-inativo'] .all-dispositivo-tipo-sanguineo-item,
.page-single-dispositivos-show-pet .all-dispositivo-tipo-sanguineo-item,
.page-single-dispositivos-show-qr .all-dispositivo-tipo-sanguineo-item {

  background-color: #E52573;
  border-radius:    1rem;
  font-weight:    bold;
  font-size:      12px;
  position:     relative;
  padding:      .4rem .8rem;
  display:      table;
  margin:       0px auto;

}



.page-single-dispositivos-show-pet .all-dispositivo-telefone,
.page-single-dispositivos-show-qr .all-dispositivo-telefone {

  text-decoration:  none;
  border-radius:    8rem;
  border-color:     #E52573;
  transition:       all .15s ease-out;
  font-weight:      bold;
  font-size:        14px;
  padding:          12px 24px 12px 16px;
  border:           .1rem solid #FFFFFF;
  color:            #FFFFFF;
  
}


.page-single-dispositivos-show-pet .all-dispositivo-telefone i,
.page-single-dispositivos-show-qr .all-dispositivo-telefone i { margin-right: 6px; }
  

.page-single-dispositivos-show-pet .all-dispositivo-telefone:hover,
.page-single-dispositivos-show-qr .all-dispositivo-telefone:hover {

  background-color: #E52573;
  text-decoration:  none;
  color:            #FFFFFF;

}


.page-single-dispositivos-view[data-pagina='dispositivo-inativo'] .all-dispositivo-inativos-btn {

  background-color: #1BB99A;
  text-decoration:  none;
  border-radius:    26px;
  border-color:     #E52573;
  font-weight:      bold;
  transition:       all .15s ease-out;
  font-size:        14px;
  max-width:        180px;
  padding:          12px 24px 12px 16px;
  display:          table;
  border:           1.4px solid #CCCCCC;
  width:            100%;
  color:            #FFFFFF;

}


.page-single-dispositivos-view[data-pagina='dispositivo-inativo'] .all-dispositivo-inativos-btn i { margin-right: 6px; }

.page-single-dispositivos-view[data-pagina='dispositivo-inativo'] .all-dispositivo-inativos-btn:hover {

  background-color: #E52573;
  text-decoration:  none;
  color:            #FFFFFF;

}


#nav-page-single-dispositivos-show-tabs #nav-tab { margin-bottom: 1px; }
#nav-page-single-dispositivos-show-tabs .nav-link {

  background-color: #370770;
  border-color: #370770;
  margin-right: 10px;
  font-weight: bold;
  font-size: 14px;
  color: #FFFFFF;

}
#nav-page-single-dispositivos-show-tabs #nav-tab .active { background-color: #FFFFFF; border-color: #FFFFFF; color: #370770; }


#nav-page-single-dispositivos-show-tabs .nav-link:last-child { margin-right: 0px; }




#nav-page-single-dispositivos-show-tabs {

  max-width: 750px;
  position:  relative;
  padding:   0px 30px;
  z-index:   2;
  display:   table;
  margin:    0px auto;
  width:     100%;
}




#nav-page-single-dispositivos-show-tabs-content {

  position:   relative;
  z-index:    2;
  display:    table;
  width:      100%;
}




#nav-page-single-dispositivos-show-tabs-content:before {

  background-color: #FFFFFF;
  border-radius:    100% 100% 0 0;
  position:         absolute;
  content:          '';
  z-index:          0;
  height:           8rem;
  right:            0;
  left:             0;
  top:              40px;

  
}



#nav-page-single-dispositivos-show-tabs-content:after {

  background-color: #FFFFFF;
  position:         absolute;
  content:          '';
  z-index:          0;
  height:           calc(100% - 8rem);
  right:            0;
  left:             0;
  top:              158px;

}




#nav-page-single-dispositivos-show-tabs-content-list {

  background-color: #FFFFFF;
  border-radius:    1.2rem 1.2rem 0 0;
  box-shadow:       0 0 0.8rem rgb(10 10 10 / 16%);
  max-width:        778px;
  position:         relative;
  padding:          2rem 3.2rem;
  display:          table;
  z-index:          2;
  margin:           0px auto;
  width:            100%;

}




#nav-page-single-dispositivos-show-tabs-content-list h3 {

  margin-bottom: .4rem;
  font-weight:   bold;
  font-size:    1rem;
  position:      relative;
  display:       table;
  width:         100%;
  color:         #370770;

}




#page-single-dispositivos-show-footer {

  background-color: #FFFFFF;
  padding-bottom:   20px;
  padding-top:      20px;
  position:         relative;
  display:          table;
  width:            100%;

}