/* background-color: #036fab; */
#top {
  position: relative;
  background-color: #FFFFFF;
  color: black;
  padding: 1px;
  margin: 0px 0px 0px 0px;
}

#bottom {
  position: relative;
  background-color: #c2dfef;
  padding: 5px;
  margin: 10px 0px 0px 0px;
}

#left {
  float: left;
  background-color: #ece3a5;
  padding: 5px;
  width: 150px;
}

#right {
  float: right;
  background-color: #ece3a5;
  padding: 5px;
  width: 150px;
}

.center_content {
  position: relative;
  background-color: #FFFFFF;
  padding: 5px;
}

.left_content {
  background-color: #dddddd;
  padding: 5px;
  margin-left: 170px;
}

.right_content {
  background-color: #dddddd;
  padding: 5px;
  margin: 0px 170px 0px 170px;
}

#top a:link, #top a:visited {
  color: white;
  font-weight : bold;
  text-decoration: none;
}

#top a:link:hover, #top a:visited:hover  {
  color: black;
  font-weight : bold;
  text-decoration : underline;
}

.tableDet {
  border: thin;
  border-style: solid;
}

#panelAtalhos .rf-edt-c{
  border-bottom-width: 1px;
  border-right-width:0px;
  height:70px;
  text-align: center;
}

#panelAtalhos .rf-edt-c img{
  border:none;
  margin-left: 10px;
}

.panel {
  float:left;
  width:93px;
  min-height: 90px;
  padding:3px;
}

.blink {
  animation-duration: 2s;
  animation-name: blink;
  animation-iteration-count: infinite;
  animation-timing-function: steps(2, start);
}
@keyframes blink {
  80% {
    visibility: hidden;
  }
}

.fontBold {
  font-weight: bold;
  font-size: 12px;
}
.alignCenter {
  text-align: center;
}
.alignRight {
  text-align: right;
}
.fontLink {
  font-weight: bold;
  font-size: 12px;
  color: #000000;
}
.fontInfoMessages {
  font-weight: bold;
  font-size: 14px;
  color: #000000;
  list-style-position: outside;
  list-style-image: URL('../imagens/info.png');
}
.fontErrorMessages {
  font-weight: bold;
  font-size: 14px;
  color: #FE0000;
  list-style-image: URL('../imagens/warn.png');
  list-style-position: inside;
}
.fontErrorMessagesWarning {
  background-color: #FFFACD;
  border: 1px solid #FFDAB9;
  color: #FF0000;
  width:92%;
  height: auto;
  font-size: 14px;
  font-weight: bold;
  list-style-type: none;
  text-align: center;
  margin-left: 15px;
}
/* Fontes abaixo maiores */
.fontInfoMessages2 {
  font-weight: bold;
  font-size: 18px;
  color: #000000;
  list-style-position: outside;
  list-style-image: URL('../imagens/info.png');
}
.fontErrorMessages2 {
  font-weight: bold;
  font-size: 18px;
  color: #FE0000;
  list-style-image: URL('../imagens/warn.png');
  list-style-position: inside;
}
.fontErrorMessagesWarning2 {
  background-color: #FFFACD;
  border: 1px solid #FFDAB9;
  color: #FF0000;
  width:92%;
  height: auto;
  font-size: 18px;
  font-weight: bold;
  list-style-type: none;
  text-align: center;
  margin-left: 15px;
}
/* --------------------------------- */
.rf-ntf {
  float:left;
  margin: auto;
}
.rf-ntf-cnt {
  height:60px !important;
  right: 35%;
  margin-top:15%;
  position: fixed;
  width: 450px !important;
}
.rf-ntf-cls {
}
/*.rf-ntf-cls-ico { width: 50px; visibility: visible; }*/
.rf-ntf-sum {
  font-size: 16px;
}
/* --------------------------------- */
.fontMono {
  font-family: "Courier New", courier;
  font-size: 10px;
}
.fontSemAtraso {
  font-size: 12px;
  color: #000000;
  background-color: #FFFFFF;
}
.fontComAtraso {
  font-size: 12px;
  color: #FF0000;
  background-color: #FFFFFF;
}
.fontSemAtrasoSelec {
  font-size: 12px;
  color: #000000;
  background-color: #FFFFFF;
}
.fontComAtrasoSelec {
  font-size: 12px;
  color: #FF0000;
  background-color: #FFFFFF;
}
/*PENDENTE: como fazer para colocar a linha inteira com fundo azul e nao apenas os textos, que fica esquisito
.fontSemAtrasoSelec { font-size: 12px; color: #000000; background-color: #6495ED; }
.fontComAtrasoSelec { font-size: 12px; color: #FF0000; background-color: #6495ED; }
*/

