/* LINKS */
a { text-decoration:none; }
/* Graficos */

.highcharts-figure{
    width:100%;
    margin: 1em auto;
}

/* Clientes, Ticket e Saldo Conta */
.temp, #container-graf-fat-6, #container-graf-fat-7{
    width:100%;
    height: 250px; 
}

/* Faturamento e Balanco*/
#container-graf-fat-1, #container-graf-fat-2
{
    width: 100%;
    height: 300px; 
}

/* Planos, Clientes e Balanco*/
#container-rel-cli-planos-1, #container-rel-cli-1, #container-rel-cli-2 {
    width: 100%;
    height: 300px; 
}


#container-rel-chamados-1, #container-rel-chamados-2, #container-rel-chamados-3, #container-rel-chamados-4,#container-rel-chamados-5
{
    width: 100%;
    height: 300px;
}


.linha { display:none; }
/* cfg.php*/
#busca_inteligente_config {width: 70%; margin:0 auto;}

.div_cfg { border: 1px solid #888; padding: 15px; }
.div_cfg legend { font-size: 12px; font-weight: bold; }

.cfg_titulo  { font-weight:bold;  width: 30%; }
.cfg_opcao, #btn_buscar { padding: 12px; font-size:20px; font-weight:normal; width: 100%;}

/* chamados_abertos.php */
.input_pesquisar { width:100%; font-weight: bold;}
#btn_buscar, .select_organizar, #num_registros, .input_pesquisar:last-child { padding: 12px; font-size:20px; font-weight:normal; }

#busca_inteligente_config {width: 60%; margin:0 auto;}
#cfg { width: 100%; } 

.div_chamados { width: 100%; border-bottom: 1px dashed #000; max-height: 260px; page-break-inside: avoid; margin-bottom: 2px;}

.div_chamados:nth-last-child(2n) {background:#E0E0F8;}

.tab_chamados_abertos td { padding: 0px 3px;  font-size: 14px;}
.tit_table { font-weight: bold; font-size: 13px; }

.col_nome a:hover { text-decoration:underline; }

/* cli_conn_alerta.php */
#form_graf { width: 100%; min-width: 700px;}
#form_graf input { padding: 10px; font-size:18px; width:100%;}
#btn_buscar { padding: 10px; font-size:18px;  background: Navy; color:#FFF; border: 1.5px solid Navy; }

/* det_conn.php */
#conn_cliente {width: 100% }
.linha_conexoes { font-size: 14px; }
.linha_conexoes:nth-last-child(2n) {background:#E0E0F8;}

.width_auto { width:auto; font-weight:bold; }
.conn_alerta { color:red; font-weight: bold; }
.conn_boa { color:DarkGreen; font-weight: bold; }

.link a { font-weight: bold; }
.link a:hover { text-decoration:underline; }

/* index.php */

/* Tabela dos Clientes */

.dp_block p { padding:0; margin:0; font-size: 14px; width: 100%;}

.box_select, .status, .nome_completo, .endereco, .contato, .dados_acesso { display:inline-flex; flex-wrap: wrap; }

.box_select { width: 25px; }
.status { width:50px; }
.nome_completo { width: 33%; }
.endereco { width: 19%; }
.contato { width: 12%; }
.dados_acesso { width: 24%; }

.center { text-align:center; }

table {
    border-collapse: collapse;
    border-spacing: 0;
}

.input_pesquisar { width:100%; font-weight: bold;}
#btn_buscar, .select_organizar, #num_registros, .input_pesquisar:last-child { padding: 12px; font-size:20px; font-weight:normal; }
#btn_buscar { background: Navy; color:#FFF; border: 1.5px solid Navy;}

#buscar { width: 100%; }
#resultado_pesquisa { width: 100%; }
.linha_titulo {font-weight: bold; text-align:center; background: Navy; color: #FFF; padding: 20px; font-size: 14px; text-align: center;}
.linha_titulo { margin:0; padding:0; }

.tit_org a {color:#FFF;}

.linha_resultados:nth-last-child(2n) {background:#E0E0F8;}
.linha_resultados td{ width: auto; font-size: 14px;}

#resultado_pesquisa td a:hover { text-decoration: underline; }

.bloqueado, .bloqueado a {font-weight:bold; color:Red;}
.observacao, .observacao a {font-weight:bold; color:DarkGreen;}
.desativado, .desativado a { font-weight:bold; }

.op_cliente { font-weight:bold; font-size: 11px; }

.cli_adicional { font-size: 12px; }
.icon_menu { width: 20px; height: 20px; }

.align_middle { vertical-align: middle; }

.icon { width: 25px; height: 25px;  }
.icon_p { width: 15px; height: 15px; }
.icon_g { width: 30px; height: 30px; }
.icon_xg { width: 40px; height: 40px; }

.icon, .icon_g, .icon_xg { vertical-align:middle; }

.titulos_vencidos { font-weight:bold; font-size: 18px; }
.titulos_vencidos a { color:red; }

.dicas { 
    display:none;
    }

.mostrar_dicas:hover + .dicas{ 
    border: 4px solid DarkBlue; 
    font-size: 14px; 
    padding: 4px; 
    background: #E0E0F8; 
    height: 80%;
    position: absolute; bottom: 1px; right: 1px;
    display:table; 
    z-index: 99;
    }

.span_mais{ font-size: 20px; font-weight:bold; }

.box-radius { width: 25px; height: 25px; background: darkblue; color:#FFF; border-radius:50%; font-size: 12px; padding: 3px; }
        
.font_destaque { color:red; font-weight: bold; }

p { margin:0; padding:0; }


/* Formulario PEsquisa */
.form_pesquisa { width:100%; }
.form_pesquisa label { font-size:12px; font-weight: bold; }
.form_pesquisa div { display:inline-flex; }
.form_pesquisa div:first-child, .form_pesquisa input:first-child { min-width: 450px; }

.form_pesquisa input, .form_pesquisa select { display:block; padding:12px 20px; font-size: 18px;}      

.btn_pesquisa { background: darkblue; border-color:darkblue; color:#FFF; }

/* Menu Padrao */
.menu_padrao { margin:0 auto; }
.menu_padrao li { display:inline-flex; vertical-align: middle; padding: 0px 5px; }

.div_middle { 
    /*background: #6C7A89;*/
    display: flex;
    justify-content: center;
    align-items: center;
}



.tit_monitor { text-align:center; font-size: 15px; margin:0;}


.icon_sm {width: 20px;}

.qr_code_2 { width: 2cm; }
.qr_code_3 { width: 3cm; }
.qr_code_4 { width: 4cm; }
.qr_code_5 { width: 5cm; }


.fs-7 { font-size:0.8em; }
.fs-8 { font-size:0.7em; }

/*
input[type=number]::-webkit-inner-spin-button { 
    all: unset; 
    min-width: 21px;
    min-height: 45px;
    margin: 17px;
    padding: 0px;
    background-image: 
    linear-gradient(to top, transparent 0px, transparent 16px, #fff 16px, #fff 26px, transparent 26px, transparent 35px, #000 35px,#000 36px,transparent 36px, transparent 40px),
    linear-gradient(to right, transparent 0px, transparent 10px, #000 10px, #000 11px, transparent 11px, transparent 21px);
    transform: rotate(90deg) scale(0.8, 0.9);
    cursor:pointer;
  }
*/
  .img-small{ width: 200px; }

  .icon-sm {width: 24px; vertical-align: middle;}

  @media print{
    .no_print { display:none; }
  }


/*Certificado*/
  
.certificate {
    width: 950px;
    margin: 0 auto;
    padding: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    position: relative;
  }
  
  .sidebar {
    position: relative;
    height: 100%;
  }
  
  .rotated-text {
    transform: rotate(-90deg);
    white-space: nowrap;
    position: absolute;
    top: 50%;
  }
  
  .cert_qrcode {
    width: 140px;
  }
  .cert_logo {
    height: 120px;
  }
  
  .cert_ass1,
  .cert_ass2 {
    max-width: 250px;
    max-height: 100px;
  }