/***** CONFIGURAÇÕES GERAIS *****/
body {
  width: 100%;
  font-family: "Open Sans", sans-serif;
}

h3 {
  font-weight: 700;
}

::-webkit-input-placeholder {
  font-style: italic;
}

.dropdown-item:active {
  background-color: #e65400;
}

.dropdown-item:hover {
  background-color: #e65400;
  color: white;
}

.dropdown-item button:hover {
  color: white;
}

/*botão dentro dos formulários*/
#submeter {
  background-color: #e65400;
  color: white;
  float: right;
  overflow: auto;
  font-weight: bold;
}


#submeter:hover {
  box-shadow: 0 1.875rem 1.875rem 0 rgba(0, 0, 0, 0.3),
    0 1.25rem 2.5rem 0 rgba(0, 0, 0, 0.19);
}

/*botão do usuário com opção de sair*/
#navbarDropdown {
  color: black;
}

/*paginação*/
.pagination .page-item.active .page-link {
  background-color: #e65400;
  border-color: #e65400;
  color: white;
}

.pagination .page-item .page-link {
  color: #e65400;
}

li.page-item {
  display: none;
}

.page-item:first-child,
.page-item:nth-child(2),
.page-item:nth-last-child(2),
.page-item:last-child,
.page-item.active,
.page-item.disabled {
  display: block;
}

/*botões*/
#bt_editar_user,
#bt_editar_role,
#bt_editar_permission,
#bt_editar_rota,
#bt_editar_produto,
#bt_editar_filialprod,
#bt_editar_comensais,
#bt_editar_envio,
#bt_editar_cliente,
#bt_editar_contrato,
#bt_editar_sobras {
  background-color: #6fc2d1;
  color: white;
  width: 2.8125rem;
  margin-bottom: 0.3rem;
}

#bt_excluir_user,
#bt_excluir_role,
#bt_excluir_permission,
#bt_excluir_rota,
#bt_excluir_produto,
#bt_excluir_filialprod,
#bt_excluir_comensais,
#bt_excluir_envio,
#bt_excluir_contagem,
#bt_excluir_consdia,
#bt_excluir_cliente,
#bt_excluir_contrato,
#bt_excluir_sobras {
  background-color: #e72121;
  color: white;
  width: 2.8125rem;
}

button:disabled {
  cursor: not-allowed;
}

#bt_voltar {
  font-weight: bold;
}

/*alerts*/
#message_error {
  background-color: #ff2400;
}

#message_error strong {
  font-size: 1rem;
  color: white;
}

#message_success {
  background-color: #175e27;
}

#message_success strong {
  font-size: 1rem;
  color: white;
}

/*tirar sombra dos inputs no focus*/
.form input:focus,
.form textarea:focus,
.form select:focus {
  box-shadow: none;
  border-color: #ced4da;
}

/***** configurações - clientes *****/
/*botões*/
#bt_listar_todos {
  color: #e65400;
  box-shadow: 0 0.75rem 0.75rem 0 rgba(0, 0, 0, 0),
    0 1.25rem 1.875rem 0 rgba(0, 0, 0, 0);
}

#bt_procurar_cliente {
  border: solid 0.0625rem #e65400;
  color: #e65400;
  font-weight: lighter;
  box-shadow: 0 0.75rem 0.75rem 0 rgba(0, 0, 0, 0),
    0 1.25rem 1.875rem 0 rgba(0, 0, 0, 0);
}

#pesquisa_cliente {
  box-shadow: none;
}

/*tabela*/
td {
  word-wrap: break-word;
}

#tabelaClientes {
  width: 100%;
  table-layout: fixed;
}

#tabelaClientes th,
#tabelaClientes td {
  font-size: 0.625rem;
  vertical-align: middle;
  padding: 0.3125rem 0.3125rem 0.3125rem 0.3125rem;
}

/*input radios*/
#radio_cliente {
  margin-top: 0.45rem;
}

/***** configurações - auth *****/
/*login*/
#login .card-title {
  text-align: center;
  color: #e65400;
  font-weight: 700;
  font-size: 1.875rem;
}

#login input[type="checkbox"] {
  transform: scale(1);
}

#login button {
  background-color: #e65400;
  color: white;
}

#login a {
  color: #e65400;
}

#login #label {
  color: #e65400;
  font-weight: bold;
}

.confirm-password {
  background-color: #e65400;
  color: white;
}

.forgot-password {
  color: #e65400;
}

#confirm .card-title {
  text-align: center;
  color: #e65400;
  font-weight: 700;
  font-size: 1.875rem;
}

#confirm #label {
  color: #e65400;
  font-weight: bold;
}

/*register*/
#cadastro .card-title {
  text-align: center;
  color: #e65400;
  font-weight: 700;
  font-size: 1.875rem;
}

#cadastro button {
  background-color: #e65400;
  color: white;
}

#cadastro #label {
  color: #e65400;
  font-weight: bold;
}

/*passwords/email*/
.form_auth_email #title_reset_password {
  color: #e65400;
  font-weight: 700;
  font-size: 1.25rem;
}

.form_auth_email #email_reset_password {
  color: #e65400;
  font-weight: bold;
}

.form_auth_email #bt_reset_password {
  background-color: #e65400;
  color: white;
}

/*passwords/reset*/
.form_auth_reset #title_reset_password {
  color: #e65400;
  font-weight: 700;
  font-size: 1.25rem;
}

.form_auth_reset #email_reset_password {
  color: #e65400;
  font-weight: bold;
}

.form_auth_reset #password_reset_password {
  color: #e65400;
  font-weight: bold;
}

.form_auth_reset #confirm_password_reset_password {
  color: #e65400;
  font-weight: bold;
}

.form_auth_reset #bt_reset_password {
  background-color: #e65400;
  color: white;
}