.fontNormalLeft {
  color: #000000;
  background-color: #FFFFFF;
  font-size: 12px;
}
.fontVermelhaLeft {
  color: #000000;
  background-color: #FF4040;
  font-size: 12px;
}
.fontVerdeLeft {
  color: #000000;
  background-color: #9AFF9A;
  font-size: 12px;
}
.fontAzulLeft {
  color: #000000;
  background-color: #BFEFFF;
  font-size: 12px;
}
.fontAmarelaLeft {
  color: #000000;
  background-color: #EEEE00;
  font-size: 12px;
}
.fontLaranjaLeft {
  color: #000000;
  background-color: #FFA500;
}
.fontRoxaLeft {
  color: #000000;
  background-color: #D8BFD8;
}
.fontCinzaLeft {
  color: #000000;
  background-color: #AAAAAA;
}

.fontNormalCenter {
  color: #000000;
  background-color: #FFFFFF;
  text-align: center;
}
.fontVermelhaCenter {
  color: #000000;
  background-color: #FF4040;
  text-align: center;
}
.fontVerdeCenter {
  color: #000000;
  background-color: #9AFF9A;
  text-align: center;
}
.fontAzulCenter {
  color: #000000;
  background-color: #BFEFFF;
  text-align: center;
}
.fontAmarelaCenter {
  color: #000000;
  background-color: #EEEE00;
  text-align: center;
}
.fontLaranjaCenter {
  color: #000000;
  background-color: #FFA500;
  text-align: center;
}
.fontRoxaCenter {
  color: #000000;
  background-color: #D8BFD8;
  text-align: center;
}
.fontCinzaCenter {
  color: #000000;
  background-color: #AAAAAA;
  text-align: center;
}

.fontNormalRight {
  color: #000000;
  background-color: #FFFFFF;
  text-align: right;
}
.fontVermelhaRight {
  color: #000000;
  background-color: #FF4040;
  text-align: right;
}
.fontVerdeRight {
  color: #000000;
  background-color: #9AFF9A;
  text-align: right;
}
.fontAzulRight {
  color: #000000;
  background-color: #BFEFFF;
  text-align: right;
}
.fontAmarelaRight {
  color: #000000;
  background-color: #EEEE00;
  text-align: right;
}
.fontLaranjaRight {
  color: #000000;
  background-color: #FFA500;
  text-align: right;
}
.fontRoxaRight {
  color: #000000;
  background-color: #D8BFD8;
  text-align: right;
}
.fontCinzaRight {
  color: #000000;
  background-color: #AAAAAA;
  text-align: right;
}

.font2NormalLeft {
}
.font2VermelhaLeft {
  color: #FFFFFF;
  background-color: #FF0000;
}
.font2VerdeLeft {
  color: #FFFFFF;
  background-color: #9AFF9A;
}
.font2AzulLeft {
  color: #FFFFFF;
  background-color: #BFEFFF;
}
.font2AmarelaLeft {
  color: #FFFFFF;
  background-color: #EEEE00;
}
.font2LaranjaLeft {
  color: #FFFFFF;
  background-color: #FFA500;
}
.font2RoxaLeft {
  color: #FFFFFF;
  background-color: #D8BFD8;
}
.font2NormalCenter {
  background-color: #FFFFFF;
  text-align: center;
}
.font2VermelhaCenter {
  color: #FFFFFF;
  background-color: #FF0000;
  text-align: center;
}
.font2VerdeCenter {
  color: #FFFFFF;
  background-color: #9AFF9A;
  text-align: center;
}
.font2AzulCenter {
  color: #FFFFFF;
  background-color: #BFEFFF;
  text-align: center;
}
.font2AmarelaCenter {
  color: #FFFFFF;
  background-color: #EEEE00;
  text-align: center;
}
.font2LaranjaCenter {
  color: #FFFFFF;
  background-color: #FFA500;
  text-align: center;
}
.font2RoxaCenter {
  color: #FFFFFF;
  background-color: #D8BFD8;
  text-align: center;
}
.font2NormalRight {
  background-color: #FFFFFF;
  text-align: right;
}
.font2VermelhaRight {
  color: #FFFFFF;
  background-color: #FF0000;
  text-align: right;
}
.font2VerdeRight {
  color: #FFFFFF;
  background-color: #9AFF9A;
  text-align: right;
}
.font2AzulRight {
  color: #FFFFFF;
  background-color: #BFEFFF;
  text-align: right;
}
.font2AmarelaRight {
  color: #FFFFFF;
  background-color: #EEEE00;
  text-align: right;
}
.font2LaranjaRight {
  color: #FFFFFF;
  background-color: #FFA500;
  text-align: right;
}
.font2RoxaRight {
  color: #FFFFFF;
  background-color: #D8BFD8;
  text-align: right;
}

