html {
    padding: 0;
}

.outter-wrapper {
    margin: 0 auto;
    max-width: 100%;
    padding: 0;
}

.wrapper { 
	max-width: 1160px; 
	margin: 0 auto;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
	padding: 1em 20px;
}

#main{
	margin-top: 0px;
}

.nav-container{
	background: url(fundo-menu-horizontal.png) repeat-x;
	height: 45px;
	width: 100%;
}

.header-style-1{
	background: url(fundo-header-esticado.png) no-repeat center top #007AC0 !important;
}

.header-style-guest .main-header-right {
padding-top: 1em;
padding-bottom: 0em;
}

.logo-barragem {
	margin: -78px 0 0;
	position: absolute;
	text-align: right;
	width: 58.5%;
	z-index: -1;
}

.row {
margin-right: 0px;
margin-left: 0px; 
}
.text-primary {
color: #007DC6 !important;
}

.list-group-tabs>.list-group-item.active {
color: #007DC6;
font-weight: bold;
background-color: transparent;
border-color: transparent;
}

.panel-ls-perfil{
	padding: 0px;
}

.panel-ls-perfil .list-table{
	padding: 0 15px;
}


.pl5 {
font-size: 20px;
}

.navbar {
margin-bottom: 0px;
}




.wrapper {
max-width: 1170px;
padding: 1em 15px;
}

.header-style-1 .main-header-right {

padding-right: 15px;
}
/*
.col-sm-12{
	padding-left: 0px;
	padding-right: 0px;
}
.col-lg-9{
	padding-right: 0px;
}
*/


.btn-primary {
color: #fff;
background-color: #007DC6;
border-color: #007DC6;
}

.panel .panel-toolbar>.option>.btn {

margin-right: 5px;
}
.panel-primary>.panel-heading {
color: #fff;
background-color: #007DC6;
border-color: #007DC6;
}

/*Nav menus, dropdowns */

.navbar-nav>li>a {
padding-top: 0px;
padding-bottom: 0px;
}

.dropdown-menu>li.active>a, .dropdown-menu>li:active>a {
color: #007DC6 !important;
font-weight: bold;
background-color: transparent;
}

ul li {
padding-left: 0px;
}
.dropdown-menu>li {
width: 100%;
}


.megamenu li.active{
	background-color: transparent;
}
.megamenu li.active a{
	background-color: transparent;

}

li.active a{
	color: #007DC6 !important;
	font-weight: bold !important;
}
li.active a:hover, li a:hover{
	color: #007DC6 !important;
	font-weight: bold;
	background-color: transparent !important;
}

ul.dropdown-menu li a {
	color: #000 !important;
}

ul.dropdown-menu li.active a {
	color: #007DC6 !important;
	font-weight: bold !important;
}

ul#nav > li a:hover {
	color: #007DC6 !important;
	font-weight: bold;
	background-color: transparent !important;
}

ul#nav > li:hover {
	background: transparent !important;
	color: #007DC6 !important;
}
ul.dropdown-menu li a:hover {
color: #007DC6 !important;
}

ol.breadcrumb li {
	padding-left: 0px;
}

/*Container , header , section*/

.header-area .wrapper ul li:last-child {
margin-right: 14px;
}

.header-style-1 .main-header-left {
margin-left: 15px;
}

.container, .container-fluid {
	padding-right: 0px;
	padding-left: 0px;
	margin-right: auto;
	margin-left: auto;
}

.nav-container ul {
padding-left: 1px;
}

.title-page{
	margin-left: 14px !important;
}
.bread-page{
	margin-right: 16px !important;
}

.pagination>li.active {
	background-color: transparent;
}
.pagination>li.active a {
	color: #007DC6 !important;
}

.ui-state-highlight { min-height: 200px; border: 1px dashed;margin: 20px; background: lightgreen; }

.media-list>.media>.media-body .media-meta {
font-size: 14px;

}

#sortable-panel-right{
	min-height: 300px;
}

.option input{
	margin-bottom: 0em;
}
.panel-barragem{

}

.page-header.page-header-block {
padding: 0px 20px 16px;
background-color: #E6E7E8;
}

