/************************  Default  ************************/

BODY
{
    margin:0;
    font-size:10px;
    font-family:"Lucida Grande","Lucida Sans Unicode",Arial,sans-serif;
    color:#636363;
    /*overflow-x:hidden;*/
}

.c_both{
    clear: both;
    float: none !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 0 !important;
    height: 0 !important;
}
textarea { resize: none; overflow:auto; }

#background
{
    width:100%;
    background: #FFF;
    margin-right:auto;
    margin-left:auto;
    height:auto;
    overflow:hidden;
    padding-bottom:10px;
}

#background_iframe
{	
    background-color: #FDFEF7;
    height:auto;
    overflow:hidden;
}
#all {
    margin:5px auto;
    width:99%;
}

#all INPUT, #all textarea, #all select{ border:1px solid #CCCCCC; }


#menu{
    float: left;
    width: auto;
    margin:7px 0 0 200px;
}

#all #logo
{
    background:transparent url(../img/layout/back/logoOk.gif) no-repeat;
    height:44px;
    text-align:right;
    width:100%;
    margin:0;
}

#logo .linkLogo{
    float:left;
    width: 115px;
    height: 46px;
    cursor: pointer;
}

#all #content
{
    width:100%;
    margin:0;
}

#all .hrLine{
    height: 2px;
    margin: 4px 0;
}

#content_dir, #menu_esq, .logout { float:left; }

a { cursor:pointer; text-decoration:none; }



TABLE { border-collapse: separate; padding:0px; }

.editElm_hr, .linhaDivisoriaFullMargens
{
    width:735px;
    height:1px;
    margin-top:0px;
    margin-left:10px;
    margin-right:10px;
    border-top:1px solid #D9D8D3;
}

.linhaDivisoriaFullMargens { margin: 5px 0px; width:100%; }

.add_all_hr { margin-left:auto; margin-right:auto; padding-left:0px; width:688px;  }

.btn_save
{
    background: #978E81;
    border: none;
    color: #FFFFFF;
    cursor: pointer;
    font: normal 10px/15px "Lucida Grande","Lucida Sans Unicode",Arial,sans-serif;
    width:53px;
}

.lista_asc, .lista_desc
{
    padding-right:15px;
    text-align:left;
}

.lista_asc{
    background:transparent url(../img/layout/back/order_desc.gif) no-repeat 99% 58%;
}

.lista_desc{
    background:transparent url(../img/layout/back/order_asc.gif) no-repeat 99% 50%;
}


/************************  RODAPE  ************************/

#rodape
{
    width:100%;
    background: transparent url('../img/layout/back/bg_rodape.gif') repeat-x scroll center top;
    float: left;
}

.rodape_princ
{
    width:960px;
    margin:auto;
    margin:auto;
    overflow:hidden;
    padding:9px 20px 5px;
}

.txt_cin_10
{
    font-size:11px;
    font-family:Arial, Helvetica, sans-serif;
    text-transform:uppercase;
    float:left;
}

/************************  Header  ************************/

#logo #logo_links {  }

#logo_links div { width:auto; float:right; }

#logo_links .logo_links
{
    width:60%;
    position:relative;
    color: #3E6EAF;
    font-weight:bold;
    margin: 0px 2px 0px 2px;
}

.botao_logout{
    color:#FFF;
    font-weight:bold;
    font-size:13px;
    padding: 5px 10px;
}

/************************ Pagina��o ***********************/

#pagination_bar
{
    border:1px solid #E8E8E2;
    border-bottom:1px solid #DDDED8;
    background:#E8E8E2; height:29px;
    font:10px/21px "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
    width:100%;

}

#pagination_bar .div1
{
    width:auto;
    padding:4px 0px 0px 19px;
    text-decoration:none;
    color: #7F8170;
}

#pagination_bar .div1 span { vertical-align:middle; }

#pagination_bar .div1 a
{
    display:inline-block;
    color: #7F8170;
}

#pagination_bar .div1 .lk_prev
{
    background:url('../img/layout/back/prev_arrow.gif') no-repeat left center;
    padding:0px 5px 0px 12px;
    margin-right:5px;
}

#pagination_bar .div1 .lk_next
{
    background:url('../img/layout/back/next_arrow.gif') no-repeat right center;
    padding:0px 12px 0px 5px;
    margin-left:5px;
}

#pagination_bar .div2
{
    width:685px;
    text-align:center;
    padding-top:5px;
    line-height:15px;
}

#pagination_bar .div2 a
{
    text-decoration:none;
    display:inline-block;
    padding:1px 5px;
    margin-left:2px;
    color: #7F8170;
	float: left;
}

#pagination_bar .div2 span {
	float: left;
}

#pagination_bar .div2 a:hover, #pagination_bar .div1 a:hover { color:#000; }

#pagination_bar .div2 a.selected
{
    border:1px solid #A9AA9E;
    background:#F0F1EA;
}

#pagination_bar .div2 a.selected:hover { color:#80816F; }

#pagination_bar .div3, .div4
{
    width:140px;
}

#pagination_bar .div4
{
    width:auto;
}

#pagination_bar .div3 .input_page, .search_t .input
{
    padding:2px;
    border:1px solid #A9AA9E;
    background:#F0F1EA;
    font:10px "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
    width:24px;
    height:12px;
    text-align:center;
}

#pagination_bar .div3 .bt_go, .search_t .bt_ok
{
    border:none;
    background:#7F8170;
    color:#F5F6EE;
    font:10px "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
    padding:2px;
    height:18px;
}
/************************  Login  ************************/

#login
{
    font-weight:normal;
    padding-left: 5px;
    margin:2px auto 0;
    width:1000px;
}

.login_welcome
{
    line-height:17px;
    padding-right:70px;
    width:360px;
}

.log_out
{
    color:#990000;
    font-weight:normal;
    padding-top:10px;
    padding-bottom:10px;
    cursor:pointer;
}

/************************  Campos e Botoes  ************************/

.txt_input, .textArea, .textAreaMenor, .textAreaMenor2, .txt_area, .txt_area_height
{
    background-color:#E6E6E3;
    color:#2E2F2A;
    border:0px solid;
}