/***** configurações - contratos *****/
#ver_contrato {
  font-size: 0.875rem;
  font-weight: 800;
}

#tabelaContrato {
  width: 100%;
}

#tabelaContrato #nome_cliente {
  width: 100%;
  font-size: 0.875rem;
}

#linha_h {
  background-color: #ffa36f;
}

/***** configurações - lembretes *****/
/*menu lateral*/
.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: white;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 3.75rem;
  color: black;
}

.sidenav a {
  padding: 0.5rem 0.5rem 0 2rem;
  text-decoration: none;
  font-size: 1.5625rem;
  color: #e65400;
  display: block;
  transition: 0.3s;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 1.5625rem;
  font-size: 2.5rem;
  margin-left: 3.125rem;
}

.sidenav p {
  margin-left: 0.5rem;
}

/*botões*/
.sidenav .bt_excluir_lembrete {
  background-color: #e72121;
  color: white;
}

.sidenav .bt_excluir_lembrete:hover {
  color: #e72121;
  background-color: white;
  border: #e72121 solid 0.0625rem;
}

#bt_sidenav {
  font-size: 1.875rem;
  cursor: pointer;
  color: #e65400;
  margin-right: 0.3125rem;
}

#bt_lembrete {
  font-size: 1.5rem;
  padding: 0.5rem 0.9375rem 0 0.9375rem;
}

#titulo_lembrete {
  margin-top: 0.625rem;
  font-weight: 700;
}

#cabecalho_lembrete {
  text-align: center;
}

/***** configurações - pedidos *****/
/*tabelas*/
#tabelaAlmoco,
#tabelaJantar,
#tabelaCeia {
  width: 100%;
  table-layout: auto;
}

#tabelaAlmoco #th_marmita_cuba,
#tabelaCeia #th_marmita_cuba,
#tabelaJantar #th_marmita_cuba {
  text-align: left;
}

#tabelaAlmoco th,
#tabelaAlmoco td,
#tabelaJantar th,
#tabelaJantar td,
#tabelaCeia th,
#tabelaCeia td {
  font-size: 0.625rem;
  vertical-align: middle;
  text-align: center;
  word-wrap: break-word;
}

#tabelaAlmoco #titulos,
#tabelaJantar #titulos,
#tabelaCeia #titulos {
  transform: rotate(270deg);
  height: 4.375rem;
}

#th_comensais,
#th_xtudo,
#th_cafe_tarde,
#th_hextra,
#th_cafe_litro,
#th_leite_litro,
#th_refri2l,
#th_refri_lata,
#th_servico,
#th_cafe_noite,
#th_desjejum {
  font-size: 0.625rem;
  font-weight: bold;
}

#tabelaAlmocoTotalGeral {
  width: 100%;
  table-layout: auto;
}

#tabelaAlmocoTotalGeral th,
#tabelaAlmocoTotalGeral td {
  font-size: 0.625rem;
  vertical-align: middle;
  text-align: center;
  word-wrap: break-word;
}

#dia_seguinte,
#dia_anterior {
  padding: 0;
  margin: 0;
  color: #e65400;
}

#opcoes_pedido_listagem {
  text-align: center;
}

/*formulários*/
#aviso {
  color: red;
}

#semana_inteira {
  margin-top: 0.9375rem;
}

#bt_consultar_dia {
  border: solid 0.0625rem #e65400;
  box-shadow: 0 0.75rem 0.75rem 0 rgba(0, 0, 0, 0),
    0 1.25rem 1.875rem 0 rgba(0, 0, 0, 0);
}

#bt_enviar_todos_emails {
  color: #e65400;
}

.form-pedido #semana_inteira {
  margin-top: 0;
}

#bt_voltar_listagem {
  padding: 0;
}

#bt_dia_anterior_listagem,
#bt_dia_seguinte_listagem {
  margin: 0 auto 0.5rem 0;
  padding: 0;
  margin: 0;
  color: #e65400;
}

#card_pedido #bt_irPara button,
#card_pedido #bt_irPara input {
  height: 34px;
}

/***** configurações - eventos *****/
/*botão*/
#bt_ops_evento {
  background-color: #e65400;
  margin-bottom: 0.625rem;
  font-weight: bold;
  text-decoration: none;
  color: white;
  align-self: center;
  overflow: auto;
}

#bt_ops_evento:hover {
  box-shadow: 0 0.75rem 0.75rem 0 rgba(0, 0, 0, 0.2),
    0 1.25rem 1.875rem 0 rgba(0, 0, 0, 0.19);
}

#listagemEvento {
  width: 100%;
  height: auto;
}

#listagemEvento #ajustes {
  padding-left: 2.3125rem;
}

/***** configurações - roles *****/
#label-role {
  background-color: #eb6c23;
  color: white;
  font-weight: lighter;
  padding: 0.4rem;
}

.form-role input[type="checkbox"] {
  transform: scale(1);
}

/***** configurações - permissions *****/
#label-permission {
  background-color: #eb6c23;
  color: white;
  font-weight: lighter;
  padding: 0.4rem;
}

/***** configurações - home *****/
.home a {
  margin-top: 1rem;
}

#aviso_permissions_null {
  color: #e65400;
}

.card-columns .menu_home {
  margin: 0 0 2rem 0;
  padding-top: 1.6rem;
  padding-bottom: 1.6rem;
  border: #e65400 solid 0.0625rem;
  color: #e65400;
  font-weight: bold;
}

/***** configurações - rotas *****/
#bt_gerar_rota {
  font-weight: 600;
}

/***** configurações - users *****/
#th_acoes_users {
  width: 17.5rem;
}

/***** configurações - comensais *****/
.form-comensais fieldset {
  border: 0.0625rem solid #ced4da;
  padding: 1%;
  margin: 0 0.1rem 0 0.1rem;
}

.form-comensais legend {
  width: auto;
}

