* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Asap", sans-serif;
  user-select: none;
}
.certLinha {
  position: absolute;
  left: 35%;
}
body {
  width: 100vw;
  height: 100vh;
  background-color: #003641;
}

.hidden {
  display: none;
}
#logo-principal {
  width: 80%;
}

.logo {
  align-self: flex-start;
}

.cxs {
  display: flex;
  justify-content: space-around;
  align-items: center;
  height: 100%;
}

.cx1 {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  width: 45%;
  height: 100%;
  margin-top: -5rem;
}

.cx2 {
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  width: 45%;
  height: 70%;
  margin-top: 3rem;
}

.cx-assinatura {
  height: 70%;
  background-image: url(../img/outlook-fundo.png);
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 5px;
  padding: 25px;
  width: 90%;
  position: relative;
}

.assinatura {
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: start;
  bottom: 5%;
  width: 50%;
  height: auto;
}

.btn-gerar {
  width: 100%;
  text-align: center;
  z-index: 9999999;
}
.btn-gerar input {
  padding: 10px 20px 10px 20px;
  width: 70%;
  border-radius: 5px;
  border: none;
  background-color: #638f2e;
  font-weight: 500;
  color: #fff;
  font-size: xx-large;
}

.btn-gerar input:hover {
  background-color: #4c6c25;
  cursor: pointer;
}

.scb-logo {
  width: 100%;
  margin-bottom: -2rem;
}

.line {
  margin: 0px 10px;
}

.info-ctt div {
  display: flex;
  margin-bottom: 10px;
  align-items: center;
}

.local-assinatura,
.email-assinatura,
.tel-assinatura {
  font-size: 10px;
}

.info-ctt i {
  color: #76b729;
  margin-right: 7px;
}

.info-ctt p {
  white-space: nowrap;
  word-break: keep-all;
  display: inline-block;
  letter-spacing: 0.05em;
  font-feature-settings: "liga" 1;
  text-rendering: optimizeLegibility;
  text-align: justify !important;
}

#gps {
  color: #76b729;
  margin-right: 7px;
}
.nome-assinatura,
.cargo-assinatura,
.unidade-assinatura {
  width: auto;
  flex-grow: 1;
}

.imagemCertLinha {
  display: flex;
  align-items: center;
  width: auto;
  flex-grow: 1;
}

#campoCert1,
#campoCert2,
#campoCert3 {
  width: auto;
}
.colaborador {
  margin-bottom: 5px;
  width: auto;
  font-size: small;
}

.colaborador-e-cert {
  display: flex;
  width: auto;
}

.colaborador p,
.colaborador h2 {
  margin-bottom: 5px;
}

.cert {
  margin-right: 10px;
}

#campoCert3 {
  margin-right: unset;
}

.tt-pg {
  text-align: center;
}

.form-assinatura {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

#cfaLinkContainer {
  width: 40%;
  height: 30px;
  margin: 10px 0px;
  position: relative;
}

#cfaLinkContainer input {
  position: absolute;
  left: 15%;
}

.form-assinatura input,
.form-assinatura select {
  margin-bottom: 40px;
  font-size: larger;
}

.form-assinatura select {
  cursor: pointer;
}

#fnome,
.fcargo,
#cfaLink {
  width: 70%;
  border-radius: 5px;
  padding: 10px 15px 10px 15px;
  border: none;
  outline: none;
}

#fagencia,
#funidade {
  width: 47%;
  border-radius: 5px;
  padding: 10px 15px 10px 15px;
  border: none;
  outline: none;
}

.ag-un {
  display: flex;
  width: 70%;
  justify-content: space-between;
}

.cert-txt,
.txt-rdp {
  text-align: center;
}

.txt-rdp {
  margin-top: 10px;
  font-size: small;
}

.txt-rdp a {
  text-decoration: none;
  color: #76b729;
}
.txt-rdp a:hover {
  color: #638f2e;
}

.cert-rows {
  width: 70%;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.cert-box {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.cert-row4 {
  margin-top: 5px;
}

.cert-row1,
.cert-row2,
.cert-row3 {
  display: flex;
  flex-direction: column;
  width: fit-content;
  justify-content: space-between;
}

.cert-row1 label,
.cert-row2 label {
  margin-right: 2em;
}

.cert-row1 span,
.cert-row2 span,
.cert-row3 span,
.cert-row4 span {
  margin-bottom: 5px;
  font-size: larger;
}

.cert-row1 input,
.cert-row1 label,
.cert-row2 input,
.cert-row2 label,
.cert-row3 input,
.cert-row3 label,
.cert-row4 input,
.cert-row4 label {
  cursor: pointer;
}

.s-cert {
  margin-top: 5px;
  font-size: larger;
}

.s-cert input,
.s-cert label {
  cursor: pointer;
}

.bv-texto {
  position: absolute;
  bottom: 55%;
  left: 2%;
  font-size: medium;
  margin-left: 10px;
  opacity: 0.8;
}