body, html {
            height: 100%;
            margin: 0;
            /*display: flex;*/
            justify-content: center;
            align-items: center;
         /*   background-image: url('../images/background.png'); /* Imagem de fundo PNG */
            background-size: auto; /* Faz a imagem cobrir todo o fundo */
            background-position: center; /* Centraliza a imagem no fundo */
            background-repeat: no-repeat; /* Evita a repetição da imagem */
            display: block !important;
        }

main {
    display: block;
    unicode-bidi: isolate; 
    
}

hr {
  color: #444;
}


 .lupa-buscar {
    width: 10px !important;
    color: #fff !important;
    border-color: #fff;
    border: none;
    min-width: 10px !important;
}

.lupa-icone {
    color: #fff !important;
    font-size: 1.4em;
}



/*div.alinhamento-vertical*/
.alinhamento-vertical {
  display: -webkit-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  height: 100%;
  width: 100%;
}

.alinhamento-topo-contato {
    padding: 0 !important; 
    padding-left: 50px !important;
}

@media (max-width: 768px) { 
    .alinhamento-vertical {
        padding-left: 0px !important;
    }

    .alinhamento-vertical-logo {
        padding-left: 100px !important;
    }

    .alinhamento-topo-contato {
        padding-left: 0 !important; 
       /* margin-left: -50px;*/
    }
}




.fundo_home_admin {
    background-image: url(../images/home-desktop.png);
    background-size: cover;
    background-position: center; 
    background-repeat: no-repeat;
    /* width: 100%; */
    border-radius: 4px;
    min-height:  calc(100vh - 240px);
}

@media (max-width: 768px) { 
    .fundo_home_admin {
        background-image: url('../images/home-mobile.png'); /* Imagem de fundo PNG */
        background-size: cover; /* Faz a imagem cobrir todo o fundo */
        background-position: center; /* Centraliza a imagem no fundo */
        background-repeat: no-repeat; /* Evita a repetição da imagem */
      /*  min-height: calc(100vh - 240px);*/
        border-radius: 4px;
        min-height:  calc(100vh - 170px);
    }
}


.form-check-input {
    border-color: #777;     /* Cor da borda do checkbox quando selecionado */
}

.form-check-input:checked {
    background-color: #6A98BC; /* Cor de fundo do checkbox quando selecionado */
    border-color: #777;     /* Cor da borda do checkbox quando selecionado */
}

.form-check-input:checked:focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 0, 0, 0.25); /* Sombra ao focar no checkbox */
}


.alinh-label {
    text-align: right;
}

.div-filtro {
    padding: 10px 0; 
    background: #CAD2DB;
    padding-top: 20px;
}

.table > :not(caption) > * > * {
    padding: 0.3rem 0.5rem !important;
    color: #555;
}

.form-select {
    color: #4879A2 !important;
    border-radius: 0px !important;
    padding: 3px 6px !important;
    margin-left: -5px !important;
}


.form-select:focus  {
    background-color: #FAFE77;
}

.alinh-input {

}

.check-padrao {

}

.breadcrumb-ebm {
    font-size: 0.75em; 
    color: #a9a9a9/*rgba(0, 0, 0, 0.175)*/;
    background: #E4ECF2; 
    padding-top: 4px; 
    padding-left: 5px; 
    padding-bottom: 0px; 
    letter-spacing: 1px;
  /*  font-family: monospace;*/
}


.modal {
    background: rgba(114, 161, 195, 0.4) !important;
}

.card-body {
    padding-top: 4px;
    padding-bottom: 4px;
}

.label-padrao {
    width: auto;
    text-align: right !important;
    padding-right: 0;
    margin-right: -3px;
    min-width: 125px;
    margin-bottom: 10px;
}

.label-padrao2 {
    margin-bottom: 5px;
}

.btn-transparente {

    border: 1px solid transparent;
    color: #223A4F !important;
    font-weight: bold;
   /* 3d 
   display: block;
   border-color: #999 #000 #000 #999;
   background: transparent;
   border: 1px solid transparent;
   loading="lazy" width: 200px;
   /3d */
   min-width: 100px;
   background: transparent !important;
}

.btn-transparente:hover {
   /* border: 1px solid #223A4F;*/

   /* 3d 
    position: relative;
    top: 1px;
    left: 1px;
    border-color: #999 #ddd #ddd #999; 
    /3d */
}

.btn-transparente:action {
    border: 0px solid #223A4F;
}

.dropdown-toggle::after {
    color: #fff;
}

.text-muted {
    color: #4F82AC !important;
}