.fontPassado {
  color: #FFFFFF;
  background-color: #FF6A6A;
}
.fontPresente {
  color: #FFFFFF;
  background-color: #E0FFFF;
}
.fontFuturo {
  color: #FFFFFF;
  background-color: #9AFF9A;
}
.fontPassadoCenter {
  color: #FFFFFF;
  background-color: #FF6A6A;
  text-align: center;
}
.fontPresenteCenter {
  color: #FFFFFF;
  background-color: #E0FFFF;
  text-align: center;
}
.fontFuturoCenter {
  color: #FFFFFF;
  background-color: #9AFF9A;
  text-align: center;
}
.fontPassadoRight {
  color: #FFFFFF;
  background-color: #FF6A6A;
  text-align: right;
}
.fontPresenteRight {
  color: #FFFFFF;
  background-color: #E0FFFF;
  text-align: right;
}
.fontFuturoRight {
  color: #FFFFFF;
  background-color: #9AFF9A;
  text-align: right;
}

/* Essa ideia de fontPainelXXX nao é boa, pois toda vez tem que ficar mexendo no cssm o ideal é usar fontCorXXX, que sera usada a partir de agora */
.fontPainelVeiculoAut0Left {
  color: #FFFFFF;
  background-color: #C0FF3E;
}
.fontPainelVeiculoAut48Left {
  color: #FFFFFF;
  background-color: #FFFF00;
}
.fontPainelVeiculoAut120Left {
  color: #FFFFFF;
  background-color: #FF6A6A;
}
.fontPainelVeiculoAut0Center {
  color: #FFFFFF;
  background-color: #C0FF3E;
  text-align: center;
}
.fontPainelVeiculoAut48Center {
  color: #FFFFFF;
  background-color: #FFFF00;
  text-align: center;
}
.fontPainelVeiculoAut120Center {
  color: #FFFFFF;
  background-color: #FF6A6A;
  text-align: center;
}
.fontPainelVeiculoAut0Right {
  color: #FFFFFF;
  background-color: #C0FF3E;
  text-align: right;
}
.fontPainelVeiculoAut48Right {
  color: #FFFFFF;
  background-color: #FFFF00;
  text-align: right;
}
.fontPainelVeiculoAut120Right {
  color: #FFFFFF;
  background-color: #FF6A6A;
  text-align: right;
}

/* Essa ideia de fontPainelXXX nao é boa, pois toda vez tem que ficar mexendo no cssm o ideal é usar fontCorXXX, que sera usada a partir de agora */
.fontPainelOrdemCarCarrLeft {
  color: #FFFFFF;
  background-color: #C0FF3E;
}
.fontPainelOrdemCarCancLeft {
  color: #FFFFFF;
  background-color: #FF6A6A;
}
.fontPainelOrdemCarSemcLeft {
  color: #FFFFFF;
  background-color: #FFFF00;
}
.fontPainelOrdemCarVencidaLeft {
  color: #FFFFFF;
  background-color: #D8BFD8;
}
.fontPainelOrdemCarVazioLeft {
}
.fontPainelOrdemCarInicLeft {
  color: #FFFFFF;
  background-color: #76CBE8;
}
.fontPainelOrdemCarCarrCenter {
  color: #FFFFFF;
  background-color: #C0FF3E;
  text-align: center;
}
.fontPainelOrdemCarCancCenter {
  color: #FFFFFF;
  background-color: #FF6A6A;
  text-align: center;
  font-size: 12px;
}
.fontPainelOrdemCarSemcCenter {
  color: #FFFFFF;
  background-color: #FFFF00;
  text-align: center;
}
.fontPainelOrdemCarVencidaCenter {
  color: #FFFFFF;
  background-color: #D8BFD8;
  text-align: center;
}
.fontPainelOrdemCarVazioCenter {
  text-align: center;
}
.fontPainelOrdemCarInicCenter {
  color: #FFFFFF;
  background-color: #76CBE8;
  text-align: center;
}
.fontPainelOrdemCarCarrRight {
  color: #FFFFFF;
  background-color: #C0FF3E;
  text-align: right;
}
.fontPainelOrdemCarCancRight {
  color: #FFFFFF;
  background-color: #FF6A6A;
  text-align: right;
}
.fontPainelOrdemCarSemcRight {
  color: #FFFFFF;
  background-color: #FFFF00;
  text-align: right;
}
.fontPainelOrdemCarVencidaRight {
  color: #FFFFFF;
  background-color: #D8BFD8;
  text-align: right;
}
.fontPainelOrdemCarVazioRight {
  text-align: right;
}
.fontPainelOrdemCarInicRight {
  color: #FFFFFF;
  background-color: #76CBE8;
  text-align: right;
}