.pagination {

margin: 10px 0;

}

.media-list>.media:after {

left: 0px;

}

.user-access{

}

.user-access img{
	width: 82px;
}
.user-access .welcome{
	display: none;
}
.user-access span{
	vertical-align: top;
	margin-left: 10px;
}

.combo-logado{
	margin: -50px 0 0 95px;
}

/*Visitante*/
.guest{
	margin: 0px 0;
}
.guest img, .guest .combo-logado{
	display: none;
}
.guest .welcome{
	margin: 10px;
	display: block;
	color: #D0D0D0;
}
.guest .welcome a{
	
}

.login{
	margin-left: 20px;
}

.form-control {
border: none;
border-radius: 2px;
border-color: #eaeaea;
border-style: solid;
border-width: 1px;
background-color: #f6f6f6;
}

.option-barragem{
	width: 100px !important;
}
.option-barragem a{
	width: 100px !important;
}

.tr-option td{border-top: 0px !important;}



.form-login .row{
	margin-top: 5px;
}

.form-login .row a{
	max-width: 70px;
	float: left;
	margin-right: 5px;
}

.form-login .row input{
	max-width: 150px;
	float: left;
	margin-right: 5px;
}

.form-login .row button{
	max-width: 70px;
	float: left;
	padding-left: 4px;
}

.form-login .checkbox label{
	margin-left: 75px;
	color: #FFF;
}

.form-login .checkbox{
	float: left;
	margin-top: 0px;
}

.form-login a.forgot {
	max-width: none !important;
	/* float: left; */
	/* margin-left: 42px; */
}

.btn-barragens{
	margin-left: 75px;
}


img.vencedor-l{
	position: absolute;
	left: 54px;
	bottom: 0px;
}
img.vencedor-r{
	position: absolute;
	right: 70px;
	bottom: 0px;
}


.checkbox input[type=checkbox] {
width: 15px;
height: 15px;
cursor: pointer;
}

li.logged span:hover{
	color: #fff !important;
	font-weight: normal !important;
}

.media-list a:hover{
	background-color: #f5f5f5;
}

.list-table{
	padding: 0px;
}

.no-border{
	border: 0px !important;
}

.no-border-top{
	border-top: 0px !important;
}
.no-border-left{
	border-left: 0px !important;
}
.no-border-right{
	border-right: 0px !important;
}
.no-border-bottom{
	border-bottom: 0px !important;
}


.table-hover>tbody>.success:hover>td, .table-hover>tbody>.success:hover>th, .table-hover>tbody>tr.success:hover>td, .table-hover>tbody>tr>.success:hover, .table>tbody>tr.success>td, .table>tbody>tr.success>th, .table>tbody>tr>td.success, .table>tbody>tr>th.success, .table>tfoot>tr.success>td, .table>tfoot>tr.success>th, .table>tfoot>tr>td.success, .table>tfoot>tr>th.success, .table>thead>tr.success>td, .table>thead>tr.success>th, .table>thead>tr>td.success, .table>thead>tr>th.success {
background-color: transparent !important;
border-color: #d2e8b8;
}
.table-hover>tbody>.danger:hover>td, .table-hover>tbody>.danger:hover>th, .table-hover>tbody>tr.danger:hover>td, .table-hover>tbody>tr>.danger:hover, .table>tbody>tr.danger>td, .table>tbody>tr.danger>th, .table>tbody>tr>td.danger, .table>tbody>tr>th.danger, .table>tfoot>tr.danger>td, .table>tfoot>tr.danger>th, .table>tfoot>tr>td.danger, .table>tfoot>tr>th.danger, .table>thead>tr.danger>td, .table>thead>tr.danger>th, .table>thead>tr>td.danger, .table>thead>tr>th.danger {
background-color: transparent !important;
border-color: #faccd1;
}

@media (max-width: 1199px) {
    
	span.meta span.text {
		display: block !important;
	}
}
@media (max-width: 400px) {
    .sidr-class-logo-barragem{
		display: none;
	}
	#main {
		margin-top: 0px;
	}
	.no-border-top a{
		max-width: 70px !important;
		text-align: left !important;
	}
}
@media (max-width: 768px) {
    .title-page {
		margin-left: 0px !important;
	}

}
@media (max-width: 985px) {
    .logo-barragem img {
		width: 120px !important;
	}

}

