.fa-arrows-rotate{
	color:#fff;
}

/*  +++++++++++++ avisos      +++++++++++++++ */
#fade {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(0, 0, 0, 0.7);
    z-index: 950;

}

@keyframes animationtwo {
  0%, 100% {
   
  }
  50% {
    box-shadow: 0px 0px 20px #fff;
    
  }
}



.estaAtivo {
    display: none;
}

.quantidadeMaxima {
    display: none;
}

.avisoTitulo {
    text-align: center;
}

#fade,
#box {
    transition: 0.5s;
    opacity: 1;
    pointer-events: all;
}

#box {
    position: fixed;
    width: 500px;
    max-width: 90%;
    height: 500px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1000;
    background-color: #212121;
    overflow-y: auto;
    padding: 10px;
    border-radius: 10px;
  	color: #fff;
}

.btn-closed {
    width: 40px;
  	height: 40px;
    margin-left: auto;
    display: flex;
  	justify-content: center;
  	align-items: center;
    float: right;
    padding: 10px;
    border: none;
    background-color: #fc1504be;
    border-radius: 10px;
    font-weight: bold;
    color: #fff;

}

.avisos p {
    text-align: justify;
    padding: 10px;

}

.avisos{
	margin-top: 50px;
}

#fade.hide,
#box.hide {
    opacity: 0;
    pointer-events: none;
}
/*  +++++++++++++ end avisos +++++++++++++++ */




/* color password*/
.forgot-password:hover{
	color:#2780e3 !important;
}

/*menu fix bottom remove*/

@media (min-width: 768px){ 
.menu-fixed-bottom{
  display: none !important;
  }
 
}

/*end remove menu fixed bottom*/


.orange{
	color: #FC1404;
  	margin-right: 5px;
}


.tb-order{
	display: flex;
    flex-direction: column;
  	
}

.table{
	background-color: #0c0c0c !important;
}

@media (max-width: 490px){
 
  body{
	background-color: #000;
  }
  
  #navbar{
	border:none;
    background-color: #000;
  }
  
  .navbar-header{
  	background-color: #000;
  }
  
  .well{
	border-radius: 5px;
    background-color: #0c0c0c;
    border:none;
    border: 1px solid #545454;
    color: #fff;
  }
  
  .well-one{
	color:#FC1404;
  }
  
  .well .form-control{
	background-color: #fff;
    border: 1px solid #545454;
    border-radius: 5px;
    
   
  }
  
  .well .control-label{
	color:#FC1404;
  }
  
  .well .btn{
    border-radius:5px;
    background-image: linear-gradient(160deg, #FC1404 0%, #76220F 100%);
    border:none;
  }
  
  .navbar-brand{
	display: inline-block;
    margin-bottom: 5px;
  }
  .navbar-brand img{
	margin-top: 5px;
  }
    
 .navbar-inverse .navbar-toggle .icon-bar{
	background-color: #FC1404 ;
  }
  
  .navbar-inverse{
	border:none;
  }
  
  .navbar-toggle{
	background-color: transparent !important;
  }
  
  .active a{
	background-color: #818181 !important;
    color: #fff !important;
  }

  
  
  
  /*inter*/
  
  .select2-container--open .select2-dropdown {
	background-color:#202020;
  }
  
   .select2-container--default .select2-results > .select2-results__options{
	background-color:#fff;
  }
  .select2-container .select2-selection__text{
	color:#000;
  }

  

  
  .border-rounded{
	background-color: #202020;
    border: 1px solid #545454;
    color: #fff;
  }
  
  .select2-container .dropdown-menu > li > a{
	border: 0.5px solid #383838;
  }
  
  .nav-pills > li > a {
  	color: #fff;
  }
  
  .border-rounded{
	border-radius: 5px;
  }
  
   a:hover{
	background-color: #818181 !important;
    color: #fff !important;
  }
  
  a:active{
  	background-color: #818181!important;
    color: #fff !important;
  }
  
  .navbar-brand:hover{
  	background-color: transparent !important;
  }
  
  @keyframes animation{
   	 from{
       
   	 }
   	 to{
        box-shadow: 0px 0px 20px #fff;
        border: 1px solid #fff;
   	 }

	}
  
  
   .box-user{
  	color: #fff;
    display: flex;
    align-items: center;
    border-radius: 5px;
    padding: 10px !important;
    border: 1px solid #545454;
    justify-content: center;
    margin: 15px 0 16px 0;
    font-weight: 600;
    font-size: 1.1em;
    animation-name: animation;
    animation-duration: 2s;
  }
  
  
  
  
  
  
  
  
  
  
  .box-balance{
 	color: #fff;
    display: flex;
    align-items: center;
    border-radius: 5px;
    padding: 10px !important;
    border: 1px solid #545454;
    justify-content: center;
    margin: 15px 0 16px 0;
    font-weight: 600;
    font-size: 1.1em;
 
  }
  
  .table{
  	background: #0c0c0c;
  }
  
  
  .btn-descri{
    text-align: center;
    width: 100px;
    background-color: #fc1504be !important;
    border-radius: 5px;
    border: none;
    margin-left: 20px;
    float: right;
    padding: 0 5px 0 5px;
    color:#fff !important;
    text-decoration: none !important;
  }
  
  .btn-descri:active{
    background-color:#a50b00 !important;
    color: #fff !important;
  }
  
  
	.ul-social-box li:nth-child(4) img {
    width: 50px !important; /* Personaliza o tamanho da imagem de Instagram */
	height:50px !important;
}
.ul-social-box li:nth-child(3) img {
    width: 42px !important; /* Personaliza o tamanho da imagem de Instagram */
    height:42px !important;
}
.ul-social-box li:nth-child(5) img {
    width: 42px !important; /* Personaliza o tamanho da imagem de Instagram */
    height:42px !important;
}
.ul-social-box li:nth-child(2) img {
    width: 37px !important; /* Personaliza o tamanho da imagem de Instagram */
    height:37px !important;
}
.ul-social-box li:nth-child(6) img {
    width: 37px !important; /* Personaliza o tamanho da imagem de Instagram */
    height:37px !important;
}
.ul-social-box li:nth-child(1) img {
    width: 32px !important; /* Personaliza o tamanho da imagem de Instagram */
    height:32px !important;
}
.ul-social-box li:nth-child(7) img {
    width: 32px !important; /* Personaliza o tamanho da imagem de Instagram */
    height:32px !important;
}
  
  
}/*end mobile*/




