:root {
	--cores-1: rgba(252, 3, 57, 0.86);
	--cores-2: rgba(255, 255, 255, 1);
	--cores-3: rgba(0, 0, 0, 0.88);
	--cores-4: rgba(219, 219, 219, 1);
}

input::placeholder {
	color: #fff !important;
}

#login_content_logo img {
	height:25rem;
}

.carregamento{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 99999999999;
	background: #000000;
}

body{ 
	background-position: center;
	background-size: cover;
}

.active-login{
	border: .5rem solid var(--cores-1) !important;
}
.keyboard-item.active{
	background-color: var(--cores-1) !important;
}

.active-day, .active-tv, .active-category, .active-epg {
	border: .2rem solid var(--cores-2) !important;
} 

.menu-button.active,.menu-button.hover {
	background-color: var(--cores-2) !important;
}

.menu-item{
	background-color: var(--cores-3) !important;
	color: var(--cores-4) !important;
}
.menu-item div{
	color: var(--cores-4) !important;
}
.alert_active{	
	background-color: var(--cores-3) !important;
	color: var(--cores-4) !important;
}

.menu-item:hover, .menu-item.active-menu{
	border-color:var(--cores-2);
}


.menu-button{
	background-color: var(--cores-3);
	color: var(--cores-4);
}
.menu-button:hover{
	background-color: var(--cores-1) !important;
}
.back-button{    
	background-color: var(--cores-3);
	color: var(--cores-4);
}
.back-button.active, .back-button:hover, .back-button.active-pin{
	background-color: var(--cores-1) !important;
}

.movie-category{	
	background-color: var(--cores-3);
	color: var(--cores-4);
}
.movie-category-name{
	color: var(--cores-4);
}

.movie-category:hover,
.movie-category.active {
	background-color: var(--cores-1) !important;   
}

.movie{	
	background-color: var(--cores-3) !important;
	color: var(--cores-4) !important;
}

.movie-name{
	color: var(--cores-4) !important;
}
.season-block{	
	background-color: var(--cores-3) !important;
	color: var(--cores-4) !important;
}
.movie.active .movie-img{ 
	border-top: 10px solid var(--cores-1);
	border-left: 10px solid var(--cores-1);
	border-right: 10px solid var(--cores-1);
}
.movie:hover .movie-name-block, .movie.active .movie-name-block{	
	background-color: var(--cores-1) !important;   
}
.movie:hover .movie-img{ 
	border-top: 10px solid var(--cores-1);
	border-left: 10px solid var(--cores-1);
	border-right: 10px solid var(--cores-1);
}

.play, .trailer{
	background-color: var(--cores-3);
	color: var(--cores-4);
}
#fechar_trailer{
	background-color: var(--cores-3);
	color: var(--cores-4);
}
.movie-left span{
	color: var(--cores-4);
}

.play:hover,
.episode-block:hover,
.season-block:hover {
	background-color: var(--cores-1);
}

.movie-left.active{
	background-color: var(--cores-1) !important;   
}
.add-favorite{
	background-color: var(--cores-3);
	color: var(--cores-4);
} 
.season-block.active-season{	
	border-color: var(--cores-1) !important;   
}
.episode-block{	
	background-color: var(--cores-3);
	color: var(--cores-4);
}
.episode-block.active {
	border-top: 10px solid var(--cores-1);
	border-left: 10px solid var(--cores-1);
	border-right: 10px solid var(--cores-1);
}
.episode-block.active .episode-name-block{	
	background-color:var(--cores-1) !important;   
}
.play.active, .season-block.active{	
	background-color:var(--cores-1) !important;     
}

.block-top-parent{	
	background-color: var(--cores-3);
	color: var(--cores-4);
}
.category-name{	
	color: var(--cores-4);
}
.category-item{	
	background-color: var(--cores-3);
	color: var(--cores-4);
}

.item-block{
	background-color: var(--cores-3);
	color: var(--cores-4);
}
.time_block{	
	background-color: var(--cores-3);
	color: var(--cores-4);
}
.current_channel{	
	background-color: var(--cores-3);
	color: var(--cores-4);
}
.current_channel-number{
	color: var(--cores-4);	
}
.current_channel-info{	
	color: var(--cores-4);	
}
.category-text{
	color: var(--cores-4);		
}
.item-block-number{
	color: var(--cores-4);
}
.item-block-right{
	color: var(--cores-4);	
}
.info_buttons{
	background-color: var(--cores-3);
	color: var(--cores-4);
}
.info_button{	
	color: var(--cores-4);
}

.category-item.active, .item-block.active, .epg-list-item.active, .epg-day-block.active{	
	background-color:var(--cores-1) !important;    
}

.popup-item-block{
	background-color: var(--cores-3);
	color: var(--cores-4);
}
.popup-item-name, .popup-item-image-name{	
	color: var(--cores-4);
}
.popup-item-block.active{
	background-color:var(--cores-1) !important; 
}



.infodispositivo{
	position: fixed;
	bottom:10%;
	right: 0px;
	width:25%;
	height:auto;  
	text-align: left;  
	z-index: 8;
	background-color:rgba(0,0,0,0.0);	
	text-align: left;
	font-size:2.5rem; 
	color:#fff;
}
.infodispositivo div{
	padding-top:5%; 
}
.infodispositivo div span{
	display: inline-block; 
	width: auto;
}

.qrcode{
	position: fixed;
	bottom: 0px;
	left: 0px;
	width:20%;
	height:auto;  
	text-align: center;
	padding:2%; 
	z-index: 8;
	background-color:rgba(0,0,0,0.0);
}
.qrcode_codigo{
	display: block;
	width: 100%;
	text-align: center;
	font-size:3rem; 
	color:#fff;
	opacity: 0;
}

.qrcode span{
	display: block;
	width: 100%;
	text-align: center;
	font-size:3rem; 
	color:#fff;
}

.qrcode img{
	width: 75%;
	margin-top:15px;
	margin-bottom:15px;
}

.logininput1{ 
	line-height:8rem !important;
}