.responsivo-nano{
	width:calc(100% - 271px) !important; 
	float:left !important; 
	height:calc(100% - 80px) !important;
}

@media only screen and (max-width: 991px){
	.responsivo-nano{
		width: calc(100% + 17px) !important;
	}
	.responsivo-nano .nano-pane{
		margin-right: 17px !important;
		z-index: 5; 
	}
}

/* BOTÃO PRIMARIO */
	.btt-pri{
		border:0px;
		background:#FFF;
		text-align:center;
		color:#D24A43;
		cursor:pointer;
		outline:none;
	}
	.btt-pri:hover{
		background:#AB3029;
		color:#FFF;
	}
/* BOTÃO PRIMÁRIO TRANSPARENTE */
.btt-pri-transparente{
	border:2px solid #D24A43;
	background-color:transparent;
	text-align:center;
	color:#D24A43;
	cursor:pointer;
	outline:none;
	font-weight:300;
}
.btt-pri-transparente:hover{
	background:#D24A43;
	color:#FFF;
}
/* BOTÃO SECUNDÁRIO */
.btt-sec{
	border:0px;
	background:#FFF;
	text-align:center;
	color:#D24A43;
	cursor:pointer;
	outline:none;
	font-weight:300;
}
.btt-sec:hover{
	color:#FFF;
	background:#222222;
}

/* BOTÃO AÇÃO */
.btt-acao{
	border:0px;
	width:100%;
	height:40px;
	border-radius:3px;
	outline:none;
	color:#FFF;
	cursor:pointer;
	font-family:'Open Sans';
	font-size:14px;
	text-align:center;
	line-height:40px;	
	font-weight:100;
}
/* BOTÃO VOLTAR */
.btt-voltar{
	width:22px;
	height:23px;
	float:left;
	margin-top:7px;
	margin-left:15px;
	background:url(../imagens/icone-voltar.png);	
}
.btt-voltar:hover{
	background:url(../imagens/icone-voltar-hover.png);	
}

/* MAPEAMENTO */
.mapeamento{
	display:table;
	float:left;
	color:#FFF;
	font-weight:300;
	font-size:12px;
}
.mapeamento a{
	color:#FFF;
	float:left;
	display:block;
	font-weight:300;
	font-size:12px;
}
.mapeamento a:hover{
	text-decoration:underline;	
}
.mapeamento span{
	display:block;
	float:left;
	color:#FFF;	
	margin-right:5px;
	margin-left:5px;
	font-weight:300;
	font-size:12px;
}
.botoes-mapeamento{
	float:right;
	display:table;
	margin-top:-25px;
}
.loader{
	background:rgba(0,0,0,0.8);
	position:fixed;
	width:100%;
	height:100%;
	top:0px;
	left:0px;	
	display:none;
	z-index:210;
}
.loader img{
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-42px;
	margin-top:-42px;	
}
/* TAGS - H1,H2,H3,p*/
h1,h2,h3,p{
	margin:0px;
	padding:0px;
	font-weight:normal;
}
.borda-titulo{
	height:2px;
	width:100%;
	margin-top:10px;
	margin-bottom:10px;
	background:url(../imagens/borda-titulo.jpg);	
}

::-webkit-scrollbar {
    width: 8px;
	margin-right:3px;
}
::-webkit-scrollbar-track {
    -webkit-border-radius: 6px;
    border-radius: 6px;
}
::-webkit-scrollbar-thumb {
	border-radius:1em;
	background-color:#777;
}

.conteudo-total-interno{
	float:left;
	height:calc(100% - 25px);
	width: calc(100% + 17px);
	overflow:hidden;
	overflow-y:auto;
	padding-left:50px;
	padding-right:50px;
	padding-bottom:30px;
	padding-top:35px;
}
.conteudo-total-interno h1 {
    color: #FFF;
    display: table;
    font-weight: 300;
    font-size: 22px;
}
.titulo-painel-generos{
	 margin-top:10px;	
}
.sem-conteudo-painel-home{
	height: 220px !important;
    line-height: 220px;
	width:100%;
    text-align: center;
    color: #FFF;
    font-size: 14px;
	background: #252C33;	
}
.contorno-hidden {
    width: calc(100% + 40px);
    height: 190px;
    margin-left: -20px;
    overflow: hidden;
    position: relative;
}
.ul-lista-generos{
	top:0px;
	left:0px;
	margin-left:20px;
	height:220px;
	position:absolute;
}
.ul-lista-generos li {
    width: 220px;
    height: 190px;
    margin-right: 18px;
    margin-bottom: 18px;
    float: left;
    background: #2C323A;
    z-index: 0;
}
.no-margin{
	margin-right:0px !important;	
}
.ui-state-focus{
	background:#EEE !important;
	margin:0px !important;	
}
.ui-widget-content{
	border:0px !important;	
}
.ui-menu:nth-child(0){
	border-top:1px solid #EEE !important;
}
.ui-widget-content{
	
	border-left:1px solid #FFF !important;
	border-right:1px solid #FFF !important;	
}
.ui-state-focus a{
	border-left:6px solid #D24A43 !important;
}
.ui-menu-item a{
	font-size:12px;
	margin:6px;
	margin-left:8px;
	padding-left:8px;
	border-left:6px solid #EEE;	
}
.ui-menu-item{
	border-top:1px solid #DDD !important;
}
.nao-encontrado{
	font-size:12px;
	margin:6px;
	margin-left:8px;
	padding-left:8px;	
}
.alert-msg{
	width:330px; 
	height:60px;  
	z-index:999999; 
	right:0px; 
	bottom:81px; 
	position:fixed; 
	font-size:12px; 
	font-family:'Open Sans'; 
	text-align:center; 
	padding: 21px 5px;
	display:none;	
}
.alert-success{
	background:#DFF0D8; 
	border-top:#B2D390;
	border-left:#B2D390;	
	color:#468746; 
}
.alert-erro{
	background:#F2DEDE; 
	border-top:#F27B81;
	border-left:#F27B81;	
	color:#B94A48; 
}
.msg-anterior{
	height: 27px !important;
	margin: 0px;
	padding:0px;
}
.msg-login{
	display: block;
    position: relative !important;
    top: 0px !important;
    width: 100% !important;
    margin-bottom: 20px !important;
}
.imagens-loader{
	position:absolute;
	left:-5000000px;
	top:-50000000px;	
}