/*----------start desk *------------*/




@media (min-width: 425px){
 
  body{
	background-color: #000;
  }
  
  #navbar{
	border:none;
    background-color: #000;
  }
  .navbar-inverse{
	background-color: #000;
  }
  .navbar-header{
  	background-color: #000;
  }
  
  .well{
	border-radius: 5px;
    background-color: #0c0c0c;
    border:none;
    border: 1px solid #545454;
    color: #fff;
  }
  
  .well-one{
	color:#FC1404;
  }
  
  .well .form-control{
	background-color: #fff;
    border: 1px solid #545454;
    border-radius: 5px;
    color:#000;
    
   
  }
  
  .well .control-label{
	color:#FC1404;
  }
  
  .well .btn{
    border-radius:5px;
    background-image: linear-gradient(160deg, #FC1404 0%, #76220F 100%);
    border:none;
  }
  
  .navbar-brand{
	display: inline-block;
    margin-bottom: 5px;
  }
  .navbar-brand img{
	margin-top: 5px;
  }
    
 .navbar-inverse .navbar-toggle .icon-bar{
	background-color: #FC1404 ;
  }
  
  .navbar-inverse{
	border:none;
  }
  
  .navbar-toggle{
	background-color: transparent !important;
  }
  
  .active a{
	background-color: #818181 !important;
    color: #fff !important;
  }

  
  
  
  /*inter*/
  
  .select2-container--open .select2-dropdown {
	background-color:#202020;
  }
  
  .select2-container--default .select2-results > .select2-results__options{
	background-color:#b5b5b5;
  }
  
  

  
  .border-rounded{
	background-color: #202020;
    border: 1px solid #545454;
    color: #fff;
  }
  
  .select2-container .dropdown-menu > li > a{
	border: 0.5px solid #383838;
  }
  
  .nav-pills > li > a {
  	color: #fff;
  }
  
  .border-rounded{
	border-radius: 5px;
  }
  
  a:hover{
	background-color: #818181 !important;
    color: #fff !important;
  }
  
  a:active{
  	background-color: #818181 !important;
    color: #fff !important;
  }
  
  .navbar-brand:hover{
  	background-color: transparent !important;
  }
  
    @keyframes animation{
   	 from{
       
   	 }
   	 to{
        box-shadow: 0px 0px 20px #fff;
        border: 1px solid #fff;
   	 }

	}
  
   .box-user{
  	color: #fff;
    display: flex;
    align-items: center;
    border-radius: 5px;
    padding: 10px !important;
    border: 1px solid #545454;
    justify-content: center;
    margin: 15px 0 16px 0;
    animation-name: animation;
    animation-duration: 2s;
  }
  

  
   .box-balance{
 	color: #fff;
    display: flex;
    align-items: center;
    border-radius: 5px;
    padding: 10px !important;
    border: 1px solid #545454;
    justify-content: center;
    margin: 15px 0 16px 0;
    font-weight: 600;
    font-size: 1.1em;
 
  }
  
  .table{
  	background: #0c0c0c;
  }
  
  
   .btn-descri{
    text-align: center;
    width: 100px;
    background-color: #fc1504be !important;
    border-radius: 5px;
    border: none;
    margin-left: 20px;
    float: right;
    padding: 0 5px 0 5px;
    color:#fff !important;
    text-decoration: none !important;
  }
  
  .btn-descri:active{
    background-color:#a50b00 !important;
    color: #fff !important;
  }
  
  @keyframes flutuation {
    0%, 100%{
        transform: translateY(0px);

    }
    50%{
        transform: translateY(-10px);
       
    }

}
  
  .card{
  	max-width: 300px !important;
    animation-name:flutuation;
    animation-duration:2s;
  }
  
  
  
 
  
}/*end desk*/





