/* Elementos principais */
* {
    margin: 0px;
    padding: 0px;
    font-family: Verdana;
    font-size: 12px;
}
body {
    background-color: #4e67a9;
    background-image: url('images/fundo.png');
    background-repeat: repeat-x;
    font-size: 90%;
}
h1 {
    font-size: 150%;
}
a img {
    border: none;
}
input[type=submit],
input[type=button] {
    /*
      margin-top: 2px;
      padding: 3px;
      font-size: 90%;
      background-color: #004c8c;
      color: white;
      font-weight: bold;
    */

}

textarea.monofont {
      font-family:Consolas,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New, monospace;
}
root {
    display: block;
}
#cabecalho {
    height: 80px;
    border-bottom: 1px solid #004c8c;
    padding-left: 100%;
    background-color: #435c9b;
    background-image: url('images/titulo.jpg');
    background-repeat: no-repeat;
}
.aguarde {
    font-size: 80%;
    color: navy;
}
.msg {
    color: navy;
    font-size: 80%;
    font-weight: bold;
    display: inline-block;
}
.msg_validacao {
    color: navy;
    font-size: 80%;
    font-weight: bold;
}
.erro_java {
    color: yellow;
    font-weight: bold;
}
.titulo {
    font-size: 110%;
    /*font-weight: bold;*/

    display: block;
    color: white;
    margin-bottom: 5px;
}
/* Caixas de Diálogo */
.dialogo {
    border: 1px solid #004c8c;
    /*background-color: #4e67a9;*/

    background: url('images/fundo.png');
    background-position: bottom;
    margin-bottom: 15px;
    min-width: 600px;
    max-width: 700px;
}
.dialogo .titulo {
    /*background-color: navy;    */

    font-size: 14px;
    background-color: #004c8c;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 3px;
}
.dialogo label {
    display: block;
    font-size: 80%;
    color: white;
    font-weight: bold;
}
.dialogo input {
    display: block;
}
.dialogo input[type=submit] {
    /*font-size: 70%;*/

    /*font-weight: bold;*/

}
.dialogo_conteudo {
    padding: 8px;
}
/* Caixa de Login */
#login_msg_usu {
    font-size: 80%;
    color: white;
    padding-top: 5px;
    padding-left: 5px;
}
#login_msg_usu strong {
    font-size: 95%;
}
#dialogo_login {
    position: absolute;
    width: 320px;
    height: 180px;
    min-width: 300px;
    margin-left: -160px;
    margin-top: -75px;
    top: 50%;
    /* Falta Descontar Cabeçalho */

    left: 50%;
    -moz-box-shadow: 0.4em 0.4em 1em -0.2em rgba(0, 0, 0, 0.6);
    -webkit-box-shadow: 0.4em 0.4em 1em -0.2em rgba(0, 0, 0, 0.6);
    box-shadow: 0.4em 0.4em 1em -0.2em rgba(0, 0, 0, 0.6);
}
#dialogo_login .dialogo_conteudo {
    height: 100%;
    padding-left: 100px;
    background-image: url('images/lateral_login.jpg');
    background-repeat: no-repeat;
    overflow: hidden;
    padding-top: 0px;
}
#dialogo_login form {
    padding: 3px;
}
#dialogo_login .titulo {
    margin-bottom: 0px;
}
#lateral {
    float: left;
}
/* MenuWeb */
#menu {
    width: 180px;
    /*border-right: 1px solid #004c8c;*/

    min-height: 100%;
}
.menuweb {
    background: url('images/fundo.png');
    background-position: center;
    -moz-box-shadow: 0.4em 0.4em 1em -0.2em rgba(0, 0, 0, 0.6);
    -webkit-box-shadow: 0.4em 0.4em 1em -0.2em rgba(0, 0, 0, 0.6);
    box-shadow: 0.4em 0.4em 1em -0.2em rgba(0, 0, 0, 0.6);
}
.menuweb .titulo {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 90%;
    margin-top: 10px;
    margin-bottom: 4px;
    color: navy;
    padding-left: 15px;
    background-image: url('images/icone_menu.gif');
    background-position: 0px 2px;
    background-repeat: no-repeat;
    visibility: hidden;
    width: 0px;
    height: 0px;
}
.menuweb li a {
    text-decoration: none;
    color: navy;
    margin-left: 15px;
}
#menu img {
    vertical-align: middle;
    padding-right: 5px;
}
/*
#menu a {
    background-color: navy;
    color: white;
    display: block;
    padding: 3px;
    font-weight: bold;
    font-size: 90%;
    padding-left: 5px;
    margin-bottom: 3px;
    margin-right: 5px;
    border: 1px inset;
}
*/
#menu li a,
#menu li a:link,
#menu li a:visited {
    text-decoration: none;
    display: block;
    height: 37px;
    color: #fff;
    line-height: 37px;
    padding: 0 10px 0 10px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: 700;
    outline: none;
    /*background: #5d96c5; */

}
#menu li a:hover,
#menu li a:focus,
#menu li a:active {
    background-color: #004c8c;
    /*004c8c #c95500;*/

    color: #fff;
}
/*
#menu a:hover img {
    margin-left: -2px;
    margin-top: -2px;
}
*/
.menuweb .separador {
    height: 4px;
}
/* Menu Explorer */
.menuwebexplorer {
    background: url('images/fundo.png');
    background-position: center;
    /*background-color: #6ea0bd;*/
    /*#4e67a9;*/

    margin-left: 15px;
    margin-top: 10px;
    /*border: 1px solid navy;*/

    display: inline-block;
    -moz-box-shadow: 0.4em 0.4em 1em -0.2em rgba(0, 0, 0, 0.6);
    -webkit-box-shadow: 0.4em 0.4em 1em -0.2em rgba(0, 0, 0, 0.6);
    box-shadow: 0.4em 0.4em 1em -0.2em rgba(0, 0, 0, 0.6);
}
.menuwebexplorer .hint {
    color: #dddddd;
    padding-left: 5px;
    font-weight: normal;
    font-size: 80%;
    margin-top: -8px;
    margin-left: 20px;
    margin-bottom: 5px;
    display: block;
    max-width: 300px;
    font-style: italic;
}
.menuwebexplorer .titulo {
    color: white;
    font-weight: bold;
    font-size: 120%;
    /*border: 1px solid #004c8c;*/
    /*margin-left: -10px;
      margin-top: -10px;
      margin-right: 10px;*/

    background-color: #004c8c;
    padding-left: 5px;
    padding-top: 3px;
    padding-bottom: 3px;

    background: #004c8c; /* Old browsers */
    background: -moz-linear-gradient(left, #004c8c 0%, #466b89 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #004c8c 0%,#466b89 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #004c8c 0%,#466b89 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004c8c', endColorstr='#466b89',GradientType=1 ); /* IE6-9 */
}
.menuwebexplorer table {
    margin: 10px;
}
.menuwebexplorer li {
    list-style: none;
}
.menuwebexplorer .separador {
    display: block;
    border-bottom: 1px solid navy;
}
.menuwebexplorer td {
    text-align: left;
}
.menuwebexplorer a img {
    vertical-align: top;
    margin-right: 5px;
}
.menuwebexplorer a {
    background-color: transparent;
    display: block;
    padding: 3px;
    font-weight: bold;
    font-size: 90%;
    padding-left: 5px;
    margin-bottom: 3px;
    margin-right: 5px;
    text-decoration: none;
    color: white;
}
/* Módulos */
.modulo {
    margin-left: 15px;
    margin-top: 15px;
    display: inline-block;
    width: 80%;
}
.modulo .titulo {
    padding-bottom: 5px;
    border-bottom: 1px solid #004c8c;
    font-size: 120%;
}
/* WebGrid */
.dataTables_wrapper table {
    -moz-box-shadow: 0.4em 0.4em 1em -0.2em rgba(0, 0, 0, 0.6);
    -webkit-box-shadow: 0.4em 0.4em 1em -0.2em rgba(0, 0, 0, 0.6);
    box-shadow: 0.4em 0.4em 1em -0.2em rgba(0, 0, 0, 0.6);
}
.dataTables_info {
    margin-top: 8px;
    color: white;
    font-size: 80%;
    font-weight: bold;
}
.dataTables_paginate {
    margin-top: -10px;
}
.webgrid {
    padding: 0px;
    margin: 5px;
    /*width: 500px;*/
}
.webgrid_celula_cabecalho {
    background-color: navy;
    color: white;
    padding: 2px;
    text-align: left;
    font-size: 90%;
    white-space: nowrap;
}
.webgrid_linha_par {
    background-color: #efefef;
}
.webgrid_linha_impar {
    background-color: white;
}
.webgrid_celula {
    padding: 2px;
    margin: 0px;
    text-align: left;
    font-size: 90%;
    white-space: nowrap;
    max-width: 80px;
    min-width: 80px;
    width: 80px;
    overflow: hidden;
    border-right: 1px solid silver;
}
.webgrid_celula.Integer {
    max-width: 30px;
    min-width: 30px;
    width: 30px;
}
.webgrid_celula.String {
    max-width: 120px;
    min-width: 120px;
    width: 120px;
}
.webgrid_celula.ItemGridBoolean {
    max-width: 30px;
    min-width: 30px;
    width: 30px;
}
.webgrid_celula.ItemGridAcao {
    max-width: 30px;
    min-width: 30px;
    width: 30px;
}
.webgrid_celula.ItemGridAcaoJs {
    max-width: 30px;
    min-width: 30px;
    width: 30px;
}
.webgrid_celula a {
    font-size: 90%;
    text-decoration: none;
}
/* Formulários */
form {
    clear: both;
    padding-top: 3px;
}
label {
    font-weight: bold;
    display: block;
    color: white;
    margin-top: 8px;
    margin-bottom: 3px;
    font-size: 90%;
}
.barra_botoes {
    padding-top: 5px;
    margin-top: 10px;
    margin-bottom: 20px;
    border-top: 1px solid #004c8c;
    min-width: 600px;
    max-width: 700px;
}
.inputTree {
    min-width: 600px;
    max-width: 700px;
}
/* Grupo de campos */
.group_fields {
    clear: right;
}
.group_fields .field {
    display: inline-block;
}
.group_fields .field input {
    display: inline;
}
.group_fields .field input[type=text] {
    /*height: 18px;*/

}
/*
.group_fields input {
    display: inline;
    margin-left: 15px;
}

.frmPequia label {
    display: inline;
    padding-right: 5px;
}
*/
/* TreeViewWeb */
.treeviewweb_container {
    border: 1px solid black;
    height: 450px;
    min-width: 300px;
    overflow: auto;
    background-color: white;
    padding: 2px;
    margin: 2px;
    -moz-box-shadow: 0.4em 0.4em 1em -0.2em rgba(0, 0, 0, 0.6);
    -webkit-box-shadow: 0.4em 0.4em 1em -0.2em rgba(0, 0, 0, 0.6);
    box-shadow: 0.4em 0.4em 1em -0.2em rgba(0, 0, 0, 0.6);
}
.treeviewweb li {
    font-size: 90%;
}
.treeviewweb li span {
    margin-left: 3px;
    padding: 1px;
}
.treeweb_noselected {
    font-size: 100%;
    cursor: pointer;
}
.treeweb_selected {
    background-color: #A9D0F5;
    border: 1px solid #0080FF;
    font-size: 100%;
    padding: 1px;
    padding-top: 2px;
    margin-top: 12px;
}
/* JQuery UI */
.ui-datepicker table {
    font-size: 9px;
}
/* Formulário de Entrada de Amostras */
#frmEntAmostra .dialogo {
    margin-top: 15px;
}
#frmEntAmostra .dialogo .titulo {
    font-size: 90%;
}
#frmEntAmostra .dialogo .dialogo_conteudo {
    padding: 5px;
}
.frmPequia {
    display: none;
}
/* Data Table */
.dataTables_length {
    display: none;
}
.dataTables_filter {
    white-space: nowrap;
    text-align: left;
    float: none;
    padding-top: 5px;
    padding-bottom: 5px;
}
.dataTables_wrapper {
    min-height: 0px;
}
/* desenho da caixa */
.desenho_caixa .nome_caixa {
    font-size: 110%;
    font-weight: bold;
}
.desenho_caixa table {
    margin-top: 8px;
    border: 1px solid black;
    -moz-box-shadow: 0.4em 0.4em 1em -0.2em rgba(0, 0, 0, 0.6);
    -webkit-box-shadow: 0.4em 0.4em 1em -0.2em rgba(0, 0, 0, 0.6);
    box-shadow: 0.4em 0.4em 1em -0.2em rgba(0, 0, 0, 0.6);
}
.desenho_caixa table th {
    background-color: navy;
    color: white;
    border: 1px solid black;
    padding: 3px;
    font-weight: bold;
    text-align: center;
}
.desenho_caixa .numero_linha {
    background-color: navy;
    color: white;
    border: 1px solid black;
    padding: 3px;
    font-weight: bold;
    width: 20px;
    height: 20px;
    text-align: center;
}
.desenho_caixa .casela {
    border: 1px solid black;
    padding: 3px;
    background-color: white;
    width: 20px;
    height: 20px;
    font-weight: bold;
    text-align: center;
}
.desenho_caixa .casela.vazia {
    border: 1px solid black;
    color: silver;
    cursor: pointer;
}
.desenho_caixa .casela.ocupada {
    cursor: pointer;
}
.desenho_caixa .casela.temp_ocupada * {
    display: none;
}
.desenho_caixa .casela.temp_ocupada {
    background-color: red;
    color: white;
}
.desenho_caixa .casela.temp_ocupada .reserva {
    display: inline;
}
.desenho_caixa .casela.vazia .vazio {
    display: inline;
    font-weight: normal;
}
.desenho_caixa .casela.vazia * {
    display: none;
}
.tooltip {
    display: none;
    background: transparent url('images/black_arrow.png');
    font-size: 90%;
    height: 90px;
    width: 180px;
    padding: 15px;
    color: #fff;
    text-align: left;
}
.tooltip a {
    color: white;
    font-weight: bold;
    font-size: 90%;
}
.tooltip .attr_name {
    font-weight: bold;
    font-size: 90%;
}
#dialog-edit-casela label {
    color: black;
}
#dialog-edit-casela .webgrid_celula {
    width: 30px;
    min-width: 30px;
    max-width: 30px;
}
.instrucoes {
    margin: 2px;
    margin-top: 8px;
    padding: 5px;
    text-align: left;
    font-size: 80%;
    border: 1px solid black;
    background: url('images/fundo.png');
    background-position: center;
    -moz-box-shadow: 0.4em 0.4em 1em -0.2em rgba(0, 0, 0, 0.6);
    -webkit-box-shadow: 0.4em 0.4em 1em -0.2em rgba(0, 0, 0, 0.6);
    box-shadow: 0.4em 0.4em 1em -0.2em rgba(0, 0, 0, 0.6);
}
.instrucoes h1 {
    font-size: 90%;
    margin-top: 5px;
    margin-bottom: 3px;
}
.instrucoes li {
    margin-left: 15px;
    font-size: 80%;
}
.instrucoes .item_legenda {
    margin-left: 8px;
    display: table-cell;
    text-align: center;
}
.instrucoes .icone_cor {
    height: 20px;
    width: 20px;
    border: 1px solid black;
}
.instrucoes .nome_derivativo {
    font-weight: bold;
    font-size: 70%;
    display: inline;
}
/* conteudo do dialgo ajax */
.xdialogo table td {
    font-size: 95%;
}
.xdialogo a {
    font-size: 90%;
}
.xdialogo label {
    color: black;
    display: inline;
    padding-right: 5px;
}
/*** novos na versão iGacPHP ***/
.inputTree {
    margin-top: 5px;
}
input,
select,
.jstree-focused {
    border: 1px solid #cccccc;
    padding-top: 4px;
    padding-bottom: 5px;
    padding-left: 2px;
    padding-right: 2px;
    font-size: 11px;
}
input[type=date] {
    padding-top: 3px;
    padding-bottom: 2px;
}
input.invalid,
select.invalid, 
.jstree-focused.invalid,
.selectboxit.invalid
{
    border: 1px solid red;
    background-color: #E6FF99 !important;
}
input:invalid,
select:invalid,
.jstree-focused:invalid,
.selectboxit:invalid
{
    border: 1px solid red;
    background-color: #E6FF99 !important;
}
input.invalidOff,
select.invalidOff,
.jstree-focused.invalidOff,
.selectboxit.invalidOff {
    border: 1px solid lightcoral;
    background-color: white !important;
}
input.validationSelected,
select.validationSelected,
.jstree-focused.validationSelected,
.selectboxit.validationSelected {
    border: 1px solid red;
    background-color: #E6FF99 !important;
}

