/*-----------------------------------------------
     Data Table
-----------------------------------------------*/

div.DTTT_container {
	position: absolute;
	float: none;
	right: 0;
	top: -58px;
}

div.dataTables_filter input {
	line-height: 1.428571429;
	padding: 3px 8px;
	color: #999;
	outline: none;
	background: #FFF;
	max-height: 30px;
	height: 29px;
	border-radius: 4px;
	border: 1px solid #ccc;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}

.dataTables_length .chosen-container-single .chosen-single {
	height: 30px;
	line-height: 28px;
	background: #FFF;
}

.dataTables_length .chosen-container-single .chosen-single div {
	top: 3px
}

table.dataTable
{
	margin-top: 15px;
}

table.dataTable tr.even
{
    background-color: #E0EEE0;
}

table.dataTable tr.odd
{
    background-color: #E2E4FF;
}

/*-----------------------------------------------
     Theme Customizer CSS
-----------------------------------------------*/

/*Cor da barra de topo*/
.navbar{background-color:#FFF;background-image:none;} 
/* Cor dos icones - Menu lateral */
ul.sidebar-nav > li > a .glyphicons{color:rgb(71, 116, 26);} 
/* Cor dos sub-icones - Menu lateral */
ul.sidebar-nav ul.sub-nav li .glyphicons{color:rgb(28, 91, 134);} 
/* Cor dos icones ativos - Menu lateral */
ul.sidebar-nav li.active > a .glyphicons{color:rgb(191, 13, 20);}
/* Cor do texto dos titulos - Menu lateral */
ul.sidebar-nav .sidebar-title{color:rgb(71, 116, 26);} 
/* Cor do texto dos subtitulos - Menu lateral */
ul.sidebar-nav ul.sub-nav li a{color:rgb(28, 91, 134);} 
/* Cor do texto do título ativo - Menu lateral */
ul.sidebar-nav > li.active .sidebar-title{color:rgb(191, 13, 20);} 
/* Cor do texto do sub-título ativo - Menu Lateral */
ul.sidebar-nav ul.sub-nav > li.active a{color:rgb(191, 13, 20);} 
/* Estilo do breadcrumb */
.breadcrumb{font-size:14px;font-weight:800;} 
/* Imagem do patterno do breadcrumb E estilo do título*/
.breadcrumb{font-size:14px;font-weight:800;} 
#topbar{background: url(../img/patterns/1.png) repeat top left;} 
/* Cor do titulo ativo do breadcrumb */
.breadcrumb li.active{color:rgb(191, 13, 20);} 
/* Cor dos links do breadcrumb */
.breadcrumb li a{color:rgb(71, 116, 26);} 
/* Cor do icone do breadcrumb */
.breadcrumb li a i.fa{color:rgb(28, 91, 134);} 
/* Cor da borda do breadcrumb */
#topbar{border-bottom-color:rgb(71, 116, 26);} 
/* Cor do cabeçalho do painel */
.panel-heading{background-color:rgb(229, 229, 229);background-image:none;}
/* Cor do icone do painel */
.panel-title .fa{color:rgb(28, 91, 134);} 
/* Cor do titulo do painel */
.panel-title{color:rgb(71, 116, 26);}  
/* Cor do fundo */
#content:after{background-color:rgb(240, 240, 240);background-image:none;}  


/* navbar bottom border disabled by default */
.navbar {
	border-bottom: 1px solid transparent;
}
/* header button states - text colors */
.header-btns > div > button:focus {
	color: #666;
}
.header-btns > div > button:hover {
	color: #0094d2;
}

/* Margin */

.margin-top-10 { margin-top: 10px; }
.margin-top-20 { margin-top: 20px; }
.margin-top-30 { margin-top: 30px; }
.margin-top-40 { margin-top: 40px; }
.margin-top-50 { margin-top: 50px; }
.margin-top-less-30 { margin-top: -30px; }

.margin-bottom-10 { margin-bottom: 10px; }
.margin-bottom-20 { margin-bottom: 20px; }
.margin-bottom-30 { margin-bottom: 30px; }
.margin-bottom-40 { margin-bottom: 40px; }
.margin-bottom-50 { margin-bottom: 50px; }

.margin-left-10 { margin-left: 10px; }
.margin-left-20 { margin-left: 20px; }
.margin-left-30 { margin-left: 30px; }
.margin-left-40 { margin-left: 40px; }
.margin-left-50 { margin-left: 50px; }

.margin-right-10 { margin-right: 10px; }
.margin-right-20 { margin-right: 20px; }
.margin-right-30 { margin-right: 30px; }
.margin-right-40 { margin-right: 40px; }
.margin-right-50 { margin-right: 50px; }

/*-----------------------------------------------
     Place your custom styles below this line
-----------------------------------------------*/

.span-obri { color: red; }
.span-coment { color: #969696; float:right; display:inline; }

table.dataTable{ margin-top:15px }
table td.body { vertical-align: middle !important; text-align: justify; display: table-cell; }
table td.head { color: #696969; font-weight: bold; }
.text-center { text-align: center !important; }

.console-btn{margin-bottom:20px;  padding:10px 10px 10px 15px;  display:inline-block;  width:100%;  cursor:pointer;  border-radius:3px;  text-shadow:0 1px #fff;  border:1px solid #d2d2d2;  background-color:rgba(248,248,248,0.9);  background-repeat:repeat-x;  background-image:-webkit-linear-gradient(top,#fff 1%,#f1f1f1 100%);  background-image:linear-gradient(to bottom,#fff 1%,#f1f1f1 100%);  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff',endColorstr='#f1f1f1',GradientType=0);  filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}
.console-btn.active{ background-image:-webkit-linear-gradient(top,rgba(209,52,52,1.00),rgba(241,241,241,0.45));  background-image:linear-gradient(to bottom,rgba(196,191,191,1.00),rgba(241,241,241,0.45))}
.console-btn.active .console-icon{color:#d9534f}
.console-btn .console-text{ display:inline-block;  padding-top:9px}

/* Acordion */
.accordion-toggle-icon { color: #000; }
/* Back Grounds Color */
.bg-blue{ background-color: #87CEEB; }
.bg-green{ background-color: #32CD32; }
.bg-red{ background-color: #FF6347; }
.bg-orange{ background-color: #FFA500; }
.bg-yellow{ background-color: #EEE8AA; }


/* Colors */
.color-red{ color:#d10011; }
.color-green{ color:#008000; }



.sidemenuFaq {
    position: relative;
    height: 100%;
    padding: 5px;
    background-color: #f6f6f6;
    border-right: 1px solid #CCC;
    margin-bottom: -2000px;
    padding-bottom: 2000px;
}
.sidemenuFaq ul.nav {
    margin-top: 20px;
    padding-left: 20px;
}
.sidemenuFaq ul.nav li {
    margin-bottom: 4px;
    list-style: none;
}
.sidemenuFaq ul.nav li.nav-title {
    padding: 10px 0;
    color: #777;
    font-weight: 700;
    text-decoration: none;
    text-shadow: 0 1px #FFF;
}
.sidemenuFaq ul.nav li.nav-title:hover { color: #777 }
.sidemenuFaq ul.nav li a {
    padding: 5px 0;
    color: #888;
}
.sidemenuFaq ul.nav li a:hover { background: none }
.sidemenuFaq ul.nav li .fa {
    width: 28px;
    color: #BBB;
    font-size: 18px;
}
.sidemenuFaq ul.nav li:hover, .sidemenuFaq ul.nav li:hover .fa { Color: #5bc0de }
.sidemenuFaq ul.nav li.active, .sidemenuFaq ul.nav li.active .fa { color: #5bc0de }
.sidemenuFaq ul.nav .divider {
    width: 80%;
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background: #e2e2e2;
}

.loginBackPatern
{
    background-image: url(../img/patterns/02.png);
}

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

.spanobri
{
    color:#d10011;
}

/* Back Grounds Color */
.vermelho { color: #CC0000; }
.branco { color: #000; }
.azul { color: blue; }

.bg-linha1 { background-color: #FFFFFF; color: #000; }
.bg-linha2 { background-color: #F0FFF0; color: #000; }
.bg-titulo { background-color: #3CB371; color: #FFFFFF; }
.bg-blue{ background-color: #87CEEB; }
.bg-green{ background-color: #32CD32; }
.bg-red{ background-color: #FF6347; }
.bg-orange{ background-color: #FFA500; }
.bg-yellow{ background-color: #EEE8AA; }
.bg-cinza{ background-color: #d3d3d3 !important; }


.vermelho .form-control{ border-color:#CC0000; color:#CC0000; font-size:18px; font-weight: bold; }
.azul .form-control{ border-color:#0066CC; color:#0066CC; font-size:18px; font-weight: bold; }
.branco .form-control{ border-color:#696969; color:#696969; font-size:18px; font-weight: bold; }

/* BlockAd Buton CSS  */
.icon-bg {
    position: absolute;
    opacity: 0.5;
    right: 0;
    top: 0;
    line-height: 100px;
    font-size: 100px; }
.pn {
    padding: 0 !important; }
.pl20 {
    padding-left: 20px !important; }
.mt15 {
    margin-top: 15px !important; }
.lh15 {
    line-height: 15px !important; }




/* CSS Tabela relatorio com headers e numero fixos */
div#tabela
{
    max-height: 400px;     /* Altura da minha tabela na tela */
    overflow: auto;    /* Barras de rolagem automáticas nos eixos X e Y */
    margin: 0 auto;    /* O 'auto' é para ficar no centro da tela */
    position:relative; /* Necessário para os cabecalhos fixos */
    top:0;             /* Necessário para os cabecalhos fixos */
    left:0;            /* Necessário para os cabecalhos fixos */
}
div#tabela table
{
    border-collapse:collapse;
}
div#tabela table td
{
    font-size:12px;
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    border:1px solid #d8d8d8;
    height:30px;
}
/* Tamanhos das tabelas */
div#tabela table#cabecalhoHorizontal thead tr td.dados50, div#tabela table#dados tbody tr td.dados50
{
    width:60px;
    min-width:60px;
}
div#tabela table#cabecalhoHorizontal thead tr td.dados100, div#tabela table#dados tbody tr td.dados100
{
    width:100px;
    min-width:100px;
}
div#tabela table#cabecalhoHorizontal thead tr td.dados150, div#tabela table#dados tbody tr td.dados150
{
    width:150px;
    min-width:150px;
}
div#tabela table#cabecalhoHorizontal thead tr td.dados200, div#tabela table#dados tbody tr td.dados200
{
    width:200px;
    min-width:200px;
}
div#tabela table#cabecalhoHorizontal td, div#tabela table#cabecalhoVertical td
{
    background-color:buttonface;
}
/* Cor do cabeçalho */
div#tabela table#cabecalhoHorizontal thead tr td
{
    background-color: #3CB371; color: #FFFFFF;
}

div#tabela table#cabecalhoHorizontal
{
    margin-left:68px;  /* 70px de largura do cabecalho vertical + 2 pixels das bordas do cabecalho */
    position:absolute; /* Posição variável em relação ao topo da div#tabela */
    top:0;             /* Posição inicial em relação ao topo da div#tabela */
    z-index:5;         /* Para ficar por cima da tabela de dados */
}

div#tabela table#cabecalhoHorizontal td
{
    text-align:center;
    vertical-align:middle;
    height:31px;
}

div#tabela table#cabecalhoVertical
{
    margin-top:64px;   /* 30px de altura do cabecalho horizontal + 2 pixels das bordas do cabecalho + 1px */
    position:absolute; /* Posição variável em relação a esquerda da div#tabela */
    left:0;            /* Posição inicial em relação a esquerda da div#tabela */
    z-index:5;         /* Para ficar por cima da tabela de dados */
}

div#tabela table#cabecalhoVertical td
{
    white-space:nowrap; /* Não quebrar linhas */
    text-align:left;
    width:65px;
    min-width:65px;
    max-width:65px;
    padding-left:5px;
}

div#tabela table#dados
{
    margin-top:64px;  /* 30px de altura do cabecalho horizontal + 2 pixels das bordas do cabecalho + 1 px*/
    margin-left:68px; /* 70px de largura do cabecalho vertical + 2 pixels das bordas do cabecalho */
    z-index:2;		  /* Menor que dos cabecalhos, para que fique por detrás deles */
}

div#tabela table#dados td
{
    background:white;
    text-align:center;
}

/* Célula com o 'X', que virtualmente pertence ao cabecalho vertical e horizontal */

div#tabela #versus

{
    display:inline-block;
    position:absolute;
    top:0;
    left:0;
    z-index:10;
    height:63px;
    line-height:66px;
    width:66px;
    min-width:66px;
    text-align:center;
    vertical-align:middle;
    border:1px solid #d8d8d8;
    background-color:#F4FAE8;
    color:#000;
}

div#tabela table#dados tbody tr td.bg-resultado { background-color: #BCD2EE; }



.table-cobranca {
  border-collapse: collapse;
  background-color: #fff;
  width: 100% !important;
}
.table-cobranca caption {
  background-color: #222;
  color: #fff;
  font-size: 14px;
  padding: 5px 0;
}
.table-cobranca th,
.table-cobranca td {
  padding: 5px;
}
.table-cobranca thead {
  background-color: #333;
  color: #fff;
  max-height: 40px;
}
.table-cobranca thead tr {
  display: block;
  position: relative;
}
.table-cobranca td,
.table-cobranca th {
  
}
.table-cobranca td:nth-child(4),
.table-cobranca th:nth-child(4) {
 
}
.table-cobranca tbody {
  display: block;
  overflow: auto;
  width: 100% !important;
  max-height: 300px;
}
.table-cobranca tbody tr {
  border-bottom: 1px solid #999;
}
.table-cobranca tbody tr:hover {
  background-color: #BCD2EE;
}
.table-cobranca tbody tr td:hover {
  background-color: #EEE8AA;
}