/*------------------------- card-------------------------------*/

.cards-box {
    background-color: #000;
}

.cards-box li {
    list-style: none;
    margin: 3px;
}

.card {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: calc(100% - 3px);
    min-width: 100px;
    max-width: 395px;
    height: auto;
    background-color: #0c0c0c;
    border: 1px solid #545454;
    padding: 5px;
    border-radius: 10px;
}

.card h2, p {
    text-align: center;
}

.card h2 {
    color: #fff;
  font-size:2rem;
}

.card p {
    color: #d3d3d3;
}

.card-icon {
    text-align: center;
    font-size: 2em;
    color: #fc1504be;
    
}

.card:hover {
    border: 1px solid #FC1404;
    color: #000;
    transform: scale(1.05);
    transition: 0.3s;
    box-shadow: 0px 0px 15px #FC1404;
}

.ul-box {
    display: flex;
    justify-content: center;
    padding: 0;
    flex-wrap: wrap;
}

/* Media query para telas menores que 768px */
@media (max-width: 768px) {
    .ul-box {
        flex-direction: row;
        justify-content: space-around;
    }
    
    .card {
        width: calc(50% - 6px); /* Cada card ocupará 50% da largura da tela menos a margem */
        margin: 5px;
    }
}


.line{
    margin: 30px 0 10px 0;
    align-self: center;
    width: 40%;
    height: 5px;
    background-image: linear-gradient(160deg, #FC1404 0%, #76220F 100%);
}


 /* --------------------------------------SOCIAL BOX -------------------------------------------------------------------*/


.social-box h2{
	color: #fff;
  	font-size: 1.5em;
        
}
.social-box{
    text-align: center;
    text-transform: uppercase;
}


.social-box ul li img{
    max-width: 80px;
    max-height: 80px;
    border-radius: 10px;
    margin: 3px;
  	animation-name: animation;
    animation-duration: 2s;
}

.ul-social-box li:nth-child(1) img,
.ul-social-box li:nth-child(7) img {
    width: 10%; /* Responsivo com base no container */
    height: auto;
    max-width: 50px; /* Limite máximo */
    min-width: 30px; /* Limite mínimo */
    max-height: 50px;
    min-height: 30px;
}

.ul-social-box li:nth-child(2) img,
.ul-social-box li:nth-child(6) img {
    width: 12%; /* Responsivo */
    height: auto;
    max-width: 60px;
    min-width: 40px;
    max-height: 60px;
    min-height: 40px;
}

.ul-social-box li:nth-child(3) img,
.ul-social-box li:nth-child(5) img {
    width: 14%; /* Responsivo */
    height: auto;
    max-width: 70px;
    min-width: 50px;
    max-height: 70px;
    min-height: 50px;
}

.ul-social-box li:nth-child(4) img {
    width: 16%; /* Responsivo */
    height: auto;
    max-width: 80px;
    min-width: 60px;
    max-height: 80px;
    min-height: 60px;
}




.social-box ul li img:hover{
	border: 1px solid #FC1404;
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.05);
    transition: 0.3s;
    box-shadow: 0px 0px 15px  #FC1404;
}

.social-box ul{
    display: flex;
    flex-wrap: wrap;
  	justify-content: center;
    align-items: center;
 	list-style: none;
  	padding:0;
}