.card-title {
    color: #4F82AC !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.175);
    margin-bottom: -3px;
}

.border-top {
    border-top: 1px solid #d9d9d9 /*var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)*/ !important;
}

.form-control:focus  {
    background-color: #FAFE77;
}

.col-form-label {
    text-align: right;
    color: #444;
    padding-right: 0;
    margin-top: -4px;
}

.dropdown:hover>.dropdown-menu, .dropend:hover>.dropdown-menu {
    margin-top: 0 !important;
}

.form-control {
    border-radius: 0px !important;
    padding: 1px !important;
    margin-left: -5px !important;
}

.mb-3 {
     margin-bottom: 1px !important; 
}


.bodylogin {
            height: 100%;
            margin: 0;
            display: flex;
            justify-content: center;
            align-items: center;
            background-image: url('../images/background.png'); /* Imagem de fundo PNG */
            background-size: auto; /* Faz a imagem cobrir todo o fundo */
            background-position: center; /* Centraliza a imagem no fundo */
            background-repeat: no-repeat; /* Evita a repetição da imagem */
        }

.menu_sup {
    background-image: url('../images/background.png'); /* Imagem de fundo PNG */
}

.circle-container {
    position: relative;
    width: 80vw; /* Largura relativa ao viewport */
    height: 80vw; /* Altura relativa ao viewport */
    max-width: 500px; /* Limita o tamanho máximo para telas grandes */
    max-height: 500px; /* Limita o tamanho máximo para telas grandes */
    display: flex;
    justify-content: center;
    align-items: center;
}

.form-control {
    padding: 10px 14px;
    border-radius: 14px;
}

.content div {
    margin-bottom: 10px;
    font-size: 14px;
}

.alinh-btn-aplicar {
    margin: auto 0;
}

.multipla-selec {
    margin-bottom: 0px !important;;
}

.logo-central {
    position: absolute;
    width: 230px; /* Largura ajustada da logo */
    height: 191px; /* Altura ajustada da logo */
    border: none; /* Remove qualquer borda */
    border-radius: 0; /* Remove qualquer arredondamento de borda */
    overflow: hidden; /* Garante que a imagem não saia do contêiner */
}
.logo-central img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ajusta a imagem para cobrir todo o espaço da logo */
    display: block; /* Remove qualquer espaço extra abaixo da imagem */
}
.circle-container img {
    position: absolute;
    width: 173px; /* Tamanho fixo das imagens */
    height: 173px; /* Tamanho fixo das imagens */
    border-radius: 50%;
    transition: box-shadow 0.2s ease; /* Somente efeito de sombra */
}
.circle-container img:hover {
    box-shadow: 12px 12px 20px rgba(0, 0, 0, 0.7); /* Sombra mais forte */
}
/* Posições das imagens ao redor da logo */
.img1 { top: 0; left: 50%; transform: translate(-50%, -50%); }
.img2 { top: 14.6%; left: 85.4%; transform: translate(-50%, -50%); }
.img3 { top: 50%; left: 100%; transform: translate(-50%, -50%); }
.img4 { top: 85.4%; left: 85.4%; transform: translate(-50%, -50%); }
.img5 { top: 100%; left: 50%; transform: translate(-50%, -50%); }
.img6 { top: 85.4%; left: 14.6%; transform: translate(-50%, -50%); }
.img7 { top: 50%; left: 0; transform: translate(-50%, -50%); }
.img8 { top: 14.6%; left: 14.6%; transform: translate(-50%, -50%); }

.desktop {
	display: block;
}

.mobile{
	display: none;	
	
}

.mobile img:hover{
	box-shadow: 12px 12px 20px rgba(0, 0, 0, 0.7); /* Sombra mais forte */
	border-radius: 50%;
}

.img-mob {
	padding: 3px;
}


/******** div canto superior direito ***********/

/* Ícone do WhatsApp no canto inferior direito */
#login-icon {
    position: fixed;
    top: 20px;
    margin-top: 20px;
    margin-right: 20px;
    right: 20px;
    width: 120px;
    height: 120px;
    background-color: #fff; /*transparent; /*#25D366; /* Cor verde do WhatsApp */
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    z-index: 1000;
}

#login-icon img {
    width: 75px;
    height: 75px;
}

#login-box {
    position: fixed;
    top: 20px;
    right: 20px;
    width: 350px;
    height: 500px;
    background-color: #f8f9fa;
    border: 1px solid #ccc;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    display: none; /* Inicialmente escondido */
    z-index: 999;
    padding: 20px;
    box-sizing: border-box;
    border-radius: 25px;
}