.form-comensais .input {
  padding: 0;
}

/***** configurações - envio *****/
.form-envio .label {
  font-weight: bold;
}

.form-envio #justificativa_extra {
  margin-left: 1rem;
}

caption {
  caption-side: top;
  text-align: center;
  padding: 0;
  color: #212529;
}

/***** configurações - menu envio *****/
.card-columns .menu_envio {
  margin: 0 0 2rem 0;
  padding-top: 1.6rem;
  padding-bottom: 1.6rem;
  border: #e65400 solid 0.0625rem;
  color: #e65400;
  font-weight: bold;
}

.row.titulo_menu-envio,
.row.titulo_envio {
  margin: 0;
}

.titulo_menu-envio h3,
.titulo_envio h3 {
  padding-left: 0;
}

.titulo_menu-envio a,
.titulo_envio a {
  margin-bottom: 1rem;
}

/***** configurações - produtos da filial *****/
.form-prod_filial .label {
  font-weight: bold;
}

.form-prod_filial input[type="checkbox"] {
  transform: scale(1.1);
}

/***** configurações - menu produtos *****/
.card-columns .menu_produtos {
  margin: 0 0 2rem 0;
  padding-top: 1.6rem;
  padding-bottom: 1.6rem;
  border: #e65400 solid 0.0625rem;
  color: #e65400;
  font-weight: bold;
}

#bt_excluir_home_produtos {
  border: none;
  background-color: white;
  color: #e65400;
  font-weight: bold;
}

.row.titulo_menu-prod,
.row.titulo_prod {
  margin: 0;
}

.titulo_menu-prod h3,
.titulo_prod h3,
.titulo_prod h4 {
  padding-left: 0;
}

.titulo_menu-prod a,
.titulo_prod a {
  margin-bottom: 1rem;
}

/***** configurações - menu sobras *****/
.card-columns .menu_sobras {
  margin: 0 0 2rem 0;
  padding-top: 1.6rem;
  padding-bottom: 1.6rem;
  border: #e65400 solid 0.0625rem;
  color: #e65400;
  font-weight: bold;
}

.row.titulo_menu-sobras,
.row.titulo_sobras {
  margin: 0;
}

.titulo_menu-sobras h3,
.titulo_sobras h3,
.titulo_sobras h4 {
  padding-left: 0;
}

.titulo_menu-sobras a,
.titulo_sobras a {
  margin-bottom: 1rem;
}

/***** configurações - consumo_diario *****/
.form-consumo_diario .label {
  font-weight: bold;
}

/***** configurações - menu estoque *****/
.card-columns .menu_estoque {
  margin: 0 0 2rem 0;
  padding-top: 1.6rem;
  padding-bottom: 1.6rem;
  border: #e65400 solid 0.0625rem;
  color: #e65400;
  font-weight: bold;
}

.row.titulo_menu-estoque,
.row.titulo_estoque {
  margin: 0;
}

.titulo_menu-estoque h3,
.titulo_estoque h3,
.titulo_estoque h4 {
  padding-left: 0;
}

.titulo_menu-estoque a,
.titulo_estoque a {
  margin-bottom: 1rem;
}

/***** configurações - menu consumo diário *****/
.row.titulo_consumo {
  margin: 0;
}

.titulo_consumo h4,
.titulo_consumo h3 {
  padding-left: 0;
}

.titulo_consumo a {
  margin-bottom: 1rem;
}

/***** configurações - menu comensais *****/
.card-columns .menu_comensais {
  margin: 0 0 2rem 0;
  padding-top: 1.6rem;
  padding-bottom: 1.6rem;
  border: #e65400 solid 0.0625rem;
  color: #e65400;
  font-weight: bold;
}

.row.titulo_menu-comensais,
.row.titulo_comensais {
  margin: 0;
}

.titulo_menu-comensais h3,
.titulo_comensais h3,
.titulo_comensais h4 {
  padding-left: 0;
}

.titulo_menu-comensais a,
.titulo_comensais a {
  margin-bottom: 1rem;
}

/* Importar catraca */
.form_import_turnstile #submeter {
  margin-top: 1rem;
  font-weight: bold;
}

/* Porcentagens */
.titulo_percentage #bt_voltar_menu {
  margin: 0 15px 10px 15px;
  font-weight: bold;
}

.percentages #cadastrar {
  width: 100%;
}

/* Molho e Guardanapo */
.napkinSauce #cadastrar {
  width: 100%;
}