.fontQuestionario {
  color: #000000;
  font-size: 16px;
  font-weight: bold;
  background-color: #00BFFF;
}
.fontTopico {
  color: #000000;
  font-size: 14px;
  font-weight: bold;
  background-color: #FFF8DC;
}
.fontSubTopico {
  color: #000000;
  font-size: 12px;
  font-weight: bold;
  background-color: #FFFFF0;
}
.fontQuestao {
  color: #000000;
  font-size: 10px;
  font-weight: bold;
}
.fontResposta {
  color: #000000;
  font-size: 10px;
}

.menuStyle {
  margin-left: 10px;
  background-color: #FFFFFF;
  padding: 3px 3px 0px 5px;
  max-width: 98%;
}

.acessoLink {
  width: 580px;
  padding-top: 10px;
  padding-bottom: 10px;
  border: 1px solid #9FB6CD;
  border-radius:2px 2px 2px 2px;
  background-color:#BBFFFF;
  text-align: center;
}

.rf-dt-ftr-c {
  font-weight: normal;
  text-align: right;
}

/* tamanho default do autocomplete = 182px, necesario criar abaixo para mudar tamanho default => ao atributo width do XML com tamanho diferente */
.autocompleteWidthDefault {
  width:270px !important;
}
.autocompleteWidth50 {
  width:50px !important;
}
.autocompleteWidth100 {
  width:100px !important;
}
.autocompleteWidth150 {
  width:150px !important;
}
.autocompleteWidth200 {
  width:200px !important;
}
.autocompleteWidth250 {
  width:250px !important;
}
.autocompleteWidth300 {
  width:300px !important;
}
.autocompleteWidth350 {
  width:350px !important;
}
.autocompleteWidth450 {
  width:450px !important;
}
.autocompleteWidth600 {
  width:600px !important;
}
.rf-au-lst-scrl{
  max-height:300px !important;
  width:100% !important;
}

.tooltip {
  background-color: #{ richSkin.generalBackgroundColor};
  border-width:3px;
}
.tooltip-custom-body {
  background-color: orange;
}
.tooltip-text {
  width: 350px;
  height: 80px;
  cursor: arrow;
  border-width: 2px;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
}
.tooltipData {
  font-weight: bold;
}

.darkClass
{
  background-color: white;
  filter:alpha(opacity=50); /* IE */
  opacity: 0.5; /* Safari, Opera */
  -moz-opacity:0.50; /* FireFox */
  z-index: 20;
  background-repeat:no-repeat;
  background-position:center;
  position:absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 150%;
}

.linkButtom
{
  text-align: center;
  text-decoration: none;
  background-color: #E3E3E3;
  color: #000000;
  padding: 14px 25px;
  display: inline-block;
}

input[type="text"]:disabled {
  color: #000000;
  background: #B3B6B7;
}

.rolagemTelaCheia
{
  width: 1200px;
  height: 450px;
  overflow: auto;
}

.rolagemPopup1
{
  width: 860px;
  height: 300px;
  overflow: auto;
}

.formatos
{
  border-radius: 5px;
}

.selectedWithBorder.rf-edt-r-sel.rf-edt-r-act {
  border: 1px solid #000;
}

.msgUrgenteBackground {
  width: 100vw;
  height: 100vh;
  overflow: none;
  padding: 0;
  margin: 0;
  border: 0;
  position: fixed;
  top: 0px;
  left: 0px;
  background-color: #33333380;
  align-items: center;
  justify-content: center;
  display: flex;
  z-index: 9999;
}

.msgUrgentePopup {
  width: 270px;
  height: 170px;
  padding: 16px;
  display: flex;
  background-color: white;
  margin-bottom: 35vh;
  align-items: center;
  justify-content: center;
  border: 1px solid #C0C0C0;
  flex-direction: column;
  box-shadow: #00000040 4px 4px;
}

.msgUrgentePopup hr {
  width: 100%;
}

.msgUrgenteMsg {
  flex-basis: 50%;
  text-align: center;
}

.msgUrgenteHeader {
  display: flex;
  flex-direction: row;
}

.msgUrgenteHeader p {
  color: red;
  font-size: 16px;
  margin: 0 8px;
}

.blockMarginBottom5  { margin-bottom: 5px;  display:block; }
.blockMarginBottom10 { margin-bottom: 10px; display:block; }
.blockMarginBottom15 { margin-bottom: 15px; display:block; }
.blockMarginBottom20 { margin-bottom: 20px; display:block; }