/* FREQUENCIA EM COLUNAS */

	@keyframes frequencia {
		0% { height: 3px;  }
		25% { height:6px; }
		50% { height:10px; }
		75% { height:6px; }
		100% { height:3px; }
	}
	@keyframes frequencia2 {
		0% { height: 6px;  }
		25% { height:10px; }
		50% { height:6px; }
		75% { height:3px; }
		100% { height:6px; }
	}
	@keyframes frequencia3 {
		0% { height: 10px;  }
		25% { height:6px; }
		50% { height:3px; }
		75% { height:6px; }
		100% { height:10px; }
	}
	
	.bar{
		position:relative;	
	}
	
	.bar-item-1 {
		position:absolute;
		bottom:15px;
		background: #FFF;
		height: 3px;
		width: 2px;
		left:8px;
		border-radius: 35px;
		animation-name: frequencia;
		animation-duration: 0.5s;
		animation-iteration-count:infinite;
		top:auto !important;
	}
	.bar-item-2 {
		position:absolute;
		bottom:15px;
		background: #FFF;
		height: 6px;
		width: 2px;
		left:12px;
		top:auto !important;
		border-radius: 35px;
		animation-name: frequencia2;
		animation-duration: 0.5s;
		animation-iteration-count:infinite;
	}
	.bar-item-3 {
		position:absolute;
		bottom:15px;
		background: #FFF;
		height: 10px;
		width: 2px;
		left:16px;
		top:auto !important;
		border-radius: 35px;
		animation-name: frequencia3;
		animation-duration: 0.5s;
		animation-iteration-count:infinite;
	}
	
	.bar-item-pausado{
		height: 1px !important;
		transition: 0.5s;
	}

	@media (max-width: 1200px){
		.btt-acao{
			font-size:12px;
		}
	}

	/* PÁGINAÇÃO: PADRÃO */
	.total-paginacao-padrao{
		display: table;
		margin: 0 auto;
		margin-top: 35px;
	}
	.contorno-botoes-paginacao{
		display: table;
		margin: 0 auto;
	}
	.contorno-botoes-paginacao a{
		float: left;
		width: 35px;
		height: 38px;
		font-weight: 100;
		line-height: 36px;
		font-size: 14px;
		text-align: center;
		padding-left: 0px;
		padding-right: 0px;
		color: #FFF;
		border-radius: 3px;
		background: #C53838;
		font-family: 'Open Sans';
	}

	.contorno-botoes-paginacao a + a{
		margin-left: 11px;
	}
	.contorno-botoes-paginacao a:hover, .pagina-selecionada{
		background: #7d2b27 !important;
	}
	.pagina-anterior{
		margin-right: 5px !important;
	}
	.proxima-pagina{
		margin-left: 16px !important;
	}

	.pagina-anterior,
	.proxima-pagina{
		width: auto !important;
		border: 0px !important;
		padding-left: 30px !important;
		padding-right: 30px !important;
		border-radius: 3px !important;
	    color: #FFF !important;
	    text-align: center !important;
	    font-size: 15px !important;
	    font-weight: 100 !important;
	}

	.pagina-anterior:hover,
	.proxima-pagina:hover{
		border: 0px !important;
	    background: #C53838 !important;
	}

    

    .main-controls{
        width: calc(100% - 45px) !important;
    }
    .jp-controles-total {
        width: 340px !important;
    }

    /* INTERCOM */

    .intercom-namespace .intercom-dfosxs{
        bottom:15px !important;
    }
    @media (max-width:991px){
        .contorno-player-controls{
            justify-content: flex-start !important;
        }
        .responsivo-icone-barra-right{
            border-left: 0px !important;
            width: 60px !important;
        }
        .responsivo-icone-barra-left{
            border-right: 0px !important;
            width: 60px !important;
        }
        .main-controls {
            width: 160px !important;
        }
    }