@media only screen and (min-width: 233px) {

  /* cols */
  .col-a-1 {
    width: 100%;
  }

  /*botões*/
  #cadastrar {
    background-color: #e65400;
    margin-bottom: 0.625rem;
    font-weight: bold;
    text-decoration: none;
    color: white;
    align-self: center;
    overflow: auto;
  }

  #card_pedido #cadastrar,
  #card_pedido #bt_voltar,
  #card_pedido #bt_ops_pedido,
  #card_pedido #bt_irPara button,
  #card_pedido #bt_irPara input,
  #card_cup_sales #cadastrar,
  #card_cup_sales #bt_voltar,
  #card_import_report_philips #cadastrar,
  #card_import_report_philips #bt_voltar {
    font-size: 0.6rem;
  }

  #card_pedido #bt_irPara {
    /*margin-top: auto;margin-bottom:auto;*/
    margin-bottom: 0.625rem;
  }

  #bt_irPara form {
    width: 82%;
    margin-right: auto;
    margin-left: auto;
  }

  #bt_voltar {
    background-color: #e65400;
    margin-bottom: 0.625rem;
    font-weight: bold;
    text-decoration: none;
    color: white;
    margin: 0 0 0.5rem 0;
  }

  #bt_ops_pedido {
    background-color: #e65400;
    margin-bottom: 0.625rem;
    font-weight: bold;
    text-decoration: none;
    color: white;
  }

  #listagemEvento #cadastrar {
    margin-top: 1rem;
  }

  #bt_voltar_index,
  #bt_voltar_menu {
    background-color: #e65400;
    color: white;
    float: right;
    overflow: auto;
  }

  #bt_gerar_rota,
  #bt_editar_rota,
  #bt_excluir_rota,
  #bt_mostrar_user,
  #bt_mostrar_consdia,
  #bt_mostrar_sobras,
  #bt_mostrar_comensais,
  #bt_editar_user,
  #bt_excluir_user,
  #bt_mostrar_role,
  #bt_editar_role,
  #bt_excluir_role,
  #bt_editar_permission,
  #bt_excluir_permission {
    margin-top: 0.3rem;
  }

  #bt_ops_evento {
    display: block;
    margin-left: auto;
  }

  #bt_editar_filial {
    background-color: #e65400;
    font-weight: bold;
    text-decoration: none;
    color: white;
    align-self: center;
    overflow: auto;
    font-size: 1.5rem;
  }

  #registrar {
    background-color: #e65400;
    font-weight: bold;
    text-decoration: none;
    color: white;
    align-self: center;
    overflow: auto;
    font-size: 1.4312rem;
    margin-bottom: 1rem;
  }

  .form-produto #submeter {
    background-color: #e65400;
    color: white;
    float: right;
    overflow: auto;
    font-weight: bold;
    font-size: 1.3rem;
  }

  .form-comensais #bt_somar,
  .form-comensais #bt_subtrair {
    font-weight: bold;
    font-size: 1.8rem;
    padding: 0 0.8rem 0 0.8rem;
    margin: auto 0 auto 0;
    text-align: center;
    color: white;
    background-color: #38c172;
    border: 0.0625rem solid #38c172;
    border-radius: 10%;
    width: 2.75rem;
  }

  .form-comensais #bt_somar:focus,
  .form-comensais #bt_subtrair:focus {
    box-shadow: none;
  }

  .form_import_turnstile #submeter {
    margin-top: 3rem;
  }

  #bt_envio_editar_geral,
  #bt_produtos_editar_geral {
    background-color: #6fc2d1;
    font-weight: bold;
    text-decoration: none;
    color: white;
    align-self: center;
    overflow: auto;
    font-size: 1.4312rem;
    margin-bottom: 1rem;
  }

  #bt_envio_excluir_geral,
  #bt_produtos_excluir_geral {
    background-color: #e72121;
    font-weight: bold;
    text-decoration: none;
    color: white;
    align-self: center;
    overflow: auto;
    font-size: 1.4312rem;
    margin-bottom: 1rem;
  }

  .permission div .row #cadastrar {
    margin: 0 0.75rem 0 0.75rem;
  }

  .roles div .row #cadastrar,
  .users div .row #cadastrar {
    margin: 0 0.75rem 0.75rem 0.75rem;
  }

  /*menu geral*/
  #menu {
    color: #e65400;
    font-weight: bolder;
  }

  /*formulários*/
  .form-cliente .input,
  .form-cliente input[type="text"],
  .form-cliente input[type="email"],
  .form-cliente input[type="tel"],
  #entrada,
  #bebida,
  #sobremesa,
  .form-pedido input[type="text"],
  .form-pedido input[type="number"],
  .form-pedido .input,
  .form-pedido #cliente,
  .evento .input,
  .form-permission .name,
  .form-relatorio .input,
  .form-role .name-role,
  .formulario-user .input,
  .form-rota .input,
  .form-produto .desc,
  .form-prod_filial .input,
  .form-prod_filial input[type="number"],
  .form-prod_filial input[type="text"],
  .form-consumo_diario input[type="number"],
  .form-consumo_diario select,
  .form-contrato input[type="text"],
  .form-lembrete #descricao,
  .form-posicao_estoque input[type="number"],
  .form-sobras input[type="number"],
  .form-sobras select,
  .formulario-user select,
  .form-envio #cliente,
  .form-product_request input[type="number"] {
    margin-left: 1rem;
  }

  .evento #data,
  .form-pedido #data,
  .form-relatorio .input_datas,
  .form-comensais #data,
  .form-envio #data,
  .form-envio #data_extra,
  .form-consumo_diario input[type="date"],
  .form-lembrete #data,
  .form-posicao_estoque #data,
  .form-sobras #data,
  .form-product_request #date {
    margin-left: 1rem;
    width: 91.63%;
  }

  #card_pedido p,
  #card_cup_sales p,
  #card_import_report_philips p {
    font-size: 0.6rem;
  }

  .form-comensais .input {
    margin-left: 7%;
  }

  .form-comensais #turno_comensais,
  .form-envio input {
    margin-left: 1rem;
  }

  .form-comensais input[type="number"] {
    margin-left: 0.1rem;
    margin-right: 0.1rem;
    width: 35%;
    height: 3rem;
  }

  .form-prod_filial .consumo {
    margin-right: 0.34rem;
  }

  .form-cliente input[type="radio"] {
    transform: scale(1);
    box-shadow: none;
  }

  .form-envio #file {
    margin: 0;
  }

  /*index*/
  #titulo_listagem #cadastrar,
  #titulo_listagem .imprimirtables,
  #titulo_listagem .sendmail {
    margin-top: 1rem;
  }

  #card_pedido,
  #card_cup_sales,
  #card_import_report_philips {
    border: solid 0.0625rem #e65400;
    padding: 1rem;
    text-align: center;
  }

  #card_pedido .dropdown-menu {
    text-align: center;
  }

  .envios .row,
  .estoque .row,
  .produtos .row,
  .sobras .row,
  .comensais .row,
  .cup_sales .row,
  .import_report_philips .row {
    margin: 0;
  }

  .produtos .nav-tabs,
  .estoque .nav-tabs,
  .envios .nav-tabs {
    border-color: #ffa36f;
  }

  .produtos .nav-tabs li a.active,
  .estoque .nav-tabs li a.active,
  .envios .nav-tabs li a.active {
    background-color: #fff;
    font-weight: bolder;
    color: #e65400;
    border-top-color: #ffa36f;
    border-left-color: #ffa36f;
    border-right-color: #ffa36f;
  }

  .estoque .nav-tabs li a,
  .envios .nav-tabs li a {
    color: #212529;
    text-decoration: none;
    text-align: center;
    font-size: 0.67rem;
  }

  .produtos .nav-tabs li a {
    color: #212529;
    text-decoration: none;
    text-align: center;
    font-size: 0.65rem;
  }

  .card-columns .menu_home,
  .card-columns .menu_produtos,
  .card-columns .menu_sobras,
  .card-columns .menu_comensais,
  .card-columns .menu_estoque,
  .card-columns .menu_envio {
    font-size: 1rem;
  }

  /*títulos*/
  #card_pedido h1,
  #card_cup_sales h1,
  #card_import_report_philips h1 {
    font-size: 1.2rem;
    margin-bottom: 2rem;
  }

  .permission h3 {
    font-size: 1.5rem;
  }

  .show-role h3 {
    font-size: 1.35rem;
  }

  .envios h3 {
    padding-left: 0;
    margin-top: 1rem;
    font-size: 2rem;
  }

  .produtos .tab-pane h3 {
    padding-left: 0;
    margin-top: 1rem;
    font-size: 1rem;
  }

  .estoque .card-title {
    padding-left: 0;
    margin-top: 1rem;
    font-size: 1.135rem;
  }

  .comensais h4,
  .sobras h4 {
    font-weight: 700;
    font-size: 1.15rem;
  }

  .show-comensais .card-title,
  .show-consumo_diario .card-title {
    font-size: 1.2rem;
  }

  .form-envio .card-title {
    font-size: 1rem;
  }

  .estoque h5.card-title {
    margin-top: 0;
  }

  .form-permission h3 {
    font-size: 1.44rem;
  }

  .form-posicao_estoque h3,
  .form-product_request h3 {
    font-size: 1.29rem;
  }

  .produtos .card-title,
  .sobras .card-title,
  .comensais .card-title,
  .import_report_philips .card-title {
    padding-left: 0;
  }

  .show-sobras h3 {
    font-size: 1.24rem;
  }

  /*texto*/
  .home #texto_filial {
    font-size: 1.2rem;
    text-align: center;
  }
}

