@charset "UTF-8";
/**
components paginacao 
**/
.paginacao {
  display: flex;
  justify-content: flex-end;
  padding: 10px;
}

.currentPg, .btnPg {
  padding: 0 5px;
  border: 1px solid #00afef;
  color: #00afef;
  background-color: #f4f5f8;
  height: 30px;
}
.currentPg:hover, .btnPg:hover {
  background-color: #00afef;
  color: #fff;
}
.currentPg a, .btnPg a {
  cursor: pointer;
  text-decoration: none;
}

.linkArrowPg {
  font-size: 12px;
  font-weight: bold;
}

.mDireita {
  margin-right: 5px;
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
}

.mEsquerda {
  margin-left: 5px;
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
}

/**
components Formularios 
**/
.labelDados {
  color: #344767;
  font-size: 0.7em;
  font-weight: bold;
  margin-bottom: 0;
  padding: 0px 4px !important;
}

.w-43 {
  width: 43% !important;
}

.w-30 {
  width: 30% !important;
}

.inputSystem {
  font-size: 0.9em;
  border: none !important;
  padding: 0px 6px !important;
  border-radius: 0 !important;
}
.inputSystem:disabled {
  background: transparent !important;
}

.editando {
  background-color: #f5f5f5;
  border-bottom: 1px solid #e0e0e0 !important;
}
.editando:focus {
  background-color: #f5f5f5;
}

/** BG Forms **/
.bgPadrao {
  font-family: "Poppins", serif;
  font-weight: 400;
  font-style: normal;
  width: 100%;
  min-height: 100vh;
  background: url("../img/formsimg/bgform1.png") no-repeat;
  background-size: cover;
}
.bgPadrao .max-1920 {
  max-width: 1920px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.bgPadrao .headerForm {
  width: 75%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}
.bgPadrao .headerForm img {
  width: 20%;
}
.bgPadrao .contentForm {
  flex: 1;
  width: 75%;
  display: flex;
  background-color: #F0F2F5;
}
.bgPadrao .contentForm .gridForm {
  width: 100%;
  background-color: #fff;
  display: flex;
  justify-content: center;
  gap: 10px;
  margin: 25px 60px;
  border-radius: 12px;
  box-shadow: 3px 4px 6px -1px rgb(166, 161, 166);
}
.bgPadrao .contentForm .menuForm {
  flex: 1;
  max-width: 30%;
  border-right: 1px solid #f0f2f5;
}
.bgPadrao .contentForm .inputsForm {
  position: relative;
  flex: 2;
  max-width: 70%;
}
.bgPadrao .contentForm .inputsForm .subTituloForm {
  font-size: 0.8rem;
}
.bgPadrao .contentForm select option {
  font-size: 0.8rem !important;
}
.bgPadrao .contentForm .menuFormulario {
  list-style-type: none;
  margin-left: 0;
  padding-left: 0;
}
.bgPadrao .contentForm .menuFormulario li {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: self-start;
  font-size: 0.8em;
  text-align: left;
  gap: 5px;
  margin-block: 10px;
  width: 100%;
  padding-inline: 15px;
}
.bgPadrao .contentForm .menuFormulario li a {
  text-decoration: none;
  padding: 10px 8px;
  text-align: left;
  width: 80%;
}
.bgPadrao .contentForm .menuFormulario li .linhaBorda {
  width: 90%;
  height: 1px;
  background: #f0f2f5;
  display: block;
}
.bgPadrao .contentForm .menuFormulario li:last-child .linhaBorda {
  display: none;
}
.bgPadrao .contentForm .menuFormulario .menu-link.disabled {
  pointer-events: none;
  opacity: 0.5;
  cursor: not-allowed;
}
.bgPadrao .contentForm .menuFormulario .menu-link.disabled:hover {
  text-decoration: none;
}
.bgPadrao .contentForm .menuFormulario .menu-link.activeForm {
  opacity: 1;
  color: #fff;
  background: rgba(1, 175, 239, 0.6) !important;
  border-radius: 10px;
  pointer-events: none;
  padding: 5px 10px;
  width: 90%;
}
.bgPadrao .contentForm .menuFormulario .menu-link.completed {
  opacity: 0.8;
  pointer-events: none;
}
.bgPadrao .activeForm {
  color: #fff;
  background: rgba(1, 175, 239, 0.6) !important;
  border-radius: 10px;
}
.bgPadrao .activeForm:focus {
  background: rgba(1, 175, 239, 0.6) !important;
}
.bgPadrao .invalid-feedback {
  font-size: 0.8rem !important;
}

.inputsEstilo {
  font-size: 0.8rem;
  margin-inline: 5px;
  width: 100%;
  padding: 3px;
  line-height: 1.5rem;
  color: #495057 !important;
  background-color: transparent;
  background-clip: padding-box;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 0.375rem;
  transition: 0.2s ease;
  border: 1px solid #3a93ee;
  opacity: 1 !important;
}
.inputsEstilo::-moz-placeholder {
  color: #6c757d;
  opacity: 1;
}
.inputsEstilo::placeholder {
  color: #6c757d;
  opacity: 1;
}
.inputsEstilo:focus {
  color: #495057;
  background-color: transparent;
  border-color: #3a93ee;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(58, 147, 238, 0.25);
}

.bgCorreios {
  background: url("../img/formsimg/bg-correios.png") no-repeat !important;
  background-size: cover !important;
}

.bgEternoHeroi {
  background: url("../img/formsimg/bg-eternoheroi.png") no-repeat !important;
  background-size: cover !important;
}

.bgIme {
  background: url("../img/formsimg/bg-ime.png") no-repeat !important;
  background-size: cover !important;
}

.bgParcerias {
  background: url("../img/formsimg/bg-parcerias.png") no-repeat !important;
  background-size: cover !important;
}

.bgAman {
  background: url("../img/formsimg/bg-aman.png") no-repeat !important;
  background-size: cover !important;
}

.bgRenovacao {
  background: url("../img/formsimg/bgRenovacao.png") no-repeat !important;
  background-size: cover !important;
}

.footer {
  display: none;
}

/** 
 *  Input Foto
 */
#picture__input {
  display: none;
}