/*ul social box interno*/

.social-box-inter .ul-social-box-inter img{
    max-width: 50px;
    max-height: 50px;
    border-radius: 5px;
    margin: 3px;
  	animation-name: animation;
  	animation-duration: 2s;
  	
}

.ul-social-box-inter li:nth-child(4) img {
    width: 50px; /* Personaliza o tamanho da imagem de Instagram */
	height:50px;
}
.ul-social-box-inter li:nth-child(3) img {
    width: 43px; /* Personaliza o tamanho da imagem de Instagram */
    height:42px;
}
.ul-social-box-inter li:nth-child(5) img {
    width: 42px; /* Personaliza o tamanho da imagem de Instagram */
    height:42px;
}
.ul-social-box-inter li:nth-child(2) img {
    width: 37px; /* Personaliza o tamanho da imagem de Instagram */
    height:37px;
}
.ul-social-box-inter li:nth-child(6) img {
    width: 37px; /* Personaliza o tamanho da imagem de Instagram */
    height:37px;
}
.ul-social-box-inter li:nth-child(1) img {
    width: 32px; /* Personaliza o tamanho da imagem de Instagram */
    height:32px;
}
.ul-social-box-inter li:nth-child(7) img {
    width: 32px; /* Personaliza o tamanho da imagem de Instagram */
    height:32px;
}

.social-box-inter .ul-social-box-inter{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
  	list-style: none;
}


.user-name-inter{
	margin-right: 5px;
}

.refill-all {
    border: none;
    background-color: #fc1504be;
    width: 40%;
    border-radius: 5px;
    margin:10px 5px;
    max-width:130px;
  	
}

/* color password reset*/
.forgot-password:hover{
	background-color: transparent !important;
}


/*videos format*/

.videos-box{
	display: flex;
    justify-content: center;
    margin: 10px;
    align-items: center;
	
}

.video-border{
	width: 49%;
  	margin: 10px;
  	padding : 5px;
  	background-color: #0c0c0c;
  	border-radius: 10px;
  	border: 1px solid #545454;
  	max-width: 620px;
  	overflow: hidden;
}


.title-video{
 	background: #3b3b3b;
    padding: 10px;
    color: #fff;
    margin: 0 0 5px 0;
  	border-radius: 5px;
}

@media screen and (max-width: 1023px) {
	.videos-box{
		display: flex;
  		flex-direction: column;
	}
  

  
  
  .videos-box .video-border{
  	width: 100% !important;
  }
  
  
  @media screen and (max-width: 425px){
    .video-border iframe{
    	height: 250px !important;
     
    }
  }
	
}


.select2-results__option .active{
	color: #fff !important;
}




  /*start menu fixed bottom*/
.menu-fixed-bottom{
    height: 70px;
    bottom: 0;
    left: 0;
    width: 100vw;
    background: #000;
    position: fixed;
    z-index: 900;
    padding: 0;
    box-shadow: 0 5px 50px #5454549e;
    display: flex;
    align-items: center;
    justify-content: center;
  	border-radius: 5px;
}

.menu-fixed-botom-group{
    width: 100vw;
    display: flex;
    align-items:center;
    justify-content: center;
    flex-direction: row;
    padding: 0 !important;

}

.menu-fixed-botom-group li{
    display: flex;
    flex-direction: column;
    align-items: center;
    list-style: none;
    padding: 0;
}

.menu-fixed-botom-group li a:hover{
	background-color: transparent !important;
  	
}


.menu-fixed-botom-group li a{
    
    flex-direction: column;
    width: 100%;
    text-align: center;
    text-decoration: none;
    color: #fff;
    display: flex;
    margin: 5px 10px;




}
  
  .menu-fixed-botom-group li a:active{
  	color: #FC1404 !important;
  
  }

.icon-center{
    width: 50px !important;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 15px;
  	background-color: #FC1404;
    box-shadow: 1px 1px 5px #656565;
}

  .fa-bag-shopping{
  	font-size: 25px;
  
  }
  
  .fa-whatsapp{
  font-weight: 600;
  }
  
  .pagination{
  	margin-bottom: 10vh;
  }

}



/* Start dash */
.container-cards-user-dash {
  display: flex;
  flex-wrap: wrap; /* Permite quebrar a linha para o próximo card */
  gap: 5px; /* Espaço entre os cards */
  justify-content: space-between; /* Espaço igual entre os cards */
  background-color: red; /* Removidas as aspas */
}

