/* Copyright 2022,23 by marcelo.t.caminha@gmail.com                       */
/* Licensa Apache2.0 - http://directory.fsf.org/wiki/License:Apache2.0 */
/* 2022-02-28 - ommai: sistema de "Análise e Lista de Fornecedores"    */

body {
  font-size: 1em;
  font-family:Arial;
  background-color: #ddd;
}

.fixedfont {
  font-family:monospace;
}

#logobottom {
  position : fixed;
  right: 1em;
  bottom : .5em;
}

.aesq { text-align: left;}
.acen { text-align: center; }
.adir { text-align: right;}
.adirf { text-align: right; float:right;}
.aesqf { text-align: left; float:left;}

.xsmall { font-size: .65em;}
.small { font-size: .8em;}
.big { font-size: 1.3em; }
.xbig { font-size: 1.6em; }
.bold { font-weight:bold; }

.acenh { margin-top: 40%;}

.mesma_linha {
  white-space: nowrap;
}

.invisivel {
  display : none;
}

.visivel {
  display: block;
}


.amarelo, .warning {
  color: black;
  background-color: yellow;
  margin: .1em 2em .1em 3em;  /* top right bottom left */
  padding:.3em;
  font-size: .8em;
  border : 1px solid black;
  border-radius: 5px;
}

.header_text {
  position: relative;
  top : +.5em;
}

.linbotoes, pad3em {
  margin-right: 3em;
}

#msgcontainer {
  display:inline-box;
  position : fixed;
  left: 10px;
  top: 3em;
  z-index: +111;
  background-color:yellow;
  color : black;
  font-weight : bold;
  text-align: center;
  padding: .7em;
  border : 2px solid black;
  border-radius: 8px;
}

#menucontainer{
  position : fixed;
  left: 15px;
  top : 74px;
  text-align: center;
  overflow-y :auto;
  background-color : #cef7d8;
  white-space: normal;
  border : 4px solid #5aca98;
  border-radius: 10px;
  padding : 8px;
  max-width : 220px;
  z-index : +5;
}

.fofo {
  padding : 3px;
  margin  : 6px;
  font-weight : bold;
}

#menucontainer2{
  position : fixed;
  left: 100px;
  top : 100px;
  text-align: center;
  background-color : #cef7d8;
  border : 4px solid #5aca98;
  border-radius: 10px;
  padding : 8px;
  z-index : +6;
}

.leftpad {
  padding-left: 2.5em;
  display: inline-block;
}

.header, .myheader {
  padding: .4em;
  text-align: left;
  font-size : 1.1em;
  font-weight : bold;
  background-color : #368361;
  color : #fff;
}

.header {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 98%;
  min-height:47px;
  z-index : +10;
}

#headercontainerPai {
  position : fixed;
  width:100%;
  left: 0px;
  top : 0px;
  padding: .2em;     /* top right bottom left */
  text-align: left;
  font-size : 1em;
  font-weight : bold;
  background-color : #5dc99a;
  color : #fff;
  z-index : +5;
}

.container {
  position : absolute;
  width : 99%;
  max-height : 85%;
  left: 0px;
  top : 70px;
  text-align: left;
  overflow-y :auto;
  background-color : #deffe8;
  white-space: normal;
  padding : 2px;
  border : 2px solid #4aba88;
  border-radius: 6px;
}

#avaprdforn {
  height: 84%;
}

.inline {
  display : inline-box;
}

.avalfornprod {
  display: inline-box;
  z-index : +5;
}

.mnuopt {
  margin : 8px 4px 5px 4px;    /* top right bottom left */
  display: inline-block;
}

.btn  {
  margin : 0px 6px 0px 6px;    /* top right bottom left */
  vertical-align: top;
}

.openaval, .opengraf, .copyaval {
  width:36px;
}

#nojs {
  padding : 1em;
  margin : 1em;
  z-index : +555;
  font-size :  1.5em;
  color : black;
  background-color : yellow;
}