.picture {
  width: 128px;
  height: 152px;
  border-radius: 5px;
  border: 1px solid #000;
  background: #f1eeef;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #aaa;
  cursor: pointer;
  font-family: sans-serif;
  transition: color 300ms ease-in-out, background 300ms ease-in-out;
  outline: none;
  overflow: hidden; /* Importante para object-fit */
}

.picture:hover {
  color: #777;
  background: #ccc;
}

.picture:active {
  border-color: turquoise;
  color: turquoise;
  background: #eee;
}

.picture:focus {
  color: #777;
  background: #ccc;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

#foto {
  display: none;
}

#foto-preview {
  width: 128px;
  height: 152px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 5px;
  border: 2.5px solid #000;
}

.custom-file-upload {
  border: 1px solid #ccc;
  padding: 5px;
  border-radius: 5px;
  display: inline-block;
}

#choose-file-button {
  font-size: 0.8rem;
  background-color: #021f72;
  color: white;
  padding: 8px 12px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
}

#file-name {
  margin-right: 5px;
}

.bgInput {
  display: none;
}

.resumo-section {
  background-color: #f8f9fa;
  padding: 15px;
  border-radius: 5px;
  margin-bottom: 20px;
}

.card-title {
  color: #0d6efd;
  font-weight: 600;
}

.info-label {
  font-weight: 600;
  color: #495057;
}

.swal-wide {
  max-width: 800px !important;
  width: 90% !important;
}

.swal2-popup {
  padding: 1.5em !important;
}
@media screen and (min-width: 768px) {
  .swal2-popup {
    overflow: hidden !important;
  }
}

