body{
	background: #fff !important;
}

.formData{
	position: absolute;
	left:0;
	right:0;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 90%;
	height: 30%;
}

.borderDiv{
	border: 1px solid grey;
    border-radius: 9px;
    padding: 20px;
    background: #fff;
}


.logo{
	position: absolute;
	top: 20px;
	width: 180px;
	left: 40px;
	z-index: 1;
}

.kidzosBgColor{
	background-color: #d4edda;
}

.linha-verde {
	background-color: #d4edda; 
	color: #155724; 
}

.linha-vermelha {
	background-color: #f8d7da; 
	color: #721c24; 
}

.navbarfront{
	position: fixed;
	top: 25px;
	right: 25px;
	z-index: 9999;
}

.hidden{
	display: none !important;
}

.opacity-0{
	opacity: 0;
	border: 0px;
}

.content-wrapper {
	border: 0px;
    height: 100%;
}
html:not(.layout-footer-fixed) .content-wrapper.frontend{
	padding-bottom: 150px!important;
}
.mb-80{
	margin-bottom: 80px;
}

.labelData{
	font-size: 18px;
}

.flatpickr-calendar, .flatpickr-current-month .cur-month{
	font-size: 18px !important;    
}

.flatpickr-current-month input.cur-year {
	font-size: 15px !important;
}

.home{
    position: absolute;
    top: 15px;
    right: 15px;
}

a{
	color: #046f3b !important;
}

a:hover{
	color: #046f3b !important;
}

.home i{
	font-size: 3rem !important;
}	

.prize-card.disabled {
  opacity: 0.6;
  filter: grayscale(100%);
  position: relative;
  cursor: not-allowed;
}

.prize-card input[disabled] {
  pointer-events: none; /* impede clique no input apenas */
}

.prize-card .overlay {
  position: absolute;
  inset: 0;
  display:flex;
  align-items:center;
  justify-content:center;
}

.prize-card .overlay .line {
  position: absolute;
  width: 115%;
  height: 2px;
  background: rgba(200,0,0,0.8);
  transform: rotate(-30deg);
}

.prize-card .overlay .line::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  background: rgba(200,0,0,0.8);
  transform: rotate(60deg);
  left: 0;
  top: 0;
}

#logout{
    background-color: #e30613;
	border-radius: 14px;
	text-transform: uppercase;
	margin-bottom: 40px;
}

.creer{
	text-transform: uppercase;
	color: #fff;
	font-size: 1.2rem;
}

.terms a{
	color: #333333 !important;
	text-decoration: underline;
	font-size: 1rem;
}

.login-p{
	color: #333333;
	font-size: 1.1rem;
}

.login-a span{
	text-transform: uppercase;
	color: #333333;
	text-decoration: underline;
	font-size: 1.1rem;
}

.login-a-small span{
	color: #333333;
	text-decoration: underline;
	font-size: 1.1rem;
}

.button-div{
	text-align: center;
}

.button-div small{
	display: inline-block;
	margin-top: 20px;
	color: #e30613;
	font-size: 1rem;
}

.topbanner{
	width: 100%;
	background-color: #e30613;
	text-align: center;
	position: relative;
}

.back-icon{
	position: absolute;
    border: 5px solid #fff;
    border-radius: 50%;
    height: 55px;
    width: 55px;
    top: 35%;
	left: 20px;
}

.back-icon i{
	color: #fff !important;
    transform: scale(2.5);
    padding-top: 9px;
    padding-right: 1px;
}

.whiteDiv{
	width: 100%;
    background-color: #fff;
    height: auto;
    margin-top: 40px;
    margin-bottom: 40px;
    padding-top: 20px;
    padding-bottom: 20px;
    border-radius: 14px;
}

.helloDiv img{
	max-width: 80%;
    margin: auto;
    position: relative;
    display: inline-block;
}

.middle span{
	display: inline-block;
	font-size: 1.1rem;
	color: #e30613;
	width: 100%;
	margin-bottom: 10px;
}

.middle small{
	color: #333333;
}

.points{
	background-color: #f8ae16;
    border-radius: 14px;
    height: auto;
    width: 90%;
	color: #fff;
	font-size: 1.1rem;
	padding-top: 20px;
    padding-bottom: 20px;
}

.points span{
	font-size: 1.2rem;
}

.text-red{
	color: #e30613;
	font-size: 1.1rem;
	text-align: center;
}

.dashboard{
	margin-bottom: 40px;
}

.dashboard-points{
	display:flex; 
	flex-direction:column;
}

.number-circle{
	width: 48px;              
    height: 48px;
    border-radius: 50%;        
    background: #e30613;      
    color: #fff;               
    display: inline-flex;      
    align-items: center;       
    justify-content: center;   
    font-weight: 700;
    font-family: Arial, sans-serif;
    margin: 9px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.15);
    user-select: none;
	font-size: 1.2rem;
}

.text{
	padding: 9px;
	margin-bottom: 10px;
}

