@charset "utf-8";
/* CSS Document */

/* 
#########################################################################################
##### Alterado 13/01/2016 Ricardo Árabe 
#########################################################################################


.tr_par{
	background-color: $FFF;
	color: 	#000;

}

.tr_impar{
	background-color: #FFF;
	color: 	#000;	
}

.tr_par:hover, .tr_impar:hover{
	background-color: #D7DDE4;
}*/

.cor_par {
    background-color: floralwhite;
}

.cor_impar {
    background-color: #9CF;
}

.td-conteudo {
    color: #000000;
}

.tr_subcabecalho {
    font-weight: bold;
    text-align: center;
    background-color: #06C;
    color: #FFF;

}

.tr_cabecalho {
    font-weight: bold;
    text-align: center;
    background-color: #006;
    color: #FFF;
}

.tr_cabecalho3 {
    font-weight: bold;
    text-align: center;
    background-color: #CCC;
    color: #000;

}

.tr_par2 {
    background-color: #FFF;
    color: #000;
}

.tr_impar2 {
    background-color: #FF9;
    color: #000;
}

.tr_subtotal1 {
    background-color: #CCC;
    color: #000;
}

.tr_subtotal2 {
    background-color: #CC9;
    color: #000;
}


.table {
    table-layout: fixed;
}

.div-table-content {
    height: 300px;
    overflow-y: auto;
}

.no-js #loader {
    display: none;
}

.js #loader {
    display: block;
    position: absolute;
    left: 100px;
    top: 0;
}

.se-pre-con {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url(../imgs/preloader_3.gif) center no-repeat #fff;
}

.suggestionsBox {
    position: absolute;
    margin: 10px 0px 0px 0px;
    list-style-type: none;
    width: 300px;
    background-color: #212427;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border: 2px solid #000;
    color: #fff;
    z-index: 99999;
}

.suggestionList {
    margin: 0px;
    padding: 0px;
}

.suggestionList li {

    margin: 0px 0px 3px 0px;
    padding: 3px;
    cursor: pointer;
}

.suggestionList li:hover {
    background-color: #659CD8;
}

/*
###########################################
#### Alterado 10/08/2017 Camilo Santana ###
###########################################
*/

.table > thead > tr > th {
    font-weight: bold;
    text-align: center;
    background-color: #006;
    color: #FFF;
}

.table > tfoot > tr > td {
    font-weight: bold;
    text-align: center;
    background-color: #006;
    color: #FFF;
}

.table-striped > tbody > tr:nth-child(odd) {
    background-color: floralwhite;
}

.table-striped > tbody > tr:nth-child(even) {
    background-color: #9CF;
}

.table-hover > tbody > tr:nth-child(odd):hover,
.table-hover > tbody > tr:nth-child(even):hover {
    background-color: #D7DDE4;
}

.tr_cabecalho {
    font-weight: bold;
    text-align: center;
    background-color: #006;
    color: #FFF;
}

.div_geral {
    display: table;
    padding: 15px;
    background-color: #eeeeee;
    border-radius: 10px;
    border: solid;
    border-width: thin;
    border-color: #cccccc;
    margin-bottom: 10px;
    width: 95%;
    text-align: center;
}

.navbar-title {
    float: none;
    display: inline-block;
    vertical-align: top;
    padding-left: 0;
    padding-right: 0;
}

.inner-addon {
    position: relative;
}

/* style icon */

.inner-addon .glyphicon {
    position: absolute;
    padding: 10px;
    pointer-events: none;
}

/* align icon */

.left-addon .glyphicon {
    left: 0px;
}

.right-addon .glyphicon {
    right: 0px;
}

/* add padding  */

.left-addon input {
    padding-left: 30px;
}

.right-addon input {
    padding-right: 30px;
}

.list-group-item:hover {
    background-color: #7bc8f0;
    cursor: pointer;
}

@media screen and (max-width: 1199px) {
    div#divTabela {
        overflow-x: scroll
    }

}


@media (max-width:480px){
    table{
		font-size: 6.3px;
		padding: 1px;
    }
    .navbar-brand{
        font-size: 13px!important;
        padding-left: -15px!important;
        padding-right: -15px!important;
    }
}


@media (min-width:481px){
    table{
		font-size: 8px;
		padding: 4px;
    }
    .navbar-brand{
        font-size: 1.7rem!important;
    }

}

@media (min-width:735px){
    table{
		font-size: 10px;
		padding: 6px;		
	}	
}

@media (min-width:993px){
    table{
		font-size: 14px;
		padding: 8px;		
	}	
}