/* Configuração de margin para container principal do painel de admin */
.content-wrapper {
  max-width: 100%;
  padding: 5px;
}

.container {
  width: 100%;
}

/* Container principal do Site de Admin */
.box-site {
  margin: 10px; padding: 5px;
}

/* Botao para ações de cadastro e atualização */
.btn-cadastro {
  margin: 20px auto;
}

.flex-row {
  display: flex;
  flex-direction: row;
  justify-content: space-between !important;
  align-items: center;
  flex-wrap: wrap;
}

.align-end{
  align-items: flex-end;
}

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

.search_resultado {
  border-bottom: 2px solid #ccc;
  padding: 5px;
  margin: 10px auto;
  background: #fff;
  text-align: center;
}
.text-center {
  display: block;
  width: 100%; 
  text-align: center;
  color: #ccc;
  background: #222d32;
}

.th_fim {
  width: 250px;
  text-align: center;
}

.actions {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  max-width: 210px;
  justify-content: end;
  margin-right: 1px !important;
}

.actions a, .actions form {
  margin: 0 1px;
}

.error {
  font-weight: bold;
  color: red;
}

.card-header{
  border-bottom: 2px solid #ccc;
}
.acao {
  padding: 2px;
}
.acao a {
  margin: 2px;
}
.acao form {
  margin: 2px;
}
.box-branco {
  background: #fff;
  padding: 5px;
  margin: 5px;
  box-shadow: 2px 2px 2px #ccc;
  /* box-sizing: border-box; */
}
.img-table {
  width: 100px;
  height: 60px;
  overflow: hidden;
  padding: 0;
  margin: 0;
}
.img-table img {
  display: block;
  width: 100%;
  padding: 0 !important;
}

.banners-home .form-row {
  /* border-bottom: 5px solid red;
  margin-bottom: 50px; */
}

.modal-open {
  
}
.modal-backdrop.in {
  opacity: 0;
}

.pedido-detalhes-update {
  margin: 20px;
  background: #fff;
  padding: 10px;
}

.pedido-detalhes-update p {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  border-bottom: 1px solid #ccc;
}

.img-produto {
  margin: 10px auto;
  padding: 10px;
  max-width: 200px;
  width: 100%;
}

.img-produto img {
  width: 100%;
}

.logo {
  background-color: #fff !important;
  padding: 5px;
}
.logo div {
  width: 100%; 
  height: 50px; 
  padding: 5px;
}

.logo div img {
  height: 95%; 
  margin: 5px auto; 
  display: block;
}

.logo .logo-lg {
  color: #000 !important;
}

.alerta {
  width: 20px;
  height: 20px;
  padding-top: 5px;
  margin-right: 10px;
  display: inline-block;
  border-radius: 2px;
}

.alerta.success {
  background: #00a65a;
}

.alerta.warning {
  background: #f39c12;
}

.alerta.info {
  background: #3c8dbc;
}