.textArea, .textAreaMenor, .textAreaMenor2, .txt_area
{
    padding:5px;
}

.txt_area { width:auto; }

.txt_area_height{ height:100px;}

.textAreaMenor { height:100px; }

.textAreaMenor2 { height:70px; }





.bts, .bts_cancel
{
    width:65px;
    padding: 0px 14px;
    background:#3E6EAF;
    border: none;
    color: #FFFFFF;
    cursor: pointer;
    font: normal 10px/15px "Lucida Grande","Lucida Sans Unicode",Arial,sans-serif;
}

.btsjus
{
    width:65px;
    padding: 0px 14px;
    background:#545454;
    border: none;
    color: #FFFFFF;
    cursor: pointer;
    font: normal 10px/15px "Lucida Grande","Lucida Sans Unicode",Arial,sans-serif;
}

.btsVermelho
{
    width:80px;
    height:50px;
    padding: 0px 14px;
    background:#BB0000;
    border: none;
    color: #FFFFFF;
    cursor: pointer;
    font: normal 10px/15px "Lucida Grande","Lucida Sans Unicode",Arial,sans-serif;
    font-weight: bold;
}


.bts_cancel
{
    background-color:#636363;
    color:#FFF;
}

a.bts {padding: 0px 14px;}

.form_error { color:#FF0000;font-size:12px;margin-left:5px;}

.input_error { border: 1px solid #FF0000 !important; }
.error { border: 1px solid #FF0000 !important; }

.select, .selectMenor
{
    border: 1px solid #A9AA9E;
    color: #7F8170;
    font-size: 10px;
    height: 19px;
    padding: 1px;
    width: 200px;
}



.selectMenor
{
    width:50px;
}

/************************  Listagens  ************************/

/* Container define o tamanho de todo o resto da listagem */
#Container { width:100%; _width:100%; clear:both; }

#DescricaoSecao2 {
    /*background:#F7F7F7 none repeat scroll 0 0;
	border:1px solid #F7F7F7;*/
    color:#3E6EAF;
    padding:8px 0;
    width:100%;
}

#DescricaoSecao2 .titSecao{
    float: left;
    font-size: 12px;
    font-weight: bold;
    margin-left: 5px
}

#DescricaoSecao2 .bts{
    color:#FFFFFF; width: auto; float: right; margin: 0 2px;

}

#DescricaoSecao h2
{
    border: 1px dotted #F7F7F7;
    border-bottom: 1px dotted #3E6EAF;
    color:#3E6EAF;
    display:block;
    font-size:12px;
    background:#F7F7F7;
    font-weight:bold;
    padding:5px;
}

.slideArea .areaCabecalho, .menuTitulo
{
    position:relative;
    float:none;
    width:100%;
    height:30px;
    margin:0px;
    line-height:30px;
    background-color:#E8E7E2;
    font-size:14px;
    font-weight:bold;
}

/* Define a posicao do botao adicionar */
.slideArea .areaCabecalhoTitulo { width:910px; float:left; padding:0 0 0 11px; }

.slideArea .areaLink, .slideArea .areaLink:active, .slideArea .areaLink:visited
{
    cursor:pointer;
    color:#636363;
    text-decoration:underline;
    font-size:10px;
    text-align:right;
}

.slideArea .areaLink:hover{ color:#FF9900; }

/************************ LISTAGENS ****************************************/

.listaElementoAuto, .elementoNovoAuto, .listaElemento { width:100%; border-bottom:1px solid #DDDED8; }

.listaElementoAuto TABLE, .elementoNovoAuto TABLE, .listaElemento TABLE { width:100%; }

.listaElemento FORM { padding:10px 140px; }

.listaElementoAuto FORM, .elementoNovoAuto FORM, #listaNovos FORM { padding:10px 30px; }

.resumoElemento { width:100%; height:auto; padding:0; background-color:#e0e0e0; border: 1px solid #e0e0e0;}
.resumoElemento2 { width:100%; height:auto; padding:0; background-color:#e0e0e0; border: 1px solid #e0e0e0;}

.titulos {
    font-weight: bold;
    color:#F5F5F5;
    background-color: #636363 !important;
    font-size: 9px;
}

.titulos.aviso{
    font-weight: bold;
    color:#a2130c;
    background-color: #fff3b1 !important;
    font-size: 12px;
    text-align: center;
}

.titulos2 {
    color:#FFF;
    font-weight: bold;
    background-color: #999 !important;
}

.titulos3 {
    color:#636363;
    font-weight: bold;
    background-color: #DCDCDC !important;
}

/*.titulos3 {
	background-color: #EFEFEF !important;
    border: 1px solid #000000;
    color: #000000;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
}*/

.titulos4 {
    color:#333;
    font-weight: bold;
    font-size: 14px;
    text-transform: uppercase;
    /*background-color: #68a8e9 !important;*/
}

.tituloEntrega td{
    color:#FFF !important;
    font-weight: bold !important;
    background-color: #888 !important;
}

.titulos .order{
    background: url('../img/layout/icon/ordering.png') left center no-repeat #636363;
    /*width:8px;*/
    background-position: -30px center;
}

.titulos .order.desc{
    background-position: -14px center;
}

.titulos .order.asc{
    background-position: 2px center;
}

.linhaTitulos .order{
    background: url('../img/layout/icon/ordering.png') left center no-repeat #636363;
    width:8px;
    background-position: -32px center;
}

.linhaTitulos .order.desc{
    background-position: -16px center;
}

.linhaTitulos .order.asc{
    background-position: 0 center;
}

.titulos td.hover {
    background-color: #888 !important;
}

.order.hover {
    background-color: #888 !important;
}

.resumoElemento.movDia {
    font-weight: bold;
    color:#555;
    background: #bbb !important;
}

.resumoElementoMore { width:100%; height:auto; padding:5px 0px 1px 0px; padding:0; }

/*#gridList.resumoElementoMore { width:auto; }*/

.resumoElemento TABLE, .resumoElementoMore TABLE, .listaCabecalho TABLE { width:100%; border-collapse:collapse; }
.resumoElemento form TABLE, .resumoElementoMore form TABLE, .listaCabecalho form TABLE { width:auto; border-collapse:collapse; }

.elementoNovo { background-color:#F7F6F1; border-top:2px solid #FFF; }

.elementoNovo TABLE { width:100%; }

.elementoNovo FORM { padding:10px 140px; }

.listaCabecalho { border:1px solid #D5D5D5;
                  width:100%; }

.listaCabecalho TABLE { background-color:#D5D5D5; font-size:10px; font-weight:bold; }

.listaCabecalho TABLE td { height:20px; }

.listaCabecalho a { text-decoration:none; color:#636363; }

.resumoElemento TABLE .destaque { text-align:center; }

td.destaque { text-align:center; }

.conteudoElemento { padding: 10px 0px 0px 10px; }

.styleForm { width:1095px; margin: auto }

.styleForm FORM { padding:10px 60px; }


/************************  DIV Filters  ************************/

#divfilters
{
    width:100%;
    height:20px;
    margin:5px 0px;
    line-height:20px;
    /*padding-left:10px;*/
    float:none;
}

#filsearch
{
    float:left;
    width:100%;
    text-align:center;
    font-size:11px;
}

.selectfilters { width:160px; }

#filtags {
    width:350px;
    float:left;
}
#filtags DIV{
    width:90px;
    float:left;
}

#ipt_txt_search{
    float:left;
}

#filsearch DIV{width:120px;float:left;}

.ipt_txt {
    border: 1px solid #A9AA9E;
    color: #7F8170;
    font-size: 10px;
    height: 12px;
    padding: 2px;
}

.search
{
    background: #7F8170;
    border: none;
    color: #F5F6EE;
    cursor: pointer;
    font-size: 10px;
    height: 18px;
    line-height: 10px;
    padding: 2px;
}

.conteudo
{
    background-color: #EEEEEE;
    border-color: #EEEEEE;
}
.borda_conteudo
{
    border-left: 4px solid #DDD;
    border-bottom: 4px solid #DDD;
    border-right: 4px solid #DDD;

}

#centeredmenu {
    float:left;
    border-bottom:4px solid #ddd;
    overflow:hidden;
    width:688px;
}
#centeredmenu ul {
    clear:left;
    float:left;
    list-style:none;
    margin:0;
    padding:0;
    text-align:center;
}
#centeredmenu ul li {
    display:block;
    float:left;
    list-style:none;
    margin:0;
    padding:0;
}
#centeredmenu ul li a {
    display:block;
    margin:0 0 0 1px;
    padding:3px 10px;
    background:#3E6EAF;
    color:#FFF;
    text-decoration:none;
    line-height:1.3em;
}
#centeredmenu ul li a:hover {
    background:#369;
    color:#fff;
}
#centeredmenu ul li a.active,
#centeredmenu ul li a.active:hover {
    color:#000;
    background:#ddd;
    font-weight:bold;
}

