.form-control:focus {
  border-color: var(--bs-primary);
}

.form-select {
   background-color: var(--bs-light);
}

.form-select:focus {
  border-color: var(--bs-primary);
   background-color: var(--bs-light);
}

.form-control {
  padding: 0.75rem 1rem;
  min-height: 49.6px;
}

.fs-7 {
  font-size: small !important;
}

.fs-8 {
  font-size: x-small !important;
}

.pointer {
  cursor: pointer;
                      text-decoration: underline;  /* Alexandre */
}

.h-100vh {
  height: 100vh;
}

.filtro_flutuante {
  position: fixed;
  right: 16px;
  top: 85px;
  z-index: 100;
}

/* Inicio estilização do menu principal - dashbaord (página layout "main") */

.item-menu {
  color: var(--bs-body);
  border-radius: 10px;
  width: 100%;
  text-decoration: none;
  padding: 0.6rem 0.75rem;
}

.item-menu:hover,
.item-menu-aberto,
.item-menu-aberto:focus {
  background-color: var(--bs-secondary-bg);
}

.item-menu-selecionado,
.item-menu-selecionado:hover,
.item-menu-selecionado:focus {
  color: var(--bs-light) !important;
  background-image: -webkit-gradient(
    linear,
    left top, right top,
    color-stop(13%, #f2b611),
    color-stop(80%, rgba(255, 193, 7, 0.63))
  );
  background-image: linear-gradient(
    90deg,
    #f2b611 13%,
    rgba(255, 193, 7, 0.63) 80%
  );
  border-color: var(--bs-primary);
}

/* Inicio estilização do menu encolhido */

.col-menu {
  width: 80px;
}

.col-menu .item-menu {
  text-align: center;
}

.col-menu .item-menu span,
.col-menu .grupo-sub-itens {
  display: none;
}

.col-menu .item-menu:hover,
.col-menu .grupo-itens:hover .item-menu {
  width: 220px;
  z-index: 100;
  text-align: left;
  float: left;
}

.col-menu .grupo-itens:hover {
  width: 220px;
  z-index: 100;
  text-align: left;
}

.col-menu .item-menu:hover span,
.col-menu .grupo-itens:hover .grupo-sub-itens,
.col-menu .grupo-itens:hover span {
  display: inline;
}

.col-menu .grupo-itens:not(:hover) {
  display: block;
}

/* Final estilização do menu encolhido */

/* Final estilização do menu principal - dashbaord (página layout "main") */

.sticky {
  position: sticky !important;
  left: 0 !important; /* Ensures the column sticks to the left edge */
  z-index: 1 !important; /* Garante que a célula fixa esteja acima do conteúdo rolável */
  background-color: #fff; /* Optional: Set the background color */
}

.style1 {
  width: 15px;
}

.style2 {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}

.rodapemodal {
  font-size: 10px;
}

.rounded-right {border-top-right-radius: var(--bs-border-radius) !important;border-bottom-right-radius: var(--bs-border-radius) !important
}

.form-control.cresce-linhas {
   height: auto;
   overflow: visible;}


.style3 {
    max-width: 200px;
    overflow-wrap: break-word;
  }



.style4 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }


.style5 {text-align: center;
    -ms-flex-wrap: wrap;flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
            -webkit-box-pack: center;
                -ms-flex-pack: center;justify-content: center;
  }


.style6 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }


.style7 {
  margin-left: -15px;
}

.style10 {
  width: 100%;
  height: 100%;
}

.modal-footer {
     -webkit-box-pack: justify;
         -ms-flex-pack: justify;
             justify-content: flex-end;
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
}

.user-data {
    margin-right: 10px;
    font-size: 10px;
     font-family: Arial, sans-serif;
    color: #666;
}

/* Para edição imagem foto */
.profile-photo-container {
  position: relative;
  width: 150px;
  height: 150px;
  text-align: center;
  display: inline-block;
}

.profile-photo {width: 100%;height: 100%;border-radius: 10px;
    /* -o-object-fit: cover */
       -o-object-fit: cover;
          object-fit: cover;
}

.edit-photo-icon {
    position: absolute;
    top: 10px;
    right: 10px;
    background-color: white;
    border-radius: 50%;
    padding: 5px;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 30px;
    height: 30px;
    z-index: 1;
}

#uploadPhoto {
    display: none; /* Esconde o input original */
}

/* Para edição imagem foto */
.wappler-temp {}

.form-check-input {
  border: 1px solid #000;
  border-top-left-radius: 1px;
  border-top-right-radius: 1px;
  border-bottom-left-radius: 1px;
  border-bottom-right-radius: 1px;}