#login-box p {
    margin: 0;
    font-size: 20px;
    color: #333;
    text-align: center;
}


/******** /div canto superior direito ***********/

/******** div canto inferior direito ***********/


/* Estilos gerais */
body {
    margin: 0;
    padding: 0;
    font-family: Arial, sans-serif;
}

/* Ícone do WhatsApp no canto inferior direito */
#whatsapp-icon {
    position: fixed;
    bottom: 20px;
    margin-bottom: 20px;
    margin-right: 20px;
    right: 20px;
    width: 120px;
    height: 120px;
    background-color: #fff; /*transparent; /*#25D366; /* Cor verde do WhatsApp */
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    z-index: 1000;
}

#whatsapp-icon img {
    width: 75px;
    height: 75px;
}

/* Quadrado que aparece no canto inferior direito */
#contact-box {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 350px;
    height: 500px;
    background-color: #f8f9fa;
    border: 1px solid #ccc;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    display: none; /* Inicialmente escondido */
    z-index: 999;
    padding: 20px;
    box-sizing: border-box;
    border-radius: 25px;
}

#contact-box p {
    margin: 0;
    font-size: 20px;
    color: #333;
    text-align: center;
}


/******** /div canto inferior direito ***********/



/* Estilos gerais */
body {
    margin: 0;
    padding: 0;
    font-family: Arial, sans-serif;
    background-color: #f0f0f0;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
}

/* Caixa de contato */
#contact-box {
    width: 350px;
    height: auto; /*500px;*/
    background-color: #ffffff;
    border: 1px solid #ccc;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    padding: 20px;
    box-sizing: border-box;
}

#login-box {
    width: 350px;
    height: auto; /*500px;*/
    background-color: #ffffff;
    border: 1px solid #ccc;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    padding: 20px;
    box-sizing: border-box;
}

/* Grupo de botões */
.button-group {
    display: block; /*flex;*/
    justify-content: space-between;    
}

.button-group button {
    width: 96%;
    padding: 10px;
    font-size: 16px;
    cursor: pointer;
    background-color: #007bff;
    color: #ffffff;
    border: none;
    border-radius: 4px;
}

.button-group button:hover {
    background-color: #0056b3;
}

/* Conteúdo escondido */
.content {
    margin-top: 20px;
}

.content a {
    display: block;
    margin-bottom: 10px;
    font-size: 16px;
    color: #007bff;
    text-decoration: none;
}

.content div {
    margin-bottom: 10px;
    font-size: 16px;
}

form textarea {
    width: 100%;
    height: 100px;
    padding: 10px;
    font-size: 16px;
    border: 1px solid #ccc;
    border-radius: 4px;
    resize: none;
    margin-bottom: 10px;
}

form button {
    width: 100%;
    padding: 10px;
    font-size: 16px;
    cursor: pointer;
    background-color: #28a745;
    color: #ffffff;
    border: none;
    border-radius: 4px;
}

form button:hover {
    background-color: #218838;
}
 

   /* Garantir que todos os menus o dropdown não abra com hover */
.dropdown:hover .dropdown-menu {
    margin: 0 !important;
    display: none; /* Não mostrar no hover */
}

.dropdown-menu {
  margin: 0 !important;
}

.menu_secao {
     color: #fff !important;
}


/* Garantir que o dropdown só seja mostrado com o clique */
/*.dropdown .dropdown-menu {
    display: none; 
}

.dropdown.show .dropdown-menu {
    display: block;
}
*/

/* menu status opções */
#id_status_opcoes {
  width: 88% !important;
}

@media (max-width: 768px) {
  #id_status_opcoes {
    width: 95% !important;
  }

  .dropdown:hover .dropdown-menu {
      width: 100% !important;
  }

}



/* Cores ícones */
.detalhes_grid {
    color: #888;
}

.imprimir_grid {
    color: #8E7E24;
}

.download_grid {
    color: #2C745F;
}

.editar_grid {
    color: #24679D;
}
.deletar_grid {
    color: #c20000;
}

/***** Controle campos vazio input type="date" *****/

/* Estilo para o input com erro */
    .input-vazio {
      background-color: #fff; /* Fundo vermelho claro */
      color: #fff !important; /* Fundo vermelho claro */
    }

    /* Estilo para quando a data estiver preenchida */
    .input-ok {
      background-color: initial !important;
      color: #333 !important;
    }

    /* Classe para o fundo vermelho e texto azul */
    .fundo-vermelho-texto-azul {
      color: #333 !important;
    }
    
/***** /Controle campos vazio input type="date" *****/