.borda-cert {
  width: 100%;
  max-width: 750px;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .borda-cert .swal2-html-container {
    overflow: hidden !important;
  }
}

@media screen and (max-width: 767px) {
  .swal2-popup,
.borda-cert {
    overflow-y: auto !important;
  }
  .swal2-html-container {
    overflow: auto !important;
  }
}
.h1Pedido {
  font-size: 1.5rem;
  font-weight: 600;
  color: #0d6efd;
}

.pSubPedido {
  font-size: 1.2rem;
  font-weight: 600;
  color: #495057;
}

.pTextPedido {
  font-size: 1rem;
  font-weight: normal;
  color: #495057;
}

.btn-outline-success {
  color: #198754;
  border-color: #198754;
}

.btn-outline-info {
  color: #0dcaf0;
  border-color: #0dcaf0;
}

.btn-outline-dark {
  color: #212529;
  border-color: #212529;
}

.btn-outline-roxo {
  color: #6f42c1;
  border-color: #6f42c1;
}

.btn-outline-laranja {
  color: #fd7e14;
  border-color: #fd7e14;
}

.btn-outline-can {
  color: #dc3545;
  border-color: #dc3545;
}

.smallBtn {
  padding: 0.15rem 0.5rem;
  font-size: 0.75rem;
  margin: 0 2px;
}

/* ===============================
    Formulário de Renovacao
=============================== */
.contentRenovacao {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 40px 20px;
}

.cpfRenovacao {
  width: 300px !important;
}

.listaRenovacao {
  list-style: none;
  padding-left: 15px;
}
.listaRenovacao li {
  font-size: 12px;
}

.renovaPagamento {
  width: 100% !important;
}

.fixBtnCopiar {
  margin-bottom: 0 !important;
}

.contentFixRenovacao {
  width: 100% !important;
  display: block !important;
}

.divNewLoad {
  width: 113%;
  height: 88vh;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  background: rgba(255, 255, 255, 0.9098039216);
  z-index: 88888;
}

@media (max-width: 992px) {
  /**formulário**/
  .max-1920 {
    padding: 0;
  }
  .menuForm,
.inputsForm {
    max-width: 100% !important;
  }
  .gridForm {
    margin: 0 !important;
    flex-direction: column;
  }
  .menuFormulario {
    display: flex;
    overflow-x: auto;
    white-space: nowrap;
    width: 100%;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    flex-wrap: nowrap;
    padding: 8px 0;
  }
  .menuFormulario li {
    display: inline-flex;
    flex: 0 0 auto;
    margin-right: 10px;
  }
  .menuFormulario::-webkit-scrollbar {
    height: 4px;
  }
  .menuFormulario::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.2);
    border-radius: 4px;
  }
  .bgPadrao .headerForm,
.bgPadrao .contentForm {
    width: 100%;
  }
  .cpfRenovacao {
    width: 90% !important;
  }
}
/**
components Sidebar 
**/
.nav-item {
  font-family: "Poppins", serif;
  font-weight: 400;
  font-style: normal;
}
.nav-item .nav-link:hover {
  color: #fff !important;
  background: rgba(1, 175, 239, 0.6) !important;
}
.nav-item .nav-link.active {
  background: rgb(2, 31, 114) !important;
  color: white !important;
}

/**
components Botões 
**/
.btn-outline-azulPisc {
  color: #77cffc;
  border-color: #77cffc;
}

.btn-group .btn.active {
  background-color: #007bff;
  color: white;
  border-color: #007bff;
}

.btn-outline-azulPisc.active {
  background-color: #77cffc !important;
  color: white;
  border-color: #77cffc !important;
}

.btn-outline-danger.active {
  background-color: #f44335 !important;
  color: white;
  border-color: #f44335 !important;
}

.btn-outline-warning.active {
  background-color: #ffa726 !important;
  color: white;
  border-color: #ffa726 !important;
}

