.style_botao {

}

.style_botao:hover {
    background-color: #78bef742 !important;
    color: blue;
    /*color: #4173f1;*/
}

.fonte_DataTables {
  font-size: 14px;
}

.formulario_pesquisa_1 {
  display: flex; width: 100%; align-items: center; justify-content: flex-end; 
}

.formulario_pesquisa_2 {
  margin: 0 10px;
}
.formulario_pesquisa_3 {
color: #666666;
}
.formulario_pesquisa_4 {
cursor: pointer;
 width: 30px; 
height: 30px;
background-color: #fff;
 border-radius: 2px; display: flex; align-items: center; justify-content: center; margin-right: 5px; 
 /*border: 1px solid gray;*/
}
.formulario_pesquisa_4_ativo {
  background: rgb(246,246,246);
  border: 1px solid gray;
background: linear-gradient(183deg, rgba(246,246,246,1) 21%, rgba(249,249,249,1) 56%, rgba(189,186,186,1) 100%);
}
.formulario_pesquisa_5 {
color: #000;
}

.formulario_pesquisa_7 {
  color: #666;
}


.tabela123{
  margin-right: 40px; 
  border:solid 1px #a8a8a8; 
  padding:20px;
  margin-top: -10px;
}

.tabela123 a{
  text-decoration: none;
}

.tabela_informacoes{
  margin-right: 40px; 
  border:solid 1px #a8a8a8; 
  padding:20px;
  margin-top: 12px;
}

.tabela_informacoes a{
  text-decoration: none;
}

.linha_td {
  border-bottom: 1px solid #000;
}

.input_busca_tabela {
height: 32px; font-size: 13px;
}


.txt_empresas{
  color: #8112df;

}

.txt_empresas:hover {
  color: #8112df;
  font-weight: bold;
}

.tabela{
  margin-right: 40px; 
  border:solid 1px #a8a8a8; 
  padding:20px;

}

.tabela a{
  text-decoration: none;
}

.btn_danfxmlcorrecao{
  border-width: 0.5;
  border-color: 
  blue; 
  background-color: 
  rgba(54, 95, 255, 0.1)
}

.btn_danfxmlcorrecao:hover {
  border-width: 0.5;  
  border-color: 
  blue; 
  background-color: 
  rgba(54, 95, 255, 0.2)
}

.btn_cancelar{
  border-width: 0.5;
  border-color: 
  red; 
  background-color: 
  rgba(237, 12, 12, 0.1);
}

.btn_cancelar:hover {
  border-width: 0.5;  
  border-color: 
  red; 
  background-color: 
  rgba(237, 12, 12, 0.2);
}

.card { 
  /*Cor da Borda do card da tela home*/
  border:1px solid #5e4484;
}

/* Quando Selecionar vai aparecer outra cor  */
.card:hover {

/*Cor do Card da Tela Home quando passar o mause*/
background-color:#eff0f4;
background-image: linear-gradient(to bottom, transparent, rgba(0,0,0,.60));

border:1px solid #838385;


}

.navbar { 
  background-color:#eff0f4;
  /*background-image: linear-gradient(to bottom, transparent, rgba(0,0,0,.70));*/
}


/*Cor de Fundo do MENU*/
.bg{
background-color:#880032;

}

.bg2{
background-color:#6c757d;

}

.bg3{
background-color:#4d1960;
}

@media only screen and (max-width: 700px) {
  .esc{
    display:none; 
  }
}


 .ocultar{
    display:none; 
  }

  .verde{
    color:#079934;
  }


  .textarea{
    width:540px;
    height:110px;
  }

  @media only screen and (max-width: 700px) {
  .textarea{
     width:300px;
  }
}

.fontemodal12{
  font-size: 12px;
}

.fontemodal11{
  font-size: 11px;
}

.fontemodal10{
  font-size: 10px;
}

.fontemodal9{
  font-size: 9px;
}

