/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/

body
{
    font-size: .75em;
    font-family: Verdana, Helvetica, Sans-Serif;
    margin: 0;
    padding: 0;
    color: #696969;
    background-color: #FFFFFF;
    /*background:url(images/top_background.gif) repeat-x;    */
}

:focus { outline: 0;}
.clear{clear: both;}
.float-left{float: left;}
.float-right{float: right;}
:focus { outline: 0;}
.clear{clear: both;}
a {text-decoration: none; border: 0; color: #666;}
a:hover {text-decoration: underline;}
a img {border: 0;}
.center {text-align: center !important; min-width:80px;}
ul, li, p {margin: 0; padding: 0; list-style: none;}
table {border-collapse: collapse;}
table td, table th {padding: 0;}
h1, h2, h3 {margin: 0; padding: 0;}

h2
{
    /* Reduzida fonte dos titulos 29.1.2012 */
    /* margin:25px 0 57px -5px;
    font-size:20px; */
    font-family: Muli, Helvetica,Sans-Serif;
    margin:5px 0 5px 5px;
    font-size:14px; 
    font-weight: normal;
    color: #B9B9B9;
}
.ui-dialog-content h2{margin:25px 0 10px -5px;}




#contador 
{
    font-size:10px; 
    font-weight: bold;
    z-index:5000;
    position:absolute;
    float:right;
    margin-right:10px;
    right:30px;top:3px;
}

#contador_check 
{
    position:absolute;
    float:right;
    margin-right:20px;
    right:40px;top:4px;
}

/* this rule styles <h2> tags that are the 
first child of the left and right table columns */
/*.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0;
}*/

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */
/* Usado na versao 2.0
.page
{
    width:1100px;
    margin-left: auto;
    margin-right: auto;
    position:relative;
    background:url(images/blank.gif);
} */

#header
{
    /*position: relative;*/
    margin-bottom: 0px;
    color: #000;
    padding: 0;    
}

#header h1
{
    font-weight: bold;
    padding: 5px 0;
    margin: 0;
    color: #fff;
    border: none;
    line-height: 2em;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 32px !important;
}

/*
#main
{    
    _height: 1px; /* only IE6 applies CSS properties starting with an underscore */ /*   
    float:right;
    margin:-53px 22px 30px 0;
    padding:0 30px 15px 0;
    width:915px;  

#footer
{
    margin-top: -55px;
    height:50px;
    background:url(images/bottom_background.gif) repeat-x;
    clear:both;
}
*/
#logo
{
    background:url(images/logo_2018.png) no-repeat;
    width:415px;
    height:50px;
    position:absolute;
    margin:10px 0 0 25px;
    }

#content
{
    background:url("images/content_top_background.gif") repeat-x scroll center bottom transparent;    
    padding:112px 0; }

#canto_TE
{
    background:url(images/canto_TE.gif) no-repeat;
    width:21px;
    height:224px;
    left:0;
    position:absolute;
    top:5px;
}

#canto_TD
{
    background:url(images/canto_TD.gif) no-repeat;
    width:21px;
    height:224px;    
    position:absolute;
    right:0;
    top:5px;
}

#canto_BE
{
    background:url(images/canto_BE.gif) no-repeat 0 5px;
    width:21px;
    height:164px;
    left:0;
    position:absolute;
    z-index:1000;
    margin-top:5px;
    bottom:5px;
}


#canto_BD
{
    background:url(images/canto_BD.gif) no-repeat 0 5px;
    width:21px;
    height:164px;    
    position:absolute;
    right:0;
    z-index:1000;
    margin-top:5px;
    bottom:5px;
}

#cantos_bottom
{
    background:url(images/bottom_cantos_background.gif) repeat-x;
    height:60px;
    clear:both;
    position:relative;
}

/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/

fieldset 
{
    margin: 1em 0;
    padding: 1em;
    border: 1px solid #CCC;
}

fieldset p 
{
    margin: 2px 12px 10px 10px;
}

legend 
{
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
}

input[type="text"], textarea, select
{
    /*width: 200px;*/
    border: 1px solid #CCC;
}

input[type="password"] 
{
    /*width: 200px;*/
    border: 1px solid #CCC;
}
input, select, textarea
{
    width:300px;
}


textarea
{
    height:80px;    
}
.radio, .checkbox
{
    width:20px;}

.radio_button {
    background-color: transparent;
    display: inline-block;
    width: 20px;
    margin-right: 3px;
}

.radio_text {
    background-color: transparent;
    display: inline-block;
    width: auto;
    margin-right: 3px;
}

input[type="checkbox"] 
{
    width:20px;
}    
    
td.pequeno input , td.pequeno select,
div.pequeno input, div.pequeno select
{
    width:100px !important;
}        
td.medio input, td.medio select,
div.medio input, div.medio select
{
    width:350px !important;
}
td.grande input, td.grande select,
div.grande input, div.grande select
{
    width:500px !important;
}
td.gg input, .gg select,
div.gg input, .gg select
{
    width:90%;
}
td.ggg input, .ggg select,
div.ggg input, .ggg select
{
    width:100%;
}


/* TABLE
----------------------------------------------------------*/

table.tablesorter {margin-top:20px;}

table.listagem{clear:both; /*max-width:834px; novo layout não precisa limitar*/}
table.listagem th, table.listagem td
{ 
    vertical-align:top;
}
table.listagem th
{ 
    font-size:12px;
    background:#8b806d;
    height:18px;    
    color:#fff;
    text-align:left;
    padding:2px 8px 2px 4px;
}
table.listagem tbody td
{
    font-size:11px;
    border-bottom:1px dotted #ccc;    
    padding:6px 8px 6px 4px;
}
table.listagem tbody tr:hover td
{
    background-color:#eee;
    }
td.paginate 
{
    background:#ccc;
    color:#666;
    padding:3px;    
    font-weight:bold;
}        
td.paginate a
{
    color:#666; 
    font-weight:normal;
}        

/* ICONS E BUTTONS
----------------------------------------------------------*/
.icon_new,  .icon_view, .icon_edit, .icon_delete, .icon_copy, .icon_import, .icon_id_doc, .icon_info_adic, .icon_gerar, .icon_excel,.icon_excel_pb, .icon_exportalote, .icon_rf {
    background-image: url(images/icons.png);
    background-repeat: no-repeat;
    display: inline-block;
    width: 20px;
    height: 17px;
    margin-right:3px;
    
}
.icon_new{
    background-position: 0 0;
}
.icon_new2
{
    background-image: url(images/icons.png);
    background-repeat: no-repeat;
    background-color: #356356;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right:3px;
    margin-top:3px;
    background-position: 0 0;
}

.icon_view{
    background-position: -20px 0;
}
.icon_edit{
    background-position: -40px 0;
}
.icon_delete{
    background-position: -60px 0;
}



.icon_import{
    background-position: -80px 0;
}
.icon_id_doc{
    background-position: -100px 0;
}
.icon_info_adic{
    background-position: -120px 0;
}
.icon_copy{
    background-position: -140px 0;
}


.icon_gerar{
    background:url(images/icon_gerar.png) no-repeat;
    width:27px;
    height:25px;
    display:block;
}

.icon_exportalote {
    background:url(images/icon_gerar24x24.png) no-repeat;
    width:24px;
    height:24px;
    display:block;
    margin-top: 0;
    float:right;
    right:3px;
}

.icon_exit 
{
    background:url(images/icon_exit.png) no-repeat;
    width:27px;
    height:27px;
    display:block;
    margin-top:0;
    margin-left:3px;
    float:right;
    right:0;
}

.icon_excel 
{
    background:url(images/excel_24.png) no-repeat;
    width:24px;
    height:24px;
    display:block;
    margin-top:0;
    float:right;
    right:3px;
}

.icon_excel_pb
{
    background:url(images/excel_17pb.png) no-repeat;
}


.icon_rf 
{
    background:url(images/Rf_24.png) no-repeat;
    width:24px;
    height:24px;
    display:block;
    margin-top: 0;
    float:right;
    right:3px;
}

.icon_zip 
{
    background:url(images/zip-icon-24x20.png) no-repeat;
    width:24px;
    height:24px;
    display:block;
    margin-top:0;
    float:right;
    right:3px;
}

.icon_zipPDF 
{
    background:url(images/zipPDF-icon-24x20.png) no-repeat;
    width:24px;
    height:24px;
    display:block;
    margin-top:0;
    float:right;
    right:3px;
}


.icon_img 
{
    background:url(images/img_24.png) no-repeat;
    width:24px;
    height:17px;
    display:inline-block;
    margin-top:0;
    /*float:right;*/
    right:3px;
}

.icon_edt2 
{
    background:url(images/notes_16x16.png) no-repeat;
    max-width: 20px;
    max-height: 20px;
    display: inline-block;
    width:20px;
    height:20px;
    
}

.icon_delete2{
    background:url(images/delete_hover.png) no-repeat;
    width:16px;
    height:16px;
    display: inline-block;
    /*float: left;*/
    cursor:pointer;
}

/* Troca de tema */
.icon_tema
{
    width:24px;
    height:24px;
    position: relative;
    left:0;
    top:0;
    background-image: url(images/theme-editor-icon24x24.png);
    background-repeat: no-repeat;
    line-height: 24px;
    display: inline-block;
    cursor:pointer;
    border:0;
    padding-top: 0 !important;
}


.bt_small, .bt_medium, .bt_large, .bt_gg, .bt_importar {
    background-image: url(images/buttons.png);
    background-repeat: no-repeat;
    display: inline-block;    
    height: 29px;
    color:#fff !important;
    text-align:center;
    padding-top:9px;
    margin-top:15px;
    /*float:left;*/
    margin-right:15px;
    cursor:pointer;
    border:0;
    padding-top:0 !important;
}

.bt_small
{
    width: 45px;
    background-position: 0 0;
    
}


.bt_medium, .bt_importar
{
    width: 80px;
    background-position: -46px 0;
    
}


.bt_large
{
    width: 130px;
    background-position: -126px 0;
    
}
.bt_gg
{
    width: 245px;
    background-position: -256px 0;
    
}

.bt_importar
{
    border:0;
    padding-top:0 !important;
    float:none !important;
}   

/* disabled */
.bt_small:disabled, .bt_medium:disabled, .bt_large:disabled, .bt_gg:disabled, .bt_importar:disabled 
{
    background-image: url(images/buttons_disabled.png);
}

.bt_right
{
    float: right;
    margin-bottom: 0;
    /*margin-right: 0;
    right: 0;*/
}


.submit
{
    border:0;
    padding-top:0 !important;
    
}
 
.next, .avancar {float:right;}
.prev, .voltar {float: left;}
#tabs .bt_small, #tabs .bt_medium, #tabs .bt_large, #tabs .bt_gg
{
    margin-top:34px;
}



/* MISC  
----------------------------------------------------------*/
.editor-table, .display-table
{
    width:100%;
    margin-top:10px;
}
.display-table label {display:block; margin-top:12px;}
.display-table input{ margin-bottom:8px;}
.display-table tr:hover td
{
    background:#fff !important;
}
.editor-table td, th .display-table td, th
{
    padding-bottom:5px;
    vertical-align:top;
}
.cnpj input, .ie input
{
    width:120px;    
}
.cpf input
{
    width:91px;    
}
.nome input
{
    width:500px;
}
.codigo input
{
    width:60px;
}
.endereco input, .bairro input
{
    width:430px;
}
.suframa input
{
    width:70px;
}
.uf select
{
    width:150px;
}
.uf_sigla select {width:50px;}
.unid select
{
    width:75px;
}
.num input
{
    width:75px;
}
.fone input
{
    width:95px;
}
.crc input
{
    width:110px;
}
.nivel input
{
    width:50px;
}

.cep input
{
    width:65px;
}
.ncm input
{
    width:65px;
}
.lst input
{
    width:35px;
}
.genero input
{
    width:23px;
}
.date input, .nnf input
{
    width:70px;
}
.nfe input {width:320px;}
.fatura select, .frete select {width:180px;}
.SimNao select
{
    width:82px
}
.valor input{width:90px}
.serie input
{
    width:40px;
}
.search .bt_medium 
{
    margin-top:0px !important;
    margin-left:10px !important;
}
.search
{
    margin-bottom:20px !important;
}
.num_aut input {width:425px;}
table.search td, table th 
{
    padding: 10px;
}
table.search label
{
    font-weight:bold;
}
.ui-menu
{
    max-width:730px !important;
}

.ui-dialog
{
    /* se colocar aqui ignora o do dialog em js */
    /*width:auto !important;*/
    /*width: 1000px !important;*/
    min-width:500px;
}

.ui-dialog .ui-dialog-content 
{
     width: auto !important; 
}


.reg 
{
    width:40px;
    margin-bottom:7px;
}

.clear
{
    clear: both;
}

.error
{
    color:Red;
}

#menucontainer
{
    margin-top:40px;
}

div#title
{
    display:block;
    float:left;
    text-align:left;
}

div.title 
{
    display:block;
    float:left;
    text-align:left;
    margin-left:6px;
}

#logindisplay
{
    font-size:1.0em;
    display:block;
    text-align:right;
    margin:5px 30px 5px 5px;
    color:#666;
    position:absolute;
    right:0;
    /*width:130px;*/
}

#logindisplay a:link
{
    /*color: #666;*/
    color: #666;
    text-decoration: underline;
}

#logindisplay a:visited
{
    color: #888;
    text-decoration: underline;
}

#logindisplay a:hover
{
    color: #121212;
    text-decoration: none;
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
    color: #ff0000;
}

.field-validation-valid
{
    display: none;
}

.input-validation-error
{
    border: 1px solid #ff0000 !important;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid
{
    display: none;
}

/* Styles for editor and display helpers
----------------------------------------------------------*/
.display-field,
.editor-field
{
    margin: 0.5em 0;
    border-bottom:1px solid #EEEEEE;
    padding-bottom:7px;
}
.display-label, .editor-label, .display-label-form, .editor-label2
{
    border-top:1px solid #EEEEEE;
    font-weight:bold; 
    margin-top:15px;
}

.editor-required
{
    background-color:transparent;
    color:#D90A00;
    border-top:1px solid #EEEEEE;
    font-weight:600;
}

.editor-label2 {
    border-top:0;
    margin-top:5px;
    font-weight:600;
}
    
.display-field-border
{
    font-weight:normal; 
    margin-top:15px;
    padding-bottom:5px;
 }  
 .display-label-form 
 {
     margin: 0.5em 0;
     padding-top:5px;
     padding-bottom:8px;
     padding-left:5px;
     text-align:left;
 }
 
 .field-readonly
{
    background-color: #DDDDDD;
}

.text-box
{
    width: 30em;
}

.text-box.multi-line
{
    height: 6.5em;
}

.tri-state
{
    width: 6em;
}

.autocomplete_info_div 
{
    z-index: 7000; /* Não funcionou corretamente, quando não há espaço dentro do form*/
    position: relative;
    
    
}

.autocomplete_info {
    border: 1px black solid;
    width: 300px;
    position: absolute;
    left: 100px;
    bottom: 35px;
    
    z-index: 7000; 
    background-color: yellow;
    -webkit-border-radius: 5px;
    /*-moz-border-radius: 5px;*/
    border-radius: 5px; /* 3.2015 */

    padding: 5px;
    text-align: justify;
    font-size: 10pt;
    
}

.autocomplete_info {
    bottom: 10px;
}

.autocomplete_info img {
    position: absolute;
    bottom: -10px;
    left: 50px;
}


.bottom .autocomplete_info img {
left:50px;
position:absolute;
top:-10px;
background: url(images/tooltip_arrow_up.gif) no-repeat !important;
}



.autocomplete_info img {
background: url(images/tooltip_arrow_down.gif) no-repeat;

}

.bottom .autocomplete_info {
left:0 !important;
top:30px !important;
bottom: auto !important;
}

/* Menu top 1.2012
----------------------------------------------------------*/

ul.topnav {
    list-style: none;
    padding: 0 20px;
    margin: 0;
    float: left;
    width: 920px;
    background: #222;
    font-size: 1.2em;
    background: url(topnav_bg.gif) repeat-x;
}
ul.topnav li {
    float: left;
    margin: 0;
    padding: 0 15px 0 0;
    position: relative; /*--Declare X and Y axis base for sub navigation--*/
}
ul.topnav li a{
    padding: 10px 5px;
    color: #333;
    display: block;
    text-decoration: none;
    float: left;
}
ul.topnav li a:hover{
    background: url(topnav_hover.gif) no-repeat center top;
}
ul.topnav li span { /*--Drop down trigger styles--*/
    width: 17px;
    height: 35px;
    float: left;
    background: url(subnav_btn.gif) no-repeat center top;
}
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/
ul.topnav li ul.subnav {
    list-style: none;
    position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
    left: 0; top: 35px;
    background: #333;
    margin: 0; padding: 0;
    display: none;
    float: left;
    width: 170px;
    border: 1px solid #111;
}
ul.topnav li ul.subnav li{
    margin: 0; padding: 0;
    border-top: 1px solid #252525; /*--Create bevel effect--*/
    border-bottom: 1px solid #444; /*--Create bevel effect--*/
    clear: both;
    width: 170px;
}
html ul.topnav li ul.subnav li a {
    float: left;
    width: 145px;
    background: #333 url(dropdown_linkbg.gif) no-repeat 10px center;
    padding-left: 20px;
}
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
    background: #222 url(dropdown_linkbg.gif) no-repeat 10px center;
}

/*************************
 * Estrutura da página 
 * (Layout Tableless)
 *************************/
div.geral {
    position: absolute;
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
    vertical-align: baseline;
    width: 100%;
    height: 100%;
    background: transparent;
}

div.geral_left 
{
    
    position: absolute;
    left: 0;
    right: 50%;
    margin-right: 48%; 
    height: 100%;
    /* Hack para IE não encontrei outra alternativa... */
    _width: expression((         document .         body .         clientWidth -
                
         document .body .clientWidth * .96)/ 2 +   
             "px" );
}

div.geral_left_cabecalho
{
   background-color: #FF00DD;
   position: absolute;
   left: 0px;
   top: 0px;
   height: 65px;
   width: 100%;
   
   background:url("images/CANTO_SE.png") no-repeat;  
   
}

div.geral_left_topmenu
{
   background-color: #0F00DD;
   position: absolute;
   left: 0px;
   top: 65px;
   height: 30px;
   width: 100%;
   background:url("images/LAT_SE.png") no-repeat;  
}

div.geral_left_titulo_conteudo
{
   background-color: #FFFFFF;
   position: absolute;
   left: 0px;
   top: 95px;
   height: 30px;
   width: 100%;
   background:url("images/CANTO2_SE.png") no-repeat;  
}

div.geral_left_conteudo
{
   background-color: #FFFFFF;
   position: absolute;
   left: 0px;
   top: 125px;
   bottom: 70px;
   height: auto;
   width: 100%;

}

div.geral_left_conteudo1
{
   background-color: #FFFFFF;
   top: 0px;
   
   height: 50%; /*auto;*/
   width: 100%;
   background:url("images/LAT2_SE.png") no-repeat;  

}

div.geral_left_conteudo2
{
   background-color: #FFFFFF;
   position: absolute;
   height: 100px; /*auto;*/
   width: 100%;
   bottom: 0px;
   background:url("images/LAT_IE.png") no-repeat;  
   

}

div.geral_left_rodape_conteudo
{
   background-color: #FFFFFF;
   position: absolute;
   left: 0px;
   
   height: 30px;
   bottom: 40px;
   width: 100%;
   background:url("images/CANTO_IE.png") no-repeat;  
}

div.geral_left_rodape
{
   background-color: #FFFFFF;
   position: absolute;
   left: 0px;
   height: 40px;
   bottom: 0px;
    width: 100%;
}

div.geral_right 
{
    
    
    position: absolute;
    right: 0px;
    left: 50%;
    margin-left: 48%; /* 49% */
    height: 100%;
    /* Hack para IE não encontrei outra alternativa... */
    _width: expression((         document .         body .         clientWidth -
                
        document .body .clientWidth*.96 )/ 2 +   
             "px" );
}


div.geral_right_cabecalho
{
   background-color: #FFFFFF;
   position: absolute;
   right: 0px;
   top: 0px;
   height: 65px;
   width: 100%;
    background:url("images/CANTO_SD.png") no-repeat;  
   
}
div.geral_right_topmenu
{
   background-color: #FFFFFF;
   position: absolute;
   right: 0px;
   top: 65px;
   height: 30px;
   width: 100%;
   background:url("images/LAT_SD.png") no-repeat; 
}

div.geral_right_titulo_conteudo
{
   background-color: #FFFFFF;
   position: absolute;
   right: 0px;
   top: 95px;
   height: 30px;
   width: 100%;
   background:url("images/CANTO2_SD.png") no-repeat; 
   
   
}

div.geral_right_conteudo
{
   background-color: #FFFFFF;
   position: absolute;
   right: 0px;
   top: 125px;
   bottom: 70px;
   height: auto;
    width: 100%;

}

div.geral_right_conteudo1
{
   background-color: #FFFFFF;
   top: 0px;
   right: 0px;
   height: 50%; /*auto;*/
   width: 100%;
   background:url("images/LAT2_SD.png") no-repeat;

}

div.geral_right_conteudo2
{
   background-color: #FFFFFF;
   position: absolute;
   height: 100px; /*auto;*/
   width: 100%;
   bottom: 0px;
   background:url("images/LAT_ID.png") no-repeat;
   

}

div.geral_right_rodape_conteudo
{
   background-color: #FFFFFF;
   position: absolute;
   right: 0px;
   
   height: 30px;
   bottom: 40px;
   width: 100%;
   background:url("images/CANTO_ID.png") no-repeat;
}

div.geral_right_rodape
{
   background-color: #FFFFFF;
   position: absolute;
   right: 0px;
   height: 40px;
   bottom: 0px;
    width: 100%;
}


/* Cabecalho */
div.cabecalho 
{
    
    position: absolute;
    float: none;
    display: block;
    top: 0px;
    height: 65px;
    font-size: 11px;
    font-style: normal;
    line-height: 8pt;
    border: 0px;
    padding: 0px;
    left: 50%; 
    width: 96%; /* 98% */
    margin-left: -48%; /* -49% */
    
    background:url("images/BORDA_S.png") repeat-x;  
}



div.cabecalho_left {
    position: absolute;
    float: left;
    left: 0px;
    top: 0px;
    width: 200px;
    height: 65px;
}

div.cabecalho_left_inner {
    position: absolute;
    float: left;
    top: 5px;
    left: 5px;
    bottom: 5px;
    right: 5px;
    width: 190px;
    height: 60px;
}

div.cabecalho_left2 {
    position: absolute;
    float: left;
    left: 200px;
    top: 0px;
    height: 61px;
    width: 180px;
}

div.cabecalho_center {
    position: absolute;
    top: 0px;
    left: 380px;
    height: 65px;
    width: 430px;
}

div.cabecalho_right {
    position: absolute;
    float: right;
    top: 0px;
    right: 0px;
    width: 160px;/* 140 3.12.2014 */
    height: 61px;
    overflow: hidden;
}

div.cabecalho_right_inner {
    position: relative;
    float: left;
    width: 150px;/* 130 3.12.2014 */
    height: 60px;
    top: 5px;
    right: 5px;
    left: 5px;
    bottom: 5px;
    margin-bottom: 5px;
    overflow: hidden;
}

/* TopMenu */
div.topmenu {
    position: absolute;
    border: 0px;
    padding: 0px;
    float: left;
    
    top: 65px;
    height: 30px;
    left: 50%;
    width: 96%; /* 98% */
    margin-left: -48%; /* -49% */
    z-index: 99; /* 1002 são os dialogs pop*/ /* era 600, novo jquery deu problema pois passou a usar 100 no dialog*/
    background-color: transparent; 
    background-image: url("images/BARRA_MENU.png");
    background-repeat:  repeat-x;  
}

div.topmenu_left {
    position: absolute;
    width: 0px; /* 15px; */
    left: 0px;
    z-index: 99;
}

div.topmenu_mid {
    position: absolute;
    width: 96%; /* 98% */
    height: 30px;
    left: 0px; /* 15px; */
    z-index: 99;
}

div.topmenu_right {
    position: absolute;
    width: 0px; /* 15px; */
    height: 30px;
    left: 935px;
    z-index: 99;
}

div.topmenu_inner_left {
    position: absolute;
    float: left;
    display: inline;
    border: 0px;
    padding: 0px;
    left: 2px;
    top: 2px;
    width: 40%;
}

div.topmenu_inner_right {
    position: absolute;
    /*float: right;*/
    border: 0px;
    padding: 0px;
    right: 2px;
    top: 8px;
    width: 50%;
}

.topmenu_text_right,.topmenu_text_right_bold,.topmenu_text_right_link {
    position: relative;
    float: right;
    text-align: right;
    font-size: 11px;
    font-style: normal;
    color: #222;
    line-height: 9pt;
    margin: 0 5px 0 0;
}

.topmenu_text_right {
    font-style: normal;
    color: #222;
}

.topmenu_text_right_bold {
    font-weight: bold;
    color: #111;
}

.topmenu_text_right_link {
    font-weight: bold;
    color: #D90A00;
}

div.titulo_conteudo {
    position: absolute;
    border: 0px;
    padding: 0px;
    float: left;
    top: 95px;
    height: 30px;
    left: 50%;
    width: 98%; 
    margin-left: -48%; 
    background: transparent; 
    background:url("images/BORDA2_S.png") repeat-x;
}

/* Conteudo - parte central onde ficam os processos etc...*/
    /* Abaixo do cabeçalho e menu, acima do rodapé */
div.conteudo 
{
    background-color: transparent;
    
    position: absolute;
    float: none;
    display: inline-block;
    top: 125px;
    bottom: 70px;
    left: 0px;
    right: 0px;
    border: 0px;
    padding: 0px;
    padding-left: 0px;
    padding-right: 0px;
    font-size: 11px;
    left: 50%;
    height: auto;
    width: 96%; /* 98% */
    margin-left: -48%; /* -49% */
    margin-top: 0px;
    margin-bottom: 0px;
    overflow:auto;
}

div.conteudo_menugeral 
{
    background: transparent;
    position: absolute;
    float: none;
    display: inline-block;
    top: 125px;/*95*/
    bottom: 70px; /*40px;*/
    left: 0px;
    right: 0px;
    border: 0px;
    padding: 0px;
    padding-left: 0px;
    padding-right: 0px;
    font-size: 11px;
    left: 50%;
    height: auto;
    width: 96%; /* 100% */
    margin-left: -48%; /* -50% */
    margin-top: 0px;
    margin-bottom: 0px;
    overflow:auto;
    background-color: transparent;
    
    /*_height: expression(document .         body .         clientHeight -          
        175 + 
               "px");*/ /*135*/
               
}

.conteudo_fundomenu 
{
    background-color: transparent; /*#d8d9db;*/
}

div.conteudo_left {
    position: absolute;
    float: none;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    width: 710px;
}

div.conteudo_right {
    position: absolute;
    float: none;
    top: 0px;
    bottom: 0px;
    left: 710px;
    right: 0px;
    width: 240px;
}

div.conteudo_login {
    position: absolute;
    float: none;
    display: inline-block;
    top: 65px;
    bottom: 50px;
    left: 0px;
    right: 0px;
    border: 0px;
    padding: 0px;
    font-size: 11px;
    left: 50%;
    height: auto;
    width: 330px;
    margin-left: -165px;
    margin-top: 0px;
    margin-bottom: 0px;
    /*overflow-y: hidden;*/
    /* Hack para IE não encontrei outra alternativa... */
    _height: expression(document .         body .         clientHeight -          
        105 + 
               "px");
}

div.conteudo_erro {
    position: absolute;
    float: none;
    display: block;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    border: 0px;
    padding: 0px;
    font-size: 11px;
    color: #000;
    background-color: #f5f5f5;
}

div.conteudo_erro_inner {
    position: relative;
    border: 1px;
    top: 25px;
    bottom: 0px;
    margin-top: 0px;
    margin-bottom: auto;
    left: 25px;
    width: 900px;
    height: 600px;
    /*overflow-y: scroll;*/
}

div.conteudo_erro_descr {
    position: relative;
    border: 0px;
    top: 25px;
    bottom: 0px;
    margin-top: 0px;
    margin-bottom: auto;
    left: 0px;
    width: 900px;
    height: 300px;
    /*overflow-y: scroll;*/
}

div.imagem_login {
    position: relative;
    border: 0px;
    padding: 0px;
    left: 5px;
    top: 5px;
    width: 100px;
    height: 100px;
}

div.imagem_bullet {
    position: relative;
    float: left;
    border: 0px;
    left: 0px;
    top: 0px;
    width: 16px;
    height: 16px;
    background-color: #f0f;
    margin: 6px 0px 0px 0px;
}

div.conteudo_inner {
    position: relative;
    border: 0px;
    top: 25px;
    bottom: 0px;
    margin-top: 0px;
    margin-bottom: auto;
    left: 0px;
    width: 100%;
    height: 100%;
    /*overflow-y: scroll;*/
}

div.conteudo_top {
    position: absolute;
    float: none;
    display: block;
    top: 0px;
    height: 30px;
    width: 100%;
    border: 0px;
    padding: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
}

div.conteudo_top_1 {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 5px;
    height: 25px;
    background-repeat: no-repeat;
    background-position: left top;
}

div.conteudo_top_2 {
    position: absolute;
    bottom: 0px;
    left: 5px;
    right: 5px;
    width: auto;
    height: 25px;
    background-position: top;
    background-repeat: repeat-x;
}

div.conteudo_top_3 {
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 5px;
    height: 25px;
    background-position: right top;
    background-repeat: no-repeat;
}

div.conteudo_top_2_inner {
    position: relative;
    border: 0px;
    padding: 3px;
    margin-bottom: 0px;
    margin-top: 3px;
    margin-left: 0px;
}

div.conteudo_mid {
    position: absolute;
    display: block;
    clear: both;
    left: 0px;
    top: 30px;
    bottom: 30px;
    margin-bottom: 0px;
    margin-top: 0px;
    width: 100%;
    /*overflow-y: scroll;*/ /*overflow-y: scroll;*/
    _height: expression(document .         body .         clientHeight -          
        135 - 
                 60 +     
           "px");
}

div.conteudo_mid_1 {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    width: 5px;
    height: auto;
    _height: expression(document .         body .         clientHeight -          
        135 - 
                 60 +     
           "px");
    background-repeat: repeat-y;
}

div.conteudo_mid_2 {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 5px;
    right: 5px;
    width: auto;
    height: auto;
    _height: expression(document .         body .         clientHeight -          
        135 - 
                 60 +     
           "px");
    /*overflow-y: auto;*/
    background-repeat: repeat;
}

div.conteudo_mid_3 {
    position: absolute;
    top: 0px;
    bottom: 0px;
    right: 0px;
    width: 5px;
    height: auto;
    _height: expression(document .     body .     clientHeight-135-60 +     "px")
        ;
    background-position: right top;
    background-repeat: repeat-y;
}

.conteudo_mid_2_error {
    position: relative;
    /*float: top;*/
    display: block;
    top: 0px;
    left: 0px;
    bottom: 0px;
    margin-top: 5px;
    margin-left: 5px;
    margin-bottom: 5px;
    margin-right: 5px;
    padding: 20px;
    color: #fff;
    text-indent: 60px;
    background-color: #d95a5a;
    background-image: url(images/expert/exclam.png);
    background-repeat: no-repeat;
    border-color: #612828;
    border-style: solid;
    border-width: 2px;
    width: inherit;
    height: auto;
    font-weight: bold;
}

div.conteudo_mid_2_inner {
    position: relative;
    top: 0px;
    left: 0px;
    bottom: 0px;
    padding: 5px;
    width: auto;
    height: auto;
}

div.conteudo_mid_2_inner_left {
    position: absolute;
    top: 5px;
    left: 5px;
    width: 135px;
    height: 230px;
    overflow: hidden;
}

div.conteudo_mid_2_inner_right {
    position: absolute;
    top: 5px;
    left: 140px;
    width: 540px;
    height: 230px;
    overflow: hidden;
}

div.conteudo_mid_2_inner_bottom {
    position: absolute;
    top: 235px;
    left: 5px;
    width: 670px;
    height: auto;
}

div.conteudo_clear {
    clear: both;
}

div.conteudo_rodape 
{
    
    position: absolute;
    float: none;
    left: 0px;
    _top: expression(document .     body .     clientHeight-175-30 +     "px")
        ;
    bottom: 0px;
    height: 30px;
    width: 100%;
    border: 0px;
    padding: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
}

div.conteudo_rodape_1 {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 5px;
    height: 25px;
    background-repeat: no-repeat;
    background-position: left bottom;
}

div.conteudo_rodape_2 {
    position: absolute;
    top: 0px;
    left: 5px;
    right: 5px;
    width: auto;
    height: 25px;
    background-repeat: repeat-x;
    background-position: bottom;
}

div.conteudo_rodape_3 {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 5px;
    height: 25px;
    background-repeat: no-repeat;
    background-position: right bottom;
}

div.conteudo_rodape_inner {
    position: relative;
    border: 0px;
    left: 0px;
    right: 0px;
    top: 0px;
    border-top: 1px;
    border-color: #eee;
    margin-right: 20px;
    background-color: transparent;
    padding: 4px;
    height: auto;
    width: auto;
}

div.conteudo_rodape_inner_left {
    position: relative;
    float: left;
    left: 0px;
    width: 50%;
}

div.conteudo_rodape_inner_right {
    position: relative;
    float: left;
    right: 0px;
    width: 50%;
}

/* Rodape */
div.rodape_conteudo 
{
    background-color: #23FF23;
    position: absolute;
    display: block;
    bottom: 40px;
    height: 30px;
    border: 0px;
    padding: 0px;
    font-size: 11px;
    font-style: normal;
    line-height: 8pt;
    margin-top: 0;
    margin-bottom: 0;
    left: 50%;
    width: 96%; /* 98% */
    margin-left: -48%; /* -49% */
    background:url("images/BORDA_I.png") repeat-x;
}

/* Rodape */
div.rodape 
{
    background-color: #FFFFFF;
    position: absolute;
    display: block;
    bottom: 0px;
    height: 40px;
    border: 0px;
    padding: 0px;
    font-size: 11px;
    font-style: normal;
    line-height: 8pt;
    margin-top: 0;
    margin-bottom: 0;
    left: 50%;
    width: 96%; /* 98% */
    margin-left: -48%; /* -49% */
}

div.rodape_inner {
    position: relative;
    top: 5px;
    right: 5px;
    left: 5px;
    bottom: 5px;
    width: 95%;
}

/* Container */
div.container_login {
    position: absolute;
    border: 0px;
    padding: 0px;
    width: 300px;
    height: 200px;
    font-size: 11px;
    font-style: normal;
    line-height: 8pt;
    left: 50%;
    top: 50%;
    margin-left: -150px; /* Para ficar centralizado */
    margin-top: -100px; /* Para ficar centralizado */
    overflow: hidden;
}

div.container_left_top {
    position: absolute;
    width: 25px;
    height: 25px;
    float: left;
    left: 0px;
    top: 0px;
    margin-left: 0px;
}

div.container2_left_top {
    position: absolute;
    width: 25px;
    height: 25px;
    float: left;
    left: 0px;
    top: 0px;
    margin-left: 0px;
}


div.container_center1_top {
    position: absolute;
    height: 25px;
    top: 0px;
    left: 25px;
}
div.container2_center1_top {
    position: absolute;
    height: 25px;
    top: 0px;
    left: 25px;
}


div.container_center2_top, div.container2_center2_top {
    position: absolute;
    height: 25px;
    right: 25px;
    top: 0px;
}

div.container_right_top, div.container2_right_top {
    position: absolute;
    top: 0px;
    width: 25px;
    height: 25px;
    right: 0px;
}

/* Mid */
div.container_left_mid {
    position: absolute;
    left: 0px;
    top: 25px;
    width: 25px;
}

div.container_center1_mid {
    position: absolute;
    left: 25px;
    top: 25px;
}

div.container_center2_mid {
    position: absolute;
    right: 25px;
    top: 25px;
}

div.container_right_mid {
    position: absolute;
    float: left;
    width: 25px;
    right: 0px;
    top: 25px;
}

/* Bottom */
div.container_left_bottom {
    position: absolute;
    width: 25px;
    height: 25px;
    left: 0px;
    bottom: 0px;
}

div.container_center1_bottom 
{
    
    position: absolute;
    left: 25px;
    bottom: 0px;
    height: 25px;
}

div.container_center2_bottom 
{
    
    position: absolute;
    right: 25px;
    bottom: 0px;
    height: 25px;
}

div.container_right_bottom {
    position: absolute;
    width: 25px;
    height: 25px;
    right: 0px;
    bottom: 0px;
}

/* Menus teste 2 */
* 									{ margin: 0; padding: 0; }
body								{ font: 12px Helvetica, Sans-Serif; } /* 14px??*/
#page-wrap							{ width: 800px; margin: 25px auto; } 
a									{ text-decoration: none; }
ul									{ list-style: none; }
p                                   { margin: 15px 0; }

/* 
    LEVEL ONE
*/
ul.dropdown                         { position: relative; }
ul.dropdown li                      { font-weight: normal; float: left; /*zoom: 1*/ background: #F4F4F4; }
ul.dropdown a:hover		            { color: #000; }
ul.dropdown a:active                { color: #707070; }
ul.dropdown li a                    { display: block; padding: 4px 8px; border-right: 1px solid #333;
                                      color: #707070; }
ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover                { background: #D7D7D7; color: black; position: relative; }
ul.dropdown li.hover a              { color: black; }


/* 
    LEVEL TWO
*/
ul.dropdown ul 						{ width: 220px; visibility: hidden; position: absolute; top: 100%; left: 0; }
ul.dropdown ul li 					{ font-weight: normal; background: #f6f6f6; color: #000; 
                                      border-bottom: 1px solid #ccc; float: none; }
                                      
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a					{ border-right: none; width: 100%; display: inline-block; } 

/* 
    LEVEL THREE
*/
ul.dropdown ul ul 					{ left: 100%; top: 0; }
ul.dropdown li:hover > ul 			{ visibility: visible; }


/* Icones de recebimento eletronico */

.aprocessar_null , .aprocessar_0, .aprocessar_1,.aprocessar_M2,.aprocessar_M3,
.aprocessar_M1,.aprocessar_2,.aprocessar_3,.aprocessar_9,
.validadosefaz_null , .validadosefaz_0, .validadosefaz_1,.validadosefaz_M2,.validadosefaz_M3,
.validadosefaz_M1,.validadosefaz_2,.validadosefaz_3,.validadosefaz_9,.validadosefaz_HM,
.validadoerp_null , .validadoerp_0,.validadoerp_1,.validadoerp_M2,.validadoerp_M3,
.validadoerp_M1,.validadoerp_2,.validadoerp_3,.validadoerp_9,

.registradachegada_null , .registradachegada_0,.registradachegada_1,.registradachegada_M2,.registradachegada_M3,
.registradachegada_M1,.registradachegada_2,.registradachegada_3,.registradachegada_9,

.conferenciafisica_null , .conferenciafisica_0,.conferenciafisica_1,.conferenciafisica_M2,.conferenciafisica_M3,
.conferenciafisica_M1,.conferenciafisica_2,.conferenciafisica_3,.conferenciafisica_9,

.exportadoerp_null , .exportadoerp_0,.exportadoerp_1,.exportadoerp_M2,.exportadoerp_M3,.exportadoerp_M4,
.exportadoerp_M1,.exportadoerp_2,.exportadoerp_3,.exportadoerp_9,

.manifestacao_null , .manifestacao_0,.manifestacao_1,.manifestacao_M2,.manifestacao_M3,.manifestacao_M4,.manifestacao_M5,
.manifestacao_M1,.manifestacao_2,.manifestacao_3,.manifestacao_9,.manifestacao_4,.manifestacao_5,.manifestacao_6,.manifestacao_7,.manifestacao_HM
{
    width: 32px;
    
    /*background-position:center;*/
    padding-top: 6px;
    padding-bottom: 10px;
    
}

.aprocessar_null , .aprocessar_0
{
    background: url(images/green-button.png) no-repeat;
}
.aprocessar_1
{
    background: url(images/blue-button.png) no-repeat;
}
.aprocessar_M3
{
    background: url(images/red2-button.png) no-repeat;
}
.aprocessar_M2
{
    background: url(images/yellow-button.png) no-repeat;
}
.aprocessar_M1
{
    background: url(images/red-button.png) no-repeat;
}
.aprocessar_2
{
    background: url(images/purple-button.png) no-repeat;
}
.aprocessar_3
{
    background: url(images/blue3-button.png) no-repeat;
}
.aprocessar_9
{
    background: url(images/blue2-button.png) no-repeat;
}


.validadosefaz_null , .validadosefaz_0
{
    background: url(images/green-button.png) no-repeat;
}
.validadosefaz_1
{
    background: url(images/blue-button.png) no-repeat;
}
.validadosefaz_M3
{
    background: url(images/red2-button.png) no-repeat;
}
.validadosefaz_M2
{
    background: url(images/yellow-button.png) no-repeat;
}
.validadosefaz_M1
{
    background: url(images/red-button.png) no-repeat;
}
.validadosefaz_2
{
    background: url(images/purple-button.png) no-repeat;
}
.validadosefaz_3
{
    background: url(images/blue3-button.png) no-repeat;
}
.validadosefaz_9
{
    background: url(images/blue2-button.png) no-repeat;
}

.validadosefaz_HM
{
    background: url(images/homolog-button.png) no-repeat;
}

.manifestacao_null , .manifestacao_0
{
    background: url(images/grey-button.png) no-repeat;
}
.manifestacao_1
{
    background: url(images/blue-button.png) no-repeat;
}

.manifestacao_M5
{
    background: url(images/yellow-button.png) no-repeat;
}

.manifestacao_M4
{
    background: url(images/yellow-button.png) no-repeat;
}

.manifestacao_M3
{
    background: url(images/red2-button.png) no-repeat;
}
.manifestacao_M2
{
    background: url(images/yellow-button.png) no-repeat;
}
.manifestacao_M1
{
    background: url(images/red-button.png) no-repeat;
}
.manifestacao_2
{
    background: url(images/purple-button.png) no-repeat;
}
.manifestacao_3
{
    background: url(images/blue3-button.png) no-repeat;
}
.manifestacao_4
{
    background: url(images/blue3-button.png) no-repeat;
}
.manifestacao_5
{
    background: url(images/red2-button.png) no-repeat;
}
.manifestacao_6
{
    background: url(images/orange-button.png) no-repeat;
}
.manifestacao_7
{
    background: url(images/blue3-button.png) no-repeat;
}
.manifestacao_9
{
    background: url(images/blue2-button.png) no-repeat;
}

.manifestacao_HM
{
    background: url(images/homolog-button.png) no-repeat;
}


        /*public static Int32 CIENCIAEFETUADAA = 3;
       public static Int32 CIENCIAEFETUADAM = 4;
       public static Int32 CIENCIAAGENDADAA = -2;
       public static Int32 CIENCIAAGENDADAM = -3;

       public static Int32 OPERACAOCONFIRMADA = 1;
       public static Int32 OPERACAODESCONHECIDA = 5;
       public static Int32 OPERACAONAOREALIZADA = 6;*/



.validadoerp_null , .validadoerp_0
{
    background: url(images/green-button.png) no-repeat;
}
.validadoerp_1
{
    background: url(images/blue-button.png) no-repeat;
}
.validadoerp_M3
{
    background: url(images/red2-button.png) no-repeat;
}
.validadoerp_M2
{
    background: url(images/yellow-button.png) no-repeat;
}
.validadoerp_M1
{
    background: url(images/red-button.png) no-repeat;
}
.validadoerp_2
{
    background: url(images/purple-button.png) no-repeat;
}
.validadoerp_3
{
    background: url(images/blue3-button.png) no-repeat;
}
.validadoerp_9
{
    background: url(images/blue2-button.png) no-repeat;
}



.registradachegada_null , .registradachegada_0
{
    background: url(images/green-button.png) no-repeat;
}
.registradachegada_1
{
    background: url(images/blue-button.png) no-repeat;
}
.registradachegada_M3
{
    background: url(images/red2-button.png) no-repeat;
}
.registradachegada_M2
{
    background: url(images/yellow-button.png) no-repeat;
}
.registradachegada_M1
{
    background: url(images/red-button.png) no-repeat;
}
.registradachegada_2
{
    background: url(images/purple-button.png) no-repeat;
}
.registradachegada_3
{
    background: url(images/blue3-button.png) no-repeat;
}
.registradachegada_9
{
    background: url(images/blue2-button.png) no-repeat;
}



.conferenciafisica_null , .conferenciafisica_0
{
    background: url(images/green-button.png) no-repeat;
}
.conferenciafisica_1
{
    background: url(images/blue-button.png) no-repeat;
}
.conferenciafisica_M3
{
    background: url(images/red2-button.png) no-repeat;
}
.conferenciafisica_M2
{
    background: url(images/yellow-button.png) no-repeat;
}
.conferenciafisica_M1
{
    background: url(images/red-button.png) no-repeat;
}
.conferenciafisica_2
{
    background: url(images/purple-button.png) no-repeat;
}
.conferenciafisica_3
{
    background: url(images/blue3-button.png) no-repeat;
}
.conferenciafisica_9
{
    background: url(images/blue2-button.png) no-repeat;
}

.exportadoerp_null , .exportadoerp_0
{
    background: url(images/green-button.png) no-repeat;
}
.exportadoerp_1
{
    background: url(images/blue-button.png) no-repeat;
}
.exportadoerp_M3
{
    background: url(images/red2-button.png) no-repeat;
}

.exportadoerp_M4
{
    background: url(images/red3-button.png) no-repeat;
}


.exportadoerp_M2
{
    background: url(images/yellow-button.png) no-repeat;
}
.exportadoerp_M1
{
    background: url(images/red-button.png) no-repeat;
}
.exportadoerp_2
{
    background: url(images/purple-button.png) no-repeat;
}
.exportadoerp_3
{
    background: url(images/blue3-button.png) no-repeat;
}
.exportadoerp_9
{
    background: url(images/blue2-button.png) no-repeat;
}

.consultarnota a, .consultarnota a:hover, .consultarnota_d,
.consultarSefaz a, .consultarSefaz a:hover, .consultarSefaz_d,
.consultaroc a, .consultaroc a:hover, .consultaroc_d,
.visualizareventos a, .visualizareventos a:hover, .visualizareventos_d,
.exportarerp a, .exportarerp a:hover, .exportarerp_d,
.exportarerpf a, .exportarerpf a:hover, .exportarerpf_d,
.baixarxml a, .baixarxml a:hover, .baixarxml_d,
.danfepdf a, .danfepdf a:hover, .danfepdf_d,
.registrarchegada a, .registrarchegada a:hover, .registrarchegada_d,
.conferirfisica a, .conferirfisica a:hover, .conferirfisica_d,
.liberarcontingencia a, .liberarcontingencia a:hover, .liberarcontingencia_d,
.voltarfase a, .voltarfase a:hover, .voltarfase_d,
.marcarsemvalidade a, .marcarsemvalidade a:hover, .marcarsemvalidade_d,
.marcardesacordo a, .marcardesacordo a:hover, .marcardesacordo_d,
.importarxml a, .importarxml a:hover, .importarxml_d,
.importarxmlsefaz a, .importarxmlsefaz a:hover, .importarxmlsefaz_d,
.importarlistaxml a, .importarlistaxml a:hover, .importarlistaxml,
.manifestacao a, .manifestacao a:hover, .manifestacao_d, .sim, .nao,
.busca a, .busca a:hover, .busca_d {
    display: inline-block;
    float: left;
    width: 20px;
    height: 20px;
}

.divisor
{
    display: inline-block;
    float: left;
    width:6px;
    height:20px;
    background: url(images/divisor.png) no-repeat;
}

.tooltip_ { border: 1px solid #22f; padding: 2px; width: 20%; position: absolute; background: #ddd;}

.consultarSefaz a, .consultarSefaz a:hover
{
    background: url(images/internet-search_16x16.png) no-repeat;
}
.consultarSefaz_d
{
    background: url(images/internet-search_16x16_d.png) no-repeat;
}

.manifestacao a, .manifestacao a:hover
{
    background: url(images/internet-search_16x16.png) no-repeat;
}
.manifestacao_d
{
    background: url(images/internet-search_16x16_d.png) no-repeat;
}

.consultaroc a, .consultaroc a:hover
{
    background: url(images/Shop3_16x16.png) no-repeat;
}

.consultaroc_d
{
    background: url(images/Shop3_16x16_d.png) no-repeat;
}

.visualizareventos a , .visualizareventos a:hover
{
    background: url(images/notes_16x16.png) no-repeat;
}
.visualizareventos_d
{
    background: url(images/notes_16x16_d.png) no-repeat;
}

.exportarerp a, .exportarerp a:hover
{
    background: url(images/factory_16x16.png) no-repeat;
}
.exportarerp_d
{
    background: url(images/factory_16x16_d.png) no-repeat;
}

.exportarerpf a, .exportarerpf a:hover
{
    background: url(images/factory_16x16f.png) no-repeat;
}
.exportarerpf_d
{
    background: url(images/factory_16x16f_d.png) no-repeat;
}

.baixarxml a, .baixarxml a:hover
{
    background: url(images/xml16x16.png) no-repeat;
}
.baixarxml_d
{
    background: url(images/xml16x16_d.png) no-repeat;
}

.danfepdf a, .danfepdf a:hover
{
    background: url(images/pdf16x16.png) no-repeat;
}
.danfepdf_d
{
    background: url(images/pdf16x16_d.png) no-repeat;
}

.importarxml a, .importarxml a:hover 
{
   background: url(images/xml2_16x16.png) no-repeat;
    
}
.importarxml_d
{
   background: url(images/xml2_16x16_d.png) no-repeat;
}

.importarlistaxml a, .importarlistaxml a:hover {
    background: url(images/xml2_16x16.png) no-repeat;
}

.importarlistaxml_d {
    background: url(images/xml2_16x16_d.png) no-repeat;
}


.importarxmlsefaz a, .importarxmlsefaz a:hover 
{
   background: url(images/xmlsefaz_16x16.png) no-repeat;
    
}
.importarxmlsefaz_d
{
   background: url(images/xmlsefaz_16x16_d.png) no-repeat;
}

.registrarchegada a,.registrarchegada a:hover
{
    background: url(images/truck16x16.png) no-repeat;
}
.registrarchegada_d
{
    background: url(images/truck16x16_d.png) no-repeat;
}

.conferirfisica a,.conferirfisica a:hover 
{
    background: url(images/box3_16x16.png) no-repeat;
}
.conferirfisica_d 
{
    background: url(images/box3_16x16_d.png) no-repeat;
}

.liberarcontingencia a,.liberarcontingencia a:hover
{
    background: url(images/ok16x16.png) no-repeat;
}
.liberarcontingencia_d
{
    background: url(images/ok16x16_d.png) no-repeat;
}

.voltarfase a,.voltarfase a:hover
{
    background: url(images/undo16x16.png) no-repeat;
}
.voltarfase_d
{
    background: url(images/undo16x16_d.png) no-repeat;
}

.marcarsemvalidade a,.marcarsemvalidade a:hover 
{
    background: url(images/cancel.png) no-repeat;
}
.marcarsemvalidade_d 
{
    background: url(images/cancel_d.png) no-repeat;
}

.marcardesacordo a, .marcardesacordo a:hover {
    background: url(images/dislike16x16.png) no-repeat;
}

.marcardesacordo_d {
    background: url(images/dislike16x16_d.png) no-repeat;
}

.consultarnota a, .consultarnota a:hover
{
    background: url(images/find.png) no-repeat;
    /*background-image: url(images/icons.png);
    background-repeat: no-repeat;
    background-position: -20px 0;*/
}

.consultarnota_d 
{
    background: url(images/find_d.png) no-repeat;
}

.busca a, .busca a:hover
{
    background: url(images/find.png) no-repeat;
    /*background-image: url(images/icons.png);
    background-repeat: no-repeat;
    background-position: -20px 0;*/
}

.busca_d 
{
    background: url(images/find_d.png) no-repeat;
}


.sim
{
    background: url(images/ok.png) no-repeat;
}

.nao
{
    background: url(images/delete-16.png) no-repeat;
}


.data_inventario 
{
    width: 80px;
}

/* Daqui em diante, testes Slickgrid */
#meuGrid {
  background: white;
  outline: 0;
  border: 1px solid gray;
}

.grid-header {
  border: 1px solid gray;
  border-bottom: 0;
  border-top: 0;
  background: url('../images/header-bg.gif') repeat-x center top;
  color: black;
  height: 24px;
  line-height: 24px;
}

.grid-header label {
  display: inline-block;
  font-weight: bold;
  margin: auto auto auto 6px;
}

.grid-header .ui-icon {
  margin: 4px 4px auto 6px;
  background-color: transparent;
  border-color: transparent;
}

.grid-header .ui-icon.ui-state-hover {
  background-color: white;
}

.grid-header #txtSearch {
  margin: 0 4px 0 4px;
  padding: 2px 2px;
  /*-moz-border-radius: 2px;*/
  -webkit-border-radius: 2px;
  border: 1px solid silver;
}

.options-panel {
  /*-moz-border-radius: 6px;*/
  -webkit-border-radius: 6px;
  border: 1px solid silver;
  background: #f0f0f0;
  padding: 4px;
  margin-bottom: 20px;
  width: 320px;
  position: absolute;
  top: 0px;
  left: 650px;
}

/* Individual cell styles */
.slick-cell.task-name {
  font-weight: bold;
  text-align: right;
}

.slick-cell.task-percent {
  text-align: right;
}

.slick-cell.cell-move-handle {
  font-weight: bold;
  text-align: right;
  border-right: solid gray;

  background: #efefef;
  cursor: move;
}

.cell-move-handle:hover {
  background: #b6b9bd;
}

.slick-row.selected .cell-move-handle {
  background: #D5DC8D;
}

.slick-row .cell-actions {
  text-align: left;
}

.slick-row.complete {
  background-color: #DFD;
  color: #555;
}

.percent-complete-bar {
  display: inline-block;
  height: 6px;
  /*-moz-border-radius: 3px;*/
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

/* Slick.Editors.Text, Slick.Editors.Date */
input.editor-text {
  width: 100%;
  height: 100%;
  border: 0;
  margin: 0;
  background: transparent;
  outline: 0;
  padding: 0;

}

.ui-datepicker-trigger {
  margin-top: 2px;
  padding: 0;
  vertical-align: top;
}

/* Slick.Editors.PercentComplete */
input.editor-percentcomplete {
  width: 100%;
  height: 100%;
  border: 0;
  margin: 0;
  background: transparent;
  outline: 0;
  padding: 0;

  float: left;
}

.editor-percentcomplete-picker {
  position: relative;
  display: inline-block;
  width: 16px;
  height: 100%;
  background: url("../images/pencil.gif") no-repeat center center;
  overflow: visible;
  z-index: 1000;
  float: right;
}

.editor-percentcomplete-helper {
  border: 0 solid gray;
  position: absolute;
  top: -2px;
  left: -9px;
  background: url("../images/editor-helper-bg.gif") no-repeat top left;
  padding-left: 9px;

  width: 120px;
  height: 140px;
  display: none;
  overflow: visible;
}

.editor-percentcomplete-wrapper {
  background: beige;
  padding: 20px 8px;

  width: 100%;
  height: 98px;
  border: 1px solid gray;
  border-left: 0;
}

.editor-percentcomplete-buttons {
  float: right;
}

.editor-percentcomplete-buttons button {
  width: 80px;
}

.editor-percentcomplete-slider {
  float: left;
}

.editor-percentcomplete-picker:hover .editor-percentcomplete-helper {
  display: block;
}

.editor-percentcomplete-helper:hover {
  display: block;
}

/* Slick.Editors.YesNoSelect */
select.editor-yesno {
  width: 100%;
  margin: 0;
  vertical-align: middle;
}

/* Slick.Editors.Checkbox */
input.editor-checkbox {
  margin: 0;
  height: 100%;
  padding: 0;
  border: 0;
}

.cell-title {
    font-weight: bold;
}

.cell-effort-driven {
      text-align: center;
}

.cell-readonly {
    /*font-weight: bold;*/
    background-color: #dddddd;
}


.cell-valor 
{
   text-align: right;   
}

.cell-nc {
    background-color: #dddddd;
    color: #400040;
}

.cell-ret {
    background-color: #F3DB2C;
}

.cell-cmp 
{
    background-color: #7AE1E1;
}

.cell-trf
{
    background-color: #86ACE4;
}

.cell-bold
{
     font-weight: bold;
}

.cell-azul 
{
    color: #000030;
}

.cell-verde 
{
    color: #003000;
}

.cell-vermelho 
{
    color: #300000;
}

/* Context Menu */

.txtcinza  /*:before*/
{
    /*content: "some title";*/
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    /*background-color: #024477;*/
    color: #000000;
    padding: 2px;
    
    /*font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;*/
}

.txtcinza_claro  /*:before*/
{
    /*content: "some title";*/
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    
    color: #f0f0f0;
    padding: 2px;
    
    /*font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;*/
}
    
/*.txtcinza :first-child {
    margin-top: 20px;
}*/

/* Para permitir ediçao de celulas dentro de dialog */
.ui-dialog .slick-cell.editable
{
    z-index: 1005;
}

.ui-dialog .slick-headerrow-column 
{
    z-index: 1005;
}


.slick-headerrow-column {
      background: #87ceeb;
      text-overflow: clip;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
}

/* Context menu icones customizados */
.context-menu-item.icon-unknown { background-image: url(images/unknown.png); }
.context-menu-item.icon-block { background-image: url(images/cancel.png); }
.context-menu-item.icon-check { background-image: url(images/ok16x16.png); }
.context-menu-item.icon-back_2 { background-image: url(images/back_2.png); }
.context-menu-item.icon-eye { background-image: url(images/eye.png); }
.context-menu-item.icon-anulanfe { background-image: url(images/xml16x16.png); }

.context-menu-item.icon-unknown_d { background-image: url(images/unknown_d.png); }
.context-menu-item.icon-block_d { background-image: url(images/cancel_d.png); }
.context-menu-item.icon-check_d { background-image: url(images/ok16x16_d.png); }
.context-menu-item.icon-back_2_d { background-image: url(images/back_2_d.png); }
.context-menu-item.icon-eye_d { background-image: url(images/eye_d.png); }
.context-menu-item.icon-anulanfe_d { background-image: url(images/xml16x16_d.png); }

.help_box
{
    display: inline-block;
    float: left;
    margin-top: 0px;
    margin-left: 3px;
    margin-right: 20px;
    width: 18px;
    height: 18px; /*border-style: solid;
    border-width: 1px;
    border-color: black;*/
    background-color: #009900;
    color: #ffffff;
    cursor: pointer;
    background-image: url(images/quest24.png);
    background-size: 12px;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 4px 4px 4px 4px;
}

.help_box_modal
{
    display: inline-block;
    float: right;
    margin-top: 3px;
    margin-right: 20px; 
    width: 18px;
    height: 18px;
    background-color: #009900;
    color: #ffffff;
    cursor: pointer;
    background-image: url(images/quest24.png);
    background-size: 12px;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 4px 4px 4px 4px;
}

.help_box_doc {
    display: inline-block;
    float: right;
    margin-top: 3px;
    margin-right: 20px;
    width: 18px;
    height: 18px;
    background-color: transparent;
    color: #ffffff;
    cursor: pointer;
    background-image: url(images/Help-file-icon24.png);
    background-size: 14px;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 4px 4px 4px 4px;
}


.ajudaContent, .ajudaContentLst
{
    height: 352px;
    overflow: auto;
    border-top:1px solid #EEEEEE;
    border-left:1px solid #EEEEEE;
    border-right:1px solid #EEEEEE;
    border-bottom:1px solid #EEEEEE;
    padding: 3px;
}

.ajudaContentLst
{
    height: 460px;
}

.ajudaContentEdit
{
    height: 478px;
}

.ordemLista
{
    font-size: 8pt;
    height: 18px;
    width: 150px;
}


/* Slick.Editors.Checkbox */
input.editor-checkbox {
  margin: 0;
  height: 100%;
  padding: 0;
  border: 0;
}

.cell-title {
    font-weight: bold;
}

.cell-effort-driven {
      text-align: center;
}

.cell-readonly { 
    background-color: #efefef;
}

.cell-edit { 
    background-color: #fefefe;
}


.cell-valor 
{
   text-align: right;   
}

.cell-edit
{
   background-color: #ffffdd;
}

.cell-edit:hover
{
   background-color: #ffffcc;
}

.cell-edit:active
{
   background-color: #ffffcc;
}

.cell-button
{
   background-color: #ffffcc;
}


.cell-bold
{
   font-weight: bold;
}

.cell-valor 
{
   text-align: right;   
}

.cell-nc {
    background-color: #dddddd;
    color: #600060;
}

.cell-fab {
    background-color: #cccccc;
    color: #006060;
}

.cell-mov {
    background-color: #dadada;
 }

.cell-ret {
    background-color: #F3DB2C;
}

.cell-cmp 
{
    background-color: #7AE1E1;
}

.cell-trf
{
    background-color: #86ACE4;
}


.cell-azul 
{
    color: #000060;
}

.cell-roxo 
{
    color: #600060;
}

.cell-verde 
{
    color: #006000;
    background-color: #ddd;
}

.cell-bk-cinza 
{
    background-color: #ddd;
}

.cell-vermelho 
{
    color: #600000;
}


input.editor-text {
  width: 100%;
  height: 100%;
  border: 0;
  margin: 0;
  background: transparent;
  outline: 0;
  text-align:right;
}

/* Alertas */
.alerta 
{
    position:relative;
    width: 610px; 
    height: 330px;
    padding: 0px;
    /*background-color: #613072;*/
}

.alertaLogo { 
    position: absolute;
    left:5px;
    
    top:5px;
    width: 70px; 
    height: 320px;
    padding: 5px;
    border:0;
    
    border-bottom:#FDFDFD solid 1px;
    border-right:#FDFDFD solid 1px;
    
    border-top:#EFEFEF solid 1px;
    border-left:#EFEFEF solid 1px;
    
    /*background-color: rgb(249,249,249);*/
    
}

.alertaContent 
{
    position: absolute;
    left:100px;
    top:5px;
    width: 495px; 
    height: 320px;
    padding: 5px;
    border-bottom:#FDFDFD solid 1px;
    border-right:#FDFDFD solid 1px;
    border-top:#EFEFEF solid 1px;
    border-left:#EFEFEF solid 1px;
    overflow: auto;
    
    /*background-color:  rgb(249,249,249);*/
}

.alerta_erro ,.alerta_aviso , .alerta_sucesso, .alerta_emconstrucao, .alerta_sucessocomdownload
{
    width:48px;
    height:48px;
    display:block;
    margin-top:11px;
    margin-left:11px;
    float:left;
}

.alerta_erro 
{
    background:url(images/erro48.png) no-repeat;
}
.alerta_aviso
{
    background:url(images/aviso48.png) no-repeat;
}
.alerta_sucesso
{
    background:url(images/sucesso48.png) no-repeat;
}
.alerta_sucessocomdownload
{
    background:url(images/sucesso48.png) no-repeat;
}

.alerta_emconstrucao 
{
    background:url(images/emconstrucao48.png) no-repeat;
}

#place{
    position: relative;
    width:2160px;/*3065px;*/
    height:490px;/*560px */
    margin:0;
}

#placeZ {
    position: relative;
    width:1030px; /* 320 * 3 + 2*35 */
    height:490px;
    margin:0;
}

#placeZ2 div div{
    line-height: 100%;
    overflow: hidden;
}

#placeZ2 img{
    position: absolute;
    cursor: pointer;
}

.menu_administracao , .menu_requisicoes , .menu_blank,.menu_solicitar ,.menu_gerar, .menu_boletos, .menu_cartoes, 
.menu_confirmar, .menu_contasareceber, .menu_manter, .menu_confirmarretorno, .menu_monitorar, .menu_cadastros, .menu_inventario,
.menu_FIN, .menu_COM, .menu_PCP, .menu_SUP, .menu_GER, .menu_CRM, .menu_FIS, .menu_REL, .menu_ADM, .menu_calendario, .menu_dashboard,
.menu_sql, .menu_perfis, .menu_usuarios,.menu_parametros, .menu_precos, .menu_generico, .menu_MAT, .menu_NFSai, .menu_NFEnt, .menu_CTE 
{
    width:320px;
    height:97px;
    position: absolute;
    left:0;
    top:120px;
    line-height: 120px;
    border:0;
    float:left;
    cursor:pointer;

    display: block;
    font-size: 1.1em;
    font-weight: bold;
    
    border: 0 none;
    border-radius: 3px;
    box-shadow: 0 1px 0 #777, 0 1px 0 #444, 0 3px 6px rgba(0,0,0,0.6);
}

.menu_administracao:hover, .menu_requisicoes:hover, .menu_blank:hover, .menu_solicitar:hover, .menu_gerar:hover, .menu_boletos:hover, .menu_cartoes:hover,
.menu_confirmar:hover, .menu_contasareceber:hover, .menu_manter:hover, .menu_confirmarretorno:hover, .menu_monitorar:hover, .menu_cadastros:hover, .menu_inventario:hover,
.menu_FIN:hover, .menu_COM:hover, .menu_PCP:hover, .menu_SUP:hover, .menu_GER:hover, .menu_CRM:hover, .menu_FIS:hover, .menu_REL:hover, .menu_ADM:hover, .menu_calendario:hover,  .menu_dashboard:hover,
.menu_sql:hover, .menu_perfis:hover, .menu_usuarios:hover,.menu_parametros:hover, .menu_precos:hover, .menu_generico:hover, .menu_MAT:hover, .menu_NFSai:hover, .menu_NFEnt:hover, .menu_CTE:hover 
{
     border: 1px solid #ffff00;
     box-shadow: 0px 0px 8px #ffff00;
}

.menu_blank 
{
    background:url(images/Bt_cz.png);
}

.menu_administracao 
{
    background:url(images/Bt_cz_6.png);
}

.menu_cadastros
{
    background:url(images/Bt_cz_11.png);
}


.menu_solicitar
{
    background:url(images/Bt_cz_1.png);
}

.menu_gerar
{
    background:url(images/Bt_cz_3.png);
}

.menu_contasareceber
{
    background:url(images/Bt_cz_5.png);
}

.menu_boletos
{
    background:url(images/Bt_cz_13.png);
}

.menu_calendario
{
    background:url(images/Bt_cz_CALEND.png);
}

.menu_calendario:disabled
{
    background:url(images/Bt_cz_CALEND_pb.png);
}

.menu_dashboard
{
    background:url(images/Bt_cz_DASHBOARD.png);
}

.menu_dashboard:disabled
{
    background:url(images/Bt_cz_DASHBOARD_pb.png);
}

.menu_usuarios
{
    background:url(images/Bt_cz_USR.png);
}

.menu_usuarios:disabled
{
    background:url(images/Bt_cz_USR_pb.png);
}


.menu_perfis
{
    background:url(images/Bt_cz_PER.png);
}

.menu_perfis:disabled
{
    background:url(images/Bt_cz_PER_pb.png);
}

.menu_parametros
{
    background:url(images/Bt_cz_PAR.png);
}

.menu_parametros:disabled
{
    background:url(images/Bt_cz_PAR_pb.png);
}

.menu_sql
{
    background:url(images/Bt_cz_SQL.png);
}

.menu_sql:disabled
{
    background:url(images/Bt_cz_SQL_pb.png);
}

.menu_precos
{
    background:url(images/Bt_cz_PRECO.png);
}

.menu_precos:disabled
{
    background:url(images/Bt_cz_PRECO_pb.png);
}


.menu_cartoes
{
    background:url(images/Bt_cz_12.png);
}

.menu_confirmar
{
    background:url(images/Bt_cz_4.png);
}


.menu_requisicoes 
{
    background:url(images/Bt_cz_2.png);
}

.menu_manter
{
    background:url(images/Bt_cz_7.png);
}

.menu_confirmarretorno
{
    background:url(images/Bt_cz_8.png);
}

.menu_monitorar
{
    background:url(images/Bt_cz_MONPROD.png);
}
.menu_monitorar:disabled
{
    background:url(images/Bt_cz_MONPROD_pb.png);
}

.menu_inventario
{
    background:url(images/Bt_cz_Inv.png);
}

.menu_inventario:disabled
{
    background:url(images/Bt_cz_Inv_pb.png);
}

.menu_generico
{
    background:url(images/Bt_cz.png);
}

.menu_generico:disabled
{
    background:url(images/Bt_cz.png);
}



/* Menu 7.2016 */
.menu_FIN 
{
    background:url(images/Bt_cz_FIN.png);
}

.menu_COM
{
    background:url(images/Bt_cz_COM.png);
}

.menu_PCP 
{
    background:url(images/Bt_cz_PCP.png);
}

.menu_LOG
{
    background:url(images/Bt_cz_LOG.png);
}

.menu_SUP 
{
    background:url(images/Bt_cz_SUP.png);
}

.menu_GER
{
    background:url(images/Bt_cz_GER.png);
}

.menu_CRM
{
    background:url(images/Bt_cz_CRM.png);
}

.menu_FIS
{
    background:url(images/Bt_cz_FIS.png);
}

.menu_REL
{
    background:url(images/Bt_cz_REL.png);
}

.menu_ADM
{
    background:url(images/Bt_cz_ADM.png);
}

.menu_MAT
{
    background:url(images/Bt_cz_MAT.png);
}

.menu_FIN:disabled
{
    background:url(images/Bt_cz_FIN_pb.png);
}

.menu_COM:disabled
{
    background:url(images/Bt_cz_COM_pb.png);
}

.menu_PCP:disabled 
{
    background:url(images/Bt_cz_PCP_pb.png);
}

.menu_LOG:disabled 
{
    background:url(images/Bt_cz_LOG_pb.png);
}

.menu_SUP:disabled 
{
    background:url(images/Bt_cz_SUP_pb.png);
}

.menu_GER:disabled
{
    background:url(images/Bt_cz_GER_pb.png);
}

.menu_CRM:disabled
{
    background:url(images/Bt_cz_CRM_pb.png);
}

.menu_FIS:disabled
{
    background:url(images/Bt_cz_FIS_pb.png);
}

.menu_REL:disabled
{
    background:url(images/Bt_cz_REL_pb.png);
}

.menu_ADM:disabled
{
    background:url(images/Bt_cz_ADM_pb.png);
}
.menu_MAT:disabled
{
    background:url(images/Bt_cz_MAT_pb.png);
}


.menu_MAT
{
    background:url(images/Bt_cz_MAT.png);
}


/* SalvaNFE*/
.menu_NFSai:disabled
{
    background:url(images/Bt_cz_NFSai_pb.png);
}

.menu_NFSai
{
    background:url(images/Bt_cz_NFSai.png);
}

.menu_NFEnt:disabled
{
    background:url(images/Bt_cz_NFEnt_pb.png);
}

.menu_NFEnt
{
    background:url(images/Bt_cz_NFEnt.png);
}

.menu_CTE:disabled
{
    background:url(images/Bt_cz_CTE_pb.png);
}

.menu_CTE
{
    background:url(images/Bt_cz_CTE.png);
}

#result {
    margin-left: 5px;
}
.senha_curta 
{
    color: #ff0000;
}
.senha_fraca 
{
    color: #e66c2c;
}
.senha_media 
{
    color: #2d98f3;
}
.senha_forte 
{
    color: #006400;
}


/* Campo de entrada de dados*/
.input-grp {
    background-color: transparent;
    border-radius: 3px 3px 0 0;
    border-width: 1px;
    border-style:solid;
    border-color: darkgrey;
    padding: 5px;
    margin-left: 5px;
    
}


.input-det {
  background-color: transparent;
  border-radius: 3px;
  /*box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);*/
  margin-bottom: 5px;
  padding: 0 0 0 0;
  width: 100px;
  float:left;
  margin-left:12px;
}

.input-det-label {
    border-radius: 3px 3px 0 0;
    color:#000;
    background-color:transparent;
    padding: 0px 0px;
    height:20px;
    display: table-cell;
    vertical-align: bottom;
    font-weight: bold; 
}

.input-det-field {
    background-color:transparent;
    color:#000;
    border-radius: 0 0 3px 3px;
    padding: 0px 0px;
    height:20px;
    margin-top: 1px;
}

.input-det-valid {
    background-color:transparent;
    color:#D90A00;
    border-radius: 0 0 3px 3px;
    padding: 0px 0px;
    height:auto;
}

.input-det-quebra {
    /*display: block;*/
    clear: both;
}

.sim, .nao
{
    display: block;/* inline-block*/
    float: left;
    width:20px;
    height:20px;
}


.sim
{
    background: url(images/ok.png) no-repeat;
}

.nao
{
    background: transparent;
}