.buttomTable {
  display: flex;
  justify-content: center;
  gap: 5px;
}
.buttomTable a {
  padding: 2px !important;
  line-height: 1;
}

/**
components Configurações 
**/
.config-menu {
  font-size: 0.8rem;
  list-style: none;
  padding: 0;
  margin: 0;
}

.config-menu li {
  margin-bottom: 10px;
}

.config-menu a {
  font-size: 0.8rem;
  display: flex;
  align-items: center;
  padding: 10px 15px;
  color: #344767;
  text-decoration: none;
  border-radius: 5px;
  transition: all 0.3s;
}

.config-menu a:hover,
.config-menu a.active {
  background-color: #c9c9c9;
  color: #344767;
  box-shadow: 0 4px 6px -1px rgba(19, 19, 19, 0.15), 0 2px 4px -1px rgba(12, 2, 5, 0.1);
}

.spin {
  animation: spin 1s linear infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.inputsEstilo {
  font-size: 0.8rem;
  margin-inline: 5px;
  width: 100%;
  padding: 3px;
  line-height: 1.5rem;
  color: #495057 !important;
  background-color: transparent;
  background-clip: padding-box;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 0.375rem;
  transition: 0.2s ease;
  border: 1px solid #3a93ee;
  opacity: 1 !important;
}
.inputsEstilo::-moz-placeholder {
  color: #6c757d;
  opacity: 1;
}
.inputsEstilo::placeholder {
  color: #6c757d;
  opacity: 1;
}
.inputsEstilo:focus {
  color: #495057;
  background-color: transparent;
  border-color: #3a93ee;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(58, 147, 238, 0.25);
}

.material-icons.size-16 {
  font-size: 16px;
}
.material-icons.size-18 {
  font-size: 18px;
}
.material-icons.size-24 {
  font-size: 24px;
}
.material-icons.size-36 {
  font-size: 36px;
}
.material-icons.size-48 {
  font-size: 48px;
}

.btnSalvar {
  margin: 0;
  padding: 6px;
  background: transparent;
  color: #7b809a;
  cursor: pointer;
}

/**
 header home 
**/
@media (max-width: 768px) {
  .listaStatus {
    flex-direction: column;
  }
  .stickyMobile {
    width: 88% !important;
  }
}
.bgBranco {
  background-color: #fff !important;
}

.dropdown-menu {
  position: absolute;
  z-index: 1000;
  min-width: 10rem;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.175);
}

.cursor-pointer {
  cursor: pointer;
}

/* Garante que o dropdown fique sobre outros elementos */
.dropdown {
  position: relative;
  z-index: 1000;
}

.dropdown-menu {
  transform-origin: 0 0;
  animation: dropdownAnimation 0.3s ease forwards;
}