#menuIco{
    float: left;
    width: auto;
    margin:2px 0 0 11px;
}

#descIco{
    background:#EFEFEF none repeat scroll 0 0;
    border:1px solid #DDDDDD;
    float:left;
    font-size:10px;
    margin:2px 0 0 126px;
    padding-left:2px;
    text-align:left;
    width:872px;
}

#menuIco .icon{
    float: left;
    margin-right: 4px;
    width: 40px;
    height: 40px;
    border: 1px solid #DDD;
    cursor: pointer;
}

#menuIco .icon.ativo{
    background-color: #FFFFDD;
    border: 1px solid #FFDD00;
    cursor: default;

}

#menuIco .contaPagar{
    background: url(../img/layout/icon/removeMoney.png) center center #EFEFEF no-repeat;
}

#menuIco .contaReceber{
    background: url(../img/layout/icon/addMoney.png) center center #EFEFEF no-repeat;
}

#menuIco .fluxoCaixa{
    background: url(../img/layout/icon/cifrao.png) center center #EFEFEF no-repeat;
}

#menuIco .movFluxo{
    background: url(../img/layout/icon/cifraoReport.png) center center #EFEFEF no-repeat;
}

#menuIco .movimentacaoCaixa{
    background: url(../img/layout/icon/cifraoReport.png) center center #EFEFEF no-repeat;
}

#menuIco .movCaixa{
    background: url(../img/layout/icon/cifraoAzul.png) center center #EFEFEF no-repeat;
}

#menuIco .emprestimoPagamentoBanco{
    background: url(../img/layout/icon/cifraoVermelho.png) center center #EFEFEF no-repeat;
}

#menuIco .aplicacao{
    background: url(../img/layout/icon/cifraoAmarelo.png) center center #EFEFEF no-repeat;
}

#menuIco .relatorios{
    background: url(../img/layout/icon/relatorios.png) center center #EFEFEF no-repeat;
}

#menuIco .task{
    background: url(../img/layout/icon/task.png) center center #EFEFEF no-repeat;
}

#menuIco .importacoes{
    background: url(../img/layout/icon/import1.png) center center #EFEFEF no-repeat;
}

#menuIco .informacoes{
    background: url(../img/layout/icon/info.png) center center #EFEFEF no-repeat;
}

#menuIco .documentosGerais{
    background: url(../img/layout/icon/document.png) center center #EFEFEF no-repeat;
}

#menuIco .solicitacoes{
    background: url(../img/layout/icon/solicitacao.png) center center #EFEFEF no-repeat;
}

#menuIco .notificacaoSistema{
    background: url(../img/layout/icon/notification.png) center center #EFEFEF no-repeat;
}

#menuIco .wikiSavoir{
    background: url(../img/layout/icon/wikipedia.png) center center #EFEFEF no-repeat;
}

#menuIco .exportacoes{
    background: url(../img/layout/icon/export.png) center center #EFEFEF no-repeat;
}

#menuIco .controleAcesso{
    background: url(../img/layout/icon/permission.png) center center #EFEFEF no-repeat;
}

#menuIco .configuracoes{
    background: url(../img/layout/icon/conf.png) center center #EFEFEF no-repeat;
}
#menuIco .configuracaoSistema{
    background: url(../img/layout/icon/conf.png) center center #EFEFEF no-repeat;
}


