@charset "utf-8";
/* CSS Document */
.btn-container .btn {
      flex-grow: 1;
      margin: 5px;
    }
.btn-comprar2{
	font-size:14px; padding: 5px;
  border-radius: 20px; font-weight:normal;
background-color: #F69; color:#FFF;
  }
.btn-comprar2:hover{
background-color: #900; color:#FFF;
}
  .botao-minus{ background-color: #333; color:#FFF;  border-radius: 10px; font-size:16px; padding: 5px; margin:2px; display: inline-block;
	  }                   
  .botao-plus{ background-color: #333; color:#FFF;  border-radius: 10px; font-size:16px; padding: 5px; margin:2px; display: inline-block;
	  }
  .botao-fechar{ color: #C00;  border-radius: 10px; font-size:18px; padding: 5px; margin:5px; display: inline-block;
	  }
  .carrinho {
        position: absolute; top: 0px; left:0px;
        top: 0;
        left: 0;
        width: 100%;
        height: auto; 
        background-color: #EBEBEB;
        z-index: 9999;
    }
	.dados-do-cliente{
        position: absolute; top: 0px; left:0px;
        top: 0;
        left: 0;
        width: 100%;
        height: auto; 
        background-color: #EBEBEB;
        z-index: 9999;
		}
	
	.fundo-black{
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        display: flex;
        height: 100%; 
        background-color: rgba(0, 0, 0, 0.7); 
        z-index: 9998;
		
	}
  .circlelogo {
      width: 200px; height: 200px;
      margin-top:40px;
      border-radius: 50%;
      overflow: hidden;
    }
    .alinha-itens-dentro{display: flex; flex-direction: row; align-items: center; justify-content: center;}
 
    .background-for-imagem-black{
      width:auto; height: auto; justify-content: center; margin: 0;
      padding: 0; background-color:#000;
      text-align: center;
    z-index: 2;
    position: relative;
    }
	.btn-confirma {
        display: inline-block;
        padding: 10px 20px;
        font-size: 16px;
        cursor: pointer;
        color: #fff;
        background-color: #28a745;
        border: 1px solid #28a745;
        border-radius: 20px;
        text-decoration: none;
        text-align: center; 
    }
    .btn-confirma:hover {
        background-color: #218838;
        border-color: #218838;
        color: #FF0;
    }
	.BotaoCancelar{
		display: inline-block;
        padding: 10px 20px;
        font-size: 16px;
        cursor: pointer;
        color: #fff;
        background-color: #666;
        border: 1px solid #666;
        border-radius: 20px;
        text-decoration: none;
        text-align: center;}
	.BotaoCancelar:hover{
        background-color: #333;
        border-color: #333;
        color: #F2F2F2;}

    .btn-voltar {
        color: #333;
    }
	.btn-confirma-red {
        display: inline-block;
        padding: 10px 20px;
        font-size: 16px;
        cursor: pointer;
        color: #fff;
        background-color: #C00;
        border: 1px solid #900;
        border-radius: 20px;
        text-decoration: none;
        text-align: center; 
    }

    .btn-confirma-red:hover {
        background-color: #900;
        color: #FF0;
    }
	.form-campo{
		display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.7rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;}
	.fechados{
		position: absolute; 
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); width: 290px; height: auto; font-size: 14px; line-height: 140%; z-index: 999; background-color: #FFF; color: #000; font-family: Arial, Helvetica, sans-serif; -o-border-radius: 20px; -moz-border-radius: 20px; box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5); -webkit-border-radius: 20px; border-radius: 20px;}
	.Alertas{
		position: absolute; 
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); width: 300px; height: auto; 
		z-index: 999; background-color: #FFF; 
		-o-border-radius: 20px; -moz-border-radius: 20px; box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
		-webkit-border-radius: 20px; border-radius: 20px;
		padding: 7px;
        display: flex;
        justify-content: center;
        align-items: center;
		}
		
		.item_adicionado{
		position: absolute; 
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); width: 290px; height: 80px; font-size: 14px; line-height: 80px; z-index: 999; background-color: #090; color: #FFF; font-family: Arial, Helvetica, sans-serif; text-align: center; -o-border-radius: 20px; -moz-border-radius: 20px; box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5); -webkit-border-radius: 20px; border-radius: 20px; font-weight:bold;}
		.LinhaSelectMista {
        width: 100%;
        display: flex;
        border-collapse: collapse;
    }

    .MistaCheck {
        width: 25px;
        text-align: center;
    }
	.MistaItens{
		margin-bottom:5px;
		border-bottom: 1px solid #CCC;
		}

    .MistaNome {
        flex: 1;
        padding: 0px; text-align:left;
    }

    .MistaValor {
        width: 75px;
        text-align: right;
    }
	.cookieConsentContainer{
	z-index:999;width:350px;min-height:20px;box-sizing:border-box;padding:30px 30px 30px 30px;background:#232323;overflow:hidden;position:fixed;bottom:30px;right:30px;display:none}
	.cookieConsentContainer 
.cookieTitle a{font-family:OpenSans,arial,sans-serif;color:#fff;font-size:22px;line-height:20px;display:block}
.cookieConsentContainer .cookieDesc p{margin:0;padding:0;font-family:OpenSans,arial,sans-serif;color:#fff;font-size:13px;line-height:20px;display:block;margin-top:10px}
.cookieConsentContainer .cookieDesc a{font-family:OpenSans,arial,sans-serif;color:#fff;text-decoration:underline}
.cookieConsentContainer 
.cookieButton a{display:inline-block;font-family:OpenSans,arial,sans-serif;color:#fff;font-size:14px;font-weight:700;margin-top:14px;background:#000;box-sizing:border-box;padding:15px 24px;text-align:center;transition:background .3s}
.cookieConsentContainer 
.cookieButton a:hover{cursor:pointer;background:#3e9b67}@media (max-width:980px){.cookieConsentContainer{bottom:0!important;left:0!important;width:100%!important}}
.cookie{
	width:100%; height:auto; background-color:#F4F4F4; text-align:center; font-size:14px; line-height:100%; color:#000;
	font-family:Arial, Helvetica, sans-serif; position: fixed; left:0px; bottom:0px; z-index:9998;
	}
	
.ausente   {   display: none;       }
.div-separator-5{
	width:100%; height:5px; position:relative;
	}
.div-separator-10{
	width:100%; height:10px; position:relative;
	}
.div-separator-20{
	width:100%; height:20px; position:relative;
	}
.div-separator-30{
	width:100%; height:30px; position:relative;
	}
.div-separator-40{
	width:100%; height:40px; position:relative;
	}
.div-separator-50{
	width:100%; height:50px; position:relative;
	}
.item-image {
  flex: 0 0 150px; /* Fixar a largura e altura da imagem */
  width: 150px;
  height: 150px;
  margin-right: 0px; /* Espaço entre a imagem e o conteúdo */
}
.item-image img {
  width: 140px;
  height: 140px; margin:10px;
  object-fit: cover;
}
.flex-grow {
      flex: 1; /* ocupar o restante do espaço */
	  margin:10px;
}