@keyframes dropdownAnimation {
  from {
    opacity: 0;
    transform: scale(0.95);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
.newLoad {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.cardHeaderStatus {
  display: flex;
  justify-content: space-between;
  margin-inline: 15px;
  padding-block: 5px;
}
.cardHeaderStatus .bgIcon {
  background-color: #021f72;
  padding: 8px 15px;
  border-radius: 8px;
}
.cardHeaderStatus .bgIcon i {
  color: #fff;
}

.iconSizehome {
  font-size: 12px !important;
}

.idAlunoSmall {
  font-size: 12px;
  color: #b3b7c5;
}

.navbar-vertical {
  background: #ffffff !important;
}

.navbar-vertical .navbar-nav .nav-link {
  color: #363636;
}

.bg-gradient-feeb {
  background-image: linear-gradient(195deg, #00afef 0%, #022073 100%);
}

/** atigo css **/
body {
  overflow-x: hidden;
}

.loading, .carregando {
  top: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 99999;
  background-color: rgba(255, 255, 255, 0.6901960784);
  display: flex;
  justify-content: center;
  align-items: center;
}

.txt-preto {
  /* color: #3e3e3e;*/
  color: #000;
}

.img-loading {
  width: 15%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.bg-gradient-green {
  background-image: linear-gradient(195deg, #adf2a3 0%, #25d366 100%);
  color: white;
}

select {
  font-size: 15px !important;
}

.link_table:hover {
  color: #1A73E8;
}

.bgAzul {
  background: #002072;
  color: white;
}

.bgAzul:hover {
  border: 1px solid #002072 !important;
  color: #002072 !important;
}

.input-group.input-group-outline.is-focused .form-label, .input-group.input-group-outline.is-filled .form-label {
  line-height: 0.25 !important;
}

.bg-gradient-login {
  background-image: linear-gradient(195deg, #002072 0%, #002072 100%);
}

.boxform {
  display: inline-flex;
}

.bg-cinza {
  background: #f0f2f5 !important;
}

.input-grupo {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}

.paddin-r {
  padding-right: 15px;
}

.wid-50 {
  width: 50%;
}

.wid-100 {
  width: 100% !important;
}

.wid-30 {
  width: 30%;
}

.wid-42 {
  width: 42%;
}

.wid-15 {
  width: 15%;
}

.margLe-5 {
  margin-left: 5px;
}

.FixedMenu {
  position: fixed;
  bottom: 0;
  right: 10px;
  z-index: 1000;
}

h6 {
  color: #3a93ee;
}

.sectionFoto {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 10px;
}
.sectionFoto .d-flex.mr-2 {
  flex: 1;
  min-width: 50%;
}
.sectionFoto .botoesAluno {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin-right: 10px;
}
.sectionFoto .form-group input {
  width: 100%;
  max-width: 400px;
}
.sectionFoto .d-flex.flex-column small {
  margin-bottom: 5px;
}

.card .card-body {
  padding: 10px !important;
}

.btn-grid-w {
  padding: 5px 2px;
  margin-bottom: 5px;
}

.btnContato {
  padding: 2px 5px;
  margin-bottom: 5px;
}

.imgAluno {
  width: 100px;
  height: 120px;
  border-radius: 8px;
  margin-left: 15px;
}

.img-aluno {
  width: 300px;
  height: 350px;
  /* background-position: right !important;
   background-repeat: no-repeat !important;
   background-size: contain !important;*/
}

.btn-div {
  position: absolute;
  bottom: 20px;
  right: 15px;
  display: grid;
}

.btn-grid {
  width: 100px;
  font-size: 10px;
  padding: 5px 0px;
  margin-bottom: 5px;
}

.btn-gridStatus {
  font-size: 10px;
  padding: 5px 0px;
  margin-bottom: 5px;
}

.linkComp {
  cursor: pointer;
}

.lista-dados {
  list-style-type: none;
}

.lista-dados li {
  color: #344767;
  font-weight: bold;
}

.l-dados {
  color: #9398ad;
  font-weight: normal;
  font-size: 14px;
  padding-right: 8px;
}

.pr30 {
  padding-right: 30px;
}

.red {
  color: #E53935;
}

.edita-form {
  padding: 0;
  margin-bottom: 5px;
}

.edita-form:focus {
  border-bottom: 1px solid #002072;
  background: #f1f1f1;
}

.inp-select {
  padding: 0px 0px 0px 5px;
}

.btn-salvar {
  color: #43A047;
  font-size: 12px;
  border: 1px solid #43A047;
  border-radius: 5px;
  padding: 2px 5px;
  margin-left: 2px;
}

.ico-s {
  font-size: 14px;
}

.mostra_inp {
  width: 100%;
  display: inline-flex;
  padding-top: 10px;
}

.cortaImg {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.max-W1200 {
  max-width: 100% !important;
}

.bf {
  padding: 10px;
}

.box-foto {
  text-align: center;
  display: grid;
  justify-content: center;
  align-items: center;
}

.formbtn {
  display: flex;
  justify-content: center;
}

.carteiriha {
  display: grid;
}

.cDigital {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.box-cartei {
  background-color: #fff;
  border-radius: 5px;
}

.cartFrente {
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  padding-top: 77px;
  width: 588px;
  margin-left: 10px;
  height: 392px;
  background-color: white;
}

.espcart {
  padding-left: 33px;
  padding-right: 15px;
}

.infos-qr {
  display: grid;
  float: right;
}

.linha-80 {
  text-align: center;
  width: 80%;
  height: 1px;
}

.nci {
  color: #4eaff0;
  text-transform: uppercase;
}

.img-consulta {
  width: 150px;
  height: 170px;
  border-radius: 5px;
  border: 1px solid #000;
}

.qrcode {
  width: 200px;
  height: 200px;
}

.borda-cert, .bordaCetificado {
  border: 1px solid #008BD0;
  border-radius: 5px;
}

.bordaCetificadoBotton {
  width: 100% !important;
  border-bottom: 1px solid #008BD0;
}

.infos-box {
  display: flex;
  justify-content: center;
}

.lista--valid {
  text-align: left;
  list-style-type: none;
  margin: 0;
  padding: 0;
  margin-left: 10px;
}

.lista--valid li {
  padding-bottom: 10px;
  font-size: 14px;
}

.in-ca-lis {
  display: flex;
  list-style-type: none;
}

.imgAp {
  width: 120px;
}

.dataVal {
  font-weight: 400;
  font-size: 18px;
}

.pt-45 {
  padding-top: 1.2em;
}

.dadosBox {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  padding: 6px 6px;
  border: 1px solid #b9bbc9;
  border-radius: 10px;
  margin-left: 8px;
  margin-bottom: 15px;
}

.ld-dados {
  display: flex;
  list-style-type: none;
}

.qrcode-cart {
  width: 85px;
}

.anoImg {
  margin-top: -90px;
  float: right;
}

.jcropper-holder {
  border: 1px black solid;
}

.cartConteudo {
  display: flex;
  justify-content: start;
  padding-top: 15px;
  padding-left: 25px;
}

.qr-coal {
  display: flex;
  justify-content: start;
  padding-left: 55px;
}

.listaCartvirtual {
  list-style-type: none;
}

.pl-codAl {
  padding-left: 67px;
}

.listaStatus {
  display: flex;
  justify-content: flex-start;
  list-style-type: none;
}

.listaStatus li {
  display: flex;
  gap: 8px;
}

.dot {
  height: 10px;
  width: 10px;
  border-radius: 50px;
  display: block;
  padding-left: 5px;
}

.padd-l2 {
  padding-left: 5px;
  line-height: 1;
}

.dotRed {
  background: #f44335;
}

.dotAzul {
  background: #021f72;
}

.dotAzulPisc {
  background: #77cffc;
}

.dotLaranja {
  background: #ffa726;
}

.btn-outline-roxo {
  --bs-btn-color: #ec407a;
  --bs-btn-border-color: #ec407a;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #ec407a;
  --bs-btn-hover-border-color: #ec407a;
  --bs-btn-focus-shadow-rgb: 52, 71, 103;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #ec407a;
  --bs-btn-active-border-color: #ec407a;
  --bs-btn-active-shadow: none;
  --bs-btn-disabled-color: #ec407a;
  --bs-btn-disabled-bg: transparent;
  --bs-gradient: none;
}

.btn-outline-laranja {
  --bs-btn-color: #fb8c00;
  --bs-btn-border-color: #fb8c00;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #fb8c00;
  --bs-btn-hover-border-color: #fb8c00;
  --bs-btn-focus-shadow-rgb: 52, 71, 103;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #fb8c00;
  --bs-btn-active-border-color: #fb8c00;
  --bs-btn-active-shadow: none;
  --bs-btn-disabled-color: #fb8c00;
  --bs-btn-disabled-bg: transparent;
  --bs-gradient: none;
}

.btn-outline-can {
  --bs-btn-color: #ff0000;
  --bs-btn-border-color: #ff0000;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #ff0000;
  --bs-btn-hover-border-color: #ff0000;
  --bs-btn-focus-shadow-rgb: 52, 71, 103;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #ff0000;
  --bs-btn-active-border-color: #ff0000;
  --bs-btn-active-shadow: none;
  --bs-btn-disabled-color: #ff0000;
  --bs-btn-disabled-bg: transparent;
  --bs-gradient: none;
}

.spanCnpj {
  font-size: 12px;
}

.swal2-styled.swal2-confirm {
  background-image: linear-gradient(195deg, #49a3f1 0%, #1A73E8 100%);
}

/* progress bar  */
.smallBtn {
  padding: 0.15rem 0.5rem;
  font-size: 0.75rem;
  margin: 0 2px;
}

.smallBtn {
  font-size: 10px;
  padding: 5px;
}

.smallBtn.active {
  color: #fff;
}

.bordaSelect {
  border-bottom: 1px solid #344767;
}

.bordaSelectMenu {
  border-bottom: 2px solid #344767;
}

/* progress bar  */
.imgpgfeeb {
  width: 170px;
  margin: auto;
  margin-bottom: 50px;
  padding-top: 20px;
}

.iconcomp {
  width: 100px;
  float: right;
}

.imgaluform {
  float: right;
}

.fixFormCO {
  display: flex;
  justify-content: start;
}

/* Barcode  */
.invelope {
  margin-left: 10px;
}

.listaEvelope {
  list-style-type: none;
  width: 500px;
  margin-top: 110px !important;
}

.listaEvelope li {
  color: #000;
}

.setaAluno {
  padding: 5px 5px;
  border: 1px solid #fff;
  border-radius: 20px;
  margin-right: 10px;
}

.mobileFechar {
  display: none;
}

.deskFechar {
  display: block;
}

.head-alunos {
  display: flex;
  justify-content: space-between;
}

.fixTableSpace {
  white-space: inherit !important;
}

.confimaDel {
  width: 250px;
  height: 150px;
  right: 5px;
  position: absolute;
  z-index: 10;
  background: #f0f2f5;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.widBtn {
  width: 150px;
}

.botoesAluno {
  display: flex;
  justify-content: space-around;
}

.bgTextArea {
  padding-inline: 4px;
  background-color: #f6f6f6;
}

.bgTextArea:focus {
  background-color: #f6f6f6;
}

.viewObs {
  max-height: 340px;
  overflow-y: auto;
}

.chat-bubble {
  background-color: #DCF8C6;
  border-radius: 10px;
  margin-block: 5px;
  padding-inline: 5px;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
}

.chat-content {
  margin: 0;
  color: #000;
  font-size: 14px;
}

#fechaObs {
  color: #E53935;
  float: right;
}

#envObs {
  color: #1A73E8;
}

.sizeCheck {
  width: 15px;
  height: 15px;
}

.loadingForm {
  width: 20px;
  height: 20px;
}

.pdfcomp {
  max-width: 320px;
}

@media (max-width: 992px) {
  .mobileFechar {
    display: block;
  }
  .deskFechar {
    display: none;
  }
  .pdfcomp {
    width: 300px;
    height: 320px;
  }
  .fixFormCO {
    justify-content: center;
  }
  .imgaluform {
    float: left !important;
  }
  .iconcomp {
    float: none;
  }
  .imgpgfeeb {
    width: 300px;
    margin-top: 0px;
  }
  .celposition {
    display: flex;
    justify-content: center;
  }
  .infos-box {
    display: grid;
  }
  .m-0-p0 {
    margin: 0;
    padding: 0;
  }
  .cartFrente {
    background-size: contain !important;
    margin-left: 0;
    padding-top: 86px;
    width: 386px;
  }
  .cartCel {
    margin: 0;
    padding: 0;
  }
  .qr-coal {
    /*        flex-direction: row-reverse;*/
    padding-left: 23px;
  }
  .cartConteudo {
    padding-top: 44px;
    padding-left: 13px;
  }
  .listaCartvirtual {
    font-size: 11px;
    padding-left: 7px;
  }
  .qrcode-cart {
    width: 68px;
    height: 68px;
    margin-top: -8px;
  }
  .pl-codAl {
    padding-left: 0px;
    font-size: 12px;
  }
  .backCart {
    width: 350px;
  }
  .img-consulta {
    width: 96px;
    height: 114px;
    border-radius: 5px;
    border: 1px solid #000;
    background: #fff;
  }
  .img-dne {
    width: 100px;
  }
  .ld-dados {
    list-style-type: none !important;
    margin: 0;
    padding: 0;
    margin-top: 50px;
  }
  .espcart {
    padding-left: 0;
    padding-right: 0;
  }
  .lista--valid {
    margin-left: 0;
    padding-left: 0;
  }
  .lista--valid li {
    padding-bottom: 0;
    font-size: 11px;
  }
  .anoImg {
    margin-top: -75px;
    float: right;
  }
  .mobile-cert {
    display: grid !important;
  }
  .px-7 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .h5mobile {
    font-size: 14px;
  }
  .in-ca-lis {
    margin-left: 0;
    padding-left: 0;
  }
  .lista--valid {
    margin-left: 0;
    padding-left: 10px;
  }
  .btn-div {
    position: relative;
    bottom: 0;
    right: 0;
    margin-top: 20px;
  }
  .img-aluno {
    width: 100%;
    height: 350px;
  }
  .confimaDel {
    left: 10px;
  }
  /**formulário**/
  .max-1920 {
    padding: 0;
    width: 100%;
    overflow-x: hidden;
  }
  .gridForm {
    margin: 0 !important;
    flex-direction: column;
    width: 100%;
  }
  .menuFormulario {
    display: flex;
    overflow-x: auto;
    white-space: nowrap;
    width: 100%;
    max-width: 100vw;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none; /* Firefox */
    flex-wrap: nowrap;
    padding: 8px 0;
    margin: 0;
    scroll-behavior: smooth;
    -ms-overflow-style: none; /* IE and Edge */
  }
  .menuFormulario::-webkit-scrollbar {
    display: none; /* Chrome, Safari e Opera */
    width: 0;
    height: 0;
  }
  .menuFormulario li {
    display: inline-flex;
    flex: 0 0 auto;
    margin-right: 10px;
    padding: 0 5px;
  }
  .menuFormulario .activeForm {
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    position: relative;
    padding: 5px 10px !important;
    margin: 0 2px;
    border-radius: 10px !important;
  }
  .bgPadrao .headerForm,
.bgPadrao .contentForm {
    width: 100%;
  }
  .bgPadrao .contentForm .gridForm {
    margin: 0 !important;
    padding: 10px;
  }
  .fixAlert {
    width: 100%;
  }
  .imgpgfeeb {
    width: 150px !important;
  }
}
.box-Botoes {
  list-style: none;
}
.box-Botoes .pdr-5 {
  padding-right: 5px;
}
.box-Botoes .linkBusca:hover {
  color: rgba(1, 175, 239, 0.6);
}

.mobileIcon {
  position: absolute;
  top: 0;
  left: 0;
}

@media (max-width: 768px) {
  .sectionFoto {
    flex-direction: column-reverse;
  }
  .d-mobile-reverse {
    flex-direction: row-reverse;
  }
  .mobile-dados,
.d-mobile {
    flex-direction: column;
  }
  .mobileIcon {
    margin-block: 8px;
  }
}
/*# sourceMappingURL=custom.css.map */