@media only screen and (max-width: 275px) {

  /*index - table*/
  .roles .card-body {
    padding: 1rem;
  }

  .roles table thead {
    display: none;
  }

  .roles table tr {
    padding: 0.3125rem;
    display: block;
    margin: 0.5rem 0 1rem;
    background-color: #fff;
    border-radius: 0.125rem;
    box-shadow: 0 0.125rem 0.3125rem 0 rgba(0, 0, 0, 0.16),
      0 0.125rem 0.1rem 0 rgba(0, 0, 0, 0.12);
  }

  .roles table td {
    display: block;
    text-align: right;
    padding: 0.1rem;
  }

  .roles table td:last-child {
    border-bottom: 0;
  }

  .roles table td:before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
  }
}

@media only screen and (min-width: 276px) {

  /*Toggleable / Dynamic Tabs*/
  .estoque .nav-tabs li a,
  .envios .nav-tabs li a {
    color: #212529;
    text-decoration: none;
    text-align: center;
    font-size: 1rem;
  }

  .produtos .nav-tabs li a {
    color: #212529;
    text-decoration: none;
    text-align: center;
    font-size: 0.96rem;
  }

  /*títulos*/
  .produtos h4,
  .estoque h4,
  .envios h3,
  .sobras h4 {
    font-size: 1.55rem;
  }

  .show-sobras h3 {
    font-size: 1.5rem;
  }

  /*formulários*/
  .form-comensais input[type="number"] {
    width: 40%;
  }

  .form-prod_filial .consumo {
    margin-right: 1.5rem;
  }

  .form-cliente input[type="radio"] {
    transform: scale(0.7);
  }

  .form-comensais #data,
  .form-consumo_diario input[type="date"],
  .form-envio #data_extra,
  .evento #data,
  .form-lembrete #data,
  .form-pedido #data,
  .form-posicao_estoque #data,
  .form-sobras #data,
  .form-product_request #date {
    width: 100%;
  }

  #bt_irPara form {
    width: 65%;
    margin-right: auto;
    margin-left: auto;
  }

  /*botões*/
  .form-comensais #bt_somar,
  .form-comensais #bt_subtrair {
    font-weight: bold;
    font-size: 1.8rem;
    padding: 0 0.8rem 0 0.8rem;
    margin: auto 0 auto 0;
    text-align: center;
    color: white;
    background-color: #38c172;
    border: 0.0625rem solid #38c172;
    border-radius: 10%;
  }

  /*index - table*/
  .roles th,
  .roles td {
    border: #dee2e6 solid 0.0625rem;
  }
}

@media only screen and (min-width: 360px) {

  /*texto*/
  .home #texto_filial {
    font-size: 1.5rem;
    text-align: center;
  }

  .home #filial {
    font-size: 2.15rem;
  }

  /*botões*/
  #bt_editar_filial {
    background-color: #e65400;
    font-weight: bold;
    text-decoration: none;
    color: white;
    align-self: center;
    overflow: auto;
    font-size: 2rem;
  }

  /*títulos*/
  .comensais h4,
  .sobras h4,
  .produtos .tab-pane h3 {
    font-size: 1.5rem;
  }

  /*formulários*/
  .form-comensais input {
    margin-left: 0.2rem;
    margin-right: 0.2rem;
    width: 55%;
  }

  .form-envio #data {
    width: 100%;
  }

  .form-prod_filial .consumo {
    margin-right: 1rem;
  }

  .form-cliente input[type="radio"] {
    transform: scale(0.5);
  }

  #bt_irPara form {
    width: 48%;
    margin-right: auto;
    margin-left: auto;
  }

  /*Card Columns*/
  .card-columns .menu_produtos,
  .card-columns .menu_sobras,
  .card-columns .menu_comensais,
  .card-columns .menu_estoque,
  .card-columns .menu_envio {
    padding: 1rem;
  }

  .card-columns .menu_estoque .brEspecifico {
    display: none;
  }
}

