/* ---------------------------------------------------------------------------------------------------------------------------- */
/* HTML Geral */
/* ---------------------------------------------------------------------------------------------------------------------------- */

html {
	background-repeat: repeat-x;
	background-size: auto 100%;
	letter-spacing: 0.6px;
}

body {
    font-family: 'Source Sans Pro','Helvetica Neue',Helvetica,Arial,sans-serif;
    font-weight: 400;
}

:focus, a:focus, a:active, a:active:focus, button:focus, button:active, button:active:focus{
    outline: none !important;
}



/* ---------------------------------------------------------------------------------------------------------------------------- */
/* Padrão bootstrap */
/* ---------------------------------------------------------------------------------------------------------------------------- */

.label-primary{
	background-color: transparent;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    font-size: 1.4em;
    text-align: left;
	margin: 15px 0;
	width: 100%;
}

.control-label{
	font-weight: 400;
}

.form-control {
	font-size: unset;
}



/* ---------------------------------------------------------------------------------------------------------------------------- */
/* Navbar */
/* ---------------------------------------------------------------------------------------------------------------------------- */

.navbar-default, .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>li>a:focus, .dropdown-menu>li>a:focus { 
    border: 0;
}

.dropdown-menu>li>a, .dropdown>.dropdown-toggle>span.carrot, .navbar-default .navbar-nav>li>a {
    transition: background 0.5s;
	padding: 5px;
}

.dropdown>button.dropdown-toggle>span.carrot{
	display: none;
}

.navbar-default .navbar-nav>li>a:hover, .dropdown-menu>li>a:hover {
    text-decoration: none;
}

/*.img-responsive#IMGLOGO {	
    padding: 0 120px !important;
}*/

.PanLogo {
	background-size: 65%;
	background-repeat: no-repeat;
	background-position: center;
}



/* ---------------------------------------------------------------------------------------------------------------------------- */
/* TabControl */
/* ---------------------------------------------------------------------------------------------------------------------------- */

.iwbs-tabs>.dynamic-tabs-container>.nav>li.active>a, .iwbs-tabs>.dynamic-tabs-container>.nav>li.active>a,
.iwbs-tabs>.dynamic-tabs-container>.nav>li>a:focus, .iwbs-tabs>.dynamic-tabs-container>.nav>li>a:hover, 
.iwbs-tabs>.dynamic-tabs-container>.nav>li.active>a:focus, .iwbs-tabs>.dynamic-tabs-container>.nav>li.active>a:hover {
	border-width: 1px;
}

.iwbs-tabs>.dynamic-tabs-container>.nav>li:hover{
	background-color: transparent !important;
}

.iwbs-tabs>.dynamic-tabs-container>.nav>li>a {
    transition: background 0.5s;
}



/* ---------------------------------------------------------------------------------------------------------------------------- */
/* Gridster */
/* ---------------------------------------------------------------------------------------------------------------------------- */

.gridster>ul>li{
	overflow: hidden;
    border-top-width: 1px;
    border-top-style: solid;
}

.gridster>ul>li>header, .gridster>ul>li>p{
	border-width: 1px;
	font-weight: 400;
}



/* ---------------------------------------------------------------------------------------------------------------------------- */
/* Paginação */
/* ---------------------------------------------------------------------------------------------------------------------------- */

.pagination>li>a, .pagination>li>span{
    transition: background 0.5s;
}

.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover{
	border-radius: 2px;
}



/* ---------------------------------------------------------------------------------------------------------------------------- */
/* Tabelas */
/* ---------------------------------------------------------------------------------------------------------------------------- */

.table-responsive{
    border-radius: 8px;
	border: 1px solid;
	padding: 0;
	margin: 0;
}

.table{
	border: 1px;
    border-style: solid;
	margin: 0;
}

.table>thead, .table>thead>tr, .table>thead>tr>th{
	margin: 0;
}

.table>tbody, .table>tbody>tr, .table>tbody>tr>th, .table>tbody>tr>td{
	margin: 0;
}

.table>thead>tr>th>button, .table>thead>tr>th>span, .table>thead>tr>th>label, .table>thead>tr>th>a, 
.table>thead>tr>th>a.btn-link:focus, .table>thead>tr>th>a.btn-link:hover,
.table>thead>tr>th>button.btn-link:focus, .table>thead>tr>th>button.btn-link:hover{
	font-weight: normal!important;
}

.table>thead>tr>th>button:hover, .table>thead>tr>th>span:hover, .table>thead>tr>th>label:hover, .table>thead>tr>th>a:hover,
.table>thead>tr>th>button:focus, .table>thead>tr>th>span:focus, .table>thead>tr>th>label:focus, .table>thead>tr>th>a:focus{
	text-decoration: none;
}

.table-hover>tbody>tr>td, .table>tbody>tr>td>span, .table>tbody>tr>th, .table>tbody>tr>th>span, .table>thead>tr>th, .table>thead>tr>th>span{
	cursor: default;
}

.table-hover>tbody>tr>td.editable:hover {
	cursor: text;
}

.table>thead>tr>th>button, .table>thead>tr>th>div.form-group>button, .table>thead>tr>th>span{
	text-decoration: none;
	font-weight: normal!important;
}


/* ---------------------------------------------------------------------------------------------------------------------------- */
/* Personalizado */
/* ---------------------------------------------------------------------------------------------------------------------------- */

.titulo-painel-principal, .label-painel-principal {
	background-color: transparent;
    font-size: 1.1em;
    text-align: center;
	width: 100%;
	margin-bottom: 10px;
}

.titulo-painel-principal {
    text-align: left;
	margin-bottom: 5px;
}

.label-painel-principal {
    text-align: center;
	margin: 1px 0;
}

.valor-painel-principal {
	background-color: transparent;
    font-size: 1.8em;
	font-weight: bold;
    text-align: center;
	margin-top: 15px;
	width: 100%;
}

.painel-principal, .painel-valor  {
	border-width: 1px;
	border-style: solid;
	border-radius: 0.5em;
	margin-top: 15px;
}

.painel-valor {
	float: left;
    width: 100%;
    margin-right: 3px;
    margin-left: 3px;
	margin-bottom: 3px;
}

@media (max-width: 650px) {
	.label-painel-principal, .titulo-painel-principal {
		font-size: 1em;
		font-weight: 450;
	}
	
	.valor-painel-principal {
		font-size: 1.4em;
	}
}

@media (min-width: 651px and max-width: 960px) {
	.label-painel-principal, .titulo-painel-principal {
		font-size: 1.3em;
	}
}

@media (min-width: 960px) {	
	.painel-valor {
		width: 23%;
		margin-right: 1%;
		margin-left: 1%;
	}
}

@media (max-width: 768px) {
	.empresa-dashboard .control-label, .periodo-dashboard .control-label {
		display: none;
	}
	
	.periodo-dashboard>div>div:not(#CMBFILTROCLIENTE_FG) {
		max-width: 33%;
	}
	
	.todas-empresas {
		max-width: 50%;
	}
}

#RGNPERIODOMOBILEFRAMENUBASE {
	float: right!important;
	margin-top: 5px!important;
	margin-right: 50px!important;
}

/* Movido do framework para não impactar outros projetos */
.gridcard-indicador-txt>.gridster-header {
	float: left;
}

.StatusFiltroPed>.checkbox {
	margin-left: 15px;
	display: inline-flex;
}

.BotoesMatCampanha{
  margin-top: 23px;	
}

.BotaoPreview{
  margin-top: 15px;		
}

.btnMudarLogin{
	margin-top: 20px;
}