span.inputhint {
    content: '';
    background-image: url('images/hint.png');
    background-repeat: no-repeat;
    height: 16px;
    width: 16px;
    padding-left: 16px;
    overflow: hidden;
}

.dataTables_wrapper {
    margin-top: 10px;
}
/* */
.ui-widget-header {
    background: #7098BD !important;
    border-radius: 0px !important;
    border: 1px solid #004c8c !important;
}
.dataTables_paginate {
    margin-top: 3px;
}
.barra_botao_topo {
    text-align: right;
}
.pesquisa_action_button.editar {
    text-indent: -9999px;
    height: 20px;
    background-image: url('images/edit.png');
    background-repeat: no-repeat;
    background-position: 50%;
    display: inline-block;
    background-size: 20px 20px;
    width: 50%;
}
.pesquisa_action_button.excluir {
    text-indent: -9999px;
    height: 20px;
    background-image: url('images/delete.png');
    background-position: 50%;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    display: inline-block;
    width: 50%;
}
.horizontal-button-sep {
    padding-left: 150px;
    display: inline;
}
.barra_botoes .direita {
    float: right;
}
.ui-state-default {
    background-image: none !important;
    background-color: #dfeffc;
}
.dataTable td {
    font-size: 11px;
    border-left: 1px solid #dfeffc;
}
.boolean-false {
    color: red;
}
.boolean-true {
    color: green;
}
.dd .ddTitle .ddTitleText {
    white-space: nowrap;
}
.dd {
    border: 0px !important;
}
.dd .ddTitle {
    background: white !important;
    /*background-image: none !important;*/

}
.dd .ddTitle .ddTitleText {
    padding: 3px 30px 3px 3px !important;
}
.table.dataTable td {
    font-size: 11px;
}
.dataTable td {
    overflow: hidden;
    /* this is what fixes the expansion */

    text-overflow: ellipsis;
    /* not supported in all browsers, but I accepted the tradeoff */

    white-space: nowrap;
}