#menuIco .entradasSaidas{
    background: url(../img/layout/icon/moneyInOut.png) center center #EFEFEF no-repeat;
}
#menuIco .entradaSaida{
    background: url(../img/layout/icon/moneyInOut.png) center center #EFEFEF no-repeat;
}

#menuIco .usuariosColaboradores{
    background: url(../img/layout/icon/users.png) center center #EFEFEF no-repeat;
}


#actionsIco, .actionsIcoInterna{
    margin-bottom:2px;
    padding:4px;
    background-color:#fafafa;
    border:1px solid #dedede;
    height: 30px;
}

#actionsIco .titleController{
    float: left;
    font-size: 14px;
    color: #005ec3;
    font-weight: bold;
    margin: 6px 0 0 6px;
}

#filtrosRelatorio .titleController{
    float: left;
    font-size: 14px;
    color: #005ec3;
    font-weight: bold;
    margin-bottom: 10px;
}





#actionsIco a{
    text-decoration: none;
    color:#3E6EAF;
    font-weight:bold;
}
#actionsIco a:hover{
    text-decoration: underline;
}

#actionsIco .selAll, #actionsIco .deselAll{
    margin-left: 3px;
    float: left;
    margin:13px 20px 0 0;
}

#actionsIco .icon{
    margin-left: 3px;
    float: right;
    width: 28px;
    height: 28px;
    border:1px solid #bbb;
    cursor: pointer;
}

#actionsIco .icon.addNovo{
    background: url(../img/layout/icon/add.png) center center #EFEFEF no-repeat;
}

#actionsIco .icon.deleteSel{
    background: url(../img/layout/icon/deleteSel.png) center center #EFEFEF no-repeat;
    float: left;
}

#actionsIco .icon.imprimirSel{
    background: url(../img/layout/icon/printSel.png) center center #EFEFEF no-repeat;
    float: left;
}

#actionsIco .icon.downloadSel{
    background: url(../img/layout/icon/downloadSel.png) center center #EFEFEF no-repeat;
    float: left;
}

#actionsIco .icon.trocaStatus, .iconeProjeto.trocaStatus{
    background: url(../img/layout/icon/changeStatus.png) center center #EFEFEF no-repeat;
    float: left;
}

#actionsIco .icon.trocaStatusLote{
    background: url(../img/layout/icon/changeStatusLote.png) center center #EFEFEF no-repeat;
    float: left;
}

#actionsIco .icon.trocaStatusLoteValidacao{
    background: url(../img/layout/icon/changeStatusLote.png) center center #EFEFEF no-repeat;
    float: left;
}

#actionsIco .icon.print{
    background: url(../img/layout/icon/print.png) center center #EFEFEF no-repeat;
    float: left;
}

#actionsIco .icon.select{
    background: #EFEFEF;
    float: left;
    height: 26px;
    width: auto;
}

#actionsIco .icon.select select{
    margin: 3px;
    font-size: 10px;
    padding: 2px;
}

#actionsIco .icon.acceptSel{
    background: url(../img/layout/icon/acceptSel.png) center center #EFEFEF no-repeat;
    float: left;
}
#actionsIco .icon.advancedSearch, .advancedSearch {
    background: url(../img/layout/icon/lupaAdv.png) center center #EFEFEF no-repeat;
}

#actionsIco .icon.print{
    width:54px;
    background: url(../img/layout/icon/exportPrint.png) center center #EFEFEF no-repeat;
}

#actionsIco .icon.excel{
    background: url(../img/layout/icon/xls.png) center center #EFEFEF no-repeat;
}

#actionsIco .icon.sellAllNone{
    background: url(../img/layout/icon/selectAllNone.png) center center #EFEFEF no-repeat;
    width:40px;
    float: left;
    margin-left: -2px;
}

#advancedSearch{
    display: none;
}

#search{
    float: right;
    margin-left:3px;
}
#search input[type=text]{
    background: url(../img/layout/icon/lupa.png) right center #FFF no-repeat;
    border:1px solid #DDD;
    height:14px;
    padding:7px 25px 7px 4px;
    width:110px;
    font-size: 11px;
    float: left;
    color:#226291;
}

#search .btnBusca{
    cursor:pointer;
    height:24px;
    margin-left:115px;
    margin-top:3px;
    position:absolute;
    width:24px;
    z-index:2;
}


.acao{
    float: right;
    width: auto;
    height: auto;
    cursor: pointer;
    padding:0 4px;
    margin-right: 4px;
    border: 1px solid #DDD;
    background: #EFEFEF;
}

.acao div {
    float:left;
    font-size:11px;
    font-weight:bold;
    margin: 4px;
}

/*.acao img{
	float:left;
	margin-top:4px;
}*/

.subMenu,.subMenu2{
    position: absolute;
    z-index: 999;
    width: auto;
    border: 1px solid #DDD;
    top:0;
    left: 0;
    display: none;
    background: #EFEFEF;
}

.subMenu .itemSub,.subMenu2 .itemSub{
    text-align: left;
    padding: 3px 5px;

    font-size: 11px;
    cursor: pointer;
}


.subMenu .temSubs{
    background: url(../img/layout/icon/seta.png) center right no-repeat;
    padding-right: 20px;
}

.itemForm{
    float: left;
    width: 196px;
    background: #F3f3f3;
    margin:2px;
    padding:6px;
    height:35px;
    *height:43px;
}

.parcelas{
    display: none;
}

.parcelas .n_parcela{
    color:#881100;
    float:right;
    font-size:12px;
    font-weight:bold;
    margin:10px 0 0;
}

.dadosParcela .itemForm{
    /*width: 268px;*/
}


.itemFormFull{
    float: left;
    width: 836px;
    background: #F3f3f3;
    margin:2px;
    padding:6px;
    text-align: right;
}

.itemFormFull label{
    float:left;
}

.itemFormFull select {
    border:1px solid #888888;
    color:#555555;
    font-size:10px;
    padding:2px;
    /*width:auto !important;*/
}

.c_botd{
    clear: both;
}
fieldset {
	border-style: solid;
    border-color: #999;
    border-width: 1px;
    margin-bottom: 10px;
    *padding:10px;
}

fieldset legend{
	color: #636363;
    font-weight: bold;
    padding:0 5px;
}