.label, .rlabel {
  text-align : left;
}

.clabel {
  text-align : center;
}

.label, .rlabel, .clabel {
  font-weight : bold;
  background-color : #aaffff;
  border-radius: 7px;
  padding : 5px;
  margin: 1px;
}

.zfield {
  text-align : left;
  background-color : #8effc7;
  border-radius: 7px;
  padding : 5px;
  margin: 1px;
}

.labelval {
  padding : 2px;
  margin: 5px;
}

.ui-button {
  padding: 7px;
  margin: 2px;
  text-align : left;
}

.vtop {
  vertical-align: top;
}

.itemcompraforn {
  display : inline-block;
  text-align : left;
  background-color : #8effc7;
  border : 2px solid #4aba88;
  border-radius: .1em;
  padding : .1em;
  margin: .1em;
  max-width: 10em;
}

.hdirvtop {
  text-align: right;
  vertical-align: top;
}

.waiting {
  cursor: wait !important;
}

.tablesorter-jui td {
  vertical-align: middle;
}
.vtop {
  vertical-align:top;
}

.legend {
  color : #fff;
  background-color : #5dc99a;
  font-size: 1.2em;
  font-weight: bold;
  padding: .5em;
}

#avahead {
  font-size: 1.2em;
  font-weight: bold;
}

#avagraf_frame {
  display: none;
  position : fixed;
  background-color : #fff;
  left: 300px;
  top : 3em;
  z-index : +11;
  cursor: grabbing;
}

#avagraf {
  width :400px;
  height:300px;
}

#myCanvas {
  border:1px solid;
}

.btnfecha {
  position: absolute;
  right: 1px;
  top : 3px;
  z-index: +12;
}

fieldset {
  margin : 1px 1px 10px 1em;    /* top right bottom left */
  max-width : 70%;
}

.evidencia_head {
  font-weight: bold;
}

.evidencia_frame {
  vertical-align: top;
  display: inline-block;
  margin: 1px;
  padding: 3px;
  font-size: .9em;
  /*width :10%;*/
}

.opcao {
  text-align: left;
  font-weight: bold;
  font-size: 1em;
  background-color : #d7ebf9;
  color: #2779aa;
  text-decoration: none;
  border: 1px solid #aed0ea;
  border-radius: 8px;
  padding: .5em 1em;
  margin: .5em 1em;
  cursor: pointer;
/*  background: #d7ebf9 url(public/jquery-ui/images/ui-bg_glass_80_d7ebf9_1x400.png) 50% 50% repeat-x;*/
}

.ed_btn {
  width: 2.2em;
  cursor: pointer;
}

.padmar {
  padding: .2em;
}

.pad1, .pad2, .pad3, .pad4, .pad5 { 
  margin: .1em .1em .1em .5em;     /* top right bottom left */
}
.pad2 { margin-left: 1.5em; }
.pad3 { margin-left: 2.5em; }
.pad4 { margin-left: 3.5em; }
.pad5 { margin-left: 4.5em; }

.editlin {
}

.ui-accordion .ui-accordion-content {
    padding: .5em 1em;
}

.ficha_forpro {
  width: 100%;
  background-color:white;
}

#fichaForPro {
  display : inline-block;
}

.salvafield {
  max-width: 60%;
}