@media only screen and (min-width: 400px) {
  .col-p-0 {
    width: 25%;
  }

  .col-p-1 {
    width: 50%;
  }

  .col-p-2 {
    width: 75%;
  }

  .col-p-3 {
    width: 100%;
  }

  /*botões*/
  #bt_listar_todos,
  #cadastrar {
    margin-top: 1rem;
  }

  #card_pedido #cadastrar,
  #card_cup_sales #cadastrar,
  #card_import_report_philips #cadastrar,
  .permission #cadastrar,
  .roles #cadastrar,
  .users #cadastrar,
  #bt_mostrar_role,
  #bt_editar_role,
  #bt_excluir_role,
  .rotas #cadastrar,
  #bt_gerar_rota,
  #bt_editar_rota,
  #bt_excluir_rota,
  #bt_editar_permission,
  #bt_excluir_permission {
    margin-top: 0;
  }

  #bt_voltar {
    background-color: #e65400;
    font-weight: bold;
    text-decoration: none;
    color: white;
  }

  .titulo_percentage #bt_voltar_menu {
    margin: 0 15px 0 0;
    width: auto;
  }

  .titulo_percentage {
    margin-bottom: 10px;
    justify-content: space-between;
  }

  .permission div .row #cadastrar,
  .roles div .row #cadastrar {
    margin: 0;
  }

  .users div .row #cadastrar {
    margin: 0 0 0.75rem 0;
  }

  /*formulários*/
  .form-relatorio #data_controle,
  .form-relatorio #data_inicio,
  .form-relatorio #data_fim {
    width: 100%;
  }

  .form-comensais input {
    width: 65%;
  }

  #bt_irPara form {
    width: 52%;
    margin-right: auto;
    margin-left: auto;
  }

  /*títulos*/
  #card_pedido h1,
  #card_cup_sales h1,
  #card_import_report_philips h1 {
    font-size: 2rem;
    margin-bottom: 2rem;
  }

  /*texto*/
  #card_pedido p,
  #card_pedido #cadastrar,
  #card_pedido #bt_voltar,
  #card_pedido #bt_ops_pedido,
  #card_pedido #bt_irPara button,
  #card_pedido #bt_irPara input,
  #card_cup_sales p,
  #card_cup_sales #cadastrar,
  #card_cup_sales #bt_voltar,
  #card_import_report_philips p,
  #card_import_report_philips #cadastrar,
  #card_import_report_philips #bt_voltar {
    font-size: 0.8rem;
  }

  .show-role h3 {
    font-size: 1.75rem;
  }

  .show-comensais .card-title,
  .show-consumo_diario .card-title {
    font-size: 1.6rem;
  }

  /*index*/
  .roles div.row,
  .permission div.row,
  .users div.row {
    margin: 0 0 1rem 0;
  }

  .roles div.row h3.card-title,
  .permission div.row h3.card-title,
  .permission div.row h3.card-title,
  .users div.row h3.card-title {
    padding-left: 0;
  }
}

@media only screen and (min-width: 576px) {
  .col-m-1 {
    width: 50%;
  }

  .col-m-2 {
    width: 100%;
  }

  /*títulos*/
  #titulo_listagem {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    padding: 0.3125rem;
    background-color: white;
    z-index: 1;
  }

  .permission h3 {
    font-size: 1.875rem;
  }

  #registrar {
    margin-top: 0.5rem;
  }

  .form-posicao_estoque h3,
  .form-product_request h3 {
    font-size: 1.5rem;
  }

  .sales #cadastrar {
    margin-top: 0;
  }

  /*botões*/
  #bt_voltar {
    background-color: #e65400;
    margin-bottom: 0.625rem;
    font-weight: bold;
    text-decoration: none;
    color: white;
    align-self: center;
    overflow: auto;
    margin: 0 0 0.5rem 0;
  }

  #bt_voltar:hover {
    background-color: white;
    color: #e65400;
    border: #e65400 solid 0.0625rem;
    font-weight: bold;
    box-shadow: 0 0.75rem 0.75rem 0 rgba(0, 0, 0, 0.2),
      0 1.25rem 1.875rem 0 rgba(0, 0, 0, 0.19);
  }

  .percentages #cadastrar,
  .napkinSauce #cadastrar {
    width: auto;
    float: right;
  }

  .contratos #cadastrar,
  #listagemEvento #cadastrar,
  .comensais #registrar {
    margin-top: 0;
  }

  .form-comensais #bt_somar,
  .form-comensais #bt_subtrair {
    display: none;
  }

  /*formulários*/
  .form-permission .name,
  .form-rota .input,
  .form-contrato input[type="text"],
  .form-prod_filial input[type="text"],
  .form-prod_filial .filial_select,
  .form-prod_filial input[type="number"],
  .form-posicao_estoque input[type="number"],
  .form-posicao_estoque #data,
  .form-produto .desc,
  .form-sobras input[type="number"],
  .form-sobras select,
  .form-sobras #data,
  .formulario-user select,
  .form-product_request input[type="number"],
  .form-product_request #date {
    margin-left: 0;
  }

  .form-comensais .input {
    margin-left: 0;
    padding: 0;
  }

  #bt_irPara form {
    width: 90%;
    margin-right: auto;
    margin-left: auto;
  }

  /*Card Columns*/
  .card-columns {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }

  .menu-sobra .card-columns .card,
  .menu-produto .card-columns .card,
  .menu-estoque .card-columns .card {
    font-size: 1rem;
    padding: 1rem;
  }
}