@media (max-width: 480px) {
    .tp-simpleresponsive .tp-caption {
		position: absolute;
		visibility: hidden;
		-webkit-font-smoothing: antialiased !important;
		font-size: 12px !important;
		line-height: 20px !important;
		left: 0px !important;
		width: 100% !important;
		height: 45px !important;
	}
	.tp-simpleresponsive a {
		text-decoration: none;
		margin-top: 15px;
		float: left;
	}
	.form-login .row input {
		max-width: none;
		float: left;
		margin-right: 5px;
		margin-bottom: 5px;
		margin-top: 5px;
	}
	.form-login .row a {
		max-width: none;
		float: left;
		margin-right: 5px;
	}
	.form-login .row button {
		max-width: none;
		float: left;
		padding-left: 4px;
	}

	.confrontos .jogador-l{
		margin-left: -36px !important;
	}
	.confrontos .nome-l{
		position: absolute;
		margin-top: 50px;
		left: 0px;
	}
	img.vencedor-l {
		position: absolute;
		left: 50px;
		bottom: 0px;
	}

	.confrontos .jogador-r{
		margin-left: 40px !important;
	}
	.confrontos .nome-r{
		position: absolute;
		margin-top: 50px;
		right: 0px;hea
	}
	img.vencedor-r {
		position: absolute;
		right: 70px;
		bottom: 0px;
	}

}

/*Inserido por Cleiton
 Classe que vem do Bootstrap.css
 Mais utilizado em Confrontos.html
 Diminuir a distância das linhas entre os confrontos
 Parâmetros originais
 margin-top: 20px;
 margin-bottom: 20px;
 */
hr {
    margin-top: 10px;
    margin-bottom: 0px;
    border: 0;
    border-top: 1px solid #eee
}

/*Inserido por Cleiton
 Classe que vem do Bootstrap.css
 Mais utilizado em Confrontos.html
 Aumentar o tamanho das caixas de seleção. Estava vindo automático e ficava muito pequeno,
 Parâmetros originais
 height: auto
*/
select[multiple], select[size] {
    height: 34px;
}


/*Inserido por Cleiton
 Nova classe criada para zerar o padding da lista de confrontos
 Mais utilizado em Confrontos.html
*/
.list-table-pad0{
	padding-right: 	10px;
	padding-left: 	0px;
}

/*Inserido por Cleiton
 Nova classe criada para diminuir o padding da lista de Barragens
 Mais utilizado em Painel.html
*/
.panel-barragem-pad0{
	padding-top: 	5px;
	padding-bottom: 5px;
}

/*Inserido por Cleiton
 Classe que vem do Bootstrap.css
 Mais utilizado em Controntos.html
 Diminuir a distância entre as linhas da tabela de Classificação
 Parâmetro original
*/
.table>tbody>tr>td{
	line-height:	12px;
}

/*#jogadores > tr {
	background-color: yellow;
}*/


/*Inserido por Cleiton
 Nova classe criada para esconder o campo texto do perfil do usuário que guarda o Código64 da imagem do crop.
 Utilizado em Painel.html
*/
.esconde_texto{
    visibility: collapse; 
}


/*Inserido por Cleiton
 Nova classe criada 
 Utilizado em Vitrine.html
*/
.vitrine_imagem_sobe{
	width			:90.0px;
	height			:90.0px;
	border-color	:rgb(0,255,0);
	border-width	:thin;
	border-style	:solid;
}

.vitrine_imagem_desce{
	width			:90.0px;
	height			:90.0px;
	border-color	:rgb(255,0,0);
	border-width	:thin;
	border-style	:solid;
}

.vitrine_imagem_fica{
	width			:90.0px;
	height			:90.0px;
	border-color	:rgb(255,255,255);
	border-width	:thin;
	border-style	:solid;
}

.vitrine_tabela{
	width	: 10%;
}