.itemForm label{
    width:auto;
    display:block;
}

.itemForm input, textarea{
    padding: 3px;
    font-size: 10px;
    width: 96%;
    border:1px solid #888;
    color: #555;
}

.itemFormFull input, textarea{
    padding: 3px;
    font-size: 10px;
    border:1px solid #888;
    color: #555;
}


.item_total {
    background-color:#D5D5D5; font-size:10px; font-weight:bold;
}
.itemForm select{
    padding: 2px;
    font-size: 10px;
    width: 100%;
    border:1px solid #888;
    color: #555;
}

.selectBase {
    width: 93% !important;
    *width: 90% !important;
    *float:left;
}

.btnModalCadastro, .btnModal, .modalInterno {
    float:right;
    margin-top:5px;
    cursor: pointer;
}

.resumoElemento.item{
    background: #E5E5E5;
    border: 1px solid #E5E5E5;
}
.resumoElemento.itemOver{
    background: #fff !important;
}

.resumoElemento.itemHoje div{
    background: #FFFFBB !important;
}

.resumoElemento.perigoFalencia div{
    background: #ffcdcd !important;
}

.resumoElemento.atencaoFalencia div{
    background: #ffe1c1 !important;
}

.resumoElemento.itemOntem{
    background: #bbffcd ;
}
.resumoElemento.itemAmanha{
    background: #bbf5ff ;
}
.resumoElemento .actionsReg{
    height: 16px; width: 16px;
    cursor: pointer;
    float: left;
    margin-right: 6px;
}

.resumoElemento .accept{
    background: url(../img/layout/icon/accept.png) center center no-repeat;
    cursor: default;
    margin-left: 0px;
}

.resumoElemento .warning{
    background: url(../img/layout/icon/warning.png) center center no-repeat;
    margin-left: 0px;
}

.resumoElemento .reject{
    background: url(../img/layout/icon/block.png) center center no-repeat;
    margin-left: 0px;
}

.resumoElemento .edit{
    background: url(../img/layout/icon/edit.png) center center no-repeat;
}

.resumoElemento .pdf{
    background: url(../img/layout/icon/pdf.png) center center no-repeat;
}

.resumoElemento .pdf_calculo{
    background: url(../img/layout/icon/pdf_c.png) center center no-repeat;
}

.resumoElemento .planejamento{
    background: url(../img/layout/icon/planejamento2.png) center center no-repeat;
}
.resumoElemento .resumo{
    background: url(../img/layout/icon/resumo.png) center center no-repeat;
}

.resumoElemento .resumo2{
    background: url(../img/layout/icon/file.png) center center no-repeat;
}



.resumoElemento .ver{
    background: url(../img/layout/icon/lupa.png) center center no-repeat;
}

.resumoElemento .preview{
    background: url(../img/layout/icon/preview.png) center center no-repeat;
}

.resumoElemento .print{
    background: url(../img/layout/icon/print.png) center center no-repeat;
}

.resumoElemento .delete{
    background: url(../img/layout/icon/delete.png) center center no-repeat;
}

.resumoElemento .question{
    background: url(../img/layout/icon/question.png) center center no-repeat;
}

.selected{
    background: #FFFFBB !important;
}

.selectedController{
    background: #FFFFBB !important;
    border-bottom: 1px dashed #666;
}


div.errorDiv{
    background: #FFCCCC !important;
}

label.error{
    color: #E80000;
    background: url(../img/layout/icon/warning.png) no-repeat;
    padding-left: 20px;
    display:block;
    margin:3px 0;
    padding-left:20px;
    border: 0px !important;
}

.inputDate {
    background: url(../img/layout/icon/calendar.png) right center no-repeat #FFF;
}

.fileUpload {
    width: 300px;
    height: auto;
}

.fileUploadButton {
	width: 112px !important;
	height: 24px;
	float: left;
	cursor: pointer;
	background-image: url(../img/layout/back/upload.png);
}

.cancelBtn {
	width: 16px;
	height: 16px;
	cursor: pointer;
	background: url(../img/layout/icon/cancel.png) right center no-repeat;
}

.bar {
    height: 5px;
    background: #4297d7;
}

.itemArquivo{
    float:left;
    padding: 4px;
    margin: 4px;
    border:1px solid #DDD;
    width: 265px;
    background: #EFEFEF;
}

.itemArquivoOver{
    background: #FFF;
}

.headerOrder {
    cursor: pointer;
}

.valor{
    width: 100px !important;
}
.moneyN{
    color: #FF0000 !important;
}

.dados_banco{
    display: none;
}

.itemForm.projetos{
    height: 56px;
}
.ui-dialog .ui-dialog-buttonpane button {
    cursor:pointer;
    float:right;
    line-height:1.4em;
    margin:0.5em 0.4em 0.5em 0;
    overflow:visible;
    padding:1px;
    width:auto;
}

.valorNF{
    background:#FFF;
    border:1px solid #CCC;
    float:right;
    font-size:12px;
    margin-left:10px;
    padding-left:2px;
    text-align:right;
    width:98px;
}

.outrosCustos{
    margin-bottom: 2px;
}


#fields, .fields {
    background: #F4f4f4;
    position: absolute;
    z-index: 999;
    width: auto;
    border: 1px solid #666;
    top:0;
    left: 0;
    display: none;
}


#fields .coluna, .fields .coluna {
    float:left;
    width: 180px;
}

#fields .item, .fields .item {
    margin:3px;
    padding: 3px;
    float:left;
    width: 168px;
}

#fields .item .checkbox, .fields .item .checkbox {
    margin:0 3px;
    width: 16px;
    height:16px;
    background: url(../img/layout/icon/checkbox.png) no-repeat;
    background-position: -16px 0;
    float:left;
}

#fields .item .checkbox.checked, .fields .item .checkbox.checked {
    background-position: 0 0 !important;
}

#fields .item.hover, .fields .item.hover {
    background: #FEFEFE !important;
}

#ui-datepicker-div{
    z-index: 9999 !important;
}

.separador{
    padding:0;
    background: #666 !important;
    width: 6px !important;
}

.defaultRemoteForm{
    padding:10px !important;
}