@media only screen and (max-width: 599px) {

  /*index - tabela*/
  .tab-pane.container-fluid {
    padding: 0;
  }

  .envios .card-body,
  .estoque .card-body {
    padding: 1rem;
  }

  .envios table thead,
  .estoque table thead,
  .permission table thead {
    display: none;
  }

  .envios table tr,
  .estoque table tr,
  .permission table tr {
    padding: 0.3125rem;
    display: block;
    margin: 0.5rem 0 1rem;
    background-color: #fff;
    border-radius: 0.125rem;
    box-shadow: 0 0.125rem 0.3125rem 0 rgba(0, 0, 0, 0.16),
      0 0.125rem 0.1rem 0 rgba(0, 0, 0, 0.12);
  }

  .envios table td,
  .estoque table td,
  .permission table td {
    display: block;
    text-align: right;
    padding: 0.1rem;
  }

  .envios table td:last-child,
  .estoque table td:last-child,
  .permission table td:last-child {
    border-bottom: 0;
  }

  .envios table td:before,
  .estoque table td:before,
  .permission table td:before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
  }

  #submeter {
    margin-top: 20px;
    width: 100%;
  }
}

@media only screen and (min-width: 600px) {
  .col-s-1 {
    width: 8.33%;
  }

  .col-s-2 {
    width: 16.66%;
  }

  .col-s-3 {
    width: 25%;
  }

  .col-s-4 {
    width: 33.33%;
  }

  .col-s-5 {
    width: 41.66%;
  }

  .col-s-6 {
    width: 50%;
  }

  .col-s-7 {
    width: 58.33%;
  }

  .col-s-8 {
    width: 66.66%;
  }

  .col-s-9 {
    width: 75%;
  }

  .col-s-10 {
    width: 83.33%;
  }

  .col-s-11 {
    width: 91.66%;
  }

  .col-s-12 {
    width: 100%;
  }

  /*tabela*/
  .envios th,
  .envios td,
  .estoque th,
  .estoque td,
  .permission th,
  .permission td {
    border: #dee2e6 solid 0.0625rem;
  }

  .envios caption {
    font-size: 1.5rem;
  }

  .estoque caption {
    font-size: 1rem;
  }
}

@media only screen and (max-width: 691px) {

  /*index - tabela*/
  .sobras .tab-pane.container {
    padding: 0;
  }

  .sobras .card-body,
  .comensais .card-body,
  .percentages .card-body,
  .cup_sales .card-body,
  .napkinSauce .card-body,
  .import_report_philips .card-body {
    padding: 1rem;
  }

  .sobras table thead,
  .comensais table thead,
  .percentages table thead,
  .cup_sales table thead,
  .costCenters table thead,
  .napkinSauce table thead,
  .import_report_philips table thead {
    display: none;
  }

  .sobras table tr,
  .comensais table tr,
  .percentages table tr,
  .cup_sales table tr,
  .costCenters table tr,
  .napkinSauce table tr,
  .import_report_philips table tr {
    padding: 0.3125rem;
    display: block;
    margin: 0.5rem 0 1rem;
    background-color: #fff;
    border-radius: 0.125rem;
    box-shadow: 0 0.125rem 0.3125rem 0 rgba(0, 0, 0, 0.16),
      0 0.125rem 0.1rem 0 rgba(0, 0, 0, 0.12);
  }

  .sobras table td,
  .comensais table td,
  .percentages table td,
  .cup_sales table td,
  .costCenters table td,
  .napkinSauce table td,
  .import_report_philips table td {
    display: block;
    text-align: right;
    padding: 0.1rem;
  }

  .sobras table td:last-child,
  .comensais table td:last-child,
  .percentages table td:last-child,
  .cup_sales table td:last-child,
  .costCenters table td:last-child,
  .napkinSauce table td:last-child,
  .import_report_philips table td:last-child {
    border-bottom: 0;
  }

  .sobras table td:before,
  .comensais table td:before,
  .percentages table td:before,
  .cup_sales table td:before,
  .costCenters table td:before,
  .napkinSauce table td:before,
  .import_report_philips table td:before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
  }
}

@media only screen and (min-width: 692px) {

  /*botões*/
  #bt_mostrar_user,
  #bt_mostrar_comensais,
  #bt_mostrar_consdia,
  #bt_mostrar_sobras,
  #bt_editar_user,
  #bt_excluir_user {
    margin-top: 0;
  }

  /*tabela*/
  .comensais th,
  .comensais td,
  .sobras th,
  .sobras td,
  .percentages th,
  .percentages td,
  .cup_sales th,
  .cup_sales td,
  .costCenters th,
  .costCenters td,
  .napkinSauce th,
  .napkinSauce td,
  .import_report_philips td,
  .import_report_philips th {
    border: #dee2e6 solid 0.0625rem;
  }
}

@media only screen and (max-width: 767px) {

  /*index - tabela*/
  .produtos .tab-pane.container {
    padding: 0;
  }

  .users .card-body,
  .produtos .card-body {
    padding: 1rem;
  }

  .users table thead,
  .produtos table thead {
    display: none;
  }

  .users table tr,
  .produtos table tr {
    padding: 0.3125rem;
    display: block;
    margin: 0.5rem 0 1rem;
    background-color: #fff;
    border-radius: 0.125rem;
    box-shadow: 0 0.125rem 0.3125rem 0 rgba(0, 0, 0, 0.16),
      0 0.125rem 0.1rem 0 rgba(0, 0, 0, 0.12);
  }

  .users table td,
  .produtos table td {
    display: block;
    text-align: right;
    padding: 0.1rem;
  }

  .users table td:last-child,
  .produtos table td:last-child {
    border-bottom: 0;
  }

  .users table td:before,
  .produtos table td:before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
  }

  .users td {
    word-break: break-word;
  }
}

