/**
*  ------------------------------------------------------------------------------------------------
*
*
*   GERAIS
*
*
*  ------------------------------------------------------------------------------------------------
*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700&display=swap');


/**
*  ------------------------------------------------------------------------------------------------
*
*
*   ÁREA DO PRODUTO
*
*
*  ------------------------------------------------------------------------------------------------
*/
.area-field-plugin-afiliados-produto{
	margin-bottom: 25px;
}

.area-field-plugin-afiliados-produto h3{

}

.area-field-plugin-afiliados-produto input{

}

/**
*  ------------------------------------------------------------------------------------------------
*
*
*   CHECKOUT
*
*
*  ------------------------------------------------------------------------------------------------
*/

.sessao_identificador_afiliados{
	position: relative;
	display: block;
	padding-top: 30px;
	padding-bottom: 42px;
}

.sessao_identificador_afiliados h3.titulo-identificador-afiliados{

}

/**
*  ------------------------------------------------------------------------------------------------
*
*
*   AREA DO VENDEDOR
*
*
*  ------------------------------------------------------------------------------------------------
*/
.area-vendedores-endpoint{

}

.area-vendedores-endpoint h3.titulo-secundario-relatorio{
  font-weight: bold;
  font-size: 26px;
} 

.area-vendedores-endpoint h3.titulo-secundario-relatorio small{
	display: block;
    font-weight: normal;
    opacity: 0.6;
    font-size: 15px;
    margin-top: -6px;
    margin-bottom: 32px;
}

.area-vendedores-endpoint .caixa-status{
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px;
}

.area-vendedores-endpoint .caixa-status .status{
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    padding-left: 5px;
    padding-right: 5px;
}

.area-vendedores-endpoint .caixa-status .status h1{
   color: #fff;
   font-weight: bold;
}

.area-vendedores-endpoint .caixa-status .status p{
   line-height: 19px;
    margin-top: -18px;
    font-size: 14px;
    height: 33px;
}

.area-vendedores-endpoint .caixa-status .status .caixa-status-detalhe{
   position: relative;
   display: block;
   color: #fff;
   background: #eee;
   border-radius: 20px;
   padding: 20px;
   margin-bottom: 25px;
}

.caixa-status-detalhe-cor-1{
  background: #327ded !important;
}
.caixa-status-detalhe-cor-2{
	background: #3cb361 !important;
}
.caixa-status-detalhe-cor-3{
	background: #cbbc11 !important;
}
.caixa-status-detalhe-cor-4{
	background: #d56167 !important;
}


.area-vendedores-endpoint .caixa-saldo-row{
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}


.area-vendedores-endpoint .caixa-saldo{
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
  margin-bottom: 20px;
}


.area-vendedores-endpoint .caixa-saldo .saldo{
  position: relative;
  display: block;
  width: 98%;
  background: #f2f2f2;
  border-radius: 20px;
  padding: 20px;
}

.area-vendedores-endpoint .caixa-saldo .saldo h1{
   font-weight: bold;
   margin-bottom: 0px;
}

.area-vendedores-endpoint .caixa-saldo .saldo  p{

}

@media(max-width: 540px){
  .area-vendedores-endpoint .caixa-status .status,
  .area-vendedores-endpoint .caixa-saldo .saldo{
  	-ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}