/* 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;
}