.preto  { color : #000;}
.branco { color : #fff;}

.btn_fechar {
  width:25px;
}

.ficha_head {
  background-color: #eee;
  font-weight: bold; 
  font-size: .8em;
/*  text-align: right; */
  border : 1px solid black;
  border-radius: 5px;
}

.fsheader {
  background-color: #5dc99a;
}

.fsheader_texto {
  color: white;
  font-weight: bold; 
  font-size: .9em;
  margin-left: 1em;
  padding: 5px;
}

.fsstatus {
  background-color: #91ffd9;
  margin: .1em;
  padding: .1em;
}

.ficha_label, .fs_label {
  margin: 0em .1em 0em .1em;       /* top right bottom left */
  padding: .1em;
  background-color: #bcebf9;
  border-radius: 5px;
  font-size: .9em;
}

.ficha_input {
  margin: 0em .6em 0em .1em;       /* top right bottom left */
  font-size: 1em;
}

.ficha_lw {
  margin:1em;
  width: 8em;
  font-weight: bold; 
  display: inline-block;
}

.logo_imagem {
  cursor: pointer;
}

#ommdialog {
  background-color:white;
  z-index : +110;
  text-align: center;
  margin: .8em;
  padding: .1em;
  border : 2px solid black;
  border-radius: 8px;
}

.fechawin {
  display: inline-block;
  position : relative;
  left: -1.5em;
}

input {
  font-size : 1.1em;
}

.autosize {
  max-width: 100%;
  max-height: 100%;
} 

#img_de_test {
  max-width:100%;
  min-width:50px;
}

.resultado {
  overflow-x: scroll;
  overflow-y: scroll;
  max-height : 28em;
  font-size: .9em;
}

#dirManager {
  position:fixed;
  display: inline;
  vertical-align: top;
  background-color:lightgreen;
  width:99.5%;
  height:100%;
  z-index: 100;
}

.meugrid {
  display:grid;
  grid-template-columns: 2.6fr 1.5fr 1fr;
}

.meugrid_cell {
  margin: 3px;
  border : 1px solid black;
  border-radius: 5px;
  text-align: center;
}

.mesma_linha {
  white-space : nowrap ;
}

.relgraf {
  width:400px;
  height:300px;
}

.rellogo {
  /*width:200px;*/
  display:inline;
  max-height: 250px;
}

.fir {
  margin  : .2em;    /* top right bottom left */
  padding : .3em;
  border : 1px solid black;
  border-radius: 6px;
  cursor: pointer;
}

.h3, .h2 {
  font-size: 1.2em;
  font-weight:bold;
}

#aval_compra {
  font-size: 1.5em;
  font-weight:bold;
  margin-left: 1.5em;
}

.escolhecor {
  padding-left : 2em;
  color: white;
}

.foco_nota {
  background-color:#c6e3cf;
  font-weight:bold;  
  font-size: 1.3em;
}

.prdnom {
  min-width : 14em;
}

.item2 { grid-area: menu; }
.item3 { grid-area: main; }
.item4 { grid-area: right; }
.item5 { grid-area: footer; }

.grid-container {
  display: grid;
  grid-template-areas:
    'menu menu main main right  right'
    'menu menu main main footer footer'
    'menu menu main main footer footer';
  gap: 2px;
  background-color: #5dc99a;
  padding: 2px;
}

.grid-container > div {
  background-color: rgba(255, 255, 255, 0.8);
  padding: 2px 0;
}

.edita_anexo {
  border : 1px solid black;
  border-radius: 5px;
  cursor: pointer;
}

.compra_resumo {
  border : 2px solid black;
  border-radius: 10px;
}

.btn_add_compra {
  position: relative;
  top: 0em;
  left: 5em;
}

.btn_add_compra_item {
  position: absolute;
  top: -3em;
  right: 4em;
}

.borda1 table, th, td {
  border: 1px solid black;
  border-collapse: collapse;
}

.total_fornecedor_resumo {
  color: black;
  background-color: white;
}

.tab_total_fornecedor {
  margin: .2em;
}

.cinza { background-color : #ddd; }
.cinza_escuro { background-color : #bbb; }

.data_ini, .data_fim {
  width : 6em;
}
.ini_fim {
  display : inline-block;
  vertical-align: top;
  background-color : #bbb;
  text-align: right;

  border : 2px solid black;
  border-radius: 5px;
  cursor: pointer;
  padding: .3em;
  margin: .3em;
}

/*----------------------------*/