html, body{ margin:0; padding:0; color:#000; height: 100%; background-color: #fff; font: 11px Verdana, Arial, Helvetica, sans-serif; }
*{ margin:0; padding:0; }
#container { width: 100%; background: #FFFFFF; margin: 0 auto; border: 0px solid #000000; text-align: left; height: -webkit-calc(100% - 140px); height: -moz-calc(100% - 140px); height: calc(100% - 140px); }
#header { background: #DDDDDD; padding: 0px; position:fixed; width: 100%; }
body #sidebar1 { border-right: 1px solid #AFAFAF; float: left; width: 199px; padding: 0; margin-top: 92px; }
body #mainContent { height: 100%; margin: 0 0 50px 200px; }
/*--------------------------------- RODAPÉ FOOTER --------------------------------------*/
body #footer { position:fixed; bottom:0; width:100%; background: #444444; background: -moz-linear-gradient(top, #444444 0%, #000000 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#444444), color-stop(100%,#000000)); background: -webkit-linear-gradient(top, #444444 0%,#000000 100%); background: -o-linear-gradient(top, #444444 0%,#000000 100%); background: -ms-linear-gradient(top, #444444 0%,#000000 100%); background: linear-gradient(to bottom, #444444 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#000000',GradientType=0 ); color:#fff; padding:15px; }
.rodape{ margin:0 auto; display:table; }
.rodape a{ color:#fff; }
#spacetop{ display:table; height:92px; }
.fltrt { float: right; margin-left: 8px; }
.fltlft { float: left; margin-right: 8px; }
.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px; }
/*--------------------------------- TELA ELÁSTICA --------------------------------------*/
#alguns_tickets_mae { margin:0px; padding:0px; height:100%; }
#alguns_tickets { height: -webkit-calc(100% - 320px); height: -moz-calc(100% - 320px); height: calc(100% - 320px); margin:0px auto; overflow:auto; display:block; border:1px solid #ddd; }
#tela_clientes_por_contrato_mae { margin:0px; padding:0px; height:100%; }
#tela_clientes_por_contrato { height: -webkit-calc(100% - 50px); height: -moz-calc(100% - 50px); height: calc(100% - 50px); margin:0px auto; overflow:auto; display:block; border:0px solid #ddd; }
#tela_prevenda_mae { margin:0px; padding:0px; height:100%; }
#tela_prevenda { height: -webkit-calc(100% - 270px); height: -moz-calc(100% - 270px); height: calc(100% - 270px); margin:0px auto; overflow:auto; display:block; border:1px solid #ddd; }
#telapermissoes_mae { margin:0px; padding:0px; height:100%; }
#telapermissoes { height: -webkit-calc(100% - 30px); height: -moz-calc(100% - 30px); height: calc(100% - 30px); margin:0px auto; overflow:auto; display:block; border:1px solid #ddd; }
#telarelatorio_mae { margin:0px; padding:0px; -webkit-calc(100% - 50px); height: -moz-calc(100% - 50px); height: calc(100% - 50px); }
#telarelatorio { height: -webkit-calc(100% - 30px); height: -moz-calc(100% - 30px); height: calc(100% - 30px); margin:0px auto; overflow:auto; display:block; border:1px solid #ddd; }
#telarelatorio_mae2 { margin:0px; padding:0px; -webkit-calc(100% - 70px); height: -moz-calc(100% - 70px); height: calc(100% - 70px); }
#telarelatorio2 { height: -webkit-calc(100% - 50px); height: -moz-calc(100% - 50px); height: calc(100% - 50px); margin:0px auto; overflow:auto; display:block; border:1px solid #ddd; }
#telarelatorio_mae3 { margin:0px; padding:0px; -webkit-calc(100% - 20px); height: -moz-calc(100% - 20px); height: calc(100% - 20px); }
#telarelatorio3 { height: -webkit-calc(100% - 20px); height: -moz-calc(100% - 20px); height: calc(100% - 20px); margin:0px auto; overflow:auto; display:block; border:1px solid #ddd; }
#telarelatorio_mae4 { margin:0px; padding:0px; -webkit-calc(100% - 60px); height: -moz-calc(100% - 60px); height: calc(100% - 60px); }
#telarelatorio4 { height: -webkit-calc(100% - 40px); height: -moz-calc(100% - 40px); height: calc(100% - 40px); margin:0px auto; overflow:auto; display:block; border:1px solid #ddd; }
#telarelatorio_mae5 { margin:0px; padding:0px; -webkit-calc(100% - 90px); height: -moz-calc(100% - 90px); height: calc(100% - 90px); }
#telarelatorio5 { height: -webkit-calc(100% - 90px); height: -moz-calc(100% - 90px); height: calc(100% - 90px); margin:0px auto; overflow:auto; display:block; border:1px solid #ddd; }
#telapedidos_mae { margin:0px; padding:0px; height:100%; }
#telapedidos { height: -webkit-calc(100% - 0px); height: -moz-calc(100% - 0px); height: calc(100% - 0px); margin:0px auto; overflow:auto; display:block; border:1px solid #ddd; }
* html #main{ height:95%; }
a, .btn_link{ color:#555; text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif; }
a:hover, .btn_link:hover, .btn_geral:hover{ color:#0061A7; /*Azul spqr*/ text-decoration:none; }
img{ border:0px; }
pre{ font-size:11px; margin-top:30px; border-top: 0px solid #bbb; color:#333; }
h1{ color: #666; text-decoration: none; font-style: italic; font-weight: normal; font-family: Verdana, Arial, Helvetica, sans-serif; }
.faixa_preta{ background: #444444; background: -moz-linear-gradient(top, #444444 0%, #000000 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#444444), color-stop(100%,#000000)); background: -webkit-linear-gradient(top, #444444 0%,#000000 100%); background: -o-linear-gradient(top, #444444 0%,#000000 100%); background: -ms-linear-gradient(top, #444444 0%,#000000 100%); background: linear-gradient(to bottom, #444444 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#000000',GradientType=0 ); height:40px; font-size:11px; color:#fff; font-weight: bold; width:100%; font-family: Verdana, Arial, Helvetica, sans-serif; }
.faixa_amarela {width:100%; color: #fff; height:20px; background-color:#B3B3FF; /*amarelo spqr*/ background-repeat: repeat; }
.faixa_amarela .cabecalho { display: table; margin-left:200px; }
.faixa_amarela .titulo { float:left; padding-top:3px; font-size:12px; color:#000; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; }
.menu_sup_1{ width:100%; }
.faixa_preta .margem{ display:table; width:170px; float:left; background: #444444; background: -moz-linear-gradient(top, #444444 0%, #000000 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#444444), color-stop(100%,#000000)); background: -webkit-linear-gradient(top, #444444 0%,#000000 100%); background: -o-linear-gradient(top, #444444 0%,#000000 100%); background: -ms-linear-gradient(top, #444444 0%,#000000 100%); background: linear-gradient(to bottom, #444444 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#000000',GradientType=0 ); height:40px; font-size:11px; color:#fff; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; }
.menu_sup_1 .link{ float:left; }
.menu_sup_1 .link a{ width:80px; height: 20px; float:left; padding:10px; color: #fff; text-align: center; }
.menu_sup_1 .link a:hover{ color:#B3B3FF; }
.alinha_direita{ float:right; }
.login_pesquisa{ float:right; margin-right:7px; margin-top:0px; }
.form_login{ margin-top:4px; }
.usuario_top{ float:left; }
.pesquisa_top{ padding-top:7px; float:right; margin-left:7px; }
.pesquisa_top input[type="image"] { height:19px; }
.label.avatar { padding: 6px; background-repeat: repeat-x; background-color: #FFC200; background-image: -moz-linear-gradient(top, #ffe01e, #e1a400); background-image: -ms-linear-gradient(top, #ffe01e, #e1a400); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffe01e), to(#e1a400)); background-image: -webkit-linear-gradient(top, #ffe01e, #e1a400); background-image: -o-linear-gradient(top, #ffe01e, #e1a400); background-image: linear-gradient(top, #ffe01e, #e1a400); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe01e', endColorstr='#e1a400', GradientType=0); border-color: #FFC200 #e1a400 #e1a400 #FFC200; border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25); }
.label.usuario { padding: 5px; background-color: #000; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#444), to(#000)); background-image: -moz-linear-gradient(top, #444, #000); background-image: -ms-linear-gradient(top, #444, #000); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #444), color-stop(100%, #000)); background-image: -webkit-linear-gradient(top, #444, #000); background-image: -o-linear-gradient(top, #444, #000); background-image: linear-gradient(top, #444, #000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#444', endColorstr='#000', GradientType=0); }
.label.avatar, .label.usuario{ border:0; color:#fff; }
.label.sair { background-color: #c43c35; padding: 8px; }
/*--------------------------------- MENU LATERAL --------------------------------------*/
.menu_lateral{ background-color:#fff; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size:12px; padding: 0; }
.menu_lateral .logo{ margin: 0 auto; display:table; margin-bottom:10px; background-color:#fff; }
.menu_lateral .logo img{ width:180px; border:0px; }
.blocomenu { margin-bottom:0px; }
.blocomenu span{ display:block; color:#fff; background: #444444; background: -moz-linear-gradient(top, #444444 0%, #000000 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#444444), color-stop(100%,#000000)); background: -webkit-linear-gradient(top, #444444 0%,#000000 100%); background: -o-linear-gradient(top, #444444 0%,#000000 100%); background: -ms-linear-gradient(top, #444444 0%,#000000 100%); background: linear-gradient(to bottom, #444444 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#000000',GradientType=0 ); height:35px; border-top: 1px solid #B3B3FF; padding-left:20px; font-size:14px; }
.blocomenu span:hover{ border-top: 5px solid #B3B3FF; }
.blocomenu .link{ padding:7px; }
.blocomenu .icon{ padding:3px 3px 3px 10px; float:left; width:15px; }
.blocomenu span a{ color:#fff; }
.blocomenu span a:hover{ color:#0061A7; }
.perfil_img{ margin:0 auto; width:100px; margin-top: 10px; margin-bottom: 15px; }
.blocomenu p{ margin:0; padding:5px; }
.blocomenu .marcado{ background: #ddd; }
.blocomenu .sub_link{ border-bottom:1px solid #ccc; }
.blocomenu .menu1{ color:#555; }
.blocomenu .sub_sub_link{ border-bottom:1px solid #ccc; padding-left:20px; }
.blocomenu .sub_link:hover, .blocomenu .sub_sub_link:hover{ background: #D8D8FF; }
.blocomenu .sub_sub_link{ font-size:11px; }
.blocomenu .sub_sub_link img{ width:7px; }
.blocomenu .sub_sub_link .icon{ padding:3px 3px 3px 10px; float:left; width:11px; }
.blocomenu .sub_sub_sub_link{ border-bottom:1px solid #ccc; padding-left:20px; }
.blocomenu .sub_sub_sub_link:hover{ background: #D8D8FF; }
.blocomenu .sub_sub_sub_link{ font-size:11px; }
.blocomenu .sub_sub_sub_link img{ width:7px; }
.blocomenu .sub_sub_sub_link .icon{ padding:3px 3px 3px 30px; float:left; width:11px; }
/*--------------------------------- INPUTS --------------------------------------*/
input, button, textarea, #pdf { border: 1px solid #cccccc; padding: 4px; margin:0; }
select { border: 1px solid #cccccc; padding: 3px; margin:0; }
.size_pp{ width: 58px; }
.size_p{ width: 100px; }
.size_m{ width: 170px; }
.size_g{ width: 240px; }
.size_gg{ width: 314px; }
.size_exg{ width: 380px; }
input[readonly]{background-color:#eee; }
.size_gg_select{ width: 324px; }
/*----------------------------------------------- STATUS ---------------------------------------------------*/
.status_prospect { color:#f0d20e }
.status_ativo { color:#04B431 }
.status_bloqueado { color:#FF0000 }
.status_inativo { color:#999 }
/*----------------------------------------------- CORES TEMPO PROTOCOLO ---------------------------------------------------*/
.verde { color:#04B431 }
.azul { color:#0061A7 }
.amarelo { color:#EAC717 }
.vermelho { color:#f00 }
.laranja { color:#FF8000 }
.roxo { color:#9A2EFE }
.verdinho { background-color:#E8FBED; color:#04B431 }
.azulzinho { background-color:#DFF2FF; color:#0061A7 }
.amarelinho { background-color:#FFFCE0; color:#EAC717 }
.vermelhinho { background-color:#FFEFEF; color:#f00; }
.laranjinha { background-color:#FFF2E6; color:#FF8000 }
.roxinho { background-color:#F6EBFF; color:#9A2EFE }
.verdinho2 { background-color:#B9EEC6; }
.azulzinho2 { background-color:#C3DCEE; }
.amarelinho2 { background-color:#FFF8D0; }
.vermelhinho2 { background-color:#FFD9D9; }
.laranjinha2 { background-color:#FFD7AF; }
.roxinho2 { background-color:#E6C9FF; }
/*------------------------------------------ DIV PESQUISA --------------------------------------*/
.pesquisa { background-color:#EEE; /*Cinza Claro*/ padding:5px; height:25px; display:block; }
.pesquisa input[type="image"] { border: 1px solid #cccccc; margin-left:5px; }
.pesquisa .pesq input[type="text"] { float:left; }
.pesquisa input[type="text"] { color: #777; font-family: Verdana, Arial, Helvetica, sans-serif; }
.pesquisa_menor{ background-color:#EEE; /*Cinza Claro*/ padding:5px; height:30px; width:790px; display:block; }
.pesquisa_menor input[type="image"] { border: 1px solid #cccccc; margin-left:5px; }
.pesquisa_menor .pesq input[type="text"] { float:left; }
.pesquisa_menor input[type="text"] { color: #777; font-family: Verdana, Arial, Helvetica, sans-serif; }
.pesquisa2 { background-color:#EEE; /*Cinza Claro*/ padding:5px; display:table; width:100%;}
.pesquisa2 input[type="image"] { border: 1px solid #cccccc; margin-left:5px; }
.pesquisa2 .pesq2 input[type="text"] { float:left; }
.pesquisa2 input[type="text"] { color: #777; font-family: Verdana, Arial, Helvetica, sans-serif; }
/*---------------------------------------- TABELA LISTA CLIENTES ---------------------------------------------*/
.lista_clientes tbody td{ border-bottom:1px solid #e2e2e2; }
.lista_clientes td{ padding-left:8px; padding-right:8px; }
.lista_clientes thead td{ height:35px; font-weight:bold; background: #d6d6d6; }
.lista_clientes tbody a { font-weight:normal; color:#000; }
.lista_clientes tbody a:hover { font-weight:normal; color:#0061A7; }
.lista_clientes form{ margin: 0; padding: 0; }
.lista_clientes .top{ font-size:12px; border:0px; }
.lista_clientes h6{ margin: 0px; padding: 0px; font-weight: normal; color: #999; }
.lista_clientes .icone{ height: 16px; }
.lista_clientes .btn_link{ border: 0px; background-color: #fff; padding: 0px; margin: 0; cursor: pointer; text-align: left; font-family: Verdana, Arial, Helvetica, sans-serif; }
.lista_clientes tbody tr:nth-child(odd) { background-color: #fff; }
.lista_clientes tbody tr:nth-child(even) { background-color: #eee; }
.dados_cliente td{ padding-top: 7px; padding-bottom: 7px; }
.lista_clientes tbody tr:hover{ background-color: #D8D8FF; }
.lista_padin tbody td{ padding-top:2px; padding-bottom:2px; }
/*---------------------------------------- TABELA LISTA CLIENTES ---------------------------------------------*/
.lista_clientes_sem_zebra tbody{ background: #fff; }
.lista_clientes_sem_zebra tbody td{ border-bottom:1px solid #e2e2e2; height:20px; }
.lista_clientes_sem_zebra td{ padding-left:8px; padding-right:8px; }
.lista_clientes_sem_zebra thead td{ height:35px; font-weight:bold; background: #d6d6d6; }
.lista_clientes_sem_zebra tfoot td{ height:25px; font-weight:bold; background: #eee; color:#444; border-top:1px solid #ddd; }
.lista_clientes_sem_zebra tbody a { font-weight:normal; color:#000; }
.lista_clientes_sem_zebra tbody a:hover { font-weight:normal; }
.lista_clientes_sem_zebra form{ margin: 0; padding: 0; }
.lista_clientes_sem_zebra .top{ font-size:12px; border:0px; }
.lista_clientes_sem_zebra h6{ margin: 0px; padding: 0px; font-weight: normal; color: #999; }
.lista_clientes_sem_zebra .icone{ height: 16px; }
.lista_clientes_sem_zebra .btn_link{ border: 0px; background-color: #fff; padding: 0px; margin: 0; cursor: pointer; text-align: left; font-family: Verdana, Arial, Helvetica, sans-serif; }
.lista_clientes_sem_zebra tbody tr:hover{ background-color: #D8D8FF; }
/*---------------------------------------- TABELA LISTA CLIENTES ---------------------------------------------*/
.lista_autocomp tbody td{ padding-left:2px; padding-right:8px; }
.lista_autocomp tbody a { font-weight:normal; color:#000; }
.lista_autocomp tbody a:hover { font-weight:normal; color:#0061A7; }
.lista_autocomp tbody tr:nth-child(odd) { background-color: #fff; }
.lista_autocomp tbody tr:nth-child(even) { background-color: #eee; }
.lista_autocomp tbody tr:hover{ background-color: #D8D8FF; }
.resul_autocomp { position:relative; top:0px; margin:0px; border:1px solid #cccccc; background-color: white; overflow: hidden; z-index: 99999;}
/*---------------------------------------- TABELA LISTA ZEBRA SEM MOUSEOVER ---------------------------------------------*/
.lista_sem_mo {width:100%}
.lista_sem_mo tbody td{ border:1px solid #e2e2e2; padding:2px; }
.lista_sem_mo td{ padding-left:8px; padding-right:8px; }
.lista_sem_mo thead td{ height:35px; font-weight:bold; background: #d6d6d6; border:1px solid #e2e2e2;}
.lista_sem_mo tbody a { font-weight:normal; color:#000; }
.lista_sem_mo form{ margin: 0; padding: 0; }
.lista_sem_mo .top{ font-size:12px; border:0px; }
.lista_sem_mo h6{ margin: 0px; padding: 0px; font-weight: normal; color: #999; }
.lista_sem_mo .icone{ height: 16px; }
.lista_sem_mo .btn_link{ border: 0px; background-color: #fff; padding: 0px; margin: 0; cursor: pointer; text-align: left; font-family: Verdana, Arial, Helvetica, sans-serif; }
.lista_sem_mo tbody tr:nth-child(odd) { background-color: #fff; }
.lista_sem_mo tbody tr:nth-child(even) { background-color: #eee; }
.dados_cliente td{ padding-top: 7px; padding-bottom: 7px; }
.lista_sem_mo .tbfooter td{ font-weight:bold; background: #d6d6d6; border:1px solid #e2e2e2;}
/*---------------------------------------- TABELA LISTA RELATÓRIO COM MAIS DE UMA LINHA POR DADO ---------------------------------------------*/
.lista_rel_dados_top {width:100%; }
.lista_rel_dados_top thead td{ font-weight:bold; background: #bbb; border:1px solid #999;}
.lista_rel_dados_top tbody td{ background: #bbb; border:1px solid #999;}
.lista_rel_dados_top td{ padding: 5px; }
.lista_rel_dados_top .top{ font-size:12px; border:0px; }
.lista_rel_dados_top tr td{border-bottom:0px;}
.lista_rel_dados {width:100%;}
.lista_rel_dados thead td{ font-weight:bold; background: #bbb; border:1px solid #999; padding: 5px; font-size:12px; }
.lista_rel_dados tbody td{ border:1px solid #999; padding:2px; }
.lista_rel_dados td{ padding-left:8px; padding-right:8px; }
.lista_rel_dados tbody a { font-weight:normal; color:#000; }
.lista_rel_dados form{ margin: 0; padding: 0; }
.lista_rel_dados h6{ margin: 0px; padding: 0px; font-weight: normal; color: #999; }
.lista_rel_dados .icone{ height: 16px; }
.lista_rel_dados .btn_link{ border: 0px; background-color: #fff; padding: 0px; margin: 0; cursor: pointer; text-align: left; font-family: Verdana, Arial, Helvetica, sans-serif; }
.lista_rel_dados .tbfooter td{ font-weight:bold; background: #d6d6d6; border:1px solid #999;}
.lista_rel_dados .tr_negrito, .lista_rel_dados .tr_negrito2{ font-weight:bold; }
.lista_rel_dados .tr_negrito td{ padding: 5px; background: #eee; }
.lista_rel_dados tbody tr td{ padding: 5px; }
/*---------------------------------------- TABELA LISTA RELATÓRIO COM MAIS DE UMA LINHA POR DADO LARGURA FIXA ---------------------------------------------*/
.lista_rel_fixa { border-collapse: collapse; width:100%;}
.lista_rel_fixa thead td{ font-weight:bold; background: #bbb; border:1px solid #999; padding: 5px; font-size:12px; }
.lista_rel_fixa tbody td{ border:1px solid #999; padding:2px; }
.lista_rel_fixa td{ padding-left:8px; padding-right:8px; }
.lista_rel_fixa tbody a { font-weight:normal; color:#000; }
.lista_rel_fixa form{ margin: 0; padding: 0; }
.lista_rel_fixa h6{ margin: 0px; padding: 0px; font-weight: normal; color: #999; }
.lista_rel_fixa .icone{ height: 16px; }
.lista_rel_fixa .btn_link{ border: 0px; background-color: #fff; padding: 0px; margin: 0; cursor: pointer; text-align: left; font-family: Verdana, Arial, Helvetica, sans-serif; }
.lista_rel_fixa .tbfooter td{ font-weight:bold; background: #d6d6d6; border:1px solid #999;}
.lista_rel_fixa .tr_negrito, .lista_rel_fixa .tr_negrito2{ font-weight:bold; }
.lista_rel_fixa .tr_negrito td{ padding: 5px; background: #eee; }
.lista_rel_fixa tbody tr td{ padding: 5px; }
/*---------------------------------------- TABELA LISTA RELATÓRIO DETALHADO ---------------------------------------------*/
.lista_rel_det {}
.lista_rel_det thead td{ font-weight:bold; background: #bbb; border:1px solid #999; padding: 5px; font-size:12px; }
.lista_rel_det tbody td{ border:1px solid #999; }
.lista_rel_det td{ }
.lista_rel_det tbody a { font-weight:normal; color:#000; }
.lista_rel_det form{ margin: 0; padding: 0; }
.lista_rel_det h6{ margin: 0px; padding: 0px; font-weight: normal; color: #999; }
.lista_rel_det .icone{ height: 16px; }
.lista_rel_det .btn_link{ border: 0px; background-color: #fff; padding: 0px; margin: 0; cursor: pointer; text-align: left; font-family: Verdana, Arial, Helvetica, sans-serif; }
.lista_rel_det .tbfooter td{ padding: 5px; font-weight:bold; background: #d6d6d6; border:1px solid #999;}
.lista_rel_det .tr_negrito, .lista_rel_det .tr_negrito2{ font-weight:bold; }
.lista_rel_det .tr_negrito td{ padding: 5px; background: #eee; }
.lista_rel_det .padd { padding: 4px; }
.tab_rel_interna{ width:100%; border-collapse: collapse; }
.tab_rel_interna tr td{ padding:0px; margin:0px; width:20%; border:0px; border-bottom:1px solid #999; }
/*---------------------------------------- TABELA LISTA DASHBORD ---------------------------------------------*/
.lista_dash tbody td{ border-bottom:1px solid #e2e2e2; }
.lista_dash td{ padding-left:8px; padding-right:8px; }
.lista_dash thead td{ height:35px; font-weight:bold; background: #d6d6d6; }
.lista_dash tbody a { font-weight:normal; color:#000; }
.lista_dash tbody a:hover { font-weight:normal; color:#0061A7; }
.lista_dash form{ margin: 0; padding: 0; }
.lista_dash .top{ font-size:12px; border:0px; }
.lista_dash h6{ margin: 0px; padding: 0px; font-weight: normal; color: #999; }
.lista_dash .icone{ height: 16px; }
.lista_dash .btn_link{ border: 0px; background-color: #fff; padding: 0px; margin: 0; cursor: pointer; text-align: left; font-family: Verdana, Arial, Helvetica, sans-serif; }
.lista_dash tbody tr:nth-child(odd) { background-color: #fff; }
.lista_dash tbody tr:nth-child(even) { background-color: #eee; }
.lista_dash tbody tr:hover{ background-color: #D8D8FF; }
.lista_dash tbody tr td{ line-height:140%; }
/*---------------------------------------- TABELA LISTA RELATÓRIO COMERCIAL DE VENDAS ---------------------------------------------*/
.lista_rel_vendas {}
.lista_rel_vendas thead td{ font-weight:bold; background: #bbb; border:1px solid #999; padding: 5px; font-size:12px; }
.lista_rel_vendas tbody td{ border:1px solid #999; padding: 4px; }
.lista_rel_vendas td{ margin: 0; padding: 0; }
.lista_rel_vendas .tbfooter td{ padding: 5px; font-weight:bold; background: #d6d6d6; border:1px solid #999;}
.lista_rel_vendas_interna{ width:100%; height:100%; border-collapse: collapse; }
.lista_rel_vendas_interna tr td{ padding: 4px; border: 0px; border-bottom:1px solid #999; }
.lista_rel_vendas_interna tr td { border-right:1px solid #999; }
.lista_rel_vendas_interna_top{ width:100%; border-collapse: collapse; }
.lista_rel_vendas_interna_top tr td{ padding: 4px; border: 0px;}
/*--------------------------------- OUTROS --------------------------------------*/
.alinha_direita{ float:right; }
.sub_titulo{ margin-top:3px; font: 11px Verdana, Arial, Helvetica, sans-serif; }
#lista_cnpj, #lista_cpf{ float:right; margin:0; padding:0; width:170px; }
.input_doc{ float:left; }
/*--------------------------------- ALERTS --------------------------------------*/
.alert { padding: 10px; margin-bottom: 2px; background-color: #fcf8e3; border: 1px solid #fbeed5; color: #c09853; }
.alert-success { color: #468847; background-color: #dff0d8; border-color: #d6e9c6; }
.alert-error { color: #b94a48; background-color: #f2dede; border-color: #eed3d7; }
.alert-info { color: #BF8426; background-color: #FCF7C9; border-color: #F9EC70; }
/*--------------------------------- BOTÃO --------------------------------------*/
.btn_geral{ color:#555; background-color: #fff; text-decoration:none; cursor: pointer; padding:0px; margin: 0px; border: 0px; text-align: left; font-family:Verdana, Arial, Helvetica, sans-serif; }
.btn { display: inline-block; *display: inline; padding: 4px 6px; margin-bottom: 0; *margin-left: .3em; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 20px; color: #333333; text-align: center; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); cursor: pointer; background-color: #f5f5f5; *background-color: #e6e6e6; background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); background-image: -o-linear-gradient(top, #ffffff, #e6e6e6); background-image: linear-gradient(to bottom, #ffffff, #e6e6e6); background-repeat: repeat-x; border: 1px solid #cccccc; *border: 0; border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); border-bottom-color: #b3b3b3; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); *zoom: 1; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); }
.btn:hover, .btn-mini:hover {background-image: -moz-linear-gradient(top, #e6e6e6, #e6e6e6); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e6e6e6), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, #e6e6e6, #e6e6e6); background-image: -o-linear-gradient(top, #e6e6e6, #e6e6e6); background-image: linear-gradient(to bottom, #e6e6e6, #e6e6e6); background-repeat: repeat-x; }
.btn_link_ordena { display: inline-block; *display: inline; padding: 0px 0px; margin-bottom: 0; *margin-left: .3em; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 20px; color: #333333; text-align: center; cursor: pointer; background-color: #d6d6d6; font-weight: bold; border: 0px; }
.btn_link_ordena:hover { color:#0061A7; /*Azul spqr*/ text-decoration:none; background-color: #d6d6d6; }
.btn_green { display: inline-block; *display: inline; padding: 4px 6px; margin-bottom: 0; *margin-left: .3em; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 20px; color: #FFFFFF; text-align: center; cursor: pointer; background-color: #f5f5f5; *background-color: #5bb75b; background-image: -moz-linear-gradient(top, #62c462, #5bb75b); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#5bb75b)); background-image: -webkit-linear-gradient(top, #62c462, #5bb75b); background-image: -o-linear-gradient(top, #62c462, #5bb75b); background-image: linear-gradient(to bottom, #62c462, #5bb75b); background-repeat: repeat-x; border: 1px solid #cccccc; *border: 0; border-color: #51a351 #51a351 #387038; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); border-bottom-color: #b3b3b3; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); *zoom: 1; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); }
.btn_green:hover, .btn-mini:hover {background-image: -moz-linear-gradient(top, #e6e6e6, #e6e6e6); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e6e6e6), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, #e6e6e6, #e6e6e6); background-image: -o-linear-gradient(top, #e6e6e6, #e6e6e6); background-image: linear-gradient(to bottom, #e6e6e6, #e6e6e6); background-repeat: repeat-x; color: #666666; }
.btn_red { display: inline-block; *display: inline; padding: 4px 6px; margin-bottom: 0; *margin-left: .3em; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 20px; color: #FFFFFF; text-align: center; cursor: pointer; background-color: #f5f5f5; *background-color: #c43c35; background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35)); background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35); background-image: -o-linear-gradient(top, #ee5f5b, #c43c35); background-image: linear-gradient(to bottom, #ee5f5b, #c43c35); background-repeat: repeat-x; border: 1px solid #cccccc; *border: 0; border-color: #51a351 #51a351 #387038; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); border-bottom-color: #b3b3b3; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); *zoom: 1; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); }
.btn_red:hover, .btn-mini:hover {background-image: -moz-linear-gradient(top, #e6e6e6, #e6e6e6); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e6e6e6), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, #e6e6e6, #e6e6e6); background-image: -o-linear-gradient(top, #e6e6e6, #e6e6e6); background-image: linear-gradient(to bottom, #e6e6e6, #e6e6e6); background-repeat: repeat-x; color: #666666; }
.btn-mini, .btn-tb { display: inline-block; *display: inline; padding: 2px 6px; margin-bottom: 0; *margin-left: .3em; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 18px; color: #333333; text-align: center; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); vertical-align: middle; cursor: pointer; background-color: #f5f5f5; *background-color: #e6e6e6; background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); background-image: -o-linear-gradient(top, #ffffff, #e6e6e6); background-image: linear-gradient(to bottom, #ffffff, #e6e6e6); background-repeat: repeat-x; border: 1px solid #cccccc; *border: 0; border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); border-bottom-color: #b3b3b3; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); *zoom: 1; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); }
.btn-tb { text-shadow: 0px -1px 0px #6c9a15; color: #ffffff; background-color: #8AB833; background-image: -moz-linear-gradient(top, #a8d651, #6c9a15); background-image: -ms-linear-gradient(top, #a8d651, #6c9a15); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#a8d651), to(#6c9a15)); background-image: -webkit-linear-gradient(top, #a8d651, #6c9a15); background-image: -o-linear-gradient(top, #a8d651, #6c9a15); background-image: linear-gradient(top, #a8d651, #6c9a15); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a8d651', endColorstr='#6c9a15', GradientType=0); border-color: #8AB833 #6c9a15 #6c9a15 #8AB833; border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25); }
.btn-tb:hover, .btn-tb:active, .btn-tb.active, .btn-tb.disabled, .btn-tb[disabled] { background-color: #6c9a15; }
.btn-tb:hover { color: #fffffb; text-shadow: 0px -1px 0px #4e7c00; }
.btn-tb:focus { color: #eeff97; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); border-color: #8AB833 #6c9a15 #6c9a15 #8AB833; border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25); }
.btn-tb.active, .btn-tb:active { background-image: none; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); color: #eeff97; }
/*--------------------------------- BTN_IMAGEM --------------------------------------*/
input[type="image"] { border: 0px; }
/*------------------------------------------ ABAS CADASTRO DE CLIENTES --------------------------------------*/
div#caixa {display: inline-block; width: 1010px; height: 250px;}
div#caixa p#abas {display: inline-block; width: 790px; height: 30px; margin: 0 5px 0 5px; padding: 0; overflow: hidden; vertical-align: bottom;}
div#caixa p#abas a {display: inline-block; font-size: 14px; font-weight: bold; color: #666; text-decoration: none; padding: 7px 15px 7px 15px; margin: 0 5px 0 0; background-color: #f0f0f0;}
div#caixa p#abas a:hover {background-color: #999; color: white;}
div#caixa p#abas a.selected {background-color: #B3B3FF; color: #000;}
div#caixa ul#conteudos {display: inline-block; width: 99%; height: 230px; margin: 0; padding: 5px 0px 5px 10px; border: 1px solid #ddd; background:#f6f6f6;}
div#caixa ul#conteudos li {display: inline-block; height: 230px; width:100%; overflow: auto;}
/*------------------------------------------ ABAS CADASTRO DE CLIENTES --------------------------------------*/
div#caixa_maior {display: inline-block; width: 1010px; height: 320px;}
div#caixa_maior p#abas {display: inline-block; width: 790px; height: 30px; margin: 0 5px 0 5px; padding: 0; overflow: hidden; vertical-align: bottom;}
div#caixa_maior p#abas a {display: inline-block; font-size: 14px; font-weight: bold; color: #666; text-decoration: none; padding: 7px 15px 7px 15px; margin: 0 5px 0 0; background-color: #f0f0f0;}
div#caixa_maior p#abas a:hover {background-color: #999; color: white;}
div#caixa_maior p#abas a.selected {background-color: #B3B3FF; color: #000;}
div#caixa_maior ul#conteudos {display: inline-block; width: 99%; height: 300px; margin: 0; padding: 5px 0px 5px 10px; border: 1px solid #ddd; background:#f6f6f6;}
div#caixa_maior ul#conteudos li {display: inline-block; height: 300px; width:100%; overflow: auto;}
/*------------------------------------------ ABAS DASHBORD --------------------------------------*/
div#caixa_dash {display: inline-block; width: 100%; height: 350px;}
div#caixa_dash p#abas {display: inline-block; width: 100%; height: 24px; margin: 0 5px 0 5px; padding: 0; overflow: hidden; vertical-align: bottom;}
div#caixa_dash p#abas a {display: inline-block; font-size: 12px; font-weight: bold; color: #666; text-decoration: none; padding: 0px 10px 12px 10px; margin: 0 2px 0 0; background-color: #f0f0f0;}
div#caixa_dash p#abas a:hover {background-color: #999; color: white;}
div#caixa_dash p#abas a.selected {background-color: #B3B3FF; color: #000;}
div#caixa_dash ul#conteudos {display: inline-block; width: 100%; height: 350px; margin: 0; padding:0; border: 1px solid #ddd; background:#f6f6f6;}
div#caixa_dash ul#conteudos li {display: inline-block; height: 350px; width:100%; overflow: auto;}
/*------------------------------------------ ABAS CAIXA PES --------------------------------------*/
div#caixa_pes {display: inline-block; width: 100%; height: 250px;}
div#caixa_pes p#abas {display: inline-block; width: 790px; height: 24px; margin: 0 5px 0 5px; padding: 0; overflow: hidden; vertical-align: bottom;}
div#caixa_pes p#abas a {display: inline-block; font-size: 12px; font-weight: bold; color: #666; text-decoration: none; padding: 5px 10px 5px 10px; margin: 0 2px 0 0; background-color: #f0f0f0;}
div#caixa_pes p#abas a:hover {background-color: #999; color: white;}
div#caixa_pes p#abas a.selected {background-color: #B3B3FF; color: #000;}
div#caixa_pes ul#conteudos {display: inline-block; width: 99%; height: 370px; margin: 0; padding: 5px 0px 5px 10px; border: 1px solid #ddd; background:#f6f6f6;}
div#caixa_pes ul#conteudos li {display: inline-block; height: 370px; width:100%; overflow: auto;}
/*------------------------------------------ ABAS PEDIDO DE VENDA --------------------------------------*/
div#caixa_pedido {display: inline-block; width: 1010px; height: 260px;}
div#caixa_pedido p#abas {display: inline-block; width: 790px; height: 30px; margin: 0 5px 0 5px; padding: 0; overflow: hidden; vertical-align: bottom;}
div#caixa_pedido p#abas a {display: inline-block; font-size: 14px; font-weight: bold; color: #666; text-decoration: none; padding: 7px 15px 7px 15px; margin: 0 5px 0 0; background-color: #f0f0f0;}
div#caixa_pedido p#abas a:hover {background-color: #999; color: white;}
div#caixa_pedido p#abas a.selected {background-color: #B3B3FF; color: #000;}
div#caixa_pedido ul#conteudos {display: inline-block; width: 99%; height: 240px; margin: 0; padding: 5px 0px 5px 10px; border: 1px solid #ddd; background:#f6f6f6;}
div#caixa_pedido ul#conteudos li {display: inline-block; height: 240px; width:100%; overflow: auto;}
/*------------------------------------------ ABAS CADASTRO DE TICKET --------------------------------------*/
div#caixa_ticket {display: inline-block; width: 100%; height: 200px;}
div#caixa_ticket p#abas {display: inline-block; height: 30px; padding: 0; overflow: hidden; vertical-align: bottom; margin-left:10px;}
div#caixa_ticket p#abas a {display: inline-block; font-size: 14px; font-weight: bold; color: #666; text-decoration: none; padding: 7px 15px 7px 15px; margin: 0 5px 0 0; background-color: #f0f0f0;}
div#caixa_ticket p#abas a:hover {background-color: #999; color: white;}
div#caixa_ticket p#abas a.selected {background-color: #B3B3FF; color: #000;}
div#caixa_ticket ul#conteudos {display: inline-block; width: 99.8%; height: 210px; margin: 0; border: 1px solid #ddd; background:#eee;}
div#caixa_ticket ul#conteudos li {display: inline-block; width: 99.8%; height: 210px; overflow: auto;}
/*------------------------------------------ ABAS CADASTRO DE OPORTUNIDADE --------------------------------------*/
div#caixa_oport {display: inline-block; width: 100%; height: 200px;}
div#caixa_oport p#abas {display: inline-block; height: 30px; padding: 0; overflow: hidden; vertical-align: bottom; margin-left:10px;}
div#caixa_oport p#abas a {display: inline-block; font-size: 14px; font-weight: bold; color: #666; text-decoration: none; padding: 7px 15px 7px 15px; margin: 0 5px 0 0; background-color: #f0f0f0;}
div#caixa_oport p#abas a:hover {background-color: #999; color: white;}
div#caixa_oport p#abas a.selected {background-color: #B3B3FF; color: #000;}
div#caixa_oport ul#conteudos {display: inline-block; width: 100%; height: 210px; margin: 0; border: 0px solid #ddd; background:#fff;}
div#caixa_oport ul#conteudos li {display: inline-block; width: 100%; height: 210px; }
/*------------------------------------------ ABAS ATENDIMENTO AO CLIENTES --------------------------------------*/
div#caixa_atendimento {display: inline-block; width: 100%; height: 250px;}
div#caixa_atendimento p#abas {display: inline-block; width: 100%; height: 25px; margin: 0px; padding: 0; overflow: hidden; vertical-align: bottom;}
div#caixa_atendimento p#abas a {display: inline-block; font-size: 13px; font-weight: bold; color: #666; text-decoration: none; padding: 5px 10px 5px 10px; margin: 0 5px 0 0; background-color: #f0f0f0;}
div#caixa_atendimento p#abas a:hover {background-color: #999; color: white;}
div#caixa_atendimento p#abas a.selected {background-color: #B3B3FF; color: #000;}
div#caixa_atendimento ul#conteudos {display: inline-block; width: 99%; height: 230px; margin: 0; padding: 0px; border: 1px solid #ddd; background:#f6f6f6;}
div#caixa_atendimento ul#conteudos li {display: inline-block; height: 230px; width:100%; overflow: auto;}
div#caixa_atendimento2 {display: inline-block; width: 100%; height: 250px;}
div#caixa_atendimento2 p#abas2 {display: inline-block; width: 100%; height: 25px; margin: 0px; padding: 0; overflow: hidden; vertical-align: bottom;}
div#caixa_atendimento2 p#abas2 a {display: inline-block; font-size: 13px; font-weight: bold; color: #666; text-decoration: none; padding: 5px 10px 5px 10px; margin: 0 5px 0 0; background-color: #f0f0f0;}
div#caixa_atendimento2 p#abas2 a:hover {background-color: #999; color: white;}
div#caixa_atendimento2 p#abas2 a.selected {background-color: #B3B3FF; color: #000;}
div#caixa_atendimento2 ul#conteudos2 {display: inline-block; width: 99%; height: 230px; margin: 0; padding: 0px; border: 1px solid #ddd; background:#f6f6f6;}
div#caixa_atendimento2 ul#conteudos2 li {display: inline-block; height: 230px; width:100%; overflow: auto;}
div#caixa_atendimento3 {display: inline-block; width: 100%; height: 455px;}
div#caixa_atendimento3 p#abas3 {display: inline-block; width: 100%; height: 25px; margin: 0px; padding: 0; overflow: hidden; vertical-align: bottom;}
div#caixa_atendimento3 p#abas3 a {display: inline-block; font-size: 13px; font-weight: bold; color: #666; text-decoration: none; padding: 5px 10px 5px 10px; margin: 0 5px 0 0; background-color: #f0f0f0;}
div#caixa_atendimento3 p#abas3 a:hover {background-color: #999; color: white;}
div#caixa_atendimento3 p#abas3 a.selected {background-color: #B3B3FF; color: #000;}
div#caixa_atendimento3 ul#conteudos3 {display: inline-block; width: 99%; height: 435px; margin: 0; padding: 0px; border: 1px solid #ddd; background:#f6f6f6;}
div#caixa_atendimento3 ul#conteudos3 li {display: inline-block; height: 435px; width:100%; overflow: auto;}
/*------------------------------------------ MODAL --------------------------------------*/
#mask { position:absolute; left:0; top:0; z-index:9000; background-color:#000; display:none; }
#boxes .window { position:absolute; left:0; top:0; top:0; z-index:9001; width:800px; display:none; padding:20px; }
#boxes #dialog, #boxes #dialog1, #boxes #dialog2, #boxes #dialog3, #boxes #dialog4, #boxes #dialog5, #boxes #dialog6, #boxes #dialog7, #boxes #dialog8, #boxes #dialog9, #boxes #dialog10, #boxes #dialog11, #boxes #dialog12 { padding:10px; background-color:#ffffff; }
.close{display:block; text-align:right;}
.titulo_box{ width: 100%; display:table; }
/*.titulo_box{ background: rgb(185,185,185); background: -moz-linear-gradient(top, rgba(185,185,185,1) 0%, rgba(195,195,195,1) 35%, rgba(175,175,175,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(185,185,185,1)), color-stop(35%,rgba(195,195,195,1)), color-stop(100%,rgba(175,175,175,1))); background: -webkit-linear-gradient(top, rgba(185,185,185,1) 0%,rgba(195,195,195,1) 35%,rgba(175,175,175,1) 100%); background: -o-linear-gradient(top, rgba(185,185,185,1) 0%,rgba(195,195,195,1) 35%,rgba(175,175,175,1) 100%); background: -ms-linear-gradient(top, rgba(185,185,185,1) 0%,rgba(195,195,195,1) 35%,rgba(175,175,175,1) 100%); background: linear-gradient(to bottom, rgba(185,185,185,1) 0%,rgba(195,195,195,1) 35%,rgba(175,175,175,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b9b9b9', endColorstr='#afafaf',GradientType=0 ); width: 100%; display:table; }*/
.rodape_box { width: 100%; background-color:#EEE; }
.window .titulo_box h3{ font-size:20px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left; margin:0; padding:0; color: #BD1F1B; padding:5px; }
.window .rodape_box h6{ font-size:10px; font-weight: normal; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left; margin:0; padding:0; color: #000; padding:5px; margin-top:5px; }
.titulo_box .titulo{ float:left; }
.titulo_box .fechar{ width:20px; margin:10px; float:right; }
/*------------------------------------------ OPORTUNIDADES --------------------------------------*/
.cadastro_oportunidade{ width:100%; }
.listagem_oportunidade{ width:100%; background:#EEE; border-collapse: collapse; height:35px; }
.tit{ font-weight: bold; background: rgb(185,185,185); background: -moz-linear-gradient(top, rgba(185,185,185,1) 0%, rgba(195,195,195,1) 35%, rgba(175,175,175,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(185,185,185,1)), color-stop(35%,rgba(195,195,195,1)), color-stop(100%,rgba(175,175,175,1))); background: -webkit-linear-gradient(top, rgba(185,185,185,1) 0%,rgba(195,195,195,1) 35%,rgba(175,175,175,1) 100%); background: -o-linear-gradient(top, rgba(185,185,185,1) 0%,rgba(195,195,195,1) 35%,rgba(175,175,175,1) 100%); background: -ms-linear-gradient(top, rgba(185,185,185,1) 0%,rgba(195,195,195,1) 35%,rgba(175,175,175,1) 100%); background: linear-gradient(to bottom, rgba(185,185,185,1) 0%,rgba(195,195,195,1) 35%,rgba(175,175,175,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b9b9b9', endColorstr='#afafaf',GradientType=0 ); }
.listagem_oportunidade tr, .listagem_oportunidade tr td{ height:15px; padding:5px; border-collapse: collapse; }
.cadastro_oportunidade .top{ padding-top:10px; }
.cadastro_oportunidade .col_lista_pesquisa{ padding-left:40px; }
.oportunidades_cadastrar{ width:600px; float:left; }
.zebra tr td{ height:16px; padding:3px; border-bottom: 1px solid #ddd; background-color:#fff; }
.zebra thead tr td{ height:20px; background-color:#ddd; font-weight: bold; }
.oportunidades_listar{ margin-top:10px; margin-left:610px; }
.oportunidades_listar .posiciona_btn{ margin:5px; }
.oportunidades_listar .btn_link { display: inline-block; *display: inline; padding: 4px 4px; margin-bottom: 0; *margin-left: .3em; font-size:11px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 20px; color: #333333; text-align: center; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); vertical-align: middle; cursor: pointer; background-color: #f5f5f5; *background-color: #e6e6e6; background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); background-image: -o-linear-gradient(top, #ffffff, #e6e6e6); background-image: linear-gradient(to bottom, #ffffff, #e6e6e6); background-repeat: repeat-x; border: 1px solid #cccccc; *border: 0; border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); border-bottom-color: #b3b3b3; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); *zoom: 1; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); }
.oportunidade_listar_historico{ height: 405px; overflow: auto; }
.oportunidades_rodape{ border: 1px solid #ddd; padding: 5px; }
/* Abas Oportunidades */
div#abas_oport {display: inline-block; width: 100%; height: 460px;}
div#abas_oport p#abas {display: inline-block; height: 30px; margin: 0 5px 0 5px; padding: 0; overflow: hidden; vertical-align: bottom;}
div#abas_oport p#abas a {display: inline-block; font-size: 14px; font-weight: bold; color: #666; text-decoration: none; padding: 7px 15px 7px 15px; margin: 0 5px 0 0; background-color: #f0f0f0;}
div#abas_oport p#abas a:hover {background-color: #999; color: white;}
div#abas_oport p#abas a.selected {background-color: #B3B3FF; color: #000;}
div#abas_oport ul#conteudos li {display: inline-block; width:100%; height: 440px; margin: 0px; padding: 0;}
div#abas_oport ul#conteudos {display: inline-block; width:99%; height: 440px; margin: 0; padding: 0; border: 1px solid #ddd;}
#tempos, #tempos2{ display:none; }
/*------------------------------------------ CALENDARIO DATE TIME PICKER --------------------------------------*/
.ui-timepicker-div .ui-widget-header{ margin-bottom: 8px; display:table;}
.ui-timepicker-div dl{ text-align: left; }
.ui-timepicker-div dl dt{ height: 25px; }
.ui-timepicker-div dl dd{ margin: -25px 0 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui_tpicker_millisec {padding:20px;}
#lb_datetimepicker2{display:none;}
#datetimepicker{display:none;}
/*------------------------------------------ VALIDAÇÃO --------------------------------------*/
label.error {color: red; vertical-align: top; font-size: 10px; display:block;}
/*------------------------------------------ CADASTROS GERAIS --------------------------------------*/
.input_300{ width:300px; }
/************************************************************************************************************************************************************************/
.produtos_servicos_conteudo{ margin-top:5px; margin-bottom:5px; padding:5px; }
/* Abas Produtos e Serviços */
div#abas_pes { display: inline-block; width:100%; height: 400px;}
div#abas_pes p#abas_sem_js { display: inline-block; height: 26px; margin: 0 5px 0 5px; padding: 0; overflow: hidden; vertical-align: bottom;}
div#abas_pes p#abas_sem_js a { display: inline-block; font-size: 11px; font-weight: bold; color: #666; text-decoration: none; padding: 7px; margin: 0 0px 0 0; background-color: #f0f0f0;}
div#abas_pes p#abas_sem_js a:hover { background-color: #999; color: white;}
div#abas_pes p#abas_sem_js a.seleciona{ background-color: #B3B3FF; color: #000;}
div#abas_pes ul#conteudos_sem_js li { display: inline-block; width: 99%; height: 370px; margin: 0px; padding: 0;}
div#abas_pes ul#conteudos_sem_js { display: inline-block; width: 100%; height: 370px; margin: 0; padding: 0px; border: 1px solid #ddd; overflow:auto; }
.dados_pes{ margin-top:5px; margin-bottom:5px; padding:5px; background:#eee; }
.cadastro_pes{ width:650px; }
.cadastro_pes .col_campos{ width:530px; }
.cadastro_pes input{ background:#fff; }
.cadastro_pes .top{ padding-top:10px; }
.cadastro_pes .col_lista_pesquisa{ padding-left:40px; }
.cadastro_pes .radios{ padding-top:5px; padding-bottom:5px; }
#loading{ display:none; }
/*------------------------------------------ TABELA CADASTRO DE CLIENTES --------------------------------------*/
.cadastros_gerais .top{ padding-top:20px; }
.cadastros_gerais .top{ padding-top:20px; }
.cadastros_gerais .col_label{ width:14%; }
.cadastros_gerais .col_campos{ width:36%; }
.cadastros_gerais .col_lista_pesquisa{ padding-left:40px; }
.limite_tb_aba{ width:970px; }
.cadastros_gerais_3col{ width:100%; }
.cadastros_gerais_3col .top{ padding-top:20px; }
.cadastros_gerais_3col .col_label td { width:16%; }
.cadastros_gerais_3col .col_lista_pesquisa{ padding-left:40px; }
/*----------------------------------------------------------------------------------------------------------------------------------*/
.tb_cliente_contratos{ background:#fff; width:970px; border-collapse: collapse; }
.tb_cliente_contratos thead{ height:35px; font-weight:bold; background: #d6d6d6; }
.tb_cliente_contratos td{ padding:5px; }
.tb_cliente_contratos tbody tr:nth-child(odd) { background-color: #fff; }
.tb_cliente_contratos tbody tr:nth-child(even) { background-color: #eee; }
/*------------------------------------------ BOTÕES DE AÇÃO E TÍTULO --------------------------------------*/
.principal_titulo{ display:table; margin-top:60px; height:32px; position:fixed; width:100%; background: #c8c8c8; }
/*.principal_titulo{ display:table; margin-top:60px; height:32px; position:fixed; width:100%; background: rgb(185,185,185); background: -moz-linear-gradient(top, rgba(185,185,185,1) 0%, rgba(195,195,195,1) 35%, rgba(175,175,175,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(185,185,185,1)), color-stop(35%,rgba(195,195,195,1)), color-stop(100%,rgba(175,175,175,1))); background: -webkit-linear-gradient(top, rgba(185,185,185,1) 0%,rgba(195,195,195,1) 35%,rgba(175,175,175,1) 100%); background: -o-linear-gradient(top, rgba(185,185,185,1) 0%,rgba(195,195,195,1) 35%,rgba(175,175,175,1) 100%); background: -ms-linear-gradient(top, rgba(185,185,185,1) 0%,rgba(195,195,195,1) 35%,rgba(175,175,175,1) 100%); background: linear-gradient(to bottom, rgba(185,185,185,1) 0%,rgba(195,195,195,1) 35%,rgba(175,175,175,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b9b9b9', endColorstr='#afafaf',GradientType=0 ); }*/
.principal_titulo .margem_branca{ display:table; height:32px; width:199px; /*Cinza Escuro*/ background: #fff; float:left; }
.principal_titulo h3{ font-size:18px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: right; margin:0; padding:0; color: #BD1F1B; }
.titulo_pagina{ margin-top:4px; margin-right:10px; float:right; }
.principal_titulo .botoes{ float:left; padding-left:2px; padding-top:4px; }
.principal_titulo .botoes .btn:hover { background-image: -moz-linear-gradient(top, #e6e6e6, #e6e6e6); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e6e6e6), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, #e6e6e6, #e6e6e6); background-image: -o-linear-gradient(top, #e6e6e6, #e6e6e6); background-image: linear-gradient(to bottom, #e6e6e6, #e6e6e6); background-repeat: repeat-x; }
.principal_titulo .botoes .btn { display: inline-block; *display: inline; padding: 4px 6px; margin-bottom: 0; *margin-left: .3em; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 18px; color: #333333; text-align: center; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); vertical-align: middle; cursor: pointer; background-color: #f5f5f5; *background-color: #e6e6e6; background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); background-image: -o-linear-gradient(top, #ffffff, #e6e6e6); background-image: linear-gradient(to bottom, #ffffff, #e6e6e6); background-repeat: repeat-x; border: 1px solid #cccccc; *border: 0; border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); border-bottom-color: #b3b3b3; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); *zoom: 1; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); }
/*------------------------------------------ ESTILO FACEBOOK PRA ENCONTRAR PARTICIPANTES (AUTOSUGGESTION) --------------------------------------*/
ul.token-input-list-facebook { overflow: hidden; height: auto !important; height: 1%; width: 807px; border: 1px solid #ccc; cursor: text; font-size: 12px; font-family: Verdana; min-height: 1px; z-index: 999; margin: 0; padding: 0; background-color: #fff; list-style-type: none; clear: left; }
ul.token-input-list-facebook li input { border: 0; width: 100px; padding: 3px 8px; background-color: white; margin: 2px 0; -webkit-appearance: caret; }
li.token-input-token-facebook { overflow: hidden; height: auto !important; height: 15px; margin: 3px; padding: 1px 3px; background-color: #eff2f7; color: #000; cursor: default; border: 1px solid #ccd5e4; font-size: 11px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; float: left; white-space: nowrap; }
li.token-input-token-facebook p { display: inline; padding: 0; margin: 0; }
li.token-input-token-facebook span { color: #a6b3cf; margin-left: 5px; font-weight: bold; cursor: pointer; }
li.token-input-selected-token-facebook { background-color: #5670a6; border: 1px solid #3b5998; color: #fff; }
li.token-input-input-token-facebook { float: left; margin: 0; padding: 0; list-style-type: none; }
div.token-input-dropdown-facebook { position: absolute; width: 400px; background-color: #fff; overflow: hidden; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; cursor: default; font-size: 11px; font-family: Verdana; z-index: 1; }
div.token-input-dropdown-facebook p { margin: 0; padding: 5px; font-weight: bold; color: #777; }
div.token-input-dropdown-facebook ul { margin: 0; padding: 0; }
div.token-input-dropdown-facebook ul li { background-color: #fff; padding: 3px; margin: 0; list-style-type: none; }
div.token-input-dropdown-facebook ul li.token-input-dropdown-item-facebook { background-color: #fff; }
div.token-input-dropdown-facebook ul li.token-input-dropdown-item2-facebook { background-color: #fff; }
div.token-input-dropdown-facebook ul li em { font-weight: bold; font-style: normal; }
div.token-input-dropdown-facebook ul li.token-input-selected-dropdown-item-facebook { background-color: #3b5998; color: #fff; }
/*------------------------------------------ TABELA CADASTRO DE CLIENTES --------------------------------------*/
.cadastros_gerais .top{ padding-top:20px; }
.cadastros_gerais .col_label{ width:14%; }
.cadastros_gerais .col_campos{ width:36%; }
.cadastros_gerais .col_lista_pesquisa{ padding-left:40px; }
/*------------------------------------------ TABELA CADASTRO DE CLIENTES --------------------------------------*/
.cadastro_cliente{ width:100%; }
table, table tr, table tr td{ border:0px solid #000; }
.titulo_bloco{ border-bottom:1px solid #ddd; color:#888; font-size:14px; }
.cadastro_cliente .top{ padding-top:10px; }
.cadastro_cliente .col_label{ width:140px; }
.cadastro_cliente .col_campos{ width:353px; }
.cadastro_cliente .col_lista_pesquisa{ padding-left:40px; }
.titulo_bloco2{ border-bottom:1px solid #ddd; color:#000; font-size:14px; font-weight:bold;}
#blocoF { display: none; }
/* home */
.bloco_centro { padding: 0px 10px 10px 10px; margin-bottom: 20px; font-size: 13px; font-weight: 200; line-height: 30px; color: inherit; }
.bloco_centro h1 { margin-bottom: 0; font-size: 20px; line-height: 1; letter-spacing: -1px; color: inherit; }
/*--------------------------------- HOME DE FORA --------------------------------------*/
.home{ margin-right:190px; }
.home_imagem{ float:left; }
.home_mensagem{ width:650px; margin-top:60px; float:right; display:block; font: 11px Verdana, Arial, Helvetica, sans-serif; }
.alguns_oport { margin: 0; height:280px; padding: 0; margin-bottom:10px; overflow: auto; width:100%;border: 0px solid #ddd; }
.resposta_tickets { bottom:0; background:#eee; height: 210px; margin: 0; padding: 0; vertical-align: bottom;}
.listar_respostas { width:70%; height: 210px; margin: 0; padding: 0; float:left; overflow: auto; vertical-align: bottom;}
.cadastrar_respostas { width:30%; height: 210px; margin: 0; padding: 0; overflow: auto; vertical-align: bottom;}
.resposta_tickets .conteudo{ margin:10px;}
.resposta_tickets hr{ border:0; border-bottom: 1px dotted #888; margin-top:10px; margin-bottom:10px; }
/* ------------------------------------------------ exibir dados ------------------------------------------------*/
.exibir_dados tr{ background:#eee; border-collapse: collapse; padding:5px; width:500px; }
.exibir_dados td{ padding:5px; }
.prioridade_img img{ width:20px; }
.img_avatar_pq img { max-width:80px; max-height:80px; }
/*------------------------------------------ ATENDIMENTO AO CLIENTE --------------------------------------*/
.atendimento input, button, textarea { border: 1px solid #cccccc; padding: 1px; padding-top: 2px; padding-bottom: 2px; margin:0; }
.atendimento select { border: 1px solid #cccccc; padding: 2px; margin:0; }
.atendimento .esquerda{ float:left; width:49%; }
.atendimento .esquerda .dados_gerais{ height:200px; overflow: auto; border: 2px solid #fff; }
.atendimento .direita{ width:50%; float:right; }
.atendimento .direita .ocorrencias{ height:200px; overflow: auto; border: 1px solid #ddd; }
.atendimento .direita .ocorrencias .lista{ height:174px; overflow: auto; border: 0px solid #ddd; }
.atendimento .atendimentos{ margin-top:20px; height:250px; }
.atendimento .lista1{ overflow: auto; height:204px; }
.atendimento .lista2{ overflow: auto; height:409px; }
/*------------------------------------------ RANKING --------------------------------------*/
.ranking2{ width:50%; height:210px; float:right; border: 1px solid #ddd; }
.ranking1{ float:left; width:49%; height:210px; border: 1px solid #ddd; }
.lista_ranking1{ overflow: auto; height:132px; }
.lista_ranking2{ overflow: auto; height:184px; }
.MultiFile-title{ font-size: 12px; }
.MultiFile-remove{ color: #f00; font-weight: bold; font-size: 15px; padding-right:6px; }
.aspas{ font-family: Times New Roman; font-size:20px; color:#000; }
.flutuar{ position:absolute; z-index:9000; width:288px; display:none; background:#fff; margin-top:10px; padding:5px; border: 1px solid #cccccc; box-shadow: 0px 0px 4px 0px #cccccc; -moz-box-shadow: 0px 0px 4px 0px #cccccc; -webkit-box-shadow: 0px 0px 4px 0px #cccccc; }
.flutuar a{ color:#000; }
.flutuar a:hover{ color:#0061A7; }
/* ----------------------------------- AUTOCOMPLETE JQUERY ---------------------------------------- */
.ac_results { padding: 5px; border: 1px solid #cccccc; background-color: white; overflow: hidden; z-index: 99999; box-shadow: 0px 0px 4px 0px #cccccc; -moz-box-shadow: 0px 0px 4px 0px #cccccc; -webkit-box-shadow: 0px 0px 4px 0px #cccccc; }
.ac_results ul { width: 100%; list-style-position: outside; list-style: none; padding: 0; margin: 0; }
.ac_results li { margin: 0px; padding: 2px 3px; cursor: pointer; display: block; font: menu; font-size: 12px; line-height: 16px; overflow: hidden; }
.ac_results li:hover{ color:#0061A7; }
.ac_loading { background: white url('indicator.gif') right center no-repeat; }
/* ----------------------------------------- TIMEPICKER ----------------------------------------------------- */
.ui-timepicker-wrapper { overflow-y: auto; height: 150px; width: 6.5em; background: #fff; border: 1px solid #ddd; -webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2); -moz-box-shadow:0 5px 10px rgba(0,0,0,0.2); box-shadow:0 5px 10px rgba(0,0,0,0.2); outline: none; z-index: 10001; margin: 0; }
.ui-timepicker-wrapper.ui-timepicker-with-duration { width: 11em; }
.ui-timepicker-list { margin: 0; padding: 0; list-style: none; }
.ui-timepicker-duration { margin-left: 5px; color: #888; }
.ui-timepicker-list:hover .ui-timepicker-duration { color: #888; }
.ui-timepicker-list li { padding: 3px 0 3px 5px; cursor: pointer; white-space: nowrap; color: #000; list-style: none; margin: 0; }
.ui-timepicker-list:hover .ui-timepicker-selected { background: #fff; color: #000; }
li.ui-timepicker-selected, .ui-timepicker-list li:hover, .ui-timepicker-list .ui-timepicker-selected:hover { background: #1980EC; color: #fff; }
li.ui-timepicker-selected .ui-timepicker-duration, .ui-timepicker-list li:hover .ui-timepicker-duration { color: #ccc; }
.ui-timepicker-list li.ui-timepicker-disabled, .ui-timepicker-list li.ui-timepicker-disabled:hover, .ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled { color: #888; cursor: default; }
.ui-timepicker-list li.ui-timepicker-disabled:hover, .ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled { background: #f2f2f2; }
/*---------------------------------------- TABELA LISTA CLIENTES ---------------------------------------------*/
.lista_inv tbody td{ border-bottom:0px solid #e2e2e2; }
.lista_inv td{ padding-left:8px; padding-right:8px; }
.lista_inv thead td{ height:35px; font-weight:bold; background: #d6d6d6; }
.lista_inv tbody a { font-weight:normal; color:#000; }
.lista_inv tbody a:hover { font-weight:normal; color:#0061A7; }
.lista_inv form{ margin: 0; padding: 0; }
.lista_inv .top{ font-size:12px; border:0px; }
.lista_inv h6{ margin: 0px; padding: 0px; font-weight: normal; color: #999; }
.lista_inv .icone{ height: 16px; }
.lista_inv .btn_link{ border: 0px; background-color: #fff; padding: 0px; margin: 0; cursor: pointer; text-align: left; font-family: Verdana, Arial, Helvetica, sans-serif; }
.lista_inv tbody tr:nth-child(even) { background-color: #fff; }
.lista_inv tbody tr:nth-child(odd) { background-color: #eee; border-bottom:1px solid #e2e2e2; border-top:1px solid #e2e2e2;}
.lista_inv tbody tr:hover{ background-color: #D8D8FF; }
.texto { display: inline-block; font-weight: bold; *display: inline; padding: 0px; margin-bottom: 0; *margin-left: .3em; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 20px; color: #000; text-align: center; text-shadow: 0; cursor: pointer; background-color: transparent; background-repeat: repeat-x; border: 0px solid #cccccc; *border: 0; }
.texto:hover{ background-color: transparent; }
/*------------------------------------------ TOTAL DE VALOR --------------------------------------*/
.total_valor{ background:#ccc; border: 1px solid #bbb; }
.total_valor td{ padding:10px; }
.usuario_avatar{ display:none; position:fixed; color: #fff; font-weight:normal; z-index:9999; top:60px; right:194px; width:280px; background: #444444; background: -moz-linear-gradient(top, #444444 0%, #000000 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#444444), color-stop(100%,#000000)); background: -webkit-linear-gradient(top, #444444 0%,#000000 100%); background: -o-linear-gradient(top, #444444 0%,#000000 100%); background: -ms-linear-gradient(top, #444444 0%,#000000 100%); background: linear-gradient(to bottom, #444444 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#000000',GradientType=0 ); }
.escolhe_avatar{ padding:5px; }
.home_icons { width:200px; float:left; padding:20px; }
.home_icons:hover{ background-color: #D8D8FF; }
.cor_fonte1{ color: #999; }
.cor_fonte2{ font-weight:bold; }
.cor_fonte3{ color: #F00; }
/*------------------------------------------ TABELAS DE PESQUISA - RELATÓRIOS --------------------------------------*/
.tabela_pesquisa { float:left; }
.tabela_pesquisa tbody td{ border-collapse: collapse; }
.tabela_pesquisa td{ padding:2px;}
.tabela_pesquisa .top{ font-size:12px; border:0px; }
#btn_escondido{
display:none;
}
.btn_bsp {
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-weight: normal;
line-height: 1.428571429;
text-align: center;
white-space: nowrap;
vertical-align: middle;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}
.btn-xs {
padding: 1px 3px;
color:#fff;
border-radius: 5px;
}
.btn-info {
color: #ffffff;
background-color: #5bc0de;
border-color: #46b8da;
}
.btn-success {
color: #ffffff;
background-color: #5cb85c;
border-color: #4cae4c;
}
.btn-danger {
color: #ffffff;
background-color: #d9534f;
border-color: #d43f3a;
}
.btn-default {
color: #999;
background-color: #fff;
border-color: #cccccc;
}
.protocolo_fechado{ display:none; width:30%; height: 180px; margin: 0; padding: 0; padding-top: 30px; overflow: auto; vertical-align: bottom; }
.protocolo_fechado_block{ width:30%; height: 180px; margin: 0; padding: 0; padding-top: 30px; overflow: auto; vertical-align: bottom; }
.btn_icon{
height:16px;
}
.dash_agenda{
float:right;
background-color: #D8D8FF;
margin-top:23px;
width:260px;
display:table;
padding:10px;
}
.dash_agenda .dash_agenda_titulo{
border-bottom: 1px solid #B3B3FF;
margin-bottom: 10px;
padding:10px;
display:table;
width: -webkit-calc(100% - 20px); width: -moz-calc(100% - 20px); width: calc(100% - 20px);
}
.dash_agenda .dash_agenda_titulo .direita{
float:right;
padding-top:10px;
}
.dash_agenda .dash_agenda_titulo .esquerda{
float:left;
}
.dash_agenda .dash_agenda_cont{
font: 11px Verdana, Arial, Helvetica, sans-serif;
}
.dash_agenda .dash_agenda_titulo h1{
float:left;
margin:0;
padding:0;
font: 38px Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
}
.dash_agenda .dash_agenda_titulo h4{
float:left;
margin:0;
padding:0;
font: 14px Verdana, Arial, Helvetica, sans-serif;
line-height:65px;
}
.dash_agenda a{
color:#000;
}
.dash_agenda a:hover{
color:#0061A7;
}
.dash_conteudo{
float:left;
display:table;
min-width: 200px;
font-size:11px;
width: -webkit-calc(100% - 300px); width: -moz-calc(100% - 300px); width: calc(100% - 300px);
}
.dash_total{
min-width: 700px;
width:100%;
display:table;
}
#rec_desenv1{ display:none; }
#rec_desenv2{ display:none; }
#rec_desenv3{ display:none; }
#rec_desenv4{ display:none; }
#rec_desenv5{ display:none; }
#rec_desenv6{ display:none; }
#rec_resp1{ display:none; }
#rec_resp2{ display:none; }
#tab_trasf_area {display: none;}
#tab_trasf_responsavel {display: none;}
#abre_participantes, #abre_contratos{
display:none;
width:230px;
padding:10px;
position:absolute;
z-index:9999;
background: #fff;
border: 1px solid #ccc;
box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.5);
}
.titulo_relatorio{
font-size:14px;
color:#000;
}
.relogio_ticket{
float:left;
margin-left:324px;
}
#div_tempoticket{
position:absolute;
}