@media only screen and (min-width: 768px) {

  /*botões*/
  #cadastrar {
    background-color: #e65400;
    margin-bottom: 0.625rem;
    font-weight: bold;
    text-decoration: none;
    color: white;
    align-self: center;
    overflow: auto;
  }

  #cadastrar:hover {
    background-color: white;
    color: #e65400;
    border: #e65400 solid 0.0625rem;
    font-weight: bold;
    box-shadow: 0 0.75rem 0.75rem 0 rgba(0, 0, 0, 0.2),
      0 1.25rem 1.875rem 0 rgba(0, 0, 0, 0.19);
  }

  #bt_listar_todos,
  #cadastrar {
    margin-top: 0;
  }

  #card_pedido #cadastrar,
  #card_cup_sales #cadastrar,
  #card_cup_sales #bt_voltar,
  #card_import_report_philips #cadastrar,
  #card_import_report_philips #bt_voltar {
    margin: 1.25rem auto 1.25rem auto;
  }

  #bt_ops_pedido {
    background-color: #e65400;
    font-weight: bold;
    text-decoration: none;
    color: white;
  }

  #bt_ops_pedido:hover {
    background-color: white;
    color: #e65400;
    border: #e65400 solid 0.0625rem;
    font-weight: bold;
    box-shadow: 0 0.75rem 0.75rem 0 rgba(0, 0, 0, 0.2),
      0 1.25rem 1.875rem 0 rgba(0, 0, 0, 0.19);
  }

  #bt_voltar {
    background-color: #e65400;
    margin: 1.25rem auto 1.25rem auto;
    font-weight: bold;
    text-decoration: none;
    color: white;
    align-self: center;
    overflow: auto;
    margin: 0 0 0.5rem 0;
  }

  #bt_voltar:hover {
    background-color: white;
    color: #e65400;
    border: #e65400 solid 0.0625rem;
    font-weight: bold;
    box-shadow: 0 0.75rem 0.75rem 0 rgba(0, 0, 0, 0.2),
      0 1.25rem 1.875rem 0 rgba(0, 0, 0, 0.19);
  }

  /*index*/
  #card_pedido,
  #card_cup_sales,
  #card_import_report_philips {
    border: solid 0.0625rem #e65400;
    padding: 3rem;
    text-align: center;
  }

  #card_pedido .dropdown-menu {
    text-align: center;
  }

  .card-columns .menu_sobras br,
  .card-columns .menu_comensais br {
    display: none;
  }

  .users th,
  .users td,
  .produtos th,
  .produtos td {
    border: #dee2e6 solid 0.0625rem;
  }

  /*títulos*/
  #card_pedido h1 {
    font-size: 3.5rem;
  }

  #card_cup_sales h1,
  #card_import_report_philips h1 {
    font-size: 3rem;
  }
  #card_cup_sales p,
  #card_import_report_philips p {
    font-size: 1rem;
  }

  /*formulários*/
  .evento #data,
  .evento .input,
  .evento #cliente {
    margin-left: 0;
  }

  #bt_irPara #teste {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}

@media only screen and (min-width: 992px) {

  /*menu geral*/
  #menu {
    color: #e65400;
    font-weight: bolder;
  }

  #menu:hover {
    background-color: #e65400;
    color: white;
    font-weight: bolder;
    box-shadow: 0 0.75rem 0.75rem 0 rgba(0, 0, 0, 0.2),
      0 1.25rem 1.875rem 0 rgba(0, 0, 0, 0.19);
  }

  /*formulários*/
  .form-cliente .input,
  .form-cliente input[type="text"],
  .form-cliente input[type="email"],
  .form-cliente input[type="tel"],
  .form-pedido input[type="text"],
  .form-pedido input[type="number"],
  .form-pedido .input,
  .form-pedido #cliente,
  .form-pedido #data,
  #nome_cliente,
  .form-relatorio .input,
  .form-relatorio .input_datas,
  .formulario-user .input,
  .form-prod_filial .input,
  .form-lembrete #descricao,
  .form-lembrete #data {
    margin-left: 0;
  }

  #radios_cliente {
    border-right: #ced4da solid 0.0625;
  }

  .form-contrato div .col-lg-4 {
    margin-right: 3rem;
  }

  /*index*/
  #titulo_listagem #cadastrar,
  #titulo_listagem .imprimirtables,
  #titulo_listagem .sendmail {
    margin-top: 0;
  }

  .produtos #produtos_filial #acoes {
    width: 15%;
  }

  /*Card Columns*/
  .card-columns .menu_produtos br,
  .card-columns .menu_estoque br,
  .card-columns .menu_envio br {
    display: none;
  }

  .menu-sobra .card-columns {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
  }

  .home .card-columns {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }

  .home .card {
    font-size: 1.4rem;
  }
}

@media only screen and (min-width: 1200px) {

  /*formulário*/
  .form-contrato div .col-lg-4 {
    margin-right: 5.5rem;
  }

  #bt_editar_user,
  #bt_editar_role,
  #bt_editar_permission,
  #bt_editar_rota,
  #bt_editar_produto,
  #bt_editar_filialprod,
  #bt_editar_comensais,
  #bt_editar_envio,
  #bt_editar_contrato,
  #bt_editar_sobras {
    margin-bottom: 0;
  }
}


#catraca-table-reajustes {
  height: min-content;
}

.btn-primary{
  background-color: #e65400;
  border-color: #e65400;
}

.btn-primary:hover {
  background-color: #f3743a;
  border-color: #f3743a;
}

@media ( max-width: 1200px) {
  #catraca-container-table {
    flex-direction: column !important;
  }
}