.text span{
	font-size: 1.2rem;
	color: #333333;
	align-items: center; 
	 display: inline-flex;  
}

.steps{
	margin-bottom: 40px;
}

.bgMenu{
	width: 100%;
	height: 100px;
	background-color: #ebebeb;
	text-align: center;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 999;
}

.icon-footer{
	width: 80px;
    padding-top: 10px;
}

.icon-plus{
	width: 100px;
    top: -20px;
    position: relative;
}

.underline{
	text-decoration: underline;
}

.politique{
	text-align: justify;
	color: #333333 !important;
}

.politique a{
	color: #333333 !important;
}

.politique h1, .politique h2, .politique h3 {
    margin-top: 30px;
	color: #333333 !important;
}

.politique h1 {
    text-align: center;
    font-size: 24px;
    text-transform: uppercase;
	text-decoration: underline;
}
.politique h2 {
    font-size: 18px;
    text-decoration: underline;
    padding-bottom: 5px;
}
.politique p {
    margin: 10px 0;
}
.politique ul {
    margin: 10px 0 10px 25px;
}

.btn-close-politique{
	background-color: #e30613 !important;
	border-color: #e30613 !important;
	border-radius: 14px !important;
	font-size: 1.2rem !important;
}

.btnSaleC{
	background-color: #e30613 !important;
	border-color: #e30613 !important;
	border-radius: 14px !important;
	font-size: 1.2rem !important;
}

.rewards{
	font-size: 1rem;
	color: #e30613;
	margin-bottom: 40px;
}

.rewards .text{
    padding-top: 25px;
    padding-bottom: 25px;
}

.rewards .text span{
	font-size: 1rem;
	color: #333333;
}

.rewards .text-input{
	padding-top: 26px;
}

.rewards .pointsR{
	font-size: 1.2rem;
	color: #333333;
	margin-bottom: 40px;
}

.rewards .pointsR strong{
	font-size: 1.3rem;
}

.rewards input[type="radio"],
.rewards input[type="checkbox"] {
  accent-color: black;
  transform: scale(1.5);
  cursor: pointer;
  margin: 5px;
}

.rewards .prize-card{
	border-radius: 14px;
}

.rewards .prize-card.border-primary {
	border: 2px solid #e30613 !important;
}

.sales{
	font-size: 1rem;
	color: #e30613;
	margin-bottom: 50px !important;
}

.sales .text{
    padding-top: 25px;
    padding-bottom: 25px;
}

.sales .text span{
	font-size: 1rem;
	color: #333333;
}

.sales .text-input{
	padding-top: 25px;
    display: inline-block;
	color: #333333;
}

.sales .pointsR{
	font-size: 1.2rem;
	color: #333333;
	margin-bottom: 40px;
}

.sales .pointsR strong{
	font-size: 1.3rem;
}

.sales .card{
	border-radius: 14px;
}

#confirmPasswordBtn{
	background-color: #e30613;
	border-color: #e30613;
}

.text-info-bb{
	font-size: 1.2rem;
	color: #333333;
	margin-bottom: 40px;
}

.bgMenu > div > div > .row {
    flex-direction: row;
    flex-wrap: nowrap;
}

.brand-card {
	cursor: pointer;
	background-color: #fff9e9;
	border: 4px solid #e30613;
	border-radius: 14px;
	padding: 10px;
	transition: 0.2s;
}
.productsContainer {
  margin-top: 10px;
}

.imgBrand{
	/*border: 4px solid #e30613;
	border-radius: 14px;*/
	cursor: pointer;
}

.changeAlertReg{
	border: 2px solid #e30713 !important;
	border-radius: 14px !important;
	text-align: center;
	color: #333333 !important;
	text-transform: uppercase;
}

.changeAlertReg span{
	font-weight: 700;
	font-size: 1.1rem;
}

.changeAlertReg a{
	color: #e30713 !important;
}
#passwordModal .alert-success{
    margin: 0;
    font-size: 1.5em;
}

.show.alertprize{
	display: block;
}
/*
.alertprize{
    background-color: #fff2e1;
    border-color: #fee6c6;
    color: #fdac41;
    padding: 11%;
    margin: auto;
    font-size: 1.5em;
	display:none;
}*/


@media screen and (max-width: 720px){
	.logo{
		width: 100px;
	}
}

@media screen and (min-width: 800px){
	.pcDiv, .whiteDiv, .dashboard, .politique, .rewards, .sales{
		max-width: 50%;
		margin: auto;
	}
	.pcDivFooter{
		max-width: 60%;
		margin: auto;
	}
	.whiteDiv{
		margin-bottom: 40px;
	}
	.icon-plus{
		width: 80px;
	}
	.icon-footer{
		width: 60px;
	}
	.bgMenu{
		height: 80px;
	}
}

@media screen and (max-width: 992px){
	.icon-footer{
		width: 40px;
		padding-top: 10px;
	}

	.icon-plus{
		width: 75px;
		top: -20px;
		position: relative;
	}
	.bgMenu{
		height: 74px;
	}
}