.card-dash {
  flex: 1 1 calc(50% - 5px); /* Cada card ocupa 50% da largura menos o espaço do gap */
  position: relative; /* Necessário para o ::before ser posicionado em relação ao card */
  background-color: lightgray;
  padding: 20px;
  box-sizing: border-box; /* Inclui padding e bordas na largura total */
  border-radius: 5px;
  color: #fff;
  overflow: hidden; /* Garante que o ::before fique dentro do card */
  min-height: 90px;
  display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.card-dash::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url('https://cdn.elinsoft.com/sites/lacute/assets/img/circle.png');
  background-size: auto 100%;
  background-position: right center;
  background-repeat: no-repeat;
  opacity: 0.7;
  z-index: 0; 
}


.red-dash{
background:linear-gradient(230deg, rgb(18 18 18) 0%, rgb(164 138 135) 100%)
}

.orange-dash{
background:linear-gradient(230deg, rgb(255 239 0) 0%, rgb(130 130 130) 100%);
}
.green {
 background:linear-gradient(230deg, rgb(173 0 0) 0%, rgba(251, 170, 162, 1) 100%);
}

.blue {
  background: linear-gradient(230deg, rgb(0 226 18) 0%, rgba(251, 170, 162, 1) 100%)
}

.container-info-user-dash{
margin-bottom:10px;
}

.dash-box{
display:flex;
  gap:5px;
  margin:5px 0;
}

.user-info-dash{
font-weight: bold;
    font-size: 2rem;
 
}



/* End dash */




/*start card order*/
.card-order{
 padding: 10px;
 border-radius: 5px;
 background-color: #242424;
 margin-bottom: 10px;
}

.fa-copy{
  margin:5px;
}
.fa-copy:active{
  color:green;
}

.id-and-angle{
    display: flex;
    justify-content: space-between;
}

.fa-angle-down{
	padding:5px;
    cursor: pointer;
    border-radius:3px;
}
.fa-angle-down:active{
 background-color:#000;
}

.more-info-card-order{
	display:none;
}

.card-more-info{
	margin-top:5px;
}

.label-more-info{
	color:#5ae5ff;
   font-size:1.2rem;
}

.indicate{
	align-items: center;
    margin: 10px 0;
    display: flex;
    justify-content: center;
   
}


@keyframes animationIndicate {
  0%, 100% {
   
  }
  50% {
    scale:1.02;
    
  }
}

.indicate img{
  width:100%;
   animation: animationIndicate 1s linear infinite;
  border-radius:3px;
   box-shadow: 0px 0px 15px #FC1404;
 
}

/* end menu fixed bottom */  




/* Start filiate*/
.card-filiate{
	display: flex;
    flex-direction: column;
    margin: 10px 0;
}

.text-info-filiate{
	text-align: justify;
    margin:25px 0;
}

.container-cards-filiate ul {
	padding:0;
}

.container-cards-filiate ul li{
	display: flex;
    align-items: center;
    min-height: 60px;
    list-style: none;
    background:linear-gradient(160deg, rgb(173 0 0) 0%, rgb(108 108 108) 100%);
    margin: 10px 0;
    border-radius: 5px;
    justify-content: space-between;
    padding: 10px;
  	gap:2px;
}

.box-icon{
	display:flex;
  	gap:10px;
    align-items: center;
}

.box-icon i{
	margin:5px;
}

.box-icon span{
	font-weight:bold;
}

.red-color-title{
	color:#FC1404;
 	font-weight: bold;
}

.box-indicate-whatsapp{
	padding: 8px;
    background-color: green;
    border-radius: 5px;
}

.box-indicate-whatsapp .fa-whatsapp{
	padding:5px;
  	
}

.box-indicate-whatsapp a{
text-decoration:none;
  color:#fff;
}
/*End filiate*/



/*messeger new order end page*/

.text-message-info-box{
	margin-bottom:40px;
}

 .btn-aviso-text{
    text-align: center;
    width: 100px;
    background-color: #fc1504be !important;
    border-radius: 5px;
    border: none;
    margin-left: 20px;
    float: right;
    padding: 0 5px 0 5px;
    color:#fff !important;
    text-decoration: none !important;
  }

.btn-aviso-text:hover{
	background-color: #fc1504be !important;
}

.btn-more-info-card{
    border: 1px solid #000;
    padding: 5px;
    border-radius: 3px;
}



/*BRAND LOGO */
@media(max-width: 768px){
	.navbar-brand{
        display: flex !important;
        width: calc(100% - 60px);
        justify-content: center;
        padding-left: 80px;
}
}