.checkbox{
    margin:0 3px;
    width: 16px;
    height:16px;
    background: url(../img/layout/icon/checkbox.png) no-repeat;
    background-position: -16px 0;
    float:left;
}

.checkbox.checked{
    background-position: 0 0;
}

.defaultRemoteForm h3{
    background: none repeat scroll 0 0 #EEEEEE;
    border: 1px dotted #555555;
    color: #555555;
    margin: 14px 0 0;
    padding: 5px;
	font-size: 12px;
}

.defaultRemoteForm .areaForm{

    border:1px dotted #555555;
    background-color: #FFF;
    border-top-width:0px;
    padding:5px;
    margin: 0 0 14px;
	height: 100%;
}

.hideItemForm{
    display: none !important;
}

.funcionalidades{
    background: #F5f5f5;
}

.resumoElemento.permissoesGrupo.hide{
    display: none;
}
.resumoElemento.permissoesGrupo{
    /*display: none;*/
}


.resumoElementoMore.planejamento{
    border-collapse:separate; width: 100%; margin: 0 0 10px 0;
}

.resumoElementoMore.planejamento.concluido{
    border:1px solid #449944
}

.resumoElementoMore.planejamento.atrasado{
    border:1px solid #aa2222;
}

.resumoElementoMore.planejamento.hoje{
    border:1px solid #FFBB00;
}

.resumoElementoMore.planejamento.planejamentoProjetos{
    border:1px solid #333;
}

.resumoElementoMore.planejamento.andamento{
    border:1px solid #2244aa;
}

.resumoElementoMore.planejamento.novas{
    border:1px solid #ea8706;
    display: none;
}


.entrega td{
    color:#555555;
    font-weight:bold;
    background: url(../img/layout/icon/seta.png) no-repeat #DFDFDF;
    background-position: 3px 3px;
    padding-left: 20px;
}

/*.entrega.sub td{
	padding-left: 40px;
	background: url(../img/layout/icon/subseta.png) no-repeat #DFDFDF;
	background-position: 23px 3px;
}*/

.entrega td,.tarefa td{
    border-bottom:1px solid #FFF;
}

.entrega.concluido td{
    color:#333;
    background: #DDFFDD;

    font-weight: bold;
    border-bottom:1px solid #449944;
}

.entrega.atrasado td{
    color:#333;
    background-color: #FFDDDD;
    font-weight: bold;
    /*border-bottom:1px solid #aa2222;*/
}

.entrega.hoje td{
    color:#333;
    background: #FFFFCC ;
    font-weight: bold;
    border-bottom:1px solid #FFBB00;
}

.entrega.planejamentoProjetos td{
    color:#FFF;
    background: #888;
    font-weight: bold;
    border-bottom:1px solid #333;
}

.entrega.andamento td{
    color:#333;

    background: #DDEEFF ;
    font-weight: bold;
    border-bottom:1px solid #2244aa;
}

.entrega.novas td{
    color:#333;
    background: url(../img/layout/icon/new.png) no-repeat #ffefda ;
    background-position: 3px 3px;
    font-weight: bold;
    border-bottom:1px solid #ea8706;
}

.tarefa td{
    padding-left: 40px;
    background: url(../img/layout/icon/tarefas.png) no-repeat #EFEFEF;
    background-position: 23px 3px;
}

.tarefa.subentrega td{
    padding-left: 60px;
    background: url(../img/layout/icon/tarefas.png) no-repeat #EFEFEF;
    background-position: 43px 3px;
}

.percentual_concluido{
    float: right;
    width: 100px;
    height:12px;
    font-size: 9px;
    border: 1px solid #555;
    text-align: center;
    background:  url(../img/layout/icon/barraProgressoTarefa.png) no-repeat;
    color: #000;
}

.percentual_concluido.verde{
    background:  url(../img/layout/icon/barraProgressoTarefaVerde.png) no-repeat;
}

.percentual_concluido.vermelho{
    background:  url(../img/layout/icon/barraProgressoTarefaVermelho.png) no-repeat;
}

.percentual_concluido.amarelo{
    background:  url(../img/layout/icon/barraProgressoTarefaAmarelo.png) no-repeat;
}

#formEntrega{
    display: none;
}

.handle{
    cursor: move;
}

.formProjetosAjax{
    margin:0;
    padding:5px;
    width:auto;
}

.formProjetosAjax input,.formProjetosAjax select,.formProjetosAjax textarea,.edit input,.edit select,.edit textarea{
    padding: 3px;
    font-size: 10px;
    font-family: arial;
}


.entrega.atencao td{
    color:#333;
    background-color: #FFFFCC ;
    font-weight: bold;
    /*border-bottom:1px solid #FFBB00;*/
}

.tarefa.atencao td{
    color:#333;
    background-color: #FFFFCC ;
}

.tarefa.atrasado td{
    color:#333;
    background-color: #FFDDDD;
}

tr.entrega.add td{
    background: url(../img/layout/back/grade2.png) #999 !important;
}

.formProjetosAjax .acao{
    border: 1px solid #555 !important;
}

.error2{
    border:1px solid #FF0000 !important;
}





#planejamento{
    border: 1px solid #333333;
    margin: 0 0 10px;
}

#planejamento .headerPlanejamento{
    background: #666;
    color: #FFF;
    padding: 4px;
    font-size: 10px;
    font-weight: normal;
}

#planejamento.hoje{
    border: 1px solid #FFCC55;
    margin: 0 0 10px;
}

#planejamento.hoje .headerPlanejamento{
    background: #FFFEDD;
    color: #333;
    padding: 4px;
    font-size: 10px;
    font-weight: normal;
}

#planejamento.qa{
    border: 1px solid #2244aa;
    margin: 0 0 10px;
}

#planejamento.qa .headerPlanejamento{
    background: #DDEEFF ;
    color: #333;
    padding: 4px;
    font-size: 10px;
    font-weight: normal;
}

#planejamento.resumo{
    border:0;
    margin: 0;
}

#planejamento.resumo .headerPlanejamento{
    background: #Fff;
    color: #333;
    padding: 4px;
    font-size: 11px;
    font-weight: normal;
}

