* { margin:0; padding:0; }

/*ESTILOS COMUNS*/
body { background:#eef2f4; font-family: Arial, Helvetica, sans-serif; font-size:12px }
a { text-decoration:none; color:#000000; }
a img { border:0; }
fieldset { padding:10px; margin:10px; }
.clear { clear:both;}
input { height:20px;}

input[type="text"],input[type="password"] { background:url(../images/bg_input.gif) repeat-x; border:1px solid #CCC; }
label { margin-right:7px;}

/*PAINEL ESQUERDA*/
#painel_esquerda { width:249px; float:left; margin-bottom:23px; min-height:500px; }
#logo_ss { margin-bottom:5px; padding-top:1px; width:190px;}
.imgLogoSS {
    width: 205px;
}
#logo_cliente {
    width: 180px;
    margin: auto;
    text-align: center;
    background: transparent;
}
#logo_cliente img { margin:10px 0; }
#info_usuario { text-align:center; margin-top:5px; }
#info_usuario a { color:#FF0000;}

.imagemUsuarioAbs {margin-top: 0px; width: 147px; height: 49px; }
.imagemUsuarioAlliance {margin-top: 0px; width: 100px; height: 35px; }
.imagemUsuarioEmpresa1 {margin-top: 0px; width: 100px; height: 36px; }
.imagemUsuarioSoma {margin-top: 0px; width: 92px; height: 31px; }

/*MENU*/
#menu_container { margin-top:30px;}
#menu { margin-top:30px;}
#menu li{ display:block;  }
#menu li a { display:block; width:247px; height:57px; text-indent:-800px; overflow:hidden; }
.item_callcenter { background:url(../images/callcenter_menu.png) no-repeat; }
.item_relatorios { background:url(../images/relatorios_menu.png) no-repeat; }
.item_cadastros { background:url(../images/cadastros_menu.png) no-repeat; }
.item_configuracoes { background: url(../images/configuracoes_menu.png) no-repeat; }
.item_callcenter:hover { background:url(../images/callcenter_hover.png) no-repeat; }
.item_relatorios:hover { background:url(../images/relatorios_hover.png) no-repeat; }
.item_cadastros:hover { background:url(../images/cadastros_hover.png) no-repeat; }
.item_configuracoes:hover { background: url(../images/configuracoes_hover.png) no-repeat; }

/*submenu*/
#menu li ul li { width:247px; background:#FFFFFF; }
#menu li ul li a { background:none; text-indent:0px!important; height:auto!important; padding:3px 35px 3px 18px; width:194px; }
#menu li ul li a.disabled { color: #c9c9c9; }
#menu li ul li a:hover { background:#f2f2f2; /*font-weight:bold;*/ }

/*JANELA*/
#janela { float:left; background:#e4e4e4; padding:3px 10px 10px 10px; margin:5px 10px 10px 0px;}
#titulo { font-family:"Segoe UI", Tahoma, Arial, sans-serif; font-size:14px; padding-left:10px; margin-bottom:10px;}
#icone_janela { float:left; margin-right:5px;}
#conteudoLogin { background:#fff; padding:10px;}
/*#conteudo { background:#fff; padding:10px;}*/
#conteudo { background:#fff; padding: 10px 10px 10px 5px; width: 700px; min-height: 625px;} /*min-height:600px; }*/

/*RODAPE*/
#rodape { /*position:absolute;*/ width:100%; bottom:0px; z-index:-10; background:#282828; color:#fff; height:23px; line-height:23px; font-size:11px; text-align:right; float:left; }
/*
#rodape { width:100%; bottom:0px; background:#282828; color:#fff; height:23px; line-height:23px; font-size:11px; text-align:right; float:left; }
*/
#info_sistema { padding-right:12px;}

/*TABELAS*/
.tabela_grid { border:1px solid #e1e1e1; border-left:0px; margin-top:10px; }
.tabela_grid0 { border:1px solid #e1e1e1; border-left:0px; margin-top:0px; }
.tabela_grid1 { width:99%; border-left:1px; }
.tabela_grid th, .tabela_grid td { background: #ededed url(../images/bg_header_grid.gif) repeat-x; border-bottom:1px solid #e1e1e1; font-size:12px; }

.headerR_grid, .headerR_grid th, .headerR_grid td {
    background: #ededed url(../images/bg_header_grid.gif) repeat-x;
    border-bottom: 1px solid #e1e1e1;
    font-size: 12px;
}
.header_grid, .header_grid th, .header_grid td { background: #ededed url(../images/bg_header_grid.gif) repeat-x; border-bottom:1px solid #e1e1e1; font-size:12px; }
    .headerR_grid, .headerR_grid th, .headerR_grid td {
        background: #ededed url(../images/bg_header_grid.gif) repeat-x;
        border-bottom: 1px solid #e1e1e1;
        font-size: 12px; 
    }
        .headerR_grid th, .headerR_grid td, .linha1R td, .linha2 td, .linha2R td, .GridSelectedRow td {
            padding: 2px 2px;
            border-bottom: 0px;
            border-top: 0px;
            border-left: 1px solid #e1e1e1;
        }
.header_grid th, .header_grid td, .linha1 td, .linha2 td, .GridSelectedRow td { padding:5px 10px; border-bottom:0px; border-top:0px;  border-left: 1px solid #e1e1e1; }
.header_grid th { border-bottom:1px; border-top:1px;}

.linha1, .linha1 td { background: #ffffff;}
.linha1R, .linha1R td { background:#ffffff; font-size:13px; }
.linha2, .linha2 td { background: #F5F5F5; }
.linha2R, .linha2R td { background: #F5F5F5; font-size:13px; }
.linha1 td img, .linha2 td img { margin-left:-10px; }
table img { margin-top:2px;}
.GridSelectedRow {border-left: 1px solid #c6c6c6; margin:0; padding-left:0px; color:Black; font-family:verdana; font-size:10pt; background-image:url(../images/laranja_03.gif); background-repeat:repeat; line-height:24px;}
.GridSelectedRow td {background-image:url(../images/laranja_03.gif); background-repeat:repeat; /*border-left: 1px solid #c6c6c6; margin:0; padding-left:0px; color:Black; font-family:verdana; font-size:8pt; line-height:24px;*/}

.linha1_SelectedRow td {background-image:url(../images/laranja_03.gif); background-repeat:repeat;}
/*.linha1_SelectedRow td input { font-size:11px;}*/

.linha1_reduzidoSelectedRow td {background-image:url(../images/laranja_03.gif); background-repeat:repeat;}
.linha1_reduzidoSelectedRow td input { font-size:11px;}

.tabela_grid0_reduzido {font-family: Arial; font-size: 8pt;}
.header_grid_reduzido { padding: 0px; margin:0px; font-size:9pt; font-family:Arial;}
.header_grid_reduzido th {text-align: center; font-size: 10px}
.header_grid_reduzido th, .linha1_reduzido td, .linha2_reduzido td, td.col_reduzido {padding: 0px 2px; font-size:11px;}
.linha1R_reduzido td input, .linha2R_reduzido td input {padding: 0px; margin: 0px; font-size:13px; }
.linha1_reduzido td input, .linha2_reduzido td input {padding: 0px;margin:0px;}

.tabela_grid0R_reduzido {    font-family: Arial;    font-size: 15pt;}
        
.linha1_excluido td {padding: 0px 2px; font-size:11px; background-color:#F4C614;}

.tabela_grid2 { font-family: Calibri, Verdana, Arial; font-size: 12px; border:1px solid #e1e1e1; border-left:0px; margin-top:0px; }
.tabela_grid2 th, .tabela_grid2 td { background: #ededed url(../images/bg_header_grid.gif) repeat-x; border-bottom:1px solid #e1e1e1; font-size:12px; }
.header_grid2, .header_grid2 th, .header_grid2 td { background: #ededed url(../images/bg_header_grid.gif) repeat-x; border-bottom:1px solid #e1e1e1; font-size:12px; }
.header_grid2 th, .header_grid2 td, .linha12 td, .linha22 td, .GridSelectedRow td { padding: 3px 3px; border-bottom:0px; border-top:0px;  border-left: 1px solid #e1e1e1; }
.header_grid2 th { border-bottom:1px; border-top:1px;}
.linha12, .linha12 td { background:#ffffff; font-family: Verdana, Calibri, Arial; font-size: 10px; }
.linha22, .linha22 td { background: #F5F5F5; font-family: Verdana, Calibri, Arial; font-size: 10px; }
.linha12 td img, .linha22 td img { margin-left:-15px; }


/* grid produtos foco dia */
.tabela_grid6 { border:1px solid #e1e1e1; border-left:0px; margin-top:0px; }
.tabela_grid6 th, .tabela_grid6 td { background: #ededed url(../images/bg_header_grid.gif) repeat-x; border-bottom:1px solid #e1e1e1; font-size:12px; }
.header_grid6, .header_grid6 th, .header_grid6 td { background: #ededed url(../images/bg_header_grid.gif) repeat-x; border-bottom:1px solid #e1e1e1; font-size:12px; }
.header_grid6 th, .header_grid6 td, .linha16 td, .linha26 td, .GridSelectedRow6 td { padding:5px 10px; border-bottom:0px; border-top:0px;  border-left: 1px solid #e1e1e1; }
.header_grid6 th { border-bottom:1px; border-top:1px;}

.linha16, .linha16 td { background:#ffffff; }
.linha26, .linha26 td { background: #F5F5F5; }
.linha16 td img, .linha26 td img { margin-left:-10px; }
/* fim grid produtos foco dia */


.tabela_grid7_reduzido {font-family: Arial; font-size: 8pt; overflow-y: scroll; overflow-x:scroll;}
.header_grid7_reduzido { padding: 0px; margin:0px; font-size:9pt; font-family:Arial;}
.header_grid7_reduzido th {text-align: center; font-size: 10px}
.header_grid7_reduzido th, .linha1_reduzido7 td, .linha2_reduzido7 td, td.col_reduzido7 {padding: 0px 2px; font-size:11px;}
.linha1_reduzido7 td input, .linha2_reduzido td input {padding: 0px;margin:0px;}


/*BOTOES*/
.botao { height: 25px; width:90px; text-align:left; padding-left:23px; line-height:25px; font-size:13px; font-family:"Segoe UI", Tahoma, Arial, sans-serif; color:#fff; border:0px; background:url(../images/botaoa.png) no-repeat; }
.adicionar { background:url(../images/b_adicionar.png);}
.b_geral, .b_geral_80, .b_cinza_80{ background: url(../images/botao_60a.png); width:60px; text-align: center; padding:0px;}
.b_entrar { background:url(../images/b_entrar_login.png); width:66px; padding-left:0px; text-align:center; margin-left:28px;}
.b_salvar { background:url(../images/b_salvar.png); width:66px; padding-left:0px; text-align:center; margin-left:28px;}
.b_cinza_30 { background: url(../images/botao_30_c.png); width:30px; }
.b_cinza_80 { background: url(../images/botao_80_c.png); width:80px; }
.b_geral_30 { background: url(../images/botao_30.png); width:30px; }
.b_geral_80 { background: url(../images/botao_80a.png); width:80px; }
.b_geral_110 { background: url(../images/botao_120a.png); width: 110px; height:25px; padding-left: 0px; text-align: center;}
.b_geral_120 { background: url(../images/botao_120a.png); width:120px; padding-left:0px; text-align: center; }
.b_geral_140 { background: url(../images/botao_140a.png); width:140px; padding-left:0px; text-align: center; }
.b_geral_145 { background: url(../images/botao_145a.png); width:145px; padding-left:0px; text-align: center; }

.b_finaliza_atendimento {
    background: url(../images/b_finaliza_atendimentoa.png);
    width: 172px;
    text-align: right;
    font-size: 14px;
    padding: 0px 12px 0px 0px;
}
.b_finaliza_atendimentoCinza {
    background: url(../images/b_finaliza_atendimento.png);
    width: 172px;
    text-align: right;
    font-size: 14px;
    padding: 0px 12px 0px 0px;
}
/*LOGIN*/
#login { height:222px; background:url(../images/bg_login.gif) repeat-x top; position:absolute; top:50%; left:50%; margin-top:-111px; width:100%; margin-left:-50%;	}
#alinha_login { width:960px; margin:auto; position:relative; }
#logo_login { width:236px; height:39px; margin:61px 0 0 230px; _margin-left:100px; float:left; }
.login a { line-height:20px; color:#000000;}


.logoff {font-family: Arial, Helvetica, sans-serif;font-size: 13px;font-weight: normal;color: Red;text-decoration: none;}
.logoff:a {color: Red;}
.logoff:hover {font-family: Arial, Helvetica, sans-serif;font-size: 13px;color: Red; text-decoration: underline;}
.labelBoasVindas {font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: black;}

/*FORMULARIO TABLELESS */
div.formulario { border: 1px solid #c9c9c9; width: 900px; }
div.formulario .campo { clear: both;}
div.formulario .campo .labelCC { width: 100px; display:block; float:left; padding-top: 5px;}
div.formulario .campo1 .labelCC { width: 100px; display:block; float:left; padding-top: 1px;}
div.formulario .campo .inputCC { width: 350px; display:block; float:left; text-align:left}
div.formulario .duas_colunas { float:left; width: 315px; clear: right; margin-right: 10px;}
div.formulario .duas_colunas { float:left; width: 315px; clear: right; margin-right: 10px;}
div.formulario .duas_colunas .label { width: 75px;}
div.formulario .duas_colunas .input { width: 140px;}
div.formulario .campo .label_reduzido { width: 55px;}
div.formulario .campo .input_reduzido { width: 200px;}

div.formulario .campo .listagem { max-height: 190px; height: 190px; overflow-y: scroll; overflow-x:hidden;}

div.formulario1 { border: 1px solid #c9c9c9; width: 900px; min-height:900px; }
div.formulario1 .campo { clear: both;}
div.formulario1 .campo .labelCC { width: 100px; display:block; float:left; padding-top: 5px;}
div.formulario1 .campo1 .labelCC { width: 100px; display:block; float:left; padding-top: 1px;}
div.formulario1 .campo .inputCC { width: 350px; display:block; float:left; text-align:left}
div.formulario1 .duas_colunas { float:left; width: 315px; clear: right; margin-right: 10px;}
div.formulario1 .duas_colunas { float:left; width: 315px; clear: right; margin-right: 10px;}
div.formulario1 .duas_colunas .labelCC { width: 75px;}
div.formulario1 .duas_colunas .inputCC { width: 140px;}
div.formulario1 .campo .label_reduzido { width: 55px;}
div.formulario1 .campo .input_reduzido { width: 200px;}

div.formulario1 .campo .listagem { max-height: 190px; height: 190px; overflow-y: scroll; overflow-x:hidden;}


.listagem2 { max-height: 190px; height: 190px; }
.listagem3 { max-height: 600px; height: 480px;}
.listagem4 { max-height: 600px; height: 480px; overflow: hidden;}
.listagem5 { max-height: 800px; height: 480px; overflow: auto;}

.xxctl00_ContentPlaceHolder1_grvItensPedidojEsCoOl_mainDiv111
{
width: 630px;
height: 450px;
overflow: scroll;
border-color: gray;
border-width: 1px;
border-style: Solid;
}

#SelecionarTodos, #SelecionarTodos2, #SelecionarTodos3
{
    text-align:right; 
    border: 1px; 
    border-color: gray; 
    border-style: solid; 
    border-bottom: 0px; 
    margin-top:5px; 
    background-image: url('../images/bg_header_grid.gif'); 
    background-repeat: repeat-x; padding-right:25px;
}

.boxing { padding: 5px; border: 1px solid #e9e9e9; }

/* div dos  botoes */
#botaoAdicionar, #botaoNovo, #botaoAlterar, #botaoGravar, #botaoExcluir, #botaoCancelar, #botaoPesquisar { margin-top:10px; margin-right:5px;}
.botaoAdicionar, .botaoNovo, .botaoAlterar, .botaoGravar, .botaoExcluir, .botaoCancelar, .botaoPesquisar { margin-top:10px; margin-right:5px;}

/* fim div dos  botoes */

/* navegação dos grids */
.navegacao
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#CBCAC8;
	font-weight: bold;
}
.navegacao a
{
	color:#D61557;
}
/* fim navegação dos grids */


#painel_esquerda_cont_acesso { width: 45%; float:left; margin-bottom:5px;}
#painel_direita_cont_acesso {
    width: 40%;
    float: right;
    margin-bottom: 5px;
    margin-right: 50px;
}
#painel_direita_cont_acesso1 {width: 53%;float: right;margin-bottom: 5px;}


.modalBackground
{
    /*Classe para deixar o fundo escuro*/
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
    z-index: 500000;
}
.ModalUpdateProgress
{
    position: absolute;
    width: 152px;
    height: 37px;
    padding-left: 10px;
    display: table-cell;
    vertical-align: middle;
}
        
/* INICIO  CSS DE COMPONENTES DE ENTRADA DE DADOS */

select
{
    font-family: Calibri, Verdana, Arial;
    font-size: 12px;
    color: #000000;
    height: 19px;
    margin-left: 0px;
    border: 1px solid #6089A5;
    border-bottom: 2px solid #8C8C8C;
    border-right: 2px solid #8C8C8C;
    /*width: 400px;*/
}

.TextBox
{
    font-family: Calibri, Verdana, Arial;
    font-size: 13px;
    color: #000000;
    height: 16px;
    margin-left: 0px;
    border: 1px solid #6089A5;
    border-bottom: 2px solid #8C8C8C;
    border-right: 2px solid #8C8C8C;
    width: 397px;
    padding-top: 2px;
    padding-left: 2px;
}
.TextBoxDisable
{
    font-family: Calibri, Verdana, Arial;
    font-size: 13px;
    background-color: #FFFFFF;
    height: 16px;
    color: #91959F;
    margin-left: 0px;
    border: 1px solid #C9C7BA;
    padding-left: 2px;
}

.TextBoxR
{
    text-align: right; 
    padding-right: 1px; 
    font-family: Calibri, Verdana, Arial;
    font-size: 13px;color: #000000;
    height: 16px;
    margin-left: 0px;
    border: 1px solid #6089A5;
    border-bottom: 2px solid #8C8C8C;
    border-right: 2px solid #8C8C8C;
}

.TextBoxEditGrid
{
    padding-right: 1px; 
    font-family: Calibri, Verdana, Arial;
    /*font-size: 12px;color: #000000;*/
    padding-top: 3px;
    height: 16px;
    margin-left: 0px;
    border: 1px solid #6089A5;
    border-bottom: 2px solid #8C8C8C;
    border-right: 2px solid #8C8C8C;
    vertical-align:sub;
    width:98%;
}

.TextBoxMultiline
{
    font-family: Calibri, Verdana, Arial;
    font-size: 13px;
    color: #000000;
    height: 40px;
    margin-left: 0px;
    border: 1px solid #6089A5;
    border-bottom: 2px solid #8C8C8C;
    border-right: 2px solid #8C8C8C;
    width: 397px;
    padding-top: 2px;
    padding-left: 2px;
}

.labelComun
{
    font-family: Calibri, Verdana, Arial;
    font-size: 13px;
    color: #000000;
    height: 16px;
    margin-left: 0px;
    padding-top: 2px;
    padding-left: 2px;
}

.labelComun2
{
    font-family: Calibri, Verdana, Arial;
    font-size: 15px;
    color: #ffffff;
    height: 16px;
    margin-left: 0px;
    padding-top: 2px;
    padding-left: 2px;
}

/* INICIO  CSS DE COMPONENTES DE ENTRADA DE DADOS */

 .fieldsetPadrao
 {
    font-family: Calibri, Verdana, Arial;
    font-size: 15px;
    color: #000000;
 }
 
 .fieldsetPadrao legend
 {
    color: #000000;
 }

#cronometro 
{
    background: url(../images/borda_contador.png); width:131px; padding-left:0px; text-align: center; 
    margin-top: -5px;
    padding-top: 7px;
    height: 34px;
}

.cursorHandOnly
{
    cursor: hand;
}