/*Inicio do Card de Marcações*/
#card_marcacoes {
      max-width: 400px;
      width: 48%;
      height: 230px;
      background-color: #FFFFFF;
      border-radius: 5px;
      -webkit-box-shadow: 3px 10px 40px -17px rgba(0, 0, 0, 0.56);
      -moz-box-shadow: 3px 10px 40px -17px rgba(0, 0, 0, 0.56);
      box-shadow: 3px 10px 40px -17px rgba(0, 0, 0, 0.56);
      position: relative;
      padding: 15px;
      box-sizing: border-box;
      margin: 5px;
      border: 1px solid #dedede;
      overflow: hidden;
    }

    #avatar_marcacoes {
      border-radius: 50%;
      width: 70px;
      height: 70px;
      object-fit: cover;
    }

    #avatar_div_marcacoes {
      position: absolute;
      right: 15px;
      top: 10px;
    }

    #nome_paciente_marcacoes {
      font-size: 16px;
      margin: 0;
      font-weight: bold;
      /*fazer com que o texte termine ...*/
      text-overflow: ellipsis;
      width: 260px;
      white-space: nowrap;
      overflow: hidden;
    }

    #nome_medico_marcacoes {
      /*fazer com que o texte termine ...*/
      text-overflow: ellipsis;
      width: 70px;
      white-space: nowrap;
      overflow: hidden;

      font-size: 10px;
      color: gray;
      margin: 0;
      margin-top: 0px;
      text-align: center;


    }

    #nome_atendimento_marcacoes {
      font-size: 14px;
      color: gray;
      margin: 0;
      margin-top: 5px;
      margin-bottom: 29px;

      /*fazer com que o texte termine ...*/
      text-overflow: ellipsis;
      width: 260px;
      white-space: nowrap;
      overflow: hidden;
    }

    .linha_marcacoes {
      width: 100%;
      border: 0.6px solid rgb(230, 230, 230);
      margin: 0 auto;
    }

    #botoes_marcacoes {
      display: flex;
      justify-content: space-between;
      align-items: center;
      position: absolute;
      bottom: 15px;
      right: 15px;
      left: 15px;
    }

    .botao_marcacoes {
      width: 49%;
      height: 50px;
      /*Cor de Fundo 030609*/
      background-color: #efeff1;
      border-radius: 5px;
      cursor: pointer;
      display: flex;
      justify-content: center;
      align-items: center;
      align-self: center;
      /*Cor do Texto*/
      color: #000;
      font-size: 18px;
      position: relative;
      bottom: 0px;
      transition: 0.2s;
    }

    .botao_marcacoes:hover {
       -webkit-box-shadow: 0px 5px 9px 2px rgba(184,184,184,1);
  -moz-box-shadow: 0px 5px 9px 2px rgba(184,184,184,1);
  box-shadow: 0px 5px 9px 2px rgba(184,184,184,1); 

     /* background-color: rgb(115, 115, 115);
      color: #fff;*/
    }

    .icones_marcacoes {
      width: 20px;
      height: 20px;
      filter: invert(36%) sepia(0%) saturate(12%) hue-rotate(137deg) brightness(98%) contrast(80%);
    }

    #div_informacoes_marcacoes {
      display: flex;
      justify-content: space-between;
    }

    .informacoes_marcacoes {
      display: flex;
      align-items: center;
       
    }

    .texto-info_marcacoes {
      font-size: 16px;
      color: rgb(172, 172, 172);
      margin-left: 5px;
      margin-top: 15px;
    }

    .bolinha_marcacoes {
      width: 10px;
      height: 10px;
      border-radius: 5px;
    }

/*Fim do Carde de Marcações*/

  .labelcheck{
    font-weight: 200;
    font-size:13px;    

  }

/*INICIO - CSS da Tela de Venda*/

.telavenda_row_novo {
  width: 100%;
  display: flex;
  margin-bottom: 10px;
  gap: 10px;
}