#planejamento.resumo .headerPlanejamento div{
    float:left;margin-left: 4px;
}

#planejamento.resumo .headerPlanejamento div.atrasadas{
    color:#ff0000;
}
#planejamento.resumo .headerPlanejamento div.qa{
    color:#0088bb;
}
#planejamento.resumo .headerPlanejamento div.andamento{
    color:#555;
}
#planejamento.resumo .headerPlanejamento div.finalizadas{
    color:#008800;
}

#planejamento.finalizadas{
    border: 1px solid #449944;
    margin: 0 0 10px;
}

#planejamento.finalizadas .headerPlanejamento{
    background: #DDFFDD;
    color: #333;
    padding: 4px;
    font-size: 10px;
    font-weight: normal;
}

#planejamento.atrasadas{
    border: 1px solid #aa0000;
    margin: 0 0 10px;
}

#planejamento.atrasadas .headerPlanejamento{
    background: #FFDDDD;
    color: #333;
    padding: 4px;
    font-size: 10px;
    font-weight: normal;
}


#planejamento .entrega{
    background: #DFDFDF;
    color: #555555;
    font-weight: bold;
    border-top: 1px solid #FFF;
}

#planejamento .entrega.tarefa{
    font-weight: normal;
    background: #EEE;
}

#planejamento .entrega .icone{
    background: url("../img/layout/icon/seta.png") no-repeat;
    width: 16px;
    height:16px;
    margin: 4px 0 4px 4px;
    float: left;
}

#planejamento .entrega.tarefa .icone{
    background: url("../img/layout/icon/tarefas.png") no-repeat !important;
}

#planejamento .entrega .infosTxt{	
    margin: 4px 0 4px 4px;
    float: left;
}

#planejamento .entrega .infosTxt div{
    float: left;
    margin-right: 6px;
}

#planejamento .entrega .infosTxt div.edit{
    float: left;
    margin-right: 6px;
    padding: 0 2px;
    border: 1px solid #aaa;
}

#planejamento .entrega .infosTxt div.edit.editing,#planejamento .entrega.tarefa .infosTxt div.edit.editing{
    border: 1px solid #333;
    background: #FFF;
}

#planejamento .entrega.tarefa .infosTxt div.edit{
    float: left;
    margin-right: 6px;
    padding: 0 2px;
    border: 1px solid #ccc;
}

/*#planejamento .entrega.tarefa .infosTxt div.edit.editing{
	border: 1px solid #333;
	background: #FFF;
}*/

#planejamento .entrega .loadAjax{
    float:left;
    margin-top: 3px;
}


#planejamento .entrega .infosTxt div.edit.hover{
    background-color: #EFEFEF;
    border: 1px solid #BBB;
}

#planejamento .entrega.tarefa .infosTxt div.edit.hover{
    background-color: #FFF;
    border: 1px solid #DDD;
}

.edit.entregaNome{
    width: 170px;
}
.edit.entregaDataInicio{
    width: 80px;
}
.edit.entregaDataTermino{
    width: 80px;
}

.edit.TarefaNome{
    width: 170px;
}
.edit.TarefaTipo{
    width: 150px;
}
.edit.TarefaUsuarioId{
    width: 200px;
}
.edit.TarefaHorasEstimadas{
    width: 120px;
}

#planejamento .entrega .acoesEntrega{
    margin: 4px;
    float: right;
}

#planejamento .subentrega{
    background: #DFDFDF;
    color: #555;
    font-weight: bold;
    border-top: 1px solid #FFF;
}

#planejamento .subentrega .icone{
    background: url("../img/layout/icon/subSeta.png") no-repeat;
    width: 16px;
    height:16px;
    float: left;
    margin: 4px 0 4px 4px;
}

#planejamento .subentrega .infosTxt{
    margin: 4px 0 4px 4px;
    float: left;
}

#planejamento .subentrega .acoesEntrega{
    margin: 4px;
    float: right;
}

#planejamento .percentual_concluido {
    background: url("../img/layout/icon/barraProgressoTarefa.png") no-repeat scroll 0 0 transparent;
    border: 1px solid #555;
    color: #000;
    float: right;
    font-size: 9px;
    height: 12px;
    text-align: center;
    width: 100px;
    margin-right: 4px;
    margin-top:4px;
}

.aceitarTarefa{
    background-color: #6195dc !important;
}

.resumoElemento.hsbc{
    background: #ffc2c2;
}

.resumoElemento.hsbc.hover{
    background: #ffdfdf;
    cursor: pointer;
}

.resumoElemento.hsbc .subgrid tr{
    background: #ffeeee !important;
}

.resumoElemento.hsbc .subgrid .titulos{
    background: #f57676 !important;
}


.resumoElemento.itau{
    background: #ffdeb3; /*#ffefda*/
}

.resumoElemento.itau.hover{
    background: #ffefda;
    cursor: pointer;
}

.resumoElemento.itau .subgrid tr{
    background: #fff3e4 !important;
}

.resumoElemento.itau .subgrid .titulos{
    background: #fbb073 !important;
}

.resumoElemento.caixinhasp{
    background: #b3deff; /*#ffefda*/
}

.resumoElemento.caixinhasp.hover{
    background: #d2ebff;
    cursor: pointer;
}

.resumoElemento.caixinhasp .subgrid tr{
    background: #e7f5ff !important;
}

.resumoElemento.caixinhasp .subgrid .titulos{
    background: #60b6f8 !important;
}

.resumoElemento.caixinhamg{
    background: #c0f3bb; /*#ffefda*/
}

.resumoElemento.caixinhamg.hover{
    background: #d3facf;
    cursor: pointer;
}

.resumoElemento.caixinhamg .subgrid tr{
    background: #d3facf !important;
}

.resumoElemento.caixinhamg .subgrid .titulos{
    background: #67df5b !important;
}

.resumoElemento.destaque {
    width:100%;
    height:auto;
    padding:0;
    background-color:#636363 !important;
    border: 1px solid #636363 !important;
    color: #FFF
}


.idsAlterados{
    float: left;
    margin: 7px 0 0 10px;
    font-size: 11px;
}

.idsAlterados strong{
    color: #E10000;
}

.titulos .associationResult{
    background: #195ead;
}