.telavenda_input_novo {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.telavenda_input_novo input,
select,
textarea {
  background-color: #fff;
  height: 40px;
  border: 1px solid #ccc;
  padding: 0 0.5rem;
  border-radius: 3px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 16px;
  resize: none;
}

.telavenda_input_novo input:disabled {
  background-color: #eee;
}

.telavenda_input_novo select {
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAUCAMAAACtdX32AAAAdVBMVEUAAAD///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAhMdQaAAAAJ3RSTlMAAAECAwQGBwsOFBwkJTg5RUZ4eYCHkJefpaytrsXGy8zW3+Do8vNn0bsyAAAAYElEQVR42tXROwJDQAAA0Ymw1p9kiT+L5P5HVEi3qJn2lcPjtIuzUIJ/rhIGy762N3XaThqMN1ZPALsZPEzG1x8LrFL77DHBnEMxBewz0fJ6LyFHTPL7xhwzWYrJ9z22AqmQBV757MHfAAAAAElFTkSuQmCC);
  background-position: 100%;
  background-repeat: no-repeat;
}

.telavenda_botao_novo {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.telavenda_botao_novo div {
  background-color: #fff;
  height: 40px;
  border: 1px solid #085ED6;
  border-radius: 3px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  margin-top: 8px;
  font-size: 16px;
  color: #085ED6;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  user-select: none;
}

.telavenda_botao_novo div:hover {
  background-color: #6295de;
  color: #fff;
}

.telavenda_tabela_nova {
  width: 100%;
  table-layout: fixed;
  /* border: 1px solid #999; */
  /* margin-top: 5px; */
  border-radius: 3px;
  line-height: 2px;
  /* overflow: hidden; */
  border-collapse: collapse;
}

.telavenda_tabela_nova th {
  padding: 20px 10px;
  text-align: left;
  font-weight: 500;
  font-size: 14px;
  color: #000;
  text-transform: uppercase;
}

.telavenda_tabela_nova thead th {
  position: sticky;
  top: 0;
  background-color: #fff;
}

.telavenda_tabela_nova td {
  padding: 15px;
  text-align: left;
  vertical-align: middle;
  font-weight: 300;
  font-size: 14px;
  color: #000;
  border-top: 1px solid #999;
}

.telavenda_tabela_nova tbody tr:nth-child(odd) {
  background-color: #ededed;
  color: #fff;
}

.telavenda_tabela_nova tbody tr:hover {
  background-color: #ccc;
  color: #fff;
}

.telavenda_info1 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.telavenda_info1 input {
  width: 110px;
  height: 25px;
  padding-left: 10px;
}

.telavenda_info1 .form-label {
  margin-right: 10px;
  margin-top: 3px;
}

.telavenda_total_valor {
  font-size: 16px;
  padding-right: 10px;
  text-align: end;
  color: blue;
  font-weight: bold;
  margin: 5px 0px;
}

.botoes_acoes {
  width: 100px;
  height: 40px;
  background-color: #999;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 3px;
  color: #fff;
  cursor: pointer;
  user-select: none;
}

.telavenda_fechar {
  background-color: #999;
}

.telavenda_fechar:hover {
  background-color: #ccc;
}

.telavenda_salvar {
  background-color: #667dfa;
}

.telavenda_salvar:hover {
  background-color: #8093ff;
}

.telavenda_box {
  border: 1px solid #999;
  border-radius: 3px;
  padding: 20px 10px;
  box-sizing: border-box;
  background-color: #f9f9f9;
}

.telavenda_tabela_scroll {
  overflow-y: auto;
  max-height: 300px;
  border: 1px solid #999;
  border-radius: 3px;
}

.telavenda_tabela_scroll::-webkit-scrollbar-thumb {
  background-color: #999;
  border: 4px solid transparent;
  border-radius: 8px;
  background-clip: padding-box;
}

.telavenda_tabela_scroll::-webkit-scrollbar {
  width: 16px;
}

.kbw-signature {
  width: 465px;
  height: 200px;
}

#sig canvas {
  width: 100% !important;
  height: auto;
}
/*FIM - CSS da Tela de Venda*/