.titulos .associationResult.hover{
    background: #2d78cf !important;
}

.areaForm .loadAjax{
    width: 100%;
    background: #EFEFEF;
    margin: 10px 0;
    display: none;
}

.areaForm .loadAjax .msg{
    margin: 4px;
    float: left;
}

.areaForm .loadAjax .loadImg{
    margin: 4px;
    float: left;
}

#msgErro{
    width:90%;
    margin: 10px auto;
    float: none;
    border: 1px dashed #980000;
    background: #fff5b3;
    text-align: center;
    padding: 10px;
    font-size: 12px;
}

#msgErro .titulo{
    font-weight: bold;
    color: #980000;
}

#msgErro a{
    font-weight: bold;
    color: #980000;
    text-decoration: none;
}

#msgErro .fechar{
    width:auto;
    float: right;
}

#cboxTitle, #cboxCurrent, #cboxNext, #cboxNext, #cboxPrevious, #cboxSlideshow, #cboxTopLeft, #cboxTopCenter, #cboxTopRight, #cboxBottomLeft, #cboxBottomCenter, #cboxBottomRight {
	display: none;
	height :0px;
	width: 0px;
}

.chat div {
    float: left;
}

.chat_editor {
    padding-top: 4px;
    width: 45%;
}

.btn_responder {
    margin-top: 13px;
    background-color: white;
    color: #2E6E9E;
    border: 1px solid #2E6E9E;
    padding: 4px 10px;
    cursor: pointer;
    float: right !important;
    margin-right: 10px;
}

.avatar {
    border: 1px solid #DDD;
    width: 40px;
}

.usuario {
    font-weight: bold;
    margin-top: 13px;
    margin-left: 5px;
}

.btn_chat_enviar {
    background-color: white;
    color: #2E6E9E;
    border: 1px solid #2E6E9E;
    padding: 4px 10px;
    cursor: pointer;
    margin-left: 5px;
}

.chat_mensagens {
    width: 99%;
    background-color: white;
    margin-top: 10px;
    padding: 5px;
    height: auto;
    overflow-y: hidden;
}

.mensagem {
    width: 100%;
    padding: 5px 0px 5px 0px;
}

.msg {
    width: 100%;
}

.resposta {
    margin-left: 20px;
    width: 98%;
}

.iconeProjeto {
    margin-left: 3px;
    float: right;
    width: 28px;
    height: 28px;
    border: 1px solid #bbb;
    cursor: pointer;
}

.iconeProjeto.addNovo {
    background: url('../img/layout/icon/add.png') center center #EFEFEF no-repeat;
}

.attach {
    background: url('../img/layout/icon/attach.png') no-repeat scroll center center transparent;
}

.attach2 {
    background: url('../img/layout/icon/attach2.png') no-repeat scroll center center transparent;
}

.clock {
    background: url('../img/layout/icon/relogio.png') no-repeat scroll center center transparent;
}

.qa {
    background: url('../img/layout/icon/qa.png') no-repeat scroll center center transparent;
}

.log {
	background: url('../img/layout/icon/preview.png') no-repeat scroll center center transparent;
}

.package {
    background: url('../img/layout/icon/package.png') no-repeat scroll center center transparent;
}

.package2 {
    background: url('../img/layout/icon/package2.png') no-repeat scroll center center transparent;
}

.download {
    background: url('../img/layout/icon/exec.png') no-repeat scroll center center transparent;
}

.lista {
	background: url('../img/layout/icon/resumo.png') no-repeat scroll center center transparent;
}

.deploy {
	background: url('../img/layout/icon/tarefas.png') no-repeat scroll center center transparent;
}

.addTarefaPacote {
	background: url('../img/layout/icon/addSmall.png') no-repeat scroll center center transparent;
}

.ferramentas {
	background: url('../img/layout/icon/ferramentas.png') no-repeat scroll center center transparent;
}

.tag {
	background: url('../img/layout/icon/tag.png') no-repeat scroll center center transparent;
}

.nfe {
    background: url(../img/layout/icon/iconNF.png) center center #EFEFEF no-repeat;
}

.nfe2 {
	background: url(../img/layout/icon/iconNF2.png) center center #EFEFEF no-repeat;
}

.nfeProcessing {
    background: url(../img/layout/icon/iconNF3.png) center center #EFEFEF no-repeat;
}

.nfeError {
    background: url(../img/layout/icon/iconNF4.png) center center #EFEFEF no-repeat;
}

.tabelaGerencial {
    border: 1px solid black;
    border-collapse: collapse;
    width: 100% !important;
    text-align: center;
}

.tabelaGerencial td {
    border: 1px solid black;
}

.textoTabelaGerencial {
    color: white;
    font-size: 14px;
    font-weight: bold;
}

.iconTabela {
    width: 16px;
    height: 16px;
    border: 1px inset black;
    background-color: #EEE;
    float: right;
}

.iconTabela.open {
    background-image: url('../img/layout/icon/arrowDown16x16.png');
}

.iconTabela.close {
    background-image: url('../img/layout/icon/arrowUp16x16.png');
}

.iconTabela.expand {
    background-image: url('../img/layout/icon/maximize.png');
}

.iconTabela.info {
    background-image: url('../img/layout/icon/infoSmall.png');
}

.iconTabela.calendar {
	background-image: url(../img/layout/icon/calendar2.png);
}

.iconTabela.edit {
	background-image: url(../img/layout/icon/edit.png);
}

.iconTabela.delete {
	background-image: url(../img/layout/icon/delete2.png);
}

.itemQA {
	background-color: #C0C0C0;
}

.item_busca {
	margin-bottom: 4px;
	display: none;
}

.item_busca input {
	color: #555555;
	font-size: 10px;
	padding: 3px;
	width: 213px;
}

.item_busca select {
	border: 1px solid #888888;
	color: #555555;
	font-size: 10px;
	padding: 2px;
	width: 200px;
}

.grafico {
	width: 900px;
	height: 500px;
	border: 1px solid #636363;
	display: table;
	text-align: center;
}
	
.grafico span {
	vertical-align: middle;
	display: table-cell;
	font